@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/font-f2f4ef0a9cfd.woff2) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/font-501f76ca195e.woff2) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/font-d02cbe275f68.woff2) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/font-0569c822cab6.woff2) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/font-9bd8ba39c9d5.woff2) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/font-18e69125ce1f.woff2) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/font-8257aa2626c3.woff2) format('truetype');
}
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/font-b0c618f6d8ea.woff2) format('truetype');
}
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/font-1a6844598cfc.woff2) format('truetype');
}

:root{--bg:#0b1015;--surface:#141c24;--ink:#f2f3ed;--muted:#aab7c1;--border:#34404a;--accent:#ff754c;--good:#b7e3bb;--paper:#e9e8df;--space:clamp(24px,5vw,86px);--max:1440px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{touch-action:manipulation}button,a.btn{cursor:pointer}button{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:5px}p{max-width:66ch;color:var(--muted)}h1,h2,h3{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:600;line-height:.99;letter-spacing:-.025em;margin:0 0 24px}h1{font-size:clamp(66px,8.8vw,140px);text-transform:uppercase}h2{font-size:clamp(44px,6vw,86px)}h3{font-size:32px}img{max-width:100%;height:auto}header{position:sticky;top:0;z-index:30;background:#0b1015f2;backdrop-filter:blur(15px);border-bottom:1px solid var(--border)}.nav{max-width:var(--max);padding:20px var(--space);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{font-size:25px;letter-spacing:-1.3px;font-weight:700;display:flex;align-items:center;gap:10px}.brand img{width:30px}.links{display:flex;align-items:center;gap:27px;font-size:13px}.links a:hover,.links a[aria-current=page]{color:var(--accent)}.mono,.eyebrow,.tag,.number{font:11px/1.6 'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.1em}.eyebrow{display:flex;align-items:center;gap:13px;margin-bottom:30px;color:var(--accent)}.eyebrow:before{content:'';width:7px;height:7px;background:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:48px;padding:13px 22px;border:1px solid var(--border);background:transparent;color:var(--ink);font-size:13px;font-weight:600;transition:background .2s,transform .2s}.btn:hover{background:#26333e;transform:translateY(-2px)}.btn.primary{background:var(--accent);color:#15181a;border-color:var(--accent)}.btn.primary:hover{background:#ff976b}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.wrap{max-width:var(--max);padding:0 var(--space);margin:auto}.hero{min-height:calc(100svh - 88px);display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:0;padding-top:45px;padding-bottom:45px;position:relative}.hero-copy{position:relative;z-index:2;padding:30px 0}.hero h1 em{font-style:normal;color:var(--accent)}.hero p{max-width:430px;font-size:16px}.hero-visual{position:relative;margin-left:-90px;align-self:stretch;display:flex;align-items:center;min-width:0}.hero-visual>img{width:120%;max-width:none;margin-left:-8%;aspect-ratio:4/3;object-fit:cover}.frame-label{position:absolute;left:12%;top:13%;color:var(--muted)}.sample-label{position:absolute;bottom:11%;left:12%;right:0;display:flex;justify-content:space-between;border-top:1px solid var(--border);padding-top:12px;font:10px 'IBM Plex Mono',monospace;color:var(--muted)}.signal{position:absolute;right:4%;top:43%;background:#101a24e8;padding:17px;border-left:2px solid var(--accent);width:190px;box-shadow:0 10px 50px #0005}.signal p{font-size:11px;margin:7px 0}.pulse{width:8px;height:8px;display:inline-block;background:var(--accent);border-radius:50%;box-shadow:0 0 0 5px #ff754c22;margin-right:8px;animation:pulse 3s infinite}.rail{border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.rail .wrap{display:flex;justify-content:space-between;gap:20px;padding-top:18px;padding-bottom:18px;color:var(--muted)}section.chapter{padding:100px 0;border-bottom:1px solid var(--border)}.chapter-head{display:grid;grid-template-columns:1fr 2fr;gap:30px;margin-bottom:55px}.chapter-head p{max-width:560px}.number{color:var(--accent);display:block;margin-bottom:18px}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.paper{background:var(--paper);color:#14212a}.paper p{color:#4b5b64}.paper .btn{color:#14212a;border-color:#99a3a5}.paper .eyebrow{color:#994021}.steps{border-top:1px solid #8e999b}.step{display:grid;grid-template-columns:45px 1fr;gap:16px;border-bottom:1px solid #aab2b1;padding:24px 0}.step p{font-size:14px;margin-bottom:0}.step h3{margin:0;font-size:28px}.diagram{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2px;background:var(--border);border:1px solid var(--border)}.diagram>div{background:var(--bg);padding:30px;position:relative}.diagram h3{margin-top:28px}.diagram p{font-size:13px}.diagram .tag{color:var(--good)}.bigquote{font-family:'Barlow Condensed',sans-serif;font-size:clamp(50px,7vw,108px);line-height:1.05;max-width:1050px}.bigquote span{color:var(--accent)}.workspace{border:1px solid var(--border);background:#101821;box-shadow:0 20px 70px #0004}.workspace-top{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;padding:17px 22px;border-bottom:1px solid var(--border);font:11px 'IBM Plex Mono',monospace;color:var(--muted)}.workspace-body{display:grid;grid-template-columns:1.25fr 1fr}.inspect-image{position:relative;min-width:0;border-right:1px solid var(--border)}.inspect-image img{width:100%;display:block;aspect-ratio:4/3;object-fit:cover}.scan{position:absolute;left:10%;right:10%;height:1px;background:var(--accent);top:20%;box-shadow:0 0 18px var(--accent);animation:scan 6s ease-in-out infinite}.record{padding:30px}.record h3{font-size:34px}.tag{display:inline-block;padding:5px 9px;border:1px solid var(--border);color:var(--accent);font-size:9px}.fields{margin:24px 0}.field{display:grid;grid-template-columns:105px 1fr;gap:15px;font-size:12px;padding:11px 0;border-top:1px solid var(--border)}.field dt{color:var(--muted)}.field dd{margin:0}.tabs{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:24px}.tabs button{background:none;border:1px solid var(--border);padding:10px 15px;min-height:44px;font-size:12px}.tabs button[aria-selected=true]{background:var(--accent);color:#101418;border-color:var(--accent)}.feature-list article{display:grid;grid-template-columns:80px 1fr 1fr;gap:30px;border-top:1px solid var(--border);padding:35px 0}.feature-list h3{font-size:38px}.feature-list p{margin:0}.stages{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.stage{border-top:2px solid var(--border);padding-top:25px}.stage:first-child{border-color:var(--accent)}.stage ul{padding-left:19px;color:var(--muted);font-size:14px}.stage li{margin:10px 0}.stage h3{margin-top:18px}.faq details{border-top:1px solid var(--border);padding:23px 0}.faq summary{cursor:pointer;font-size:18px;min-height:44px}.faq p{font-size:14px}.cta{background:var(--accent);color:#141a1e;padding:80px var(--space);display:flex;align-items:center;justify-content:space-between;gap:40px}.cta h2{max-width:750px;margin:0}.cta .btn{color:#141a1e;border-color:#141a1e;white-space:nowrap}.cta p{color:#35251e}.footer{padding:65px 0 25px}.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.foot-links{display:flex;flex-direction:column;gap:12px;font-size:13px}.bottom{border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:60px;padding-top:22px;font-size:11px;color:var(--muted)}.pagehero{padding:90px 0 65px;max-width:1050px}.pagehero h1{font-size:clamp(55px,7.3vw,108px)}.pagehero p{font-size:18px}.prose{max-width:850px;padding-bottom:80px}.prose h2{font-size:40px;margin-top:55px}.prose h3{margin-top:28px}.prose li{color:var(--muted);margin:12px 0}.prose a{color:var(--accent);text-decoration:underline}.contact-form{max-width:650px;display:grid;gap:18px;padding:30px;border:1px solid var(--border);margin-bottom:65px}label{display:grid;gap:8px;font-size:13px}input,textarea,select{width:100%;padding:14px;background:#141d26;border:1px solid #657582;border-radius:0;color:var(--ink)}textarea{min-height:130px;resize:vertical}.help{font-size:12px}.notice{padding:18px 22px;border-left:2px solid var(--accent);background:var(--surface);font-size:13px;color:var(--muted)}.menu-toggle{display:none;background:none;border:1px solid var(--border);padding:10px 14px;min-height:44px}.skip{position:fixed;top:-100px;left:10px;z-index:100;background:var(--accent);padding:15px;color:#111}.skip:focus{top:10px}.draw{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;align-items:center;margin:35px 0}.draw>div{padding:25px 12px;border:1px solid var(--border);text-align:center;font-size:13px;min-height:110px}.draw small{display:block;color:var(--muted);margin-top:8px;font-size:10px}.accent{color:var(--accent)}.reveal{transition:transform .7s,opacity .7s}.reveal.seen{animation:rise .7s both}.status-line{font-size:12px;color:var(--good);min-height:26px}.dropzone{border:1px dashed #6c7c88;padding:22px;margin-bottom:20px}.dropzone input{padding:8px;margin-top:10px}.export-note{font-size:12px;color:var(--muted)}@keyframes scan{0%,100%{top:22%}50%{top:75%}}@keyframes pulse{50%{box-shadow:0 0 0 9px #ff754c05}}@keyframes rise{from{transform:translateY(20px);opacity:.4}to{transform:none;opacity:1}}@media(min-width:1600px){.hero{min-height:850px}}@media(max-width:1050px){.links{gap:15px}.hero h1{font-size:90px}.hero-visual{margin-left:-60px}.signal{right:0}.split{gap:35px}.nav{gap:15px}.chapter-head{grid-template-columns:1fr 2fr}}@media(max-width:760px){.nav{padding-top:14px;padding-bottom:14px}.menu-toggle{display:block}.links{display:none;position:absolute;top:72px;left:0;right:0;background:#0b1015;border-bottom:1px solid var(--border);padding:25px;flex-direction:column;align-items:stretch;gap:8px}.links.open{display:flex}.links a{padding:10px;min-height:44px}.hero{grid-template-columns:1fr;padding-top:20px;min-height:0}.hero h1{font-size:clamp(64px,14.5vw,105px)}.hero-copy{padding-bottom:0}.hero-visual{margin:0;min-height:320px;overflow:hidden}.hero-visual>img{width:115%;margin-left:-8%}.signal{right:0;width:163px;top:40%;padding:12px}.frame-label{top:3%;left:0}.sample-label{bottom:3%;left:0;font-size:8px}.hero p{font-size:15px}.rail .wrap{flex-wrap:wrap;gap:8px;font-size:9px}.chapter-head,.split{grid-template-columns:1fr;gap:25px}.chapter-head{margin-bottom:32px}.chapter-head h2{margin-bottom:15px}section.chapter{padding:65px 0}.diagram,.stages{grid-template-columns:1fr}.diagram>div{padding:27px}.diagram h3{margin-top:10px}.workspace-body{grid-template-columns:1fr}.record{padding:24px}.inspect-image{border-right:0;border-bottom:1px solid var(--border)}.feature-list article{grid-template-columns:35px 1fr;gap:15px}.feature-list article p{grid-column:2}.feature-list h3{margin-bottom:0}.cta{flex-direction:column;align-items:flex-start;padding-top:60px;padding-bottom:60px}.foot-grid{grid-template-columns:1fr 1fr}.foot-grid>div:first-child{grid-column:1/-1}.pagehero{padding-top:60px}.pagehero p{font-size:16px}.draw{grid-template-columns:1fr}.draw>div{min-height:0;text-align:left}.contact-form{padding:22px}.field{grid-template-columns:85px 1fr}.tag{letter-spacing:.04em}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}