:root{--bg:#f6f8fb;--surface:#fff;--surface-soft:#eef5f7;--text:#17232f;--muted:#5f6f7c;--primary:#1f6f78;--primary-dark:#154f57;--accent:#d79b4a;--good:#1f7a5a;--bad:#b65d3b;--border:#d8e2e7;--shadow:0 24px 60px rgba(15,35,45,.12);--radius:24px;--max-width:1120px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at top left,rgba(31,111,120,.14),transparent 34rem),linear-gradient(180deg,#f6f8fb 0%,#edf4f6 100%);color:var(--text);line-height:1.6}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1rem clamp(1rem,4vw,3rem);background:rgba(246,248,251,.86);backdrop-filter:blur(14px);border-bottom:1px solid rgba(216,226,231,.85)}.logo{font-weight:800;color:var(--primary-dark);text-decoration:none;letter-spacing:-.03em}.nav-links{display:flex;flex-wrap:wrap;gap:.9rem}.nav-links a{color:var(--muted);text-decoration:none;font-size:.94rem}.nav-links a:hover{color:var(--primary)}.section{width:min(var(--max-width),calc(100% - 2rem));min-height:80vh;margin:0 auto;padding:clamp(4rem,8vw,7rem) 0}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2rem,6vw,5rem);align-items:center;min-height:calc(100vh - 68px)}.eyebrow{color:var(--primary);font-weight:800;letter-spacing:.12em;text-transform:uppercase;font-size:.78rem;margin-bottom:.6rem}h1,h2,h3{line-height:1.1;margin:0 0 1rem;letter-spacing:-.04em}h1{font-size:clamp(3rem,8vw,6.8rem);max-width:10ch}h2{font-size:clamp(2.2rem,5vw,4.5rem)}h3{font-size:1.35rem}p{margin:0 0 1rem}.hero-subtitle,.wide-copy{max-width:780px;color:var(--muted);font-size:clamp(1.05rem,2vw,1.25rem)}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}.button{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:.8rem 1.1rem;border-radius:999px;text-decoration:none;font-weight:750;border:1px solid transparent;transform:translateY(0);transition:transform 180ms ease,box-shadow 180ms ease,background 180ms ease}.button:hover{transform:translateY(-2px);box-shadow:0 18px 34px rgba(31,111,120,.2)}.button:active{transform:translateY(0)}.ripple-button::after{content:"";position:absolute;inset:50% auto auto 50%;width:0;height:0;border-radius:999px;transform:translate(-50%,-50%);background:rgba(255,255,255,.35);opacity:0}.ripple-button:active::after{animation:ripple 550ms ease-out}@keyframes ripple{0%{width:0;height:0;opacity:.7}100%{width:260px;height:260px;opacity:0}}.button.primary{color:#fff;background:var(--primary);box-shadow:0 16px 30px rgba(31,111,120,.22)}.button.secondary{color:var(--primary-dark);background:#fff;border-color:var(--border)}.hero-visual{display:flex;justify-content:center}.mock-window{width:min(100%,520px);border-radius:28px;overflow:hidden;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);transform:rotate(1.5deg);animation:floatWindow 6s ease-in-out infinite}@keyframes floatWindow{0%,100%{transform:rotate(1.5deg) translateY(0)}50%{transform:rotate(1deg) translateY(-10px)}}.mock-topbar{display:flex;gap:.5rem;padding:1rem;background:#e8f1f3;border-bottom:1px solid var(--border)}.mock-topbar span{width:12px;height:12px;border-radius:50%;background:#95a9b3}.mock-grid{display:grid;gap:1rem;padding:1.4rem;grid-template-columns:repeat(2,1fr)}.mock-card,.mock-line{min-height:100px;border-radius:20px;background:var(--surface-soft);border:1px solid var(--border)}.mock-card.large{grid-column:1/-1;min-height:170px;background:linear-gradient(135deg,rgba(31,111,120,.18),rgba(215,155,74,.2))}.mock-line{min-height:18px;grid-column:1/-1}.mock-line.short{width:62%}.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(2rem,5vw,4rem);align-items:center}.info-card,.mini-example,.law-card,.gestalt-card,.platform-grid article,.checklist-card,.compare-card,.dense-card,.spacious-card,.access-card,.impact-card,.type-card{background:rgba(255,255,255,.9);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 16px 40px rgba(15,35,45,.07)}.info-card,.checklist-card{padding:clamp(1.4rem,3vw,2rem)}ul{margin:0;padding-left:1.2rem}li+li{margin-top:.45rem}.example-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem}.mini-example{padding:1.4rem;min-height:210px}.example-icon{width:54px;height:54px;margin-bottom:1rem;border-radius:18px;background:var(--surface-soft);position:relative}.shield-icon:before{content:"";position:absolute;inset:10px 15px;background:var(--primary);clip-path:polygon(50% 0,100% 18%,88% 78%,50% 100%,12% 78%,0 18%)}.trust-icon:before{content:"✓";position:absolute;inset:0;display:grid;place-items:center;color:var(--primary);font-size:2rem;font-weight:900}.speed-icon:before{content:"";position:absolute;width:32px;height:32px;left:11px;top:11px;border:5px solid var(--primary);border-top-color:transparent;border-radius:50%}.focus-icon:before{content:"";position:absolute;inset:14px;border:5px solid var(--accent);border-radius:50%;box-shadow:0 0 0 8px rgba(215,155,74,.16)}.access-icon:before{content:"Aa";position:absolute;inset:0;display:grid;place-items:center;color:var(--primary-dark);font-weight:900}.habit-icon:before{content:"";position:absolute;inset:13px 10px;border:5px solid var(--primary);border-left-color:transparent;border-radius:50%}.css-visual{min-height:360px;display:grid;place-items:center;border-radius:var(--radius);background:linear-gradient(135deg,#fff,#eaf4f5);border:1px solid var(--border);box-shadow:var(--shadow);padding:2rem}.brain-shell{position:relative;width:min(80vw,360px);height:260px;border-radius:48% 52% 45% 55%;background:radial-gradient(circle at 28% 28%,rgba(215,155,74,.22),transparent 24%),radial-gradient(circle at 68% 58%,rgba(31,111,120,.20),transparent 28%),#f8fbfc;border:2px solid rgba(31,111,120,.18)}.node,.spark{position:absolute;border-radius:50%;background:var(--primary)}.node{width:24px;height:24px;box-shadow:0 0 0 8px rgba(31,111,120,.1)}.n1{left:70px;top:70px}.n2{left:160px;top:45px}.n3{left:230px;top:105px}.n4{left:125px;top:155px}.n5{left:230px;top:185px}.connection{position:absolute;height:3px;background:rgba(31,111,120,.35);transform-origin:left center}.c1{width:90px;left:88px;top:78px;transform:rotate(-18deg)}.c2{width:110px;left:176px;top:60px;transform:rotate(38deg)}.c3{width:135px;left:138px;top:166px;transform:rotate(13deg)}.spark{width:10px;height:10px;background:var(--accent);animation:pulse 1.8s infinite}.s1{left:95px;top:120px}.s2{left:190px;top:132px;animation-delay:.4s}.s3{left:270px;top:155px;animation-delay:.8s}@keyframes pulse{0%,100%{transform:scale(1);opacity:.45}50%{transform:scale(1.8);opacity:1}}.visual-caption{color:var(--primary-dark);font-weight:850;margin-top:1rem}.comparison-grid,.accessibility-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem;margin-top:2rem}.compare-card,.access-card{padding:1.4rem}.compare-card span{display:inline-block;color:var(--muted);font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.5rem}.compare-card.bad,.access-card.bad{border-color:rgba(182,93,59,.32)}.compare-card.good,.access-card.good{border-color:rgba(31,122,90,.32)}.law-stack{display:grid;gap:1.2rem;margin-top:2rem}.law-card{display:grid;grid-template-columns:auto 1fr;gap:1.2rem;padding:clamp(1.4rem,3vw,2rem)}.law-number{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:var(--surface-soft);color:var(--primary-dark);font-weight:900}.law-demo{margin-top:1.2rem;padding:1rem;border-radius:18px;background:#f6fafb;border:1px dashed rgba(31,111,120,.35)}.miller-demo{display:flex;flex-wrap:wrap;gap:.6rem}.miller-demo span{padding:.45rem .7rem;border-radius:999px;background:#fff;border:1px solid var(--border);color:var(--primary-dark);font-weight:750}.hick-demo{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem}.choice-cloud{display:grid;grid-template-columns:repeat(4,1fr);gap:.45rem}.choice-cloud.few{grid-template-columns:repeat(3,1fr)}.choice-cloud span{height:22px;border-radius:999px;background:rgba(31,111,120,.25)}.arrow{font-weight:900;color:var(--primary);font-size:2rem}.fitts-demo{display:flex;align-items:center;gap:1rem}.tiny-target,.large-target{border:0;background:var(--primary);color:#fff;border-radius:999px;font-weight:800}.tiny-target{padding:.35rem .55rem;font-size:.75rem}.large-target{padding:1rem 1.4rem;font-size:1rem}.gestalt-grid{display:grid;gap:1rem;margin-top:2rem}.gestalt-grid.detailed{grid-template-columns:repeat(3,1fr)}.gestalt-card{padding:1.4rem}.pattern{height:120px;border-radius:18px;background:#f6fafb;border:1px solid var(--border);margin-bottom:1rem;position:relative;overflow:hidden}.pattern span{position:absolute;width:18px;height:18px;border-radius:50%;background:var(--primary)}.proximity-pattern span:nth-child(1){left:30px;top:34px}.proximity-pattern span:nth-child(2){left:56px;top:34px}.proximity-pattern span:nth-child(3){left:30px;top:60px}.proximity-pattern span:nth-child(4){left:140px;top:34px}.proximity-pattern span:nth-child(5){left:166px;top:34px}.proximity-pattern span:nth-child(6){left:140px;top:60px}.similarity-pattern span:nth-child(odd){background:var(--accent);border-radius:6px}.similarity-pattern span:nth-child(1){left:36px;top:36px}.similarity-pattern span:nth-child(2){left:70px;top:36px}.similarity-pattern span:nth-child(3){left:104px;top:36px}.similarity-pattern span:nth-child(4){left:36px;top:72px}.similarity-pattern span:nth-child(5){left:70px;top:72px}.similarity-pattern span:nth-child(6){left:104px;top:72px}.continuity-pattern span{top:calc(25px + var(--i)*16px);left:calc(30px + var(--i)*34px)}.continuity-pattern span:nth-child(1){--i:0}.continuity-pattern span:nth-child(2){--i:1}.continuity-pattern span:nth-child(3){--i:2}.continuity-pattern span:nth-child(4){--i:3}.continuity-pattern span:nth-child(5){--i:4}.region-pattern:before{content:"";position:absolute;inset:22px 28px;border-radius:18px;border:2px solid rgba(31,111,120,.25);background:rgba(31,111,120,.06)}.region-pattern span:nth-child(1){left:70px;top:50px}.region-pattern span:nth-child(2){left:104px;top:50px}.region-pattern span:nth-child(3){left:138px;top:50px}.figure-pattern:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,transparent 0 36px,rgba(31,111,120,.12) 37px)}.figure-pattern span{width:72px;height:72px;left:calc(50% - 36px);top:calc(50% - 36px);border-radius:20px;background:var(--primary)}.closure-pattern span{width:34px;height:34px;background:transparent;border:8px solid var(--primary)}.closure-pattern span:nth-child(1){left:55px;top:28px;border-right:0;border-bottom:0}.closure-pattern span:nth-child(2){right:55px;top:28px;border-left:0;border-bottom:0}.closure-pattern span:nth-child(3){left:55px;bottom:28px;border-right:0;border-top:0}.closure-pattern span:nth-child(4){right:55px;bottom:28px;border-left:0;border-top:0}.visual-lab{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem}.type-card{padding:1.4rem;min-height:210px}.type-card span{color:var(--muted);text-transform:uppercase;font-weight:850;letter-spacing:.09em;font-size:.78rem}.business-type h3{font-family:Georgia,serif}.finance-type h3{font-family:"Courier New",monospace;color:var(--primary-dark)}.game-type h3{font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;letter-spacing:.02em;color:#0f3e45}.color-section{display:grid;grid-template-columns:260px 1fr;gap:2rem;align-items:center;margin-top:2rem}.css-color-wheel{width:240px;height:240px;border-radius:50%;position:relative;background:conic-gradient(#1f6f78,#2f9b72,#d79b4a,#b65d3b,#3b5fb6,#1f6f78);box-shadow:var(--shadow)}.css-color-wheel:after{content:"";position:absolute;inset:62px;border-radius:50%;background:var(--bg);border:1px solid var(--border)}.palette-notes{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:1.4rem}.palette-row{display:flex;gap:.65rem;margin-top:1rem}.palette-row span{width:46px;height:46px;border-radius:14px;background:var(--swatch);border:1px solid rgba(0,0,0,.08)}.whitespace-rows{display:grid;gap:1.2rem;margin-top:2rem}.space-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem}.dense-card,.spacious-card{padding:1.4rem}.dense-card{padding:.7rem}.dense-card h3,.dense-card p{margin-bottom:.2rem}.spacious-card{padding:2rem}.spacious-card p{margin-bottom:1.6rem}.dense-card button,.spacious-card button,.access-card button{border:0;border-radius:999px;background:var(--primary);color:#fff;font-weight:800;padding:.75rem 1rem}.dense-card input,.spacious-card input{width:100%;border:1px solid var(--border);border-radius:10px;min-height:34px;margin-bottom:.35rem}.fake-table{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem}.fake-table div{height:34px;border-radius:10px;background:var(--surface-soft);border:1px solid var(--border)}.fake-table.spacious{gap:1rem}.fake-table.spacious div{height:48px}.alert-dense{background:#fff3ed}.alert-good{background:#f2faf5}.accessibility-grid{grid-template-columns:repeat(2,1fr)}.low-contrast{background:#dce2e5!important;color:#c8ced1!important}.good-contrast{background:#154f57!important;color:#fff!important}.dot{display:inline-block;width:18px;height:18px;border-radius:50%;vertical-align:middle;margin-right:.35rem}.red{background:#b65d3b}.green{background:#1f7a5a}.status{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;color:#fff;font-weight:900;margin-right:.35rem}.status.error{background:#b65d3b}.status.success{background:#1f7a5a}.tiny-close{width:22px;height:22px;padding:0!important;font-size:.75rem}.large-access-button{min-height:48px;padding-inline:1.3rem!important}.platform-grid{display:grid;gap:1rem;margin-top:2rem;grid-template-columns:repeat(3,1fr)}.platform-grid article{padding:1.4rem}.impact-layout{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem;margin-top:2rem}.impact-card{padding:1.6rem}.impact-card a{display:inline-block;margin-right:.65rem;margin-top:.5rem;color:var(--primary-dark);font-weight:800}.metric-strip{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.2rem}.metric-strip span{padding:.55rem .75rem;border-radius:999px;background:var(--surface-soft);color:var(--primary-dark);font-weight:800}.takeaway-list{display:grid;gap:1rem;margin-top:2rem;padding:0;list-style:none}.takeaway-list li{padding:1rem 1.2rem;border-radius:18px;background:#fff;border:1px solid var(--border);box-shadow:0 10px 28px rgba(15,35,45,.06)}.final-section{min-height:70vh}.site-footer{width:min(var(--max-width),calc(100% - 2rem));margin:0 auto;padding:2rem 0 3rem;color:var(--muted);border-top:1px solid var(--border);font-size:.95rem}.reveal,.reveal-item{opacity:0;transform:translateY(36px);transition:opacity 700ms ease,transform 700ms ease}.reveal.visible,.reveal-item.visible{opacity:1;transform:translateY(0)}.reveal-item:nth-child(2n){transition-delay:80ms}.reveal-item:nth-child(3n){transition-delay:160ms}@media (max-width:900px){.hero,.split,.comparison-grid,.space-row,.accessibility-grid,.impact-layout,.color-section{grid-template-columns:1fr}.example-gallery,.gestalt-grid.detailed,.visual-lab,.platform-grid{grid-template-columns:1fr}.section{min-height:auto}.nav-links{display:none}.hero{padding-top:3rem}h1{max-width:100%}}@media (max-width:560px){.site-header{padding:.85rem 1rem}.section{width:min(100% - 1rem,var(--max-width));padding:3.5rem 0}.law-card{grid-template-columns:1fr}.hick-demo{grid-template-columns:1fr}.arrow{transform:rotate(90deg);text-align:center}.css-color-wheel{width:200px;height:200px}}