@font-face{font-family:BenchSans;src:url('/plex-sans-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:BenchMono;src:url('/plex-mono-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:BenchMono;src:url('/plex-mono-semibold.ttf') format('truetype');font-weight:600;font-display:swap}
:root{--paper:#f9f9f7;--white:#fff;--ink:#202120;--muted:#626760;--line:#d9dbd5;--mono:BenchMono,'IBM Plex Mono','Courier New',monospace;--body:BenchSans,'IBM Plex Sans',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--ink);outline-offset:5px}::selection{color:var(--paper);background:var(--ink)}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:400}h1,h2{font-family:var(--mono);letter-spacing:-.035em;line-height:1.13}.soft{color:var(--muted)}.skip-link{position:fixed;top:8px;left:8px;padding:10px 18px;background:var(--ink);color:var(--white);z-index:99;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}
.announcement{display:flex;align-items:center;justify-content:center;gap:14px;min-height:38px;background:var(--ink);color:var(--paper);font:12px var(--mono);letter-spacing:.08em}.cross{font-size:20px;line-height:1}.announcement-detail{color:#aeb1aa}.site-header{display:flex;align-items:center;justify-content:space-between;max-width:1240px;margin:auto;padding:28px 48px;position:relative;z-index:2}.wordmark{display:inline-flex;align-items:center;gap:12px;font:600 21px var(--mono);letter-spacing:-.035em}.brand-ai{font-weight:400;color:var(--muted)}.brand-mark{display:grid;grid-template-columns:repeat(2,5px);gap:3px;transform:rotate(-6deg)}.brand-mark i{width:5px;height:5px;background:currentColor}.brand-mark i:nth-child(2){transform:translateX(3px)}.brand-mark i:nth-child(5){transform:translateX(-3px)}nav{display:flex;gap:32px;align-items:center;font:14px var(--mono)}.nav-link{position:relative}.nav-link:after{content:'';position:absolute;left:0;right:0;bottom:-6px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .2s}.nav-link:hover:after{transform:scaleX(1)}.button{display:inline-flex;justify-content:center;align-items:center;padding:15px 22px;background:var(--ink);border:1px solid var(--ink);color:var(--paper);font:14px var(--mono);line-height:1.4;transition:background .2s,color .2s,transform .2s}.button:hover{background:#444741;transform:translateY(-2px)}.button-small{padding:10px 18px}.button-light{color:var(--ink);background:var(--paper);border-color:var(--paper)}.button-light:hover{background:#dce0d6;color:var(--ink)}
.hero{max-width:1240px;min-height:720px;margin:auto;position:relative;display:grid;grid-template-columns:1fr 1.08fr;align-items:center;padding:48px 48px 105px;gap:26px}.hero-copy{position:relative;z-index:1}.eyebrow{font:12px var(--mono);letter-spacing:.1em;line-height:1.6}.index{color:var(--muted);margin-right:12px}.hero h1{font-size:clamp(52px,5.3vw,74px);margin-top:30px;letter-spacing:-.035em}.hero-description{max-width:380px;font-size:18px;line-height:1.65;color:#60645e;margin-top:25px}.hero-actions{display:flex;gap:27px;align-items:center;flex-wrap:wrap;margin-top:30px}.text-link{font:13px var(--mono);border-bottom:1px solid var(--line);padding:10px 0}.text-link:hover{border-color:var(--ink)}.link-plus{margin-left:12px;font-size:17px}.hero-note{margin-top:24px;font:12px var(--mono);color:var(--muted)}.signal-figure{position:relative;height:510px;align-self:center;margin-right:-30px}.diagram-top,.signal-figure figcaption{position:absolute;display:flex;justify-content:space-between;left:5%;right:5%;font:10px var(--mono);letter-spacing:.05em;color:var(--muted)}.diagram-top{top:0}.signal-figure figcaption{bottom:2px}.signal-figure figcaption span:last-child{font-size:9px}#signal-canvas{width:100%;height:100%;display:block}.signal-core{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);width:130px;height:130px;background:var(--ink);border:10px solid var(--paper);outline:1px solid #b3b6ae;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--paper);box-shadow:0 0 0 8px var(--paper)}.core-logo{font:60px var(--mono);line-height:1;letter-spacing:-.08em}.core-logo span{font-size:26px;vertical-align:top;line-height:1.5;padding-left:3px;color:#afb5a7}.core-label{font:8px var(--mono);letter-spacing:.15em;margin-top:8px}.input-label{display:flex;gap:10px;position:absolute;font:11px var(--mono);line-height:1.4;letter-spacing:.04em;background:var(--paper);padding:9px;white-space:nowrap}.input-label small{display:block;color:var(--muted);font:12px var(--mono);letter-spacing:0;margin-top:4px}.input-square{width:9px;height:9px;background:var(--ink);margin-top:3px}.input-vision{top:14%;left:1%}.input-measure{bottom:16%;left:3%}.input-context{top:29%;right:-3%}.scroll-cue{position:absolute;bottom:25px;left:48px;display:flex;gap:14px;align-items:center;color:var(--muted);font:11px var(--mono);letter-spacing:.1em}.scroll-line{height:36px;width:1px;background:var(--line);position:relative}.scroll-line:after{content:'';position:absolute;bottom:0;left:-2px;width:5px;height:5px;background:var(--ink)}
.section-shell{max-width:1144px;margin:0 auto;border-top:1px solid var(--line);padding:64px 0 74px}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:54px}.side-note{font:12px var(--mono);color:var(--muted);line-height:1.7}.idea-main{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:start}.idea h2,.workflow h2,.principles h2{font-size:clamp(30px,3.6vw,46px)}.idea-copy{font-size:18px;line-height:1.7;color:#51564e;max-width:460px}.idea-copy p+p{margin-top:18px}.idea-copy .quiet{font:13px var(--mono);color:var(--muted);margin-top:27px}.input-strip{display:flex;gap:22px;justify-content:space-between;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0;margin-top:56px;font:12px var(--mono);letter-spacing:.025em}.join{font-size:20px;color:#a2a69b}.workflow{padding-bottom:90px}.workflow-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:44px}.workflow-heading>p{font-size:16px;color:#6b7065}.workflow-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px}.workflow-controls{align-self:start}.step{display:flex;width:100%;text-align:left;align-items:center;gap:22px;padding:28px 0;border:none;border-top:1px solid var(--line);background:transparent;color:var(--ink);cursor:pointer}.step:last-child{border-bottom:1px solid var(--line)}.step-number{font:13px var(--mono);color:var(--muted)}.step-text{font:20px var(--mono);letter-spacing:-.035em;flex:1}.step-text small{display:block;font:14px var(--body);letter-spacing:0;color:var(--muted);margin-top:7px}.step-symbol{font:24px var(--mono);color:var(--muted)}.step.is-active{border-top-color:var(--ink)}.step.is-active .step-symbol,.step.is-active .step-number{color:var(--ink)}.step:hover .step-text{color:#747a6b}.work-panel{background:#f0f1ec;border:1px solid var(--line);min-height:390px;display:flex;flex-direction:column}.panel-bar{display:flex;justify-content:space-between;font:10px var(--mono);letter-spacing:.04em;border-bottom:1px solid var(--line);padding:15px 23px;color:var(--muted)}.panel-content{padding:27px 28px 22px}.panel-label{font:11px var(--mono);letter-spacing:.08em;color:var(--muted)}.panel-content h3{font:21px var(--mono);letter-spacing:-.025em;line-height:1.4;margin-top:13px}.panel-description{margin-top:14px;font-size:15px;line-height:1.7;color:#656a5f}.evidence-list{margin-top:24px}.evidence-list>div{display:grid;grid-template-columns:105px 1fr;gap:12px;border-top:1px solid #d9dcd3;padding:11px 0;align-items:start}.evidence-list span{font:10px var(--mono);letter-spacing:.05em;color:var(--muted);padding-top:2px}.evidence-list strong{font:12px var(--mono);line-height:1.6;font-weight:400}.panel-footer{display:flex;align-items:center;gap:11px;border-top:1px solid var(--line);padding:12px 23px;font:10px var(--mono);color:var(--muted);margin-top:auto}.bracket{font-size:15px;color:var(--ink)}
.principles{padding-bottom:80px}.principles-layout{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:55px;margin-top:40px}.principles h2{font-size:30px}.principle>span{font:11px var(--mono);color:var(--muted)}.principle h3{font:18px var(--mono);line-height:1.5;letter-spacing:-.02em;margin-top:13px}.principle p{color:#6b7065;font-size:16px;line-height:1.7;margin-top:15px}.contact{background:var(--ink);color:var(--paper);padding:78px max(48px,calc((100vw - 1144px)/2)) 0;overflow:hidden}.contact-inner{display:grid;grid-template-columns:1.1fr 1fr;gap:80px}.contact .eyebrow{color:#b0b5a9}.contact .index{color:#858c7c}.contact h2{font-size:clamp(44px,5.5vw,72px);margin-top:35px}.contact h2>span{color:#a2aa97}.contact-copy{padding-top:60px;max-width:430px}.contact-copy p{font-size:18px;line-height:1.7;color:#c0c5b8}.contact-copy p+p{margin-top:18px}.contact-copy .button{margin-top:26px}.email-link{display:block;font:13px var(--mono);color:#a2aa97;margin-top:20px;text-decoration:underline;text-underline-offset:5px}.email-link:hover{color:var(--paper)}.contact-track{height:70px;display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-top:70px;border-top:1px solid #3f4439}.contact-track span{display:block;width:1px;background:#3f4439;height:100%;position:relative}.contact-track span:nth-child(2n){height:55%}.contact-track span:nth-child(3n){height:80%}.contact-track span:before{content:'';position:absolute;top:-3px;left:-3px;background:#717967;width:7px;height:7px}.site-footer{max-width:1240px;margin:auto;display:flex;align-items:center;gap:30px;padding:34px 48px}.site-footer .wordmark{font-size:17px}.site-footer p{font:11px var(--mono);color:var(--muted);flex:1}.site-footer>span{font:11px var(--mono);color:var(--muted)}
@media(min-width:1440px){.hero{min-height:780px}.signal-figure{height:550px}}
@media(max-width:1239px){.section-shell{margin:0 48px}.signal-figure{margin-right:0}.input-context{right:0;top:23%}.input-label small{font-size:10px}.input-strip{gap:12px;font-size:11px}.workflow-layout{gap:35px}.principles-layout{gap:35px}.contact-inner{gap:55px}}
@media(max-width:900px){.site-header{padding:25px 30px}nav{gap:22px}.hero{padding:35px 30px 90px;min-height:650px;gap:12px;grid-template-columns:1.05fr 1fr}.hero h1{font-size:54px}.hero-description{font-size:17px}.hero-actions{gap:18px}.hero-note{font-size:10px}.signal-figure{height:450px;min-width:0}.signal-core{width:100px;height:100px}.core-logo{font-size:46px}.core-label{font-size:7px}.diagram-top{font-size:9px}.signal-figure figcaption span:last-child{display:none}.input-label{font-size:9px;gap:7px}.input-label small{font-size:9px}.input-vision{top:12%;left:0}.input-measure{bottom:14%;left:0}.input-context{top:29%;right:-6px}.scroll-cue{left:30px}.section-shell{margin:0 30px}.idea-main{gap:35px}.idea h2{font-size:35px}.idea-copy{font-size:16px}.workflow h2{font-size:35px}.workflow-layout{gap:24px}.step{gap:15px}.step-text{font-size:17px}.step-text small{font-size:13px}.panel-content{padding:22px}.panel-content h3{font-size:19px}.evidence-list>div{grid-template-columns:83px 1fr;gap:9px}.principles-layout{grid-template-columns:1fr 1fr}.principles h2{grid-column:1/-1;font-size:35px}.contact{padding:64px 30px 0}.contact-inner{gap:35px}.contact h2{font-size:55px}.contact-copy p{font-size:16px}.site-footer{padding:30px}.site-footer p{display:none}.site-footer>span{margin-left:auto}}
@media(max-width:650px){html{scroll-padding-top:25px}.announcement{font-size:10px;gap:9px;min-height:34px}.announcement-detail{display:none}.site-header{padding:23px 22px}.wordmark{font-size:19px}nav{gap:0}.nav-link{display:none}.button-small{padding:9px 12px;font-size:12px}.hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding:35px 22px 75px;gap:28px}.hero h1{font-size:clamp(46px,13vw,64px);line-height:1.1;margin-top:25px}.hero-description{max-width:360px;font-size:17px;margin-top:23px}.hero-actions{margin-top:26px;gap:24px}.hero-actions .button{padding:14px 17px;font-size:12px}.hero-actions .text-link{font-size:11px}.hero-note{font-size:11px;margin-top:22px}.eyebrow{font-size:10px}.signal-figure{height:375px;width:100%;margin-top:17px}.diagram-top{font-size:9px;left:0;right:0}.signal-figure figcaption{left:0;right:0;font-size:9px}.signal-core{width:108px;height:108px}.input-label{font-size:9px;padding:6px}.input-label small{font-size:9px}.input-vision{top:14%;left:0}.input-measure{bottom:13%;left:0}.input-context{top:27%;right:0}.scroll-cue{left:22px;bottom:20px;font-size:9px}.scroll-line{height:25px}.section-shell{margin:0 22px;padding:40px 0 45px}.section-heading{margin-bottom:33px}.side-note{font-size:10px}.idea-main{grid-template-columns:1fr;gap:23px}.idea h2,.workflow h2{font-size:32px}.idea-copy{font-size:16px;max-width:none}.idea-copy .quiet{font-size:12px}.input-strip{display:grid;grid-template-columns:1fr 20px 1fr;gap:16px 10px;margin-top:30px;font-size:10px;padding:20px 0}.input-strip span:nth-child(4){display:none}.input-strip span:nth-child(5){grid-column:1}.input-strip .join{font-size:17px;text-align:center}.workflow-heading{align-items:flex-start;flex-direction:column;gap:18px;margin-bottom:30px}.workflow-heading>p{font-size:15px}.workflow-layout{grid-template-columns:1fr;gap:25px}.step{padding:22px 0}.step-text{font-size:18px}.step-text small{font-size:13px}.work-panel{min-height:385px}.panel-content h3{font-size:20px}.panel-content{padding:24px 20px}.panel-description{font-size:15px}.evidence-list>div{grid-template-columns:80px 1fr}.panel-bar,.panel-footer{padding-left:20px;padding-right:20px}.panel-footer{font-size:9px}.principles-layout{margin-top:30px;gap:32px;grid-template-columns:1fr}.principles h2{font-size:29px}.principle h3{font-size:19px}.principle p{max-width:380px}.contact{padding:43px 22px 0}.contact-inner{grid-template-columns:1fr;gap:0}.contact h2{font-size:48px;margin-top:26px}.contact-copy{padding-top:25px}.contact-track{margin-top:45px;height:45px;gap:15px}.site-footer{padding:27px 22px;flex-wrap:wrap;row-gap:18px}.site-footer .wordmark{font-size:18px}.site-footer>span{font-size:10px;margin-left:0;flex-basis:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
/* Keep technical labels readable at every viewport. */
.eyebrow,.side-note,.hero-note,.diagram-top,.signal-figure figcaption,.signal-figure figcaption span:last-child,.input-label,.input-label small,.scroll-cue,.input-strip,.panel-bar,.panel-label,.panel-footer,.evidence-list span,.principle>span,.site-footer p,.site-footer>span{font-size:12px}
.core-label{font-size:9px}.button,.text-link,.email-link,.step-text small,.idea-copy .quiet{font-size:14px}
.panel-description{font-size:16px}.evidence-list strong{font-size:14px}
.evidence-list>div{grid-template-columns:105px 1fr}.diagram-top{letter-spacing:0}.signal-figure figcaption span:last-child{display:none}
@media(max-width:900px){.input-label small{display:none}.input-vision{top:14%}.input-context{top:27%}.input-measure{bottom:16%}.principles h2{grid-column:1/-1}.workflow-layout{gap:24px}.panel-content{padding:22px 18px}.evidence-list>div{grid-template-columns:91px 1fr}}
@media(max-width:650px){.eyebrow{letter-spacing:.02em}.announcement{font-size:12px;letter-spacing:0}.hero-actions{gap:18px}.hero-actions .button{font-size:14px}.hero-actions .text-link{font-size:12px}.hero-note{font-size:12px}.diagram-top{font-size:11px}.input-label{font-size:11px}.signal-figure figcaption{font-size:11px}.input-strip{font-size:12px;letter-spacing:0;grid-template-columns:1fr 16px 1fr}.side-note{font-size:12px}.panel-bar{font-size:11px}.panel-footer{font-size:12px;line-height:1.5}.evidence-list>div{grid-template-columns:88px 1fr}.site-footer>span{font-size:12px}}

/* Review: a legible, consistent technical type system. */
h1,h2,h3{text-wrap:balance}.announcement-detail{display:inline;color:#c5c9c0}
.diagram-top,.input-label,.signal-figure figcaption,.panel-bar{font-size:12px}
.core-label{font-size:10px}.hero-description,.idea-copy,.panel-description,.principle p{color:var(--muted)}
.step-text small{font-size:16px;line-height:1.5}.panel-footer{line-height:1.5}
.contact h2>span{color:#c4c8be}.contact-copy p{color:#d0d3ca}
.evidence-list strong{line-height:1.65}.wordmark,.step-text,.principle h3{letter-spacing:-.025em}
@media(max-width:650px){.announcement{font-size:11px;gap:8px}.announcement-detail{display:inline}.eyebrow,.panel-bar,.input-label,.diagram-top,.signal-figure figcaption{font-size:12px}}
/* Review: a compact first-screen composition, with a shared page grid. */
.site-header{padding-top:22px;padding-bottom:22px}.wordmark{font-size:24px}
.hero{min-height:570px;padding-top:40px;padding-bottom:72px;gap:36px;grid-template-columns:1fr 1fr}
.hero h1{font-size:clamp(46px,4.5vw,60px);margin-top:24px;line-height:1.16}
.hero-description{max-width:410px;margin-top:22px}.hero-actions{gap:24px;margin-top:26px}
.signal-figure{height:420px;margin-right:0}.diagram-top,.signal-figure figcaption{display:none}
.scroll-cue{bottom:16px;letter-spacing:.04em}.scroll-line{height:24px}
.section-shell{padding:56px 0 64px}.section-heading{margin-bottom:32px}
.idea-main{grid-template-columns:1fr 1fr;gap:60px}.idea h2,.workflow h2{font-size:42px}
.input-strip{margin-top:40px;padding:22px 0}.workflow-heading{margin-bottom:36px}
.principles-layout{margin-top:28px;gap:48px}.principles h2{font-size:34px}.principle h3{margin-top:0}
.site-footer{justify-content:space-between}.site-footer>span{margin-left:auto}
@media(min-width:1440px){.hero{min-height:610px}.signal-figure{height:460px}}
@media(max-width:900px){.hero{min-height:500px;gap:24px;padding-top:30px}.hero h1{font-size:clamp(32px,4.5vw,44px)}.signal-figure{height:350px}.hero-description{font-size:17px}.idea-main{gap:32px}.idea h2,.workflow h2{font-size:34px}.principles-layout{gap:32px}}
@media(max-width:650px){.site-header{padding:18px 22px}.wordmark{font-size:20px;gap:10px}.hero{min-height:0;padding:24px 22px 48px;gap:24px}.hero h1{font-size:clamp(30px,9.2vw,42px);margin-top:20px;line-height:1.18}.hero-description{margin-top:20px;font-size:17px;line-height:1.6;max-width:100%}.hero-actions{gap:20px;margin-top:24px}.signal-figure{height:240px;margin-top:0}.signal-core{width:90px;height:90px;border-width:8px}.core-logo{font-size:40px}.core-logo span{font-size:19px}.core-label{font-size:9px;letter-spacing:.08em;margin-top:5px}.input-vision{top:7%}.input-context{top:22%}.input-measure{bottom:3%}.scroll-cue{display:none}.section-shell{padding:36px 0 44px}.section-heading{margin-bottom:22px}.idea-main{gap:22px;grid-template-columns:1fr}.idea h2,.workflow h2{font-size:31px}.input-strip{margin-top:26px;padding:20px 0}.workflow-heading{margin-bottom:28px}.principles-layout{margin-top:24px;gap:28px}.principles h2{font-size:31px}.contact{padding-top:40px}.contact h2{font-size:40px;line-height:1.2}.contact-copy{padding-top:24px}.contact-track{margin-top:36px;height:34px}.site-footer>span{margin-left:0}}
/* Review: visible interaction states and comfortable touch targets. */
.wordmark,.button-small,.text-link,.email-link{min-height:44px}.button{min-height:48px}
.nav-link{display:inline-flex;align-items:center;min-height:44px}.nav-link:after{bottom:6px}
.text-link{display:inline-flex;align-items:center}.email-link{display:inline-flex;align-items:center;margin-top:12px;font-size:14px;color:#c4c8be}
a,button{touch-action:manipulation}.button:active{transform:translateY(0);background:#353934}.button-light:active{background:#cdd2c5}
.text-link:active,.nav-link:active{opacity:.7}.text-link:visited,.nav-link:visited{color:var(--muted)}
.contact a:focus-visible{outline-color:var(--paper)}.contact .email-link:visited{color:#acb3a2}
.site-footer .wordmark:hover,.site-header .wordmark:hover{color:var(--muted)}
@media(max-width:650px){.nav-link{display:none}.button-small{min-height:44px}.site-header,.hero,.contact,.site-footer{padding-left:max(22px,env(safe-area-inset-left));padding-right:max(22px,env(safe-area-inset-right))}}
/* Review: these are selectors for the adjacent example, not accordions. */
.step{padding:24px 16px;gap:18px;transition:background .18s ease-out}.step.is-active{background:#ecefe7}
.step:hover{background:#f0f2ec}.step:hover .step-text{color:var(--ink)}.step:active{background:#e2e6db}
.step-symbol{font-size:0;width:20px;flex-shrink:0}.step-symbol:after{content:'→';font:22px var(--mono)}
.step.is-active .step-text{font-weight:600}.step.is-active .step-text small{font-weight:400}
.panel-footer .bracket{display:none}.panel-bar{letter-spacing:0}.panel-content h3{letter-spacing:-.02em}
@media(max-width:650px){.step{padding:18px 12px;min-height:64px;gap:12px}.step-text{font-size:17px;letter-spacing:-.025em}.step-text small{display:none}.step-number{font-size:12px}.workflow-layout{gap:20px}.panel-content{padding:24px 20px}}
/* Final audit: keep the address on its own line and the scroll cue touchable. */
.email-link{display:flex;width:fit-content}.scroll-cue{min-height:44px}