:root{color-scheme:light;--bg:#f3ede2;--surface:#fbf8f2;--surface-alt:#eae3d6;--ink:#142f35;--muted:#56676a;--line:#dcd5c8;--teal:#0f4c5c;--accent:#af4b2d;--accent-soft:#f4e3d3;--saffron:#f6a93b;--button:#0f4c5c;--button-text:#fbf8f2;--shadow:0 18px 60px -34px #233c4650;--nav:rgba(243,237,226,.92)}
[data-theme=dark]{color-scheme:dark;--bg:#101d21;--surface:#17282d;--surface-alt:#203439;--ink:#f1eee5;--muted:#aabcbf;--line:#35474a;--teal:#86c9c4;--accent:#f3b068;--accent-soft:#3c3027;--saffron:#f6b858;--button:#e5b565;--button-text:#152a30;--shadow:0 18px 60px -30px #0009;--nav:rgba(16,29,33,.94)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.65 'Geist',system-ui,sans-serif;-webkit-font-smoothing:antialiased}::selection{background:#f6a93b;color:#142f35}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:default;opacity:.35}a,button,input,textarea,select{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--accent);outline-offset:5px}button{color:inherit}svg{display:block;max-width:100%}.wrap{width:min(1200px,calc(100% - 80px));margin-inline:auto}.section{padding-block:100px}.eyebrow,.small-note,.card-number,.card-tag,.preview-top,.scene-label,.scene-bottom,.preview-trace small,.preview-bottom,.episode-toolbar,.evidence-tag,.step-tabs button span,.step-navigation,.evidence-footer,.hardware-caption,.hardware-bottom,.hardware-details>div>span,.buyer-line>span,.pilot-spec strong{font-family:'IBM Plex Mono',monospace}.eyebrow{font-size:11px;letter-spacing:.1em;font-weight:500;display:flex;align-items:center;gap:9px;margin-bottom:22px;text-transform:uppercase;color:var(--teal)}h1,h2,h3,p{margin:0}h1,h2,h3,.brand{font-family:'Bricolage Grotesque',system-ui,sans-serif}h1{font-size:clamp(48px,4.9vw,70px);line-height:1.03;letter-spacing:-.054em;font-weight:700}h2{font-size:clamp(36px,4vw,54px);line-height:1.06;letter-spacing:-.045em;font-weight:600}h3{font-size:23px;line-height:1.2;letter-spacing:-.025em;font-weight:600}em{font-style:normal;color:var(--accent)}p{color:var(--muted)}.muted{color:var(--muted)}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);display:inline-block;flex-shrink:0}.button{background:var(--button);color:var(--button-text);display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:14px 22px;border-radius:8px;border:1px solid transparent;font-size:14px;font-weight:600;line-height:1.4;transition:transform .2s,filter .2s}.button:hover{filter:brightness(1.12);transform:translateY(-2px)}.button span{font-size:19px;line-height:1}.button-small{padding:11px 17px;font-size:13px;gap:20px}.text-link{font-size:14px;font-weight:500;display:inline-flex;gap:18px;align-items:center;border-bottom:1px solid var(--line);padding-block:10px}.text-link:hover{color:var(--accent)}.skip-link{position:fixed;top:-100px;left:20px;background:var(--surface);padding:12px;z-index:100}.skip-link:focus{top:10px}.site-header{position:sticky;top:0;z-index:20;background:var(--nav);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav{height:83px;display:flex;gap:36px;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:10px;font-size:26px;letter-spacing:-1px;font-weight:700;white-space:nowrap}.brand-dot{font-size:10px;align-self:flex-start;margin:6px 0 0 -5px}.brand-mark{width:25px;height:30px;display:flex;align-items:center;gap:3px}.brand-mark i{width:4px;background:var(--teal);border-radius:2px;height:15px}.brand-mark i:nth-child(2){height:27px}.brand-mark i:nth-child(3){height:21px;background:var(--accent)}.brand-mark i:nth-child(4){height:11px}.nav-links{display:flex;gap:30px;margin-left:auto}.nav-links a{font-size:13px;color:var(--muted)}.nav-links a:hover{color:var(--accent)}.nav-actions{display:flex;gap:18px;align-items:center}.theme-toggle,.menu-toggle{background:none;border:1px solid var(--line);height:39px;width:39px;display:grid;place-items:center;border-radius:50%;padding:9px}.theme-toggle svg{width:20px;height:20px}.sun{display:none}[data-theme=dark] .sun{display:block}[data-theme=dark] .moon{display:none}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1.12fr 1fr;gap:64px;padding-block:83px 76px;align-items:center}.hero .eyebrow{font-size:10px;margin-bottom:29px}.hero-description{max-width:460px;font-size:16px;line-height:1.8;margin-top:28px}.hero-description strong{font-weight:500;color:var(--ink)}.hero-actions{display:flex;gap:24px;align-items:center;margin-top:30px}.hero-footnote{font-size:11px;color:var(--muted);margin-top:44px;display:flex;gap:9px;align-items:center}.mini-cross{font-size:22px;color:var(--accent)}.episode-preview{background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);overflow:hidden;transform:rotate(1deg)}.preview-top{display:flex;align-items:center;justify-content:space-between;padding:15px 17px;font-size:9px;color:var(--muted);letter-spacing:.02em}.preview-top>span:first-child{display:flex;align-items:center;gap:7px;color:var(--ink)}.preview-top .status-dot{width:5px;height:5px}.diagnostic-scene{background:#142c30;color:#a7bfbb;position:relative;border-block:1px solid #345055}.scene-label{font-size:8px;display:block;padding:12px 16px 0;letter-spacing:.08em}.phone-diagram{width:100%;height:auto}.scene-bottom{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:.07em;padding:0 16px 9px}.scene-cross{font-size:24px;color:#f6a93b;line-height:1}.fault-ring{transform-origin:318px 105px}.preview-trace{padding:5px 17px}.preview-trace>div{display:flex;align-items:center;gap:14px;padding:13px 0;border-bottom:1px solid var(--line);font-size:13px}.preview-trace>div:last-child{border:0}.trace-index{font:10px 'IBM Plex Mono',monospace;color:var(--muted);align-self:flex-start;padding-top:3px}.preview-trace small{display:block;font-size:8px;color:var(--muted);margin-top:5px;letter-spacing:.025em}.trace-symbol,.verified-check{margin-left:auto;font-size:21px;color:var(--muted)}.dead-end-row{color:var(--accent)}.dead-end-row small,.dead-end-row .trace-symbol{color:var(--accent)}.verified-check{background:var(--surface-alt);border-radius:50%;width:25px;height:25px;text-align:center;line-height:25px;font-size:15px;color:var(--teal)}.preview-bottom{padding:11px 17px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:9px;color:var(--muted)}.pill{border:1px solid var(--line);border-radius:30px;padding:3px 8px;font-size:9px}.loop-strip{background:#123f49;color:#dfebe8;padding:22px 0}.loop-strip .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px}.loop-strip span{font-family:'Bricolage Grotesque',sans-serif;font-size:20px;white-space:nowrap}.loop-strip i{font-size:20px;font-style:normal;color:#789da0}.loop-strip .strip-highlight,.loop-strip b{color:#f6b858}.loop-strip b{font-weight:400;margin-left:6px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:45px}.section-heading>p,.section-heading>div:nth-child(2){max-width:380px;font-size:15px}.section-heading .eyebrow{margin-bottom:17px}.difference-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.difference-grid article{padding:25px 29px;background:var(--surface);border:1px solid var(--line);border-radius:10px;display:flex;flex-direction:column}.card-number{font-size:10px;color:var(--muted)}.line-icon{display:flex;gap:4px;align-items:center;font:54px/1.2 'Geist',sans-serif;color:var(--teal);margin:20px 0 22px;height:65px}.line-icon span{font-size:30px;color:var(--accent)}.difference-grid h3{margin-bottom:13px}.difference-grid p{font-size:14px;line-height:1.8;flex:1}.card-tag{margin-top:28px;padding-top:15px;border-top:1px solid var(--line);font-size:9px;color:var(--teal)}.difference-grid .accent-card{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 35%,var(--line))}.accent-card .card-tag{color:var(--accent)}.episode-section{background:var(--surface);border-block:1px solid var(--line)}.small-note{display:block;font-size:10px;margin-top:16px;color:var(--muted)}.episode-explorer{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--bg)}.episode-toolbar{display:flex;justify-content:space-between;align-items:center;font-size:10px;padding:17px 24px;color:var(--muted);border-bottom:1px solid var(--line)}.episode-toolbar>span:first-child{display:flex;align-items:center;gap:9px;color:var(--ink)}.toolbar-divider{color:var(--line)}.step-tabs{display:grid;grid-template-columns:repeat(6,1fr);border-bottom:1px solid var(--line)}.step-tabs button{background:transparent;border:0;border-right:1px solid var(--line);padding:23px 20px;color:var(--muted);text-align:left;position:relative;font-weight:500;font-size:15px}.step-tabs button:last-child{border-right:0}.step-tabs button span{display:block;font-size:9px;margin-bottom:9px}.step-tabs button:hover{background:var(--surface-alt)}.step-tabs button[aria-selected=true]{background:var(--surface);color:var(--teal)}.step-tabs button[aria-selected=true]:after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--teal)}.step-tabs .dead-end-tab{color:var(--accent)}.step-tabs .dead-end-tab[aria-selected=true]{background:var(--accent-soft);color:var(--accent)}.step-tabs .dead-end-tab[aria-selected=true]:after{background:var(--accent)}.episode-panel{padding:40px;display:grid;grid-template-columns:1fr 1fr;gap:65px;min-height:325px}.evidence-tag{display:inline-block;font-size:9px;letter-spacing:.07em;color:var(--teal);border:1px solid var(--line);border-radius:4px;padding:4px 8px;margin-bottom:18px}.panel-copy h3{font-size:32px;max-width:380px}.panel-copy>p{font-size:14px;margin-top:14px;max-width:420px}.step-navigation{display:flex;align-items:center;gap:16px;font-size:10px;color:var(--muted);margin-top:22px}.step-navigation button{border:1px solid var(--line);background:var(--surface);width:31px;height:31px;border-radius:50%;font-size:17px;line-height:1}.evidence-card{padding:24px 28px;border-radius:8px;background:var(--surface-alt);display:flex;flex-direction:column;justify-content:center}.evidence-card .eyebrow{font-size:9px;margin-bottom:13px}.evidence-card blockquote{font:500 25px/1.35 'Bricolage Grotesque',sans-serif;letter-spacing:-.02em;margin:0;max-width:400px}.evidence-divider{height:1px;background:var(--line);margin:21px 0 14px}.evidence-card p{font-size:12px}.evidence-footer{font-size:8px;color:var(--muted);margin-top:16px;letter-spacing:.015em}.episode-note{border-top:1px solid var(--line);padding:14px 24px;font-size:11px;color:var(--muted);display:flex;gap:10px}.episode-note>span{color:var(--teal)}.hardware-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:45px;align-items:stretch}.hardware-visual{background:#10323e;color:#c7dbdc;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.hardware-caption,.hardware-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:9px;padding:22px 24px}.hardware-caption .pill{color:#f6b858;border-color:#587984;font-size:8px}.hardware-bottom{font-size:8px;color:#9bbabd;border-top:1px solid #345662}.headset{width:100%}.hardware-details>div{display:flex;gap:18px;padding:16px 0;border-bottom:1px solid var(--line)}.hardware-details>div:first-child{padding-top:0}.hardware-details>div>span{font-size:10px;color:var(--accent);padding-top:3px}.hardware-details h3{font-size:19px;margin-bottom:6px}.hardware-details p{font-size:13px}.hardware-details .hardware-spec{display:block;border:1px solid var(--line);border-radius:14px;padding:18px 20px;margin-top:20px}.process-section{background:var(--surface);border-block:1px solid var(--line)}.pipeline{display:grid;grid-template-columns:repeat(5,1fr);gap:24px;margin-top:55px}.pipeline article{position:relative}.pipeline-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:50%;border:1px solid var(--line);font:11px 'IBM Plex Mono',monospace;color:var(--teal);background:var(--bg);margin-bottom:22px}.pipeline article:not(:last-child):after{content:'→';position:absolute;top:6px;left:55px;width:calc(100% - 55px);font-size:16px;color:var(--muted);text-align:right;border-bottom:1px solid var(--line);line-height:22px}.pipeline h3{font-size:19px;margin-bottom:10px}.pipeline p{font-size:12px;max-width:190px}.pipeline-last .pipeline-icon{background:var(--teal);color:var(--bg);font-size:18px;border:0}.pipeline strong{font-weight:500;color:var(--teal);display:inline-block;margin-top:8px}.buyer-line{margin-top:45px;border-top:1px solid var(--line);padding-top:24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.buyer-line>span{font-size:9px;color:var(--muted);flex-shrink:0}.buyer-line>div{font-size:11px}.buyer-line .next-buyer{color:var(--muted)}.contact-card{display:grid;grid-template-columns:1.1fr 1fr;gap:55px;background:#103f4b;color:#f4f0e6;border-radius:16px;padding:54px}.contact-copy .eyebrow{color:#d3b57b;font-size:9px}.contact-copy h2{font-size:44px}.contact-copy em{color:#f6b858}.contact-copy>p{color:#b8d0d2;font-size:14px;margin-top:22px;max-width:390px}.pilot-spec{display:flex;gap:32px;margin:30px 0;font:500 25px/1.3 'Bricolage Grotesque',sans-serif;letter-spacing:-.02em}.pilot-spec strong{display:block;font-size:8px;color:#b8d0d2;font-weight:400;letter-spacing:.03em;margin-top:8px}.contact-email{font-size:15px;border-bottom:1px solid #527580;padding-bottom:8px;display:inline-flex;gap:18px}.contact-email:hover{color:#f6b858}.contact-copy .collector-note{font-size:11px;margin-top:14px;color:#b8d0d2}form{padding:29px;background:var(--surface);border-radius:10px;color:var(--ink);display:flex;flex-direction:column;gap:16px}form h3{font-size:22px;margin-bottom:5px}label{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:500}input,select,textarea{width:100%;min-width:0;border:1px solid var(--line);border-radius:5px;background:var(--bg);color:var(--ink);font-size:12px;padding:11px 12px;line-height:1.5}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.8}textarea{resize:vertical;min-height:90px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-note{font-size:10px;line-height:1.6}#form-status{font-size:11px;color:var(--teal);overflow-wrap:anywhere}.footer{display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid var(--line);padding-block:30px}.footer .brand{font-size:22px}.footer>span{font-size:12px;color:var(--muted)}.footer>div{display:flex;gap:28px;font-size:10px}.footer>div>span{color:var(--muted)}
@media(min-width:1500px){.hero{padding-block:105px 95px}}
@media(max-width:1100px){.wrap{width:calc(100% - 48px)}.hero{gap:35px}.nav{gap:24px}.nav-links{gap:20px}h1{font-size:54px}.hero-actions{gap:18px}.section{padding-block:75px}.episode-panel{gap:35px}.contact-card{padding:38px;gap:32px}.contact-copy h2{font-size:39px}.pilot-spec{gap:22px}.hardware-layout{gap:30px}.loop-strip span{font-size:18px}.preview-top{font-size:8px}}
@media(max-width:800px){.nav{height:72px;gap:20px}.brand{font-size:24px}.nav-links{gap:17px}.nav-links a{font-size:11px}.nav-actions{gap:10px}.nav-cta{display:none}.hero{gap:27px;padding-block:60px}.hero .eyebrow{font-size:8px}.hero h1{font-size:43px}.hero-description{font-size:14px;margin-top:22px}.hero-actions{gap:12px;flex-wrap:wrap}.hero-actions .button{font-size:12px;gap:12px;padding:13px 15px}.text-link{font-size:12px;gap:10px}.hero-footnote{font-size:9px;margin-top:26px}.preview-top>span:nth-child(2){display:none}.preview-trace>div{font-size:11px;gap:9px}.preview-trace small{font-size:7px}.preview-bottom{font-size:7px}.pill{font-size:7px}.loop-strip .wrap{gap:8px}.loop-strip span{font-size:15px}.loop-strip i{font-size:14px}.section-heading{gap:30px}.section-heading>p,.section-heading>div:nth-child(2){max-width:300px;font-size:13px}.difference-grid{gap:12px}.difference-grid article{padding:20px}.difference-grid h3{font-size:20px}.difference-grid p{font-size:12px}.card-tag{font-size:8px}.step-tabs button{padding:17px 12px;font-size:12px}.step-tabs button span{font-size:8px}.episode-panel{padding:28px;gap:24px}.panel-copy h3{font-size:27px}.evidence-card{padding:22px}.evidence-card blockquote{font-size:22px}.hardware-layout{grid-template-columns:1fr 1fr;gap:25px}.hardware-caption,.hardware-bottom{padding:18px 15px;font-size:7px}.hardware-caption{flex-wrap:wrap}.hardware-bottom{flex-wrap:wrap}.hardware-details h3{font-size:17px}.hardware-details p{font-size:12px}.pipeline{gap:17px}.pipeline h3{font-size:16px}.pipeline p{font-size:11px}.buyer-line{flex-wrap:wrap;justify-content:flex-start;gap:14px 25px}.contact-card{grid-template-columns:1fr;gap:30px}.contact-copy h2{font-size:45px}.contact-copy>p{max-width:100%}.contact-copy .collector-note{margin-top:14px}form{padding:26px}.footer{flex-wrap:wrap}.footer>div{margin-left:auto}}
@media(max-width:600px){html{scroll-padding-top:84px}.wrap{width:calc(100% - 36px)}.nav{height:68px}.nav .brand{font-size:24px}.nav-links{display:none;position:absolute;left:0;right:0;top:68px;background:var(--surface);border-bottom:1px solid var(--line);padding:18px;flex-direction:column;gap:0;box-shadow:var(--shadow)}.nav-links.open{display:flex}.nav-links a{font-size:15px;padding:12px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px}.menu-toggle span{height:1px;width:15px;background:var(--ink)}.nav-actions{gap:10px}.theme-toggle,.menu-toggle{height:38px;width:38px}.hero{grid-template-columns:1fr;gap:38px;padding-block:42px 45px}.hero .eyebrow{font-size:9px;margin-bottom:23px}.hero h1{font-size:clamp(39px,9.8vw,58px)}.hero-description{font-size:15px;max-width:440px}.hero-actions{gap:20px;margin-top:25px}.hero-actions .button{font-size:13px;padding:14px 17px;gap:24px}.text-link{font-size:13px}.hero-footnote{font-size:10px;margin-top:25px}.episode-preview{transform:none;max-width:460px;width:100%;margin-inline:auto}.preview-top{font-size:9px}.preview-top>span:nth-child(2){display:block;font-size:8px}.preview-trace>div{font-size:13px;padding-block:13px}.preview-trace small{font-size:8px}.preview-bottom{font-size:9px}.pill{font-size:8px}.loop-strip{padding:21px 0}.loop-strip .wrap{display:grid;grid-template-columns:1fr 18px 1fr 18px 1fr;gap:13px 8px;text-align:center}.loop-strip i:nth-of-type(3){display:none}.loop-strip span{font-size:14px}.section{padding-block:58px}.section-heading{display:block;margin-bottom:30px}.section-heading h2{font-size:37px}.section-heading>p,.section-heading>div:nth-child(2){margin-top:20px;max-width:100%;font-size:14px}.eyebrow{font-size:9px}.difference-grid{grid-template-columns:1fr;gap:12px}.difference-grid article{padding:23px}.line-icon{margin-block:12px 18px;font-size:45px;height:47px}.difference-grid h3{font-size:24px}.difference-grid p{font-size:14px}.card-tag{font-size:9px;margin-top:20px}.episode-toolbar{padding:15px;font-size:8px}.episode-toolbar>span:nth-child(2){display:none}.step-tabs{grid-template-columns:repeat(3,1fr)}.step-tabs button{font-size:13px;padding:15px 12px;border-bottom:1px solid var(--line)}.step-tabs button:nth-child(3){border-right:0}.step-tabs button:nth-child(n+4){border-bottom:0}.episode-panel{grid-template-columns:1fr;padding:23px;gap:25px;min-height:580px}.panel-copy h3{font-size:29px}.panel-copy>p{font-size:13px;min-height:66px}.evidence-card blockquote{font-size:23px}.evidence-card{padding:21px;min-height:230px}.episode-note{padding:14px 17px;font-size:10px}.hardware-layout{grid-template-columns:1fr;gap:26px}.hardware-caption,.hardware-bottom{font-size:8px;padding:18px}.hardware-details>div{padding-block:18px}.hardware-details h3{font-size:20px}.hardware-details p{font-size:13px}.pipeline{grid-template-columns:1fr;margin-top:32px;gap:0}.pipeline article{padding:0 0 25px 58px;min-height:105px}.pipeline-icon{position:absolute;left:0;top:0}.pipeline article:not(:last-child):after{content:'';position:absolute;top:45px;left:19px;width:1px;height:calc(100% - 50px);border:0;background:var(--line)}.pipeline h3{font-size:22px;padding-top:4px}.pipeline p{font-size:13px;max-width:100%}.pipeline article:last-child{padding-bottom:0}.buyer-line{margin-top:25px;gap:14px}.buyer-line>span{width:100%}.buyer-line>div{border:1px solid var(--line);padding:7px 10px;border-radius:4px;font-size:10px}.contact-card{padding:27px 22px;border-radius:12px;gap:28px}.contact-copy h2{font-size:35px}.contact-copy>p{font-size:13px}.pilot-spec{gap:24px;font-size:24px}.pilot-spec strong{font-size:7px}.contact-email{font-size:12px;gap:8px;overflow-wrap:anywhere}form{padding:22px 18px;gap:15px}form h3{font-size:22px}.form-row{grid-template-columns:1fr;gap:15px}input,select,textarea{font-size:16px;padding:11px 10px}label{font-size:11px}.form-note{font-size:10px}.footer{padding-block:24px;gap:13px}.footer .brand{font-size:23px}.footer>span{font-size:10px}.footer>div{width:100%;justify-content:space-between;margin:10px 0 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* ---------------------------------------------------------------------------
   The missing layer: a two-column contrast with a visible gap between them.
   This is the central claim of the pitch, so it gets the width and the weight
   rather than sitting as one bullet among three.
   --------------------------------------------------------------------------- */
.missing-layer{display:grid;grid-template-columns:1fr auto 1fr;gap:0;align-items:stretch;margin:38px 0 10px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--surface)}
.ml-col{padding:26px 26px 22px;display:flex;flex-direction:column;gap:12px}
.ml-commodity{background:var(--surface-alt)}
.ml-ours{background:var(--surface);position:relative}
.ml-ours::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--accent),var(--saffron))}
.ml-tag{font:500 11px/1 "IBM Plex Mono",ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.ml-ours .ml-tag{color:var(--accent)}
.ml-head{font-family:"Bricolage Grotesque",Geist,system-ui,sans-serif;font-size:clamp(1.3rem,2.6vw,1.75rem);font-weight:600;line-height:1.15;margin:0;color:var(--ink)}
.ml-commodity .ml-head{color:var(--muted)}
.ml-head em{font-style:italic;color:var(--accent)}
.ml-commodity .ml-head em{color:var(--muted)}
.ml-col ul{list-style:none;margin:2px 0 0;padding:0;display:flex;flex-direction:column;gap:9px}
.ml-col li{position:relative;padding-left:20px;font-size:.95rem;line-height:1.45;color:var(--ink)}
.ml-commodity li{color:var(--muted)}
.ml-col li::before{content:"–";position:absolute;left:0;color:var(--muted)}
.ml-ours li::before{content:"+";color:var(--accent);font-weight:700}
.ml-foot{margin-top:auto;padding-top:8px;font:500 12px/1.4 "IBM Plex Mono",ui-monospace,monospace;color:var(--muted);border-top:1px dashed var(--line)}
.ml-gap{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:0 6px;background:var(--bg);border-inline:1px dashed var(--line)}
.ml-gap-line{flex:1;width:1px;background:linear-gradient(var(--line),transparent)}
.ml-gap-word{font:500 10px/1 "IBM Plex Mono",ui-monospace,monospace;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);writing-mode:vertical-rl;transform:rotate(180deg)}
@media(max-width:820px){
  .missing-layer{grid-template-columns:1fr}
  .ml-gap{flex-direction:row;padding:8px 0;border-inline:0;border-block:1px dashed var(--line)}
  .ml-gap-line{width:auto;height:1px;flex:1;background:linear-gradient(90deg,transparent,var(--line),transparent)}
  .ml-gap-word{writing-mode:horizontal-tb;transform:none}
}

/* --- Hardware specification, replacing the parts-cost estimate ------------- */
.hardware-spec{background:var(--surface-alt)}
.spec-label{font:500 10px/1 "IBM Plex Mono",ui-monospace,monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.hardware-spec dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:16px;margin:14px 0 0}
.hardware-spec dl>div{display:flex;flex-direction:column;gap:3px}
.hardware-spec dt{font:500 10px/1 "IBM Plex Mono",ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.hardware-spec dd{margin:0;font-family:"Bricolage Grotesque",Geist,system-ui,sans-serif;font-size:1.12rem;font-weight:600;color:var(--ink);line-height:1.2}
.hardware-spec dd span{display:block;font-family:Geist,system-ui,sans-serif;font-size:.78rem;font-weight:400;color:var(--muted);margin-top:2px}
.spec-note{margin:14px 0 0;font-size:.8rem;line-height:1.5;color:var(--muted)}

/* --- Sample clips ---------------------------------------------------------- */
.sample-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(252px,1fr));gap:18px;margin-top:34px}
.sample-card{margin:0;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--surface);display:flex;flex-direction:column}
.sample-media{aspect-ratio:16/9;background:var(--surface-alt);position:relative}
.sample-media video{width:100%;height:100%;object-fit:cover;display:block;background:#0b1c24}
.sample-pending{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--muted);font:500 11px/1 "IBM Plex Mono",ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase}
.sample-pending-mark{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;font-size:13px;color:var(--accent)}
.sample-card figcaption{padding:16px 18px 18px;display:flex;flex-direction:column;gap:7px}
.sample-meta{font:500 10px/1.3 "IBM Plex Mono",ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}
.sample-card figcaption p{margin:0;font-size:.92rem;line-height:1.5;color:var(--muted)}
.sample-foot{margin:22px 0 0;font-size:.84rem;color:var(--muted);display:flex;gap:8px;align-items:flex-start}

/* ---------------------------------------------------------------------------
   Company and product lockup.
   Handsight is the product a buyer remembers; Data Manufacturer is the company
   they would contract with. Stacking them keeps the product dominant while
   making the relationship legible at a glance, which a domain called
   datamanufacturer.com serving a site called Handsight otherwise does not.
   --------------------------------------------------------------------------- */
.brand-stack{align-items:center;letter-spacing:normal}
.brand-names{display:flex;flex-direction:column;line-height:1}
.brand-product{font-size:26px;font-weight:700;letter-spacing:-1px}
.brand-company{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:9.5px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:3px}
@media(max-width:560px){
  /* The company line is the first thing to go when the header is tight: the
     footer states it in full, so nothing is lost. */
  .brand-company{display:none}
  .brand-product{font-size:23px}
}

.footer{align-items:flex-start}
.footer-left{display:flex;flex-direction:column;gap:8px}
.footer-strapline{margin:0;font-size:13px;font-weight:500;color:var(--ink)}
.footer-strapline span{color:var(--accent);margin-inline:2px}
/* No max-width: the footer has about a thousand spare pixels on desktop, and
   capping this at 34ch broke four names across three lines for no reason.
   It is left to the column width, which is one line on desktop and wraps
   to two on a phone. */
.footer-founder{margin:0;font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:11px;line-height:1.6;letter-spacing:.03em;color:var(--muted)}
.footer-right{display:flex;flex-direction:column;align-items:flex-end;gap:8px;font-size:12px}
.footer-right span{color:var(--muted)}
@media(max-width:700px){
  .footer-right{align-items:flex-start}
}