/* self-hosted faces: Mona Sans (width 75–125, weight 200–900) and Reddit Mono, both under the SIL Open Font License */
@font-face{font-family:'Mona Sans';font-style:normal;font-display:swap;font-weight:200 900;font-stretch:75% 125%;src:url(/fonts/mona-sans-latin.woff2) format('woff2-variations'),url(/fonts/mona-sans-latin.woff2) format('woff2');
 unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Mona Sans';font-style:normal;font-display:swap;font-weight:200 900;font-stretch:75% 125%;src:url(/fonts/mona-sans-latin-ext.woff2) format('woff2-variations'),url(/fonts/mona-sans-latin-ext.woff2) format('woff2');
 unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Reddit Mono';font-style:normal;font-display:swap;font-weight:200 900;src:url(/fonts/reddit-mono-latin.woff2) format('woff2-variations'),url(/fonts/reddit-mono-latin.woff2) format('woff2');
 unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Reddit Mono';font-style:normal;font-display:swap;font-weight:200 900;src:url(/fonts/reddit-mono-latin-ext.woff2) format('woff2-variations'),url(/fonts/reddit-mono-latin-ext.woff2) format('woff2');
 unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

html{scroll-padding-top:96px}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{margin:0;background:#050E09}
*{box-sizing:border-box}
.lp{--booth-0:#020604;--booth-1:#050E09;--booth-2:#0A160F;--booth-3:#121F17;--booth-4:#1D2A22;--booth-line:#2E3A32;
--bt-1:#EEF2EB;--bt-2:#C4CBC3;--bt-3:#9AA39A;--bt-4:#7A837B;--hl:238 242 235;--on-bt:#102318;
--sheet:#FCFDFA;--paper:#F4F7F3;--well:#EBEFEB;--line:#DCE1DC;--line-2:#CCD3CE;
--ink:#102318;--ink-2:#3E4D44;--ink-3:#606B63;
--light-core:#F9FFD2;--light:#E6F83E;--light-2:#C7E02B;--light-3:#99BA22;--light-deep:#516F21;
--money:#217541;--money-wash:#E1F7E6;--money-b:#79D68F;--risk:#C2402A;--risk-b:#FB836D;--mark:#1A3A26;
--f-sans:'Mona Sans','Helvetica Neue',Arial,sans-serif;--f-mono:'Reddit Mono',ui-monospace,Menlo,monospace;
--e-out:cubic-bezier(.23,1,.32,1);--e-io:cubic-bezier(.65,0,.35,1);--e-drawer:cubic-bezier(.32,.72,0,1);
position:relative;background:var(--booth-1);color:var(--bt-1);font-family:var(--f-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip}
.lp :where(p,h1,h2,h3,ul,ol,figure){margin:0}
.lp :where(ul,ol){padding:0;list-style:none}
.lp :where(p){text-wrap:pretty}
.lp a{color:inherit}
.lp button{font:inherit;color:inherit}
.lp ::selection{background:var(--light);color:var(--ink)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ic{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums}

/* ============ hero: the booth, lit by one light ============ */
.hero{position:relative;isolation:isolate;overflow:hidden}
.hero-bg{position:absolute;inset:0;z-index:-1;pointer-events:none;
 background:
  radial-gradient(56% 34% at 50% 0%,rgb(var(--hl)/.06),transparent 72%),
  radial-gradient(70% 60% at 50% 76%,rgb(34 50 40/.96),rgb(19 33 25/.6) 50%,transparent 78%),
  radial-gradient(120% 90% at 50% 34%,var(--booth-2),var(--booth-1) 60%,var(--booth-0))}
.hero-grid{position:absolute;inset:0;z-index:-1;pointer-events:none;
 background-image:radial-gradient(circle,rgb(var(--hl)/.075) .8px,transparent 1.3px),linear-gradient(rgb(var(--hl)/.032) 1px,transparent 1px),linear-gradient(90deg,rgb(var(--hl)/.032) 1px,transparent 1px);
 background-size:18px 18px,90px 90px,90px 90px;background-position:9px 9px,9px 9px,9px 9px;
 -webkit-mask-image:radial-gradient(56% 48% at 50% 76%,#000,transparent 80%);mask-image:radial-gradient(56% 48% at 50% 76%,#000,transparent 80%)}
.hero-spill{position:absolute;left:0;right:0;top:0;height:0;z-index:0;pointer-events:none;opacity:0;will-change:transform}
.spill-pool{position:absolute;left:0;right:0;top:-360px;height:720px;
 background:radial-gradient(46% 50% at 50% 50%,rgb(230 248 62/.19),rgb(230 248 62/.07) 42%,rgb(230 248 62/.02) 62%,transparent 80%)}
.spill-dots{position:absolute;left:0;right:0;top:-280px;height:560px;
 background-image:radial-gradient(circle,rgb(236 248 176/.36) .85px,transparent 1.4px),linear-gradient(rgb(236 248 176/.075) 1px,transparent 1px),linear-gradient(90deg,rgb(236 248 176/.075) 1px,transparent 1px);
 background-size:18px 18px,90px 90px,90px 90px;background-position:9px 9px,9px 9px,9px 9px;
 -webkit-mask-image:radial-gradient(44% 50% at 50% 50%,#000,rgb(0 0 0/.32) 46%,transparent 78%);mask-image:radial-gradient(44% 50% at 50% 50%,#000,rgb(0 0 0/.32) 46%,transparent 78%)}
.hero-spill::after{content:"";position:absolute;left:0;right:0;top:-.5px;height:1px;
 background:linear-gradient(90deg,transparent 2%,rgb(230 248 62/.10) 22%,rgb(230 248 62/.26) 54%,rgb(230 248 62/.10) 86%,transparent 98%)}
.grain{position:absolute;inset:0;z-index:8;pointer-events:none;opacity:.075;mix-blend-mode:overlay}
.vignette{position:absolute;inset:0;z-index:7;pointer-events:none;background:radial-gradient(150% 110% at 50% 28%,transparent 52%,rgb(0 0 0/.46))}

/* nav */
.nav{position:relative;z-index:9;max-width:1440px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px;height:88px;padding:0 80px}
.brand{display:inline-flex;align-items:center;gap:12px;min-height:44px;text-decoration:none;color:var(--bt-1)}
.brand .mk{width:46px;height:auto;overflow:visible}
.mk-line{color:var(--bt-1)}
.mk-dot{color:var(--bt-1);transition:color .42s var(--e-out),filter .42s var(--e-out)}
.mk-dot.lit{color:var(--light);filter:drop-shadow(0 0 22px rgb(230 248 62/.85))}
.brand-word{font-size:17px;font-weight:600;font-stretch:112%;letter-spacing:-.02em;white-space:nowrap}
.nav-links{display:flex;align-items:center;gap:4px}
.nav-l{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;border-radius:999px;font-size:14.5px;font-weight:520;color:var(--bt-2);text-decoration:none;white-space:nowrap;transition:color .15s ease}
.nav-r{display:flex;align-items:center;gap:8px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;height:48px;padding:0 24px;border:0;border-radius:999px;font-family:var(--f-sans);font-size:15px;font-weight:600;letter-spacing:-.005em;text-decoration:none;cursor:pointer;white-space:nowrap;transition:transform .16s var(--e-out),background-color .15s ease,box-shadow .15s ease,color .15s ease}
.btn:active{transform:scale(.97)}
.lp .btn-paper{background:var(--bt-1);color:var(--on-bt);box-shadow:inset 0 -1px 0 rgb(16 35 24/.16),0 1px 0 rgb(0 0 0/.35),0 10px 22px -10px rgb(0 0 0/.7)}
.lp .btn-quiet{background:transparent;color:var(--bt-2)}
.btn .ic{width:18px;height:18px}
.lp a:focus-visible,.lp button:focus-visible,.lp [tabindex]:focus-visible{outline:none;box-shadow:0 0 0 2px var(--booth-1),0 0 0 4px var(--bt-1)}
@media (hover:hover){.nav-l:hover,.lp .btn-quiet:hover{color:var(--bt-1)}.lp .btn-paper:hover{background:#FFFFFF}}

/* headline row */
.head{position:relative;z-index:6;max-width:1440px;margin:0 auto;padding:28px 80px 0;display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:64px;align-items:end}
.h1{font-size:clamp(46px,5.4vw,78px);line-height:.94;font-weight:470;font-stretch:125%;letter-spacing:-.048em;color:var(--bt-1);text-wrap:balance}
.h1 .nb{white-space:nowrap}
.ev{position:relative;display:inline-block;z-index:0;color:var(--bt-1)}
.ev::before{content:"";position:absolute;z-index:-1;left:-.16em;right:-.09em;top:.17em;bottom:-.02em;background:var(--light);
 clip-path:polygon(.2em 0,100% 0,calc(100% - .2em) 100%,0 100%);transform-origin:0 50%;transform:scaleX(var(--p,0))}
/* the band's own outline, scaled with it: ink inside, booth light outside, no halo where they meet */
.ev-t{display:inline-block;
 clip-path:polygon(evenodd,-.5em -.5em,calc(100% + .5em) -.5em,calc(100% + .5em) calc(100% + .5em),-.5em calc(100% + .5em),-.5em -.5em,
  calc(-.16em + var(--p,0)*.2em) .17em,calc(-.16em + var(--p,0)*(100% + .25em)) .17em,calc(-.16em + var(--p,0)*(100% + .05em)) calc(100% + .02em),-.16em calc(100% + .02em),calc(-.16em + var(--p,0)*.2em) .17em,-.5em -.5em)}
.ev-k{position:absolute;left:0;top:0;color:var(--ink);pointer-events:none;
 clip-path:polygon(calc(-.16em + var(--p,0)*.2em) .17em,calc(-.16em + var(--p,0)*(100% + .25em)) .17em,calc(-.16em + var(--p,0)*(100% + .05em)) calc(100% + .02em),-.16em calc(100% + .02em))}
.side{display:flex;flex-direction:column;gap:20px;padding-bottom:4px}
.lede{font-size:17px;line-height:1.55;color:var(--bt-2);text-wrap:pretty}
.lede b{font-weight:600;color:var(--bt-1)}
.feeder{position:relative;display:flex;align-items:center;gap:16px;height:68px;padding:0 8px 0 16px;border-radius:999px;
 background:linear-gradient(180deg,rgb(46 58 50/.62),rgb(18 31 23/.8));
 box-shadow:inset 0 1px 0 rgb(var(--hl)/.10),inset 0 0 0 1px rgb(var(--hl)/.08),0 22px 44px -22px rgb(0 0 0/.85);
 -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer}
.feeder input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;border-radius:999px}
.feeder .fi{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:50%;background:rgb(var(--hl)/.07);color:var(--bt-2)}
.feeder .ft{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.feeder .ft b{font-size:15px;font-weight:600;color:var(--bt-1);white-space:nowrap}
.feeder .ft>span{font-size:13px;color:var(--bt-3);white-space:nowrap}
.feeder .btn{height:52px;padding:0 20px 0 24px;pointer-events:none}
.feeder:focus-within{box-shadow:inset 0 1px 0 rgb(var(--hl)/.10),inset 0 0 0 1px rgb(var(--hl)/.26),0 0 0 3px rgb(var(--hl)/.16)}
.fine{display:flex;flex-wrap:wrap;gap:8px 20px;padding-left:16px;font-size:13px;color:var(--bt-3)}
.fine span{display:inline-flex;align-items:center;gap:8px}
.fine .ic{width:16px;height:16px}

/* ============ stage: a 1280 × 720 composition, scaled to fit ============ */
.stage-wrap{position:relative;z-index:5;max-width:1440px;margin:32px auto 0;padding:0 80px;height:var(--sh,720px)}
.stage{position:absolute;left:80px;top:0;width:1280px;height:720px;transform-origin:0 0;transform:scale(var(--s,1))}
.ply{position:absolute;left:382px;top:12px;width:516px;height:780px;border-radius:2px;background-color:#E4E9E3;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9 .7' numOctaves='2' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .78 0 0 0 0 .80 0 0 0 0 .76 0 0 0 -1.6 1.25'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:240px 240px;background-blend-mode:multiply;
 box-shadow:inset 0 1px 0 rgb(255 255 255/.55),0 0 0 .5px rgb(0 0 0/.4),0 30px 60px -30px rgb(0 0 0/.85)}
.ply.p2{transform:translate(-26px,30px) rotate(-2.2deg);filter:brightness(.66)}
.ply.p1{transform:translate(20px,16px) rotate(1.4deg);filter:brightness(.8)}
.inv{position:absolute;left:380px;top:0;width:520px;height:800px;border-radius:2px;background:var(--sheet);color:var(--ink);overflow:hidden;
 box-shadow:0 0 0 .5px rgb(0 0 0/.45),0 1px 1px rgb(0 0 0/.5),0 12px 20px -10px rgb(0 0 0/.65),0 54px 96px -40px rgb(0 0 0/.9)}
.inv-tex{position:absolute;inset:0;opacity:.55;mix-blend-mode:multiply;pointer-events:none}
.inv-shade{position:absolute;left:0;right:0;top:-900px;height:1800px;pointer-events:none;mix-blend-mode:multiply;will-change:transform;
 background:linear-gradient(180deg,rgb(8 20 13/.34) 0%,rgb(8 20 13/.16) 34%,rgb(8 20 13/.03) 45%,rgb(8 20 13/0) 48%,rgb(8 20 13/0) 52%,rgb(8 20 13/.05) 56%,rgb(8 20 13/.2) 68%,rgb(8 20 13/.4) 100%)}
.inv-wake{position:absolute;left:0;right:0;top:0;height:0;pointer-events:none;opacity:0;will-change:transform}
.inv-wake::before{content:"";position:absolute;left:0;right:0;top:-96px;height:192px;mix-blend-mode:multiply;
 background:linear-gradient(180deg,rgb(230 248 62/0),rgb(230 248 62/.10) 30%,rgb(230 248 62/.36) 50%,rgb(230 248 62/.10) 70%,rgb(230 248 62/0))}
.inv-in{position:relative;padding:36px 40px 0}
.inv-top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}
.hauler{display:flex;flex-direction:column;gap:8px}
.hauler-name{display:flex;align-items:baseline;gap:8px;font-size:21px;font-weight:800;font-stretch:75%;letter-spacing:.01em;color:#1B2620}
.hauler-name i{font-style:normal;font-size:13px;font-weight:600;font-stretch:100%;letter-spacing:0;color:var(--ink-2)}
.hauler-ad{font-size:11px;line-height:1.45;color:var(--ink-3)}
.inv-id{display:grid;grid-template-columns:auto auto;gap:3px 16px;font-size:11px;color:#57625A;text-align:right}
.inv-id .mono{font-size:11px;color:var(--ink-2)}
.billto{position:relative;display:flex;justify-content:space-between;margin-top:24px;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:11.5px;color:var(--ink-3)}
.billto .r{text-align:right}
.stamp{position:absolute;left:62%;top:50%;transform:translate(-50%,-50%) rotate(-5deg);padding:4px 12px 8px;border:1.5px solid rgb(46 62 53/.82);border-radius:5px;
 font-size:12.5px;line-height:1;font-weight:650;font-stretch:110%;letter-spacing:.005em;color:rgb(46 62 53/.86);white-space:nowrap;mix-blend-mode:multiply;
 outline:1px solid rgb(46 62 53/.5);outline-offset:-5px;
 -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9 .7' numOctaves='2' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .78 0 0 0 0 .80 0 0 0 0 .76 0 0 0 -1.6 1.25'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9 .7' numOctaves='2' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .78 0 0 0 0 .80 0 0 0 0 .76 0 0 0 -1.6 1.25'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");-webkit-mask-size:120px 120px;mask-size:120px 120px;pointer-events:none}
.billto b{display:block;margin-top:2px;font-size:12.5px;font-weight:600;color:var(--ink)}
.thead{display:grid;grid-template-columns:1fr 70px 96px;margin-top:20px;padding-bottom:8px;font-size:10.5px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3);border-bottom:1px solid var(--line)}
.thead span:nth-child(n+2){text-align:right}
.row{position:relative;display:grid;grid-template-columns:1fr 70px 96px;align-items:center;height:40px;border-bottom:1px solid var(--line);font-size:13px;color:var(--ink-2)}
.row>span{position:relative;z-index:1}
.row .q,.row .a{text-align:right;font-family:var(--f-mono);font-variant-numeric:tabular-nums;font-size:12px}
.row .a{font-size:12.5px;color:var(--ink)}
.row .d{-webkit-text-stroke:calc(var(--rd,0)*.5px) currentColor}
.row .bd{position:absolute;z-index:0;left:-9px;right:-9px;top:9px;bottom:9px;mix-blend-mode:multiply;background:linear-gradient(180deg,var(--light-2),var(--light) 16%,#ECFB5C 50%,var(--light) 84%,var(--light-2));
 clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);transform-origin:0 50%;transform:scaleX(var(--b,0))}
.row.got .d,.row.got .a,.row.got .q{color:var(--ink)}
.row.got .d{-webkit-text-stroke:max(.42px,calc(var(--rd,0)*.5px)) currentColor}
.tot{display:flex;flex-direction:column;gap:8px;margin-top:16px;margin-left:auto;width:220px;font-size:12px;color:var(--ink-3)}
.tot div{display:flex;justify-content:space-between}
.tot .mono{color:var(--ink-2)}
.tot .due{padding-top:8px;border-top:1.5px solid var(--ink);font-size:13.5px;font-weight:700;color:var(--ink)}
.tot .due .mono{font-size:13.5px;color:var(--ink)}
.crease{position:absolute;left:0;right:0;height:14px;pointer-events:none;mix-blend-mode:multiply;background:linear-gradient(180deg,rgb(8 20 13/0),rgb(8 20 13/.05) 48%,rgb(255 255 255/0) 50%,rgb(8 20 13/.025) 60%,rgb(8 20 13/0))}
.crease{background:linear-gradient(180deg,rgb(8 20 13/0),rgb(8 20 13/.04) 46%,rgb(255 255 255/.18) 50%,rgb(8 20 13/.018) 58%,rgb(8 20 13/0))}
.crease.c1{top:31%}.crease.c2{top:64%}
.stub{display:flex;justify-content:space-between;margin:28px -40px 0;padding:12px 40px 0;border-top:1.5px dashed #B9C1BB;font-size:10px;color:#4F5A53}
.stub .mono{font-size:10px}
.small{margin-top:24px;font-size:9.5px;line-height:1.5;color:#5A655D;text-align:justify;hyphens:auto}

/* the audit light: a physical scanner head */
.bar{position:absolute;left:356px;width:568px;top:0;height:0;z-index:4;cursor:grab;touch-action:none;opacity:0;will-change:transform}
.bar:active{cursor:grabbing}
.bar:focus-visible{box-shadow:none}
.bar:focus-visible .bar-house{box-shadow:inset 0 1px 0 rgb(var(--hl)/.12),0 0 0 2px var(--booth-1),0 0 0 4px var(--bt-1)}
.bar-hit{position:absolute;left:0;right:0;top:-22px;height:44px}
.bar-knob{display:none}
.bar-house{position:absolute;left:0;right:0;top:-6px;height:12px;border-radius:6px;
 background:linear-gradient(180deg,rgb(52 62 56/.94),rgb(10 18 13/.97));
 box-shadow:inset 0 1px 0 rgb(var(--hl)/.14),0 7px 18px -5px rgb(0 0 0/.75)}
.bar-house::before,.bar-house::after{content:"";position:absolute;top:3px;width:6px;height:6px;border-radius:50%;background:rgb(var(--hl)/.16);box-shadow:inset 0 1px 1px rgb(0 0 0/.5)}
.bar-house::before{left:7px}.bar-house::after{right:7px}
.bar-core{position:absolute;left:20px;right:20px;top:-1.5px;height:3px;border-radius:2px;background:var(--light-core);
 box-shadow:0 0 1px .5px #FFFFFF,0 0 7px 1.5px rgb(230 248 62/.95),0 0 24px 6px rgb(230 248 62/.55),0 0 80px 18px rgb(230 248 62/.2)}
.bar-glow{position:absolute;left:-10px;right:-10px;top:-46px;height:92px;pointer-events:none;
 background:radial-gradient(50% 50% at 50% 50%,rgb(230 248 62/.20),transparent 70%)}

/* threads */
.threads{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:visible}
.threads path{fill:none;stroke-linecap:round}

/* scanner glass */
.mod{position:absolute;border-radius:20px;color:var(--bt-1);
 background:linear-gradient(115deg,rgb(255 255 255/.055),transparent 34%),linear-gradient(180deg,rgb(50 64 55/.5),rgb(13 25 18/.74));
 box-shadow:inset 0 1px 0 rgb(var(--hl)/.17),inset 0 0 0 1px rgb(var(--hl)/.09),0 1px 0 rgb(0 0 0/.5),0 3px 8px -2px rgb(0 0 0/.45),0 36px 66px -26px rgb(0 0 0/.92);
 -webkit-backdrop-filter:blur(22px) saturate(1.35) brightness(1.06);backdrop-filter:blur(22px) saturate(1.35) brightness(1.06)}
.mod::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:var(--rim,0);
 background:linear-gradient(180deg,rgb(230 248 62/.12),transparent 26%);box-shadow:inset 0 1px 0 rgb(230 248 62/.42)}
.lab{font-size:12.5px;font-weight:540;color:var(--bt-3)}
.chip{display:inline-flex;align-items:center;gap:8px;height:26px;padding:0 12px 0 8px;border-radius:999px;font-size:12.5px;font-weight:600;white-space:nowrap}
.chip .ic{width:14px;height:14px}
.chip-flag{background:var(--light);color:var(--ink)}
.chip-ok{box-shadow:inset 0 0 0 1px rgb(var(--hl)/.26);color:var(--bt-2)}
.chips{display:grid}
.chips>.chip{grid-area:1/1;opacity:0;transition:opacity .14s ease}

.m1{left:880px;top:0;width:400px;padding:20px 24px 16px;z-index:6;opacity:0;will-change:transform}
.m1-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.lens{display:inline-flex;align-items:center;gap:8px;font-family:var(--f-mono);font-size:12px;color:var(--bt-3);white-space:nowrap}
.ldot{display:none}
.lt{display:grid;justify-items:end}
/* the status dot belongs to the words it qualifies: it rides 7px before whichever label is showing */
.lt>span{grid-area:1/1;display:inline-flex;align-items:center;gap:8px}
.lt>span::before{content:"";width:8px;height:8px;flex:none;border-radius:50%;background:var(--bt-4);box-shadow:0 0 0 2px rgb(5 14 9/.9);transition:background-color .2s ease,box-shadow .2s ease}
.lens.hot .lt>span::before{background:var(--light);box-shadow:0 0 0 2px rgb(5 14 9/.9),0 0 10px 2px rgb(230 248 62/.7)}
.m1-v{position:relative;margin-top:12px;transition:height .22s var(--e-out)}
.m1-v>div{position:absolute;left:0;right:0;top:0;display:flex;flex-direction:column;gap:8px;opacity:0;transition:opacity .09s linear}
.m1-v>div.on{opacity:1}
.m1-t{font-size:16.5px;font-weight:600;font-stretch:104%;letter-spacing:-.012em;line-height:1.28;color:var(--bt-1);text-wrap:balance}
.m1-b{font-size:13.5px;line-height:1.5;color:var(--bt-2);text-wrap:pretty}
.m1-b .cl{font-family:var(--f-mono);font-size:12px;color:var(--bt-3);white-space:nowrap}
.m1-a{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-top:12px;margin-top:4px;border-top:1px solid rgb(var(--hl)/.09)}
.m1-a .big{font-size:27px;font-weight:540;font-stretch:118%;letter-spacing:-.03em;color:var(--light);white-space:nowrap}
.m1-a .big small{font-size:13px;font-weight:500;font-stretch:100%;letter-spacing:0;color:var(--bt-3);margin-left:8px}
.m1-a .lab{line-height:1.35;text-wrap:balance}
.m1-a .ok{color:var(--bt-2)}
.m1-f{display:flex;align-items:center;justify-content:space-between;gap:12px;height:0;margin-top:0;overflow:hidden;opacity:0;font-size:12.5px;color:var(--bt-3);transition:opacity .3s ease}
.m1-f>span{display:inline-flex;align-items:center;gap:8px}
.m1-f .ic{width:16px;height:16px}
.m1-f.on{height:auto;margin-top:12px;padding-top:12px;border-top:1px solid rgb(var(--hl)/.09);opacity:1;overflow:visible}
.ib{position:relative;display:grid;place-items:center;width:32px;height:32px;margin:-4px 0;border:0;border-radius:50%;background:rgb(var(--hl)/.06);color:var(--bt-2);cursor:pointer;transition:background-color .15s ease,color .15s ease}
.ib .ic{width:16px;height:16px}
@media (hover:hover){.ib:hover{background:rgb(var(--hl)/.12);color:var(--bt-1)}}
.m1-f .ctl{display:inline-flex;gap:8px}
.snd .w-on{display:none}
.snd[aria-pressed="true"]{background:rgb(var(--hl)/.15);color:var(--bt-1)}
.snd[aria-pressed="true"] .w-on{display:inline}
.snd[aria-pressed="true"] .w-off{display:none}
.ib[data-tip]::before{content:attr(data-tip);position:absolute;right:-2px;bottom:calc(100% + 9px);padding:8px 8px;border-radius:7px;background:#0E1A13;
 box-shadow:inset 0 0 0 1px rgb(var(--hl)/.1),0 10px 20px -10px rgb(0 0 0/.85);font-size:11.5px;font-weight:540;line-height:1.2;color:var(--bt-1);white-space:nowrap;
 opacity:0;transform:translateY(3px);transition:opacity .14s ease,transform .14s var(--e-out);pointer-events:none}
@media (hover:hover){.ib[data-tip]:hover::before{opacity:1;transform:none}}
.ib[data-tip]:focus-visible::before{opacity:1;transform:none}

.m2{left:0;top:0;width:340px;padding:20px 24px 20px;z-index:2}
.row1{display:flex;justify-content:space-between;align-items:center}
.cnt{font-size:12px;color:var(--bt-3)}
.fig{display:flex;align-items:baseline;gap:12px;margin-top:12px}
.odo{display:inline-flex;align-items:baseline;font-variant-numeric:proportional-nums;font-size:50px;font-weight:500;font-stretch:122%;letter-spacing:-.032em;line-height:1;color:var(--bt-1)}
.fig small{font-size:14px;color:var(--bt-3);white-space:nowrap}
.od-cell{display:inline-block;height:1.04em;overflow-x:visible;overflow-y:clip;line-height:1.04;transition:opacity .2s ease}
.od-sep{transition:opacity .2s ease}
.od-strip{display:flex;flex-direction:column;will-change:transform}
.od-strip span{display:block;height:1.04em;line-height:1.04;text-align:center}
.stage.seek .od-cell,.stage.seek .od-sep,.stage.seek .m1-v,.stage.seek .m1-v>div{transition:none !important}
.seg{display:flex;gap:3px;height:10px;margin-top:16px}
.seg i{display:block;height:100%;border-radius:2px;background:var(--light);transform-origin:0 50%;transform:scaleX(var(--g,0))}
.leg{display:flex;flex-direction:column;margin-top:8px;font-size:12.5px;color:var(--bt-3)}
/* the ledger fills as money lands: each row opens to its height, then its ink arrives */
.lr{display:flex;justify-content:space-between;align-items:center;gap:12px;overflow:hidden;height:calc(var(--g,0)*24px);opacity:calc((var(--g,0) - .45)/.55)}
.leg .mono{font-size:12px;color:var(--bt-2);text-align:right}
.leg .k{display:flex;align-items:center;gap:8px}
.leg .k i{width:8px;height:8px;border-radius:2px;background:var(--light)}
.m2-foot{display:flex;justify-content:space-between;align-items:baseline;overflow:hidden;opacity:var(--v,0);height:calc(var(--v,0)*45px);margin-top:calc(var(--v,0)*12px);padding-top:calc(var(--v,0)*12px);border-top:1px solid rgb(var(--hl)/calc(var(--v,0)*.09));font-size:13px;color:var(--bt-3)}
.m2-foot b{font-size:15px;font-weight:600;font-stretch:112%;color:var(--bt-1)}

.m3{left:0;top:328px;width:340px;padding:20px 24px 20px;z-index:2}
.m3 .odo{font-size:44px}
.m3-n{overflow:hidden;opacity:var(--v,0);max-height:calc(var(--v,0)*4.6em);margin-top:2px;font-size:13px;line-height:1.5;color:var(--bt-3)}
.m3-n b{font-weight:600;color:var(--bt-2)}

.chipfly{position:absolute;left:0;top:0;z-index:9;display:inline-flex;align-items:center;height:26px;padding:0 12px;border-radius:999px;background:var(--light);color:var(--ink);
 font-family:var(--f-mono);font-size:12.5px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap;opacity:0;will-change:transform,opacity;
 box-shadow:0 0 0 3px rgb(5 14 9/.85),0 0 22px 3px rgb(230 248 62/.5)}
.sample{position:absolute;z-index:7;left:2px;top:512px;font-size:13px;color:var(--bt-3)}
.hero-fade{position:absolute;left:0;right:0;bottom:0;height:200px;z-index:6;pointer-events:none;background:linear-gradient(180deg,rgb(5 14 9/0),var(--booth-1) 92%)}

/* ============ phone stage (350 × 742), its own composition ============ */
.stage-wrap.ph{display:none}
.ph .stage{width:350px;height:1036px}
.ph .m2{left:0;top:0;width:350px;padding:16px 20px 16px;border-radius:18px}
.ph .m2 .fig{margin-top:8px}
.ph .m2 .odo{font-size:40px}
.ph .m2 .leg,.ph .m2 .m2-foot{display:none}
.ph .m2 .seg{margin-top:12px;height:8px}
.ph .ply{left:4px;top:132px;width:342px;height:600px;filter:none}
.ph .ply.p2{transform:translate(-8px,14px) rotate(-1.4deg)}
.ph .ply.p1{transform:translate(8px,8px) rotate(1deg)}
.ph .inv{left:0;top:124px;width:350px;height:640px}
.ph .inv-in{padding:24px 20px 0}
.ph .hauler-name{font-size:18px}
.ph .hauler-ad{display:none}
.ph .inv-id{gap:2px 12px;font-size:10.5px}
.ph .inv-id .mono{font-size:10.5px}
.ph .billto{margin-top:16px;padding:8px 0}
.ph .thead{grid-template-columns:1fr 84px;margin-top:16px}
.ph .thead span:nth-child(2){display:none}
.ph .row{grid-template-columns:1fr 84px;height:40px;font-size:12.5px}
.ph .row .q{display:none}
.ph .row .bd{left:-8px;right:-8px;top:10px;bottom:10px}
.ph .tot{position:relative;width:200px}
.ph .billto .stamp{display:none}
.stamp.st2{display:none}
.ph .stamp.st2{display:block;left:auto;right:calc(100% + 16px);top:-6px;transform:rotate(-6deg)}
.ph .crease.c1{top:213px}.ph .crease.c2{top:426px}
.ph .bar{left:-10px;width:370px}
.ph .bar-core{left:16px;right:16px}
.ph .m1{left:10px;top:578px;width:330px;padding:16px 20px 16px;background:linear-gradient(180deg,#1C2A21,#0F1B14);-webkit-backdrop-filter:none;backdrop-filter:none}
.ph .threads path:first-child{display:none}
.ph .bar{touch-action:pan-y}
.ph .bar-knob{display:grid;place-items:center;position:absolute;right:6px;top:-22px;width:44px;height:44px;touch-action:none;cursor:grab}
.ph .bar-knob b{position:relative;width:24px;height:24px;border-radius:50%;background:linear-gradient(180deg,#3A473F,#111C15);
 box-shadow:inset 0 1px 0 rgb(var(--hl)/.2),0 0 0 1px rgb(0 0 0/.55),0 5px 12px -3px rgb(0 0 0/.75)}
.ph .bar-knob b::before{content:"";position:absolute;left:8.5px;top:7px;width:7px;height:10px;
 background:linear-gradient(90deg,rgb(var(--hl)/.55) 0 1.25px,transparent 1.25px 2.875px,rgb(var(--hl)/.55) 2.875px 4.125px,transparent 4.125px 5.75px,rgb(var(--hl)/.55) 5.75px 7px)}
.ph .m1-t{font-size:15.5px}
.ph .m1-b{font-size:13px}
.ph .m1-a .big{font-size:24px}
.ph .m3{left:0;top:868px;width:350px;padding:16px 20px 16px}
.ph .m3 .fig{margin-top:8px}
.ph .m3 .odo{font-size:34px}
.ph .m3-n{margin-top:0;font-size:12.5px;line-height:1.45}
.ph .sample{left:2px;top:1012px;font-size:12px}
.ph .chipfly{height:24px;font-size:12px}

@media (max-width:1023px){
 .stage-wrap.desk{display:none}
 .stage-wrap.ph{display:block;margin-top:36px;padding:0 20px;height:calc(var(--sh,742px) + 40px)}
 .hero-fade{z-index:4}
}
@media (min-width:1024px) and (max-width:1279px){
 .stage-wrap.desk{padding:0 32px}
 .desk .stage{width:1040px}
 .desk .ply{left:272px}.desk .inv{left:270px}.desk .bar{left:246px}
 .desk .m2,.desk .m3{width:260px;padding:20px 20px 16px}
 .desk .m2 .odo{font-size:42px}.desk .m3 .odo{font-size:38px}
 .desk .m1{left:770px;width:270px;padding:20px 20px 16px}
 .desk .m1-a{flex-wrap:wrap;row-gap:2px}
}
@media (min-width:761px) and (max-height:820px){
 .head{padding-top:8px}
 .h1{font-size:clamp(46px,4.6vw,66px)}
 .stage-wrap{margin-top:16px}
}
@media (max-width:760px){
 .nav{padding:0 12px 0 20px;height:72px}
 .nav-r .btn-quiet{display:none}
 .nav-r .btn-paper{height:44px;padding:0 16px;font-size:14px}
 .brand .mk{width:40px}
 .brand-word{font-size:16px}
 .head{padding:28px 20px 0;gap:24px}
 .h1{font-size:clamp(38px,11vw,48px);line-height:.95;letter-spacing:-.045em}
 .side{gap:20px}
 .lede{font-size:16px;line-height:1.55}
 .feeder{height:64px;padding:0 8px 0 12px;gap:12px}
 .feeder .fi{width:40px;height:40px}
 .feeder .btn{width:52px;height:52px;padding:0;font-size:0;gap:0}
 .feeder .btn .ic{width:20px;height:20px}
 .fine{padding-left:12px}
 .hero-fade{height:120px}
}
@media (prefers-reduced-motion:reduce){.mk-dot,.ev,.m1-v,.m1-v>div,.chips>.chip,.m1-f,.ldot,.nav-r .btn-paper{transition:none}}
@media (max-width:1180px){.head{grid-template-columns:minmax(0,1fr);gap:28px}.side{max-width:560px}}
@media (max-width:1139px){.nav-links{display:none}}

.ib::after{content:"";position:absolute;inset:-6px}

/* ============ the fixed nav: clear over the hero, its own booth scrim once the page moves ============ */
.lp .nav{position:fixed;top:0;left:0;right:0;z-index:60;display:block;max-width:none;height:auto;margin:0;padding:0;transition:background-color .3s ease,box-shadow .3s ease}
.nav-in{max-width:1440px;margin:0 auto;padding:0 80px;height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px;transition:height .3s var(--e-out)}
.lp .nav.scrolled{background:rgb(5 14 9/.86);-webkit-backdrop-filter:blur(18px) saturate(1.2);backdrop-filter:blur(18px) saturate(1.2);box-shadow:0 1px 0 rgb(var(--hl)/.07),0 18px 40px -24px rgb(0 0 0/.8)}
.lp .nav.scrolled .nav-in{height:68px}
.nav-r .btn-paper{transition:opacity .22s ease,transform .22s var(--e-out),visibility 0s linear 0s,background-color .15s ease}
.lp .nav:not(.past) .nav-r .btn-paper{opacity:0;visibility:hidden;transform:translateY(-6px);pointer-events:none;transition:opacity .22s ease,transform .22s var(--e-out),visibility 0s linear .22s}
.hero{padding-top:88px}

/* ============ shared section anatomy ============ */
.wrap{max-width:1440px;margin:0 auto;padding:0 80px}
.sec{position:relative}
.h2{font-size:64px;line-height:.97;font-weight:480;font-stretch:118%;letter-spacing:-.042em;text-wrap:balance}
.sec-head{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:64px;align-items:last baseline}
.sec-sub{font-size:17px;line-height:1.55;text-wrap:pretty}
.booth .h2{color:var(--bt-1)}
.booth .sec-sub{color:var(--bt-2)}

/* ============ sheets: paper laid on the booth ============ */
.sheet{position:relative;isolation:isolate;margin:16px 16px 0;border-radius:4px;background:var(--paper);color:var(--ink);overflow:clip;
 box-shadow:inset 0 1px 0 rgb(255 255 255/.9),0 0 0 .5px rgb(0 0 0/.7),0 2px 3px rgb(0 0 0/.45),0 40px 80px -36px rgb(0 0 0/.95)}
.sheet::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
 background:radial-gradient(120% 60% at 50% 0%,rgb(255 255 255/.55),transparent 62%),linear-gradient(180deg,transparent 70%,rgb(16 35 24/.025))}
.sheet::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.42;mix-blend-mode:multiply;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9 .7' numOctaves='2' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .78 0 0 0 0 .80 0 0 0 0 .76 0 0 0 -1.6 1.25'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:240px 240px}
.sheet .wrap{max-width:1408px;padding:0 64px}
.sheet .sec-sub{color:var(--ink-2)}
.sheet .h2{color:var(--ink)}

/* ============ 2 · where the money hides: the invoice, exploded, read by the light as you scroll ============ */
.where{padding:136px 0 88px}
/* the header is set on the ledger's grid: a section label in the line column, the headline on the title column */
.x-head{display:grid;grid-template-columns:104px minmax(0,1fr);column-gap:32px;align-items:baseline;margin-bottom:64px}
.xh-k{font-size:13px;color:var(--ink-3)}
.xh-b .sec-sub{margin-top:24px;max-width:560px}
.xwrap{position:relative;--xcols:104px minmax(0,1fr) 216px 92px 196px}
.xthead{display:grid;grid-template-columns:var(--xcols);column-gap:32px;padding-bottom:12px;border-bottom:1.5px solid var(--ink);font-size:12.5px;font-weight:560;color:var(--ink-3)}
.xthead span:last-child{text-align:right}
.xr{position:relative;display:grid;grid-template-columns:var(--xcols);column-gap:32px;align-items:baseline;padding:36px 0 40px;border-bottom:1px solid var(--line-2)}
.xr.est{border-bottom-style:dashed}
.xn{font-size:13px;color:var(--ink-3);transition:color .3s ease}
.xt{font-size:30px;line-height:1.08;font-weight:540;font-stretch:112%;letter-spacing:-.026em;color:var(--ink);text-wrap:balance}
.xw{margin-top:12px;max-width:440px;font-size:16px;line-height:1.5;color:var(--ink-2);text-wrap:pretty}
.xs{align-self:center}
.xb{min-width:0}
.xm{grid-column:4/6;display:grid;grid-template-columns:92px minmax(0,1fr);column-gap:32px;align-items:baseline}
.xc{font-size:13px;color:var(--ink-3)}
.xa{position:relative;justify-self:end;display:inline-block;padding:0 4px}
.xa b{position:relative;z-index:1;font-size:44px;line-height:1.1;font-weight:500;font-stretch:118%;letter-spacing:-.03em;color:var(--ink);white-space:nowrap}
.xband{position:absolute;z-index:0;left:-10px;right:-8px;top:.16em;bottom:.08em;background:var(--light);mix-blend-mode:multiply;
 clip-path:polygon(9px 0,100% 0,calc(100% - 9px) 100%,0 100%);transform-origin:0 50%;transform:scaleX(0);transition:transform .42s var(--e-out)}
.xm small{grid-column:2;justify-self:end;margin-top:2px;font-size:13px;color:var(--ink-3)}
.xr.est .xa b{font-size:40px;color:var(--ink-2)}
.xr.est .xband{background:transparent;mix-blend-mode:normal;clip-path:none;border-radius:3px;outline:1.5px dashed var(--ink-3);outline-offset:-1px;left:-6px;right:-4px;top:.12em;bottom:.04em}
.xr.read .xn{color:var(--ink)}
.xr.read .xband{transform:scaleX(1)}

/* specimens: evidence draws in when the light has read the row */
.sp{display:block;width:100%;height:auto;overflow:visible}
.sp .base{stroke:var(--line-2);stroke-width:1}
.sp .t{font-family:var(--f-mono);font-size:11.5px;fill:var(--ink)}
.sp .t.m{fill:var(--ink-3)}
.sp .svc{fill:#D3DAD4}
.sp .fee{fill:var(--light);mix-blend-mode:multiply;transform-box:fill-box;transform-origin:50% 100%;transform:scaleY(0);transition:transform .5s var(--e-out) .12s}
.sp .tk{stroke:var(--ink);stroke-width:1.5;opacity:0;transition:opacity .3s ease .3s}
.sp .cap{stroke:var(--ink-3);stroke-width:1;stroke-dasharray:3 3;fill:none}
.sp .act{fill:none;stroke:var(--ink);stroke-width:1.75;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:200;stroke-dashoffset:0}
.sp .over{fill:var(--light);mix-blend-mode:multiply;opacity:0;transition:opacity .45s ease .2s}
.sp .pt{fill:var(--ink)}
.sp .bin path,.sp .bin circle{fill:none;stroke:var(--ink-2);stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}
.sp .tag rect{fill:var(--light);stroke:var(--ink);stroke-width:1.25;mix-blend-mode:multiply}
.sp .tag text{font-family:var(--f-sans);font-size:11.5px;font-weight:600;fill:var(--ink)}
.sp .tag{transform-box:fill-box;transform-origin:50% 100%;transform:scale(.6);opacity:0;transition:transform .45s var(--e-out) .15s,opacity .2s ease .15s}
.sp .slip{fill:var(--sheet);stroke:var(--line-2);stroke-width:1}
.sp .ln{stroke:var(--line-2);stroke-width:6;stroke-linecap:round}
.sp .hb{fill:var(--light);mix-blend-mode:multiply;transform-box:fill-box;transform-origin:0 50%;transform:scaleX(0);transition:transform .45s var(--e-out) .12s}
.sp .air{fill:url(#hatch)}
.sp .hl{stroke:var(--line-2);stroke-width:1.5}
.sp .fill{fill:#D3DAD4}
.sp .lvl{stroke:var(--ink);stroke-width:1.25;stroke-dasharray:4 3}
.sp .shell{fill:none;stroke:var(--ink-2);stroke-width:1.5;stroke-linejoin:round}
.xr.read .sp .fee{transform:scaleY(1)}
.xr.read .sp .tk{opacity:1}
.xr.read .sp .over{opacity:1}
.xr.read .sp .tag{transform:scale(1);opacity:1}
.xr.read .sp .hb{transform:scaleX(1)}

/* the reading light: the same scanner as the hero, parked in the viewport while the rows pass under it */
.reader{position:sticky;top:56vh;z-index:4;height:0;margin:0 -28px;pointer-events:none}
.reader .bar-house{left:0;right:0}
.reader .bar-core{left:22px;right:22px}
.rd-wake{position:absolute;left:28px;right:28px;top:-80px;height:160px;mix-blend-mode:multiply;
 background:linear-gradient(180deg,rgb(230 248 62/0),rgb(230 248 62/.07) 32%,rgb(230 248 62/.26) 50%,rgb(230 248 62/.07) 68%,rgb(230 248 62/0))}
.rd-tag{position:absolute;left:28px;top:-40px;display:inline-flex;align-items:center;gap:8px;height:26px;padding:0 12px 0 8px;border-radius:999px;
 background:var(--booth-2);color:var(--bt-1);font-family:var(--f-mono);font-size:12px;white-space:nowrap;box-shadow:0 0 0 1px rgb(0 0 0/.25),0 6px 14px -6px rgb(0 0 0/.5)}
.rd-tag i{width:7px;height:7px;border-radius:50%;background:var(--light);box-shadow:0 0 8px 1px rgb(230 248 62/.8)}

.xfoot{display:flex;justify-content:space-between;align-items:flex-start;gap:48px;margin-top:28px}
.xsum{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;font-size:14px;color:var(--ink-3)}
.xsum b{font-size:22px;font-weight:560;font-stretch:112%;letter-spacing:-.02em;color:var(--ink)}
.xsum b.e{color:var(--ink-2)}
.xsum .sep{width:1px;height:16px;margin:0 12px;align-self:center;background:var(--line-2)}
.xnote{max-width:420px;font-size:13px;line-height:1.5;color:var(--ink-3);text-align:right}

/* ============ the perforation: sheet 1 tears into its remittance stub ============ */
.perf{position:relative;height:0;margin-top:0;border-top:1.5px dashed #B6BFB8}
.perf .notch{position:absolute;top:-13px;width:26px;height:26px;border-radius:50%;background:var(--booth-1);box-shadow:inset 0 0 0 .5px rgb(0 0 0/.8),inset 0 2px 4px rgb(0 0 0/.6)}
.perf .notch.l{left:-13px}.perf .notch.r{right:-13px}
.perf-in{position:relative;top:-28px;display:flex;justify-content:space-between;font-size:11.5px;color:var(--ink-3)}
.sheet .perf-in{max-width:1408px;padding:0 64px}

/* ============ 3 · how it works: the stub ============ */
.how{background:linear-gradient(180deg,rgb(16 35 24/.035),rgb(16 35 24/.0) 120px),rgb(235 239 235/.72);padding:120px 0 0}
.how-h{max-width:none}
.chain{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));column-gap:32px;margin-top:72px}
.chain li{position:relative;z-index:1;display:flex;flex-direction:column}
.chain li::before{content:"";position:absolute;z-index:-1;left:12px;top:11.25px;width:calc(100% + 32px);height:0;border-top:1.5px dashed #A9B2AC}
.chain li::after{content:"";position:absolute;z-index:-1;left:12px;top:11px;width:calc(100% + 32px);height:2px;background:var(--ink);transform-origin:0 50%;transform:scaleX(0);transition:transform .36s var(--e-io)}
.chain li:last-child::after{display:none}
.chain li:last-child::before{width:calc(100% - 12px);-webkit-mask-image:linear-gradient(90deg,#000 40%,transparent);mask-image:linear-gradient(90deg,#000 40%,transparent)}
.chain.in li::after{transform:scaleX(1)}
.chain.in li:nth-child(1)::after{transition-delay:.2s}
.chain.in li:nth-child(2)::after{transition-delay:.56s}
.chain.in li:nth-child(3)::after{transition-delay:.92s}
.chain.in li:nth-child(4)::after{transition-delay:1.28s}
.node{position:relative;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#EDF0EC;box-shadow:inset 0 0 0 1.5px var(--ink-3);transition:box-shadow .3s ease,background-color .3s ease}
.node i{width:8px;height:8px;border-radius:50%;background:var(--ink);transform:scale(0);transition:transform .35s var(--e-out)}
.chain.in .node{box-shadow:inset 0 0 0 1.5px var(--ink)}
.chain.in .node i{transform:scale(1)}
.chain.in li:nth-child(1) .node,.chain.in li:nth-child(1) .node i{transition-delay:.05s}
.chain.in li:nth-child(2) .node,.chain.in li:nth-child(2) .node i{transition-delay:.52s}
.chain.in li:nth-child(3) .node,.chain.in li:nth-child(3) .node i{transition-delay:.88s}
.chain.in li:nth-child(4) .node,.chain.in li:nth-child(4) .node i{transition-delay:1.24s}
.chain.in li:nth-child(5) .node,.chain.in li:nth-child(5) .node i{transition-delay:1.6s}
.chain.in li.money .node{background:var(--light);box-shadow:inset 0 0 0 1.5px var(--ink),0 0 0 5px rgb(230 248 62/.35)}
.chain li.money .node i{width:10px;height:10px;border-radius:0;background:var(--ink);clip-path:polygon(0 35%,55% 35%,55% 5%,100% 50%,55% 95%,55% 65%,0 65%)}
.when{margin-top:24px;font-size:12.5px;color:var(--ink-3)}
.chain li.today .when{color:var(--ink)}
.chain h3{margin-top:8px;font-size:21px;line-height:1.18;font-weight:560;font-stretch:108%;letter-spacing:-.018em;color:var(--ink);text-wrap:balance}
.chain p{margin-top:8px;font-size:15px;line-height:1.55;color:var(--ink-2);text-wrap:pretty}
.stub-foot{display:flex;justify-content:space-between;gap:24px;margin-top:88px;padding:20px 0 28px;border-top:1px solid var(--line-2);font-size:12.5px;color:var(--ink-3)}
.stub-foot .mono{font-size:11.5px}

/* ============ 4 · what it's worth: the instrument (booth) ============ */
.worth{padding:152px 0 160px;overflow:hidden;isolation:isolate}
.worth-bg{position:absolute;inset:0;z-index:-1;pointer-events:none;
 background:radial-gradient(56% 46% at 50% 74%,rgb(32 46 37/.9),rgb(18 31 23/.4) 50%,transparent 78%),radial-gradient(120% 90% at 50% 30%,var(--booth-2),var(--booth-1) 62%,var(--booth-0))}
/* the headline is the instrument's own readout: the dollar figure lives in a recessed cell and changes with the cap rate */
.inst-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px}
.inst-h{font-size:56px;max-width:15.5ch;color:var(--bt-1)}
.rdout{display:inline-block;padding:0 .12em;border-radius:.12em;background:rgb(2 6 4/.62);color:var(--bt-1);
 box-shadow:inset 0 0 0 1px rgb(var(--hl)/.1),inset 0 2px 7px rgb(0 0 0/.65),0 1px 0 rgb(var(--hl)/.06)}
.inst-sub{margin-top:20px;max-width:600px;font-size:16px;line-height:1.55;color:var(--bt-2)}
.hv-t{position:relative;z-index:0;display:inline-block;color:var(--bt-1);transition:color .2s ease .25s}
.hv-t::before{content:"";position:absolute;z-index:-1;left:-.06em;right:-.08em;top:.16em;bottom:-.02em;background:var(--light);
 clip-path:polygon(.18em 0,100% 0,calc(100% - .18em) 100%,0 100%);transform-origin:0 50%;transform:scaleX(0);transition:transform .5s var(--e-out) .1s}
.worth.in .hv-t{color:var(--ink)}
.worth.in .hv-t::before{transform:scaleX(1)}
.lp .inst{position:relative;padding:36px 40px 32px;border-radius:26px;--rim:.5}
.inst-top{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-top:36px;padding-top:28px;border-top:1px solid rgb(var(--hl)/.09)}
.inst-m{display:flex;align-items:baseline;gap:12px;margin-top:12px}
.mono-fig{font-size:60px;line-height:1;font-weight:500;font-stretch:120%;letter-spacing:-.034em;color:var(--bt-1)}
.inst-m small{font-size:15px;color:var(--bt-3)}
.inst-cap{display:flex;flex-direction:column;align-items:flex-end;gap:12px}
.seg-ctl{display:inline-flex;gap:2px;padding:4px;border-radius:999px;background:rgb(2 6 4/.55);box-shadow:inset 0 0 0 1px rgb(var(--hl)/.08),inset 0 1px 3px rgb(0 0 0/.55)}
.seg-ctl button{height:44px;min-width:76px;padding:0 16px;border:0;border-radius:999px;background:transparent;font-family:var(--f-mono);font-size:14px;color:var(--bt-3);cursor:pointer;transition:background-color .18s ease,color .18s ease}
.seg-ctl button.on{background:var(--bt-1);color:var(--on-bt);box-shadow:0 1px 0 rgb(0 0 0/.3),0 6px 14px -6px rgb(0 0 0/.7)}
@media (hover:hover){.seg-ctl button:not(.on):hover{color:var(--bt-1)}}
.ruler{position:relative;height:126px;margin:32px 0 0;touch-action:none;cursor:pointer;-webkit-user-select:none;user-select:none}
.r-track{position:absolute;left:0;right:0;top:54px;height:4px;border-radius:2px;background:rgb(var(--hl)/.10)}
.r-lit{position:absolute;left:0;top:0;bottom:0;border-radius:2px;background:linear-gradient(90deg,rgb(230 248 62/.08),rgb(230 248 62/.7));box-shadow:0 0 14px rgb(230 248 62/.28)}
.r-ticks{position:absolute;left:0;right:0;top:36px;height:40px;pointer-events:none;
 background-image:linear-gradient(90deg,rgb(var(--hl)/.42) 1px,transparent 1px),linear-gradient(90deg,rgb(var(--hl)/.16) 1px,transparent 1px);
 background-size:calc((100% - 1px)/5) 40px,calc((100% - 1px)/50) 12px;background-position:0 0,0 14px;background-repeat:repeat-x}
.r-labels span{position:absolute;top:106px;transform:translateX(-50%);font-size:12px;color:var(--bt-3);white-space:nowrap}
.r-labels span:first-child{transform:none}
.r-labels span:nth-last-child(2){transform:translateX(-100%)}
.r-labels .smp{top:-14px;transform:translateX(-50%);font-size:12px;color:var(--bt-3)}
.r-labels .smp::after{content:"";position:absolute;left:50%;top:20px;width:1px;height:12px;background:rgb(var(--hl)/.4)}
.thumb{position:absolute;top:14px;width:0;height:84px;outline:none;cursor:grab}
.thumb:active{cursor:grabbing}
.th-glow{position:absolute;left:-60px;width:120px;top:-18px;bottom:-18px;pointer-events:none;background:radial-gradient(50% 50% at 50% 50%,rgb(230 248 62/.22),transparent 70%)}
.th-house{position:absolute;left:-7px;width:14px;top:0;bottom:0;border-radius:7px;background:linear-gradient(90deg,rgb(52 62 56/.96),rgb(10 18 13/.98));
 box-shadow:inset 1px 0 0 rgb(var(--hl)/.14),0 10px 20px -6px rgb(0 0 0/.8)}
.th-core{position:absolute;left:-1.5px;width:3px;top:13px;bottom:13px;border-radius:2px;background:var(--light-core);
 box-shadow:0 0 1px .5px #FFFFFF,0 0 7px 1.5px rgb(230 248 62/.95),0 0 24px 6px rgb(230 248 62/.5),0 0 70px 14px rgb(230 248 62/.18)}
.thumb:focus-visible .th-house{box-shadow:inset 1px 0 0 rgb(var(--hl)/.14),0 0 0 2px var(--booth-2),0 0 0 4px var(--bt-1)}
.inst-out{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);column-gap:40px;row-gap:12px;align-items:end;margin-top:20px;padding-top:28px;border-top:1px solid rgb(var(--hl)/.09)}
.inst-out .odo{align-self:last baseline}
.odo.md{font-size:56px}
.odo.xl{font-size:112px;letter-spacing:-.04em}
.inst-foot{display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin-top:24px}
.inst-note{font-size:13px;color:var(--bt-3)}
.eq{font-size:13px;color:var(--bt-2);white-space:nowrap}
.odo .od-cell{transition:width .32s var(--e-out),opacity .2s ease}
.odo .od-sep{display:inline-block;overflow:hidden;transition:width .32s var(--e-out),opacity .2s ease}

/* ============ 5 · the report, annotated (sheet 2) ============ */
.report{padding:136px 0 112px}
/* the headline stands on the document's column; its explanation is the margin's first note */
.rep-head{display:grid;grid-template-columns:236px minmax(0,700px) 236px;justify-content:space-between;align-items:end}
.rep-sub{grid-column:1;grid-row:1;font-size:15px;line-height:1.55;color:var(--ink-2)}
.rep-head .h2{grid-column:2;grid-row:1}
.annot{position:relative;display:grid;grid-template-columns:236px minmax(0,700px) 236px;justify-content:space-between;align-items:start;margin-top:72px}
.leaders{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:3}
.leaders path{fill:none;stroke:var(--ink-3);stroke-width:1;stroke-dasharray:var(--len,0);stroke-dashoffset:var(--len,0);transition:stroke-dashoffset .7s var(--e-out)}
.annot.in .leaders path{stroke-dashoffset:0}
.notes{position:relative;align-self:stretch}
.note{position:absolute;left:0;right:0;top:0;display:grid;grid-template-columns:26px minmax(0,1fr);column-gap:12px;row-gap:4px;font-size:14px;line-height:1.5;color:var(--ink-2)}
.note .nn{grid-row:1/3;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;box-shadow:inset 0 0 0 1.25px var(--ink);font-size:12px;color:var(--ink)}
.note b{align-self:center;font-size:15.5px;font-weight:600;color:var(--ink);line-height:26px}
.notes.nr .note{grid-template-columns:26px minmax(0,1fr)}
.doc-stage{position:relative;padding:0 0 32px}
.doc{border-radius:3px;background:var(--sheet);
 box-shadow:0 0 0 .5px rgb(16 35 24/.16),0 1px 2px rgb(16 35 24/.10),0 16px 32px -16px rgb(16 35 24/.32),0 56px 96px -56px rgb(16 35 24/.5)}
.d2,.d3{position:absolute;left:0;right:0;top:0;bottom:30px}
.d2{z-index:1;transform:translate(10px,14px) rotate(.7deg);background:#F7F9F6}
.d3{z-index:0;transform:translate(-8px,22px) rotate(-.9deg);background:#F1F4F0}
.d1{position:relative;z-index:2;padding:48px 56px 36px}
.doc-top{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:24px;border-bottom:1.5px solid var(--ink)}
.doc-brand{display:inline-flex;align-items:center;gap:12px;font-size:15px;font-weight:600;font-stretch:112%;letter-spacing:-.02em;color:var(--ink)}
.dmk{width:34px;height:auto;overflow:visible}
.dmk .mk-line{color:var(--mark)}
.dmk .mk-dot{color:var(--mark)}
.doc-n{font-size:11px;line-height:1.5;color:var(--ink-3);text-align:right}
.doc-who{display:flex;justify-content:space-between;gap:16px;margin-top:20px;font-size:13px;color:var(--ink-2)}
.doc-who .mono{font-size:11px;color:var(--ink-3)}
.doc-fig{display:flex;align-items:baseline;gap:12px;margin-top:40px}
.dfig{position:relative;display:inline-block}
.dfig b{position:relative;z-index:1;font-size:88px;line-height:1;font-weight:500;font-stretch:122%;letter-spacing:-.04em;color:var(--ink)}
.dband{position:absolute;z-index:0;left:-.08em;right:-.06em;top:.2em;bottom:.04em;font-size:88px;background:var(--light);mix-blend-mode:multiply;
 clip-path:polygon(.12em 0,100% 0,calc(100% - .12em) 100%,0 100%);transform-origin:0 50%;transform:scaleX(0);transition:transform .6s var(--e-out) .2s}
.annot.in .dband{transform:scaleX(1)}
.doc-fig small{font-size:16px;color:var(--ink-3)}
.doc-s{margin-top:12px;font-size:16px;color:var(--ink-2)}
.doc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:36px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.doc-grid>div{display:flex;flex-direction:column;gap:8px;padding:16px 0 20px}
.doc-grid>div+div{padding-left:20px;border-left:1px solid var(--line)}
.doc-grid span{font-size:12px;color:var(--ink-3)}
.doc-grid b{font-size:27px;line-height:1.05;font-weight:520;font-stretch:115%;letter-spacing:-.024em;color:var(--ink)}
.doc-rows{margin-top:32px}
.dr{display:grid;grid-template-columns:minmax(0,1fr) 64px 88px;align-items:center;min-height:40px;border-bottom:1px solid var(--line);font-size:13.5px;color:var(--ink-2)}
.dr .mono{font-size:12px;color:var(--ink-3)}
.dr b{text-align:right;font-weight:500;color:var(--ink)}
.dr b.mono{font-size:13px;color:var(--ink)}
.dr.dh{min-height:30px;font-size:11.5px;font-weight:600;color:var(--ink-3);border-bottom-color:var(--line-2)}
.dr.dh span:last-child{text-align:right}
.dr.dt{border-bottom:0;border-top:1.5px solid var(--ink);font-weight:600;color:var(--ink)}
.dr.dt b.mono{font-size:14px;font-weight:600}
.dr.de{margin-top:12px;border:1.25px dashed var(--line-2);border-radius:3px;padding:0 12px;color:#515C55}
.dr.de b.mono{color:#515C55}
.doc-foot{display:flex;justify-content:space-between;gap:16px;margin-top:36px;font-size:11.5px;color:var(--ink-3)}
.spot{position:absolute;z-index:4;left:0;top:0;font-style:normal;display:grid;place-items:center;width:24px;height:24px;margin:-12px 0 0 -12px;border-radius:50%;
 background:var(--sheet);box-shadow:inset 0 0 0 1.25px var(--ink),0 2px 6px -2px rgb(16 35 24/.35)}
.spot b{font-size:11.5px;font-weight:500;color:var(--ink)}

/* ============ 6 · questions (sheet 2, lower) ============ */
.questions{padding:24px 0 136px}
.q-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;padding-top:72px;border-top:1.5px solid var(--ink)}
.q-copy{position:sticky;top:120px;align-self:start;display:flex;flex-direction:column;gap:24px}
.q-copy .sec-sub{max-width:400px}
.mail{font-family:var(--f-mono);font-size:.9em;color:var(--ink);white-space:nowrap}
.q-list{border-top:1px solid var(--line-2)}
.qa{border-bottom:1px solid var(--line-2)}
.qa summary{display:grid;grid-template-columns:52px minmax(0,1fr) 28px;align-items:center;min-height:80px;cursor:pointer;list-style:none}
.qa summary::-webkit-details-marker{display:none}
.qn{font-size:12.5px;color:var(--ink-3)}
.qq{font-size:21px;line-height:1.25;font-weight:540;font-stretch:108%;letter-spacing:-.016em;color:var(--ink);padding:20px 0}
.pm{position:relative;justify-self:end;width:16px;height:16px}
.pm::before,.pm::after{content:"";position:absolute;left:0;top:7.25px;width:16px;height:1.5px;border-radius:1px;background:var(--ink);transition:transform .3s var(--e-out)}
.pm::after{transform:rotate(90deg)}
.qa[open] .pm::after{transform:rotate(0deg)}
.qa p{padding:0 44px 32px 52px;max-width:680px;font-size:16px;line-height:1.6;color:var(--ink-2);text-wrap:pretty}
.qa summary:focus-visible{outline:none;box-shadow:0 0 0 2px var(--paper),0 0 0 4px var(--ink);border-radius:4px}
@media (hover:hover){.qa summary:hover .qq{text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:4px;text-decoration-color:var(--ink)}}

/* ============ 7 · close: the light, waiting ============ */
.close{padding:168px 0 104px;margin-top:16px;overflow:hidden;isolation:isolate}
.close-bg{position:absolute;inset:0;z-index:-1;pointer-events:none;
 background:radial-gradient(60% 40% at 30% 66%,rgb(230 248 62/.07),transparent 72%),radial-gradient(120% 90% at 50% 30%,var(--booth-2),var(--booth-1) 62%,var(--booth-0))}
.close-h{font-size:clamp(56px,7.4vw,112px);line-height:.92;font-weight:470;font-stretch:125%;letter-spacing:-.05em;max-width:11.5ch}
.close-rail{position:relative;margin-top:64px}
.close-row{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:28px}
.close-sub{max-width:460px;font-size:17px;line-height:1.55;color:var(--bt-2)}
.close-bar{position:absolute;left:0;right:0;bottom:40px;height:0;z-index:1;pointer-events:none}
.cb-glow{position:absolute;left:0;right:0;top:-110px;height:220px;background:radial-gradient(48% 50% at 26% 50%,rgb(230 248 62/.17),transparent 72%)}
.cb-wake{position:absolute;left:0;right:0;top:-1px;height:2px;box-shadow:0 0 34px 10px rgb(230 248 62/.22),0 0 90px 30px rgb(230 248 62/.08)}
.cb-house{position:absolute;left:-20px;right:-20px;top:-7px;height:14px;background:linear-gradient(180deg,rgb(52 62 56/.94),rgb(10 18 13/.97));box-shadow:inset 0 1px 0 rgb(var(--hl)/.14),0 7px 18px -5px rgb(0 0 0/.75)}
.cb-core{position:absolute;left:0;right:0;top:-2px;height:4px;border-radius:2px;background:var(--light-core);
 box-shadow:0 0 1px .5px #FFFFFF,0 0 8px 2px rgb(230 248 62/.95),0 0 26px 7px rgb(230 248 62/.55),0 0 90px 22px rgb(230 248 62/.2);
 -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);transition:filter .3s ease}
.feeder.big{width:600px;max-width:100%;height:80px;padding:0 12px 0 16px;gap:16px}
.feeder.big .fi{width:52px;height:52px}
.feeder.big .ft b{font-size:16.5px}
.feeder.big .btn{height:60px;padding:0 24px 0 28px;font-size:16px}
.close:has(.feeder:hover) .cb-core,.close:has(.feeder:focus-within) .cb-core{filter:brightness(1.25) saturate(1.1)}
.close-fine{margin-top:28px}

/* ============ footer ============ */
.foot{padding:96px 0 40px;background:var(--booth-0);box-shadow:inset 0 1px 0 rgb(var(--hl)/.06)}
.foot-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px}
.foot-brand p{margin-top:20px;max-width:380px;font-size:15px;line-height:1.6;color:var(--bt-3)}
.foot-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.foot-nav>div{display:flex;flex-direction:column;align-items:flex-start}
.foot-nav .lab{margin-bottom:12px}
.foot-nav a,.foot-nav span{display:inline-flex;align-items:center;min-height:44px;font-size:15px;color:var(--bt-2);text-decoration:none}
.foot-nav .mail{color:var(--bt-1);font-size:13.5px}
@media (hover:hover){.foot-nav a:hover{color:var(--bt-1)}}
.foot-base{position:relative;display:flex;justify-content:space-between;gap:16px;margin-top:80px;padding-top:24px;font-size:13px;color:var(--bt-3)}
.foot-base::before{content:"";position:absolute;left:80px;right:80px;top:0;height:1px;background:rgb(var(--hl)/.08)}

/* ============ phone ============ */
@media (max-width:1180px){
 .annot{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch;gap:28px 40px}
 .doc-stage{grid-column:1/-1;order:0;max-width:700px;width:100%;margin:0 auto 12px}
 .notes{display:contents}
 .note{position:relative;top:auto !important}
 .note.n1{order:1}.note.n2{order:2}.note.n3{order:3}.note.n4{order:4}
 .leaders{display:none}
 .sec-head{grid-template-columns:minmax(0,1fr);gap:20px}
 .sec-head .sec-sub{max-width:560px}
 .rep-head{grid-template-columns:minmax(0,1fr);gap:20px}
 .rep-head .h2{grid-column:1;grid-row:1}
 .rep-sub{grid-column:1;grid-row:2;max-width:560px;font-size:17px}
 .inst-head{flex-direction:column;align-items:flex-start;gap:24px}
}
@media (max-width:760px){
 .nav-in{padding:0 12px 0 20px;height:72px}
 .lp .nav.scrolled .nav-in{height:64px}
 .hero{padding-top:72px}
 .wrap{padding:0 20px}
 .sheet{margin:12px 8px 0;border-radius:4px}
 .sheet .wrap,.sheet .perf-in{padding:0 12px}
 .h2{font-size:clamp(34px,10vw,42px);line-height:.98;letter-spacing:-.04em}
 .sec-sub{font-size:16px}
 .where{padding:88px 0 56px}
 .x-head{grid-template-columns:minmax(0,1fr);row-gap:12px;margin-bottom:40px}
 .xh-b .sec-sub{margin-top:16px}
 .xthead{display:none}
 .xwrap{border-top:1.5px solid var(--ink)}
 .xr{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"n m" "b b" "s s";row-gap:12px;min-height:0;padding:24px 0 28px}
 .xn{grid-area:n;align-self:center;padding-top:0}
 .xb{grid-area:b}
 .xs{grid-area:s;width:200px;margin-top:4px}
 .xm{grid-area:m;grid-column:auto;display:flex;align-items:baseline;gap:12px}
 .xm .xc{order:2}
 .xm small{display:none}
 .xa b{font-size:30px}
 .xr.est .xa b{font-size:28px}
 .xt{font-size:23px}
 .xw{font-size:15px;margin-top:8px}
 .reader{margin:0 -12px}
 .rd-wake{left:12px;right:12px}
 .rd-tag{left:12px}
 .xfoot{flex-direction:column;gap:12px;margin-top:24px}
 .xsum .sep{display:none}
 .xsum{row-gap:2px}
 .xnote{text-align:left}
 .perf .notch{width:20px;height:20px;top:-10px}
 .perf .notch.l{left:-10px}.perf .notch.r{right:-10px}
 .how{padding-top:84px}
 .chain{grid-template-columns:minmax(0,1fr);row-gap:0;margin-top:44px}
 .chain li::before{left:11.25px;top:12px;width:0;height:100%;border-top:0;border-left:1.5px dashed #A9B2AC}
 .chain li::after{left:11px;top:12px;width:2px;height:100%;transform-origin:50% 0;transform:scaleY(0)}
 .chain.in li::after{transform:scaleY(1)}
 .chain li:last-child::before{display:none}
 .chain li{display:grid;grid-template-columns:24px minmax(0,1fr);column-gap:20px;padding-bottom:32px}
 .chain li .node{grid-row:1/4}
 .chain li .when{margin-top:3px}
 .chain h3{font-size:19px;margin-top:4px}
 .chain p{font-size:15px}
 .stub-foot{flex-direction:column;gap:8px;margin-top:40px}
 .worth{padding:96px 0 104px}
 .inst-h{font-size:clamp(32px,9vw,40px)}
 .inst-sub{font-size:15px}
 .inst-top{margin-top:24px;padding-top:20px}
 .lp .inst{padding:24px 20px 20px;border-radius:20px;margin:0 -4px}
 .inst-top{flex-direction:column;align-items:flex-start;gap:20px}
 .inst-cap{align-items:flex-start}
 .mono-fig{font-size:44px}
 .seg-ctl button{min-width:56px;padding:0 12px;height:44px;font-size:13px}
 .r-labels .smp{font-size:12px}
 .ruler{height:118px;margin-top:20px}
 .r-labels span{font-size:11px}
 .r-labels span:nth-child(even){display:none}
 .inst-out{grid-template-columns:minmax(0,1fr);row-gap:4px;padding-top:20px}
 .inst-out>:nth-child(1){grid-row:1}
 .inst-out>:nth-child(3){grid-row:2;margin-bottom:20px}
 .inst-out>:nth-child(2){grid-row:3}
 .inst-out>:nth-child(4){grid-row:4}
 .inst-foot{flex-direction:column;align-items:flex-start;gap:8px;margin-top:20px}
 .odo.md{font-size:40px}
 .odo.xl{font-size:clamp(52px,16vw,66px)}
 .report{padding:88px 0 72px}
 .annot{margin-top:40px}
 .doc-stage{padding-bottom:24px}
 .d2,.d3{bottom:22px}
 .d1{padding:24px 32px 24px}
 .doc-top{padding-bottom:16px}
 .dmk{width:28px}
 .doc-brand{font-size:13.5px}
 .doc-n{font-size:10px}
 .doc-who{flex-direction:column;gap:4px;margin-top:16px;font-size:12.5px}
 .doc-who .mono{font-size:10.5px}
 .doc-fig{margin-top:28px;gap:8px}
 .dfig b,.dband{font-size:52px}
 .doc-fig small{font-size:14px}
 .doc-s{font-size:14px}
 .doc-grid{grid-template-columns:minmax(0,1fr);margin-top:24px;border-bottom:0}
 .doc-grid>div{flex-direction:row;justify-content:space-between;align-items:baseline;padding:12px 0;border-bottom:1px solid var(--line)}
 .doc-grid>div+div{padding-left:0;border-left:0}
 .doc-grid b{font-size:21px}
 .doc-rows{margin-top:20px}
 .dr{grid-template-columns:minmax(0,1fr) 40px 62px;font-size:12.5px;min-height:44px;column-gap:8px}
 .dr span:first-child{padding:8px 0;line-height:1.35}
 .dr.de{padding:0 8px}
 .doc-foot{flex-direction:column;gap:4px;margin-top:24px;font-size:10.5px}
 .spot{width:19px;height:19px;margin:-9.5px 0 0 -9.5px}
 .spot b{font-size:10px}
 .annot{grid-template-columns:minmax(0,1fr);gap:20px}
 .questions{padding:8px 0 88px}
 .q-grid{grid-template-columns:minmax(0,1fr);gap:28px;padding-top:44px}
 .q-copy{position:static}
 .qa summary{grid-template-columns:38px minmax(0,1fr) 24px;min-height:68px}
 .qq{font-size:18px;padding:16px 0}
 .qa p{padding:0 8px 24px 40px;font-size:15px}
 .close{padding:104px 0 72px;margin-top:12px}
 .close-h{font-size:clamp(44px,13vw,54px);max-width:9ch}
 .close-rail{margin-top:40px}
 .close-sub{font-size:16px}
 .feeder.big{height:72px;padding:0 8px 0 12px;gap:12px}
 .feeder.big .fi{width:44px;height:44px}
 .feeder.big .ft b{font-size:15px}
 .feeder.big .btn{width:56px;height:56px;padding:0;font-size:0;gap:0}
 .close-bar{bottom:36px}
 .close-fine{flex-direction:column;align-items:flex-start;padding-left:4px}
 .foot{padding:64px 0 32px}
 .foot-grid{grid-template-columns:minmax(0,1fr);gap:40px}
 .foot-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}
 .foot-nav>div:last-child{grid-column:1/-1}
 .foot-base{flex-direction:column;gap:8px;margin-top:48px}
 .foot-base::before{left:20px;right:20px}
}
@media (prefers-reduced-motion:reduce){
 .xband,.sp .fee,.sp .tk,.sp .over,.sp .tag,.sp .hb,.chain li::after,.node,.node i,.hv-t,.hv-t::before,.leaders path,.dband,.pm::before,.pm::after,.odo .od-cell,.odo .od-sep,.lp .nav,.nav-in{transition:none !important}
}

/* feeder states */
.feeder .fi .ic-ok{display:none}
.feeder.got .fi .ic-up{display:none}
.feeder.got .fi .ic-ok{display:block}
.feeder.got .fi{background:rgb(var(--hl)/.16);color:var(--bt-1)}
.feeder .ft b{overflow:hidden;text-overflow:ellipsis}
.lp .feeder.drag{box-shadow:inset 0 0 0 1.5px var(--light),0 0 0 5px rgb(230 248 62/.14),0 0 48px -6px rgb(230 248 62/.45)}

/* the light table surface: a dot grid that only shows where the light falls */
.table-dots{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,rgb(var(--hl)/.13) .8px,transparent 1.3px);background-size:18px 18px;background-position:9px 9px}
.worth .table-dots{-webkit-mask-image:radial-gradient(52% 40% at 50% 70%,#000,transparent 78%);mask-image:radial-gradient(52% 40% at 50% 70%,#000,transparent 78%)}
.close .table-dots{-webkit-mask-image:radial-gradient(38% 30% at 68% 64%,#000,transparent 80%);mask-image:radial-gradient(38% 30% at 68% 64%,#000,transparent 80%)}

/* ============ the send step: after a file, one field; nothing claims a receipt until it is sent ============ */
.send{display:none;margin-top:-4px}
.send.on{display:block}
.send-row{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:12px}
.tf{display:flex;flex-direction:column;gap:8px;min-width:0}
.tf-l{font-size:13px;font-weight:560;color:var(--bt-2)}
.tf-l i{font-style:normal;font-weight:400;color:var(--bt-3);margin-left:4px}
.tf-i{width:100%;height:48px;padding:0 16px;border:0;border-radius:12px;background:rgb(2 6 4/.55);color:var(--bt-1);font-family:var(--f-sans);font-size:16px;
 box-shadow:inset 0 0 0 1px rgb(var(--hl)/.14),inset 0 1px 3px rgb(0 0 0/.5);outline:none;transition:box-shadow .15s ease}
.tf-i::placeholder{color:var(--bt-4);opacity:1}
.tf-i:focus-visible{box-shadow:inset 0 0 0 1px rgb(var(--hl)/.3),0 0 0 2px var(--booth-1),0 0 0 4px var(--bt-1)}
.send-foot{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:12px}
.tf-err{display:flex;align-items:center;gap:8px;font-size:13px;line-height:1.4;color:var(--bt-1);visibility:hidden}
.tf-err::before{content:"!";display:grid;place-items:center;width:18px;height:18px;flex:none;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--bt-2);font-size:11px;font-weight:700;color:var(--bt-1)}
.tf-err.on{visibility:visible}
.send .btn{height:48px;flex:none}
.close .send{width:600px;max-width:100%}
.feeder.sent .fi .ic-up{display:none}
.feeder.sent .fi .ic-ok{display:block}
.feeder.sent .fi{background:rgb(var(--hl)/.16);color:var(--bt-1)}
@media (max-width:760px){.send-row{grid-template-columns:minmax(0,1fr)}.send-foot{flex-direction:column;align-items:stretch}.send .btn{width:100%}}

/* ============ the page as a feeder while a file is dragged over it ============ */
.drop-ov{position:fixed;inset:0;z-index:80;display:grid;place-items:center;pointer-events:none;opacity:0;visibility:hidden;background:rgb(2 6 4/.8);
 -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:opacity .18s ease,visibility 0s linear .18s}
.drop-ov.on{opacity:1;visibility:visible;transition:opacity .18s ease}
.drop-in{position:relative;width:min(640px,86vw);height:200px}
.drop-bar{position:absolute;left:0;right:0;top:50%;height:3px;margin-top:-1.5px;border-radius:2px;background:var(--light-core);
 box-shadow:0 0 1px .5px #fff,0 0 8px 2px rgb(230 248 62/.9),0 0 30px 8px rgb(230 248 62/.4),0 0 90px 20px rgb(230 248 62/.15)}
.drop-t{position:absolute;left:0;right:0;bottom:calc(50% + 22px);text-align:center;font-size:34px;line-height:1.1;font-weight:480;font-stretch:118%;letter-spacing:-.03em;color:var(--bt-1)}
.drop-s{position:absolute;left:0;right:0;top:calc(50% + 22px);text-align:center;font-size:15px;color:var(--bt-3)}

.feeder.got .btn .ic,.feeder.sent .btn .ic{display:none}

/* ================= production additions: the live form, the mobile menu, links that work ================= */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{min-height:100vh;min-height:100dvh}
x-t{display:inline}
.lp a.mail{color:var(--ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:rgb(16 35 24/.35)}
.foot-nav a.mail{color:var(--bt-1);text-decoration:none}
@media (hover:hover){.lp a.mail:hover{text-decoration-color:currentColor}}
.nojs{margin-bottom:-4px;padding:14px 16px;border-radius:14px;background:rgb(var(--hl)/.06);font-size:15px;color:var(--bt-1)}
.nojs a{text-decoration:underline}

/* the send step: name, email, company, phone; details folded away */
.send-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.tf-wide{grid-column:1 / -1}
.tf-l i{font-style:normal}
select.tf-i{-webkit-appearance:none;appearance:none;padding-right:44px;cursor:pointer;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23C4CBC3' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");
 background-repeat:no-repeat;background-position:right 12px center;background-size:20px}
select.tf-i:invalid,select.tf-i option[value=""]{color:var(--bt-4)}
select.tf-i option{color:#102318;background:#FCFDFA}
textarea.tf-i{height:auto;min-height:92px;padding:12px 16px;line-height:1.5;resize:vertical}
.tf-i[aria-invalid="true"]{box-shadow:inset 0 0 0 1.5px var(--bt-1),inset 0 1px 3px rgb(0 0 0/.5)}
.more{margin-top:12px;border-radius:14px}
.more summary{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 4px;list-style:none;cursor:pointer;font-size:14px;font-weight:560;color:var(--bt-2);border-radius:10px}
.more summary::-webkit-details-marker{display:none}
.more summary i{font-style:normal;font-weight:400;color:var(--bt-3)}
.more summary .ic{width:18px;height:18px;margin-left:auto;transition:transform .2s var(--e-out)}
.more[open] summary .ic{transform:rotate(180deg)}
.more[open]>.send-grid{margin:4px 0 4px}
@media (hover:hover){.more summary:hover{color:var(--bt-1)}}
.more summary:focus-visible{outline:none;box-shadow:0 0 0 2px var(--booth-1),0 0 0 4px var(--bt-1)}
.hp{position:absolute!important;left:-10000px!important;top:auto;width:1px;height:1px;overflow:hidden}
.send-foot .btn[disabled]{opacity:.72;cursor:progress}
.send .tf-err{max-width:420px}
.send-foot .tf-err:not(.on){display:none}
.send-foot{justify-content:flex-end}
.send-foot .tf-err.on{margin-right:auto}
.sent-note{display:none;padding:16px 18px;border-radius:16px;background:rgb(var(--hl)/.06);box-shadow:inset 0 0 0 1px rgb(var(--hl)/.1);font-size:15px;line-height:1.5;color:var(--bt-1)}
.sent-note.on{display:block}
.close .sent-note{width:600px;max-width:100%}
.files{display:none;margin-top:-8px;flex-direction:column;gap:6px;padding-left:16px}
.files.on{display:flex}
.files li{display:flex;align-items:center;gap:10px;min-width:0;font-size:13px;color:var(--bt-2)}
.files li b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;color:var(--bt-1)}
.files li span{flex:none;color:var(--bt-3)}
.files li .st-up{color:var(--bt-3)}
.files li .st-fail{color:var(--bt-1)}
.files li button{flex:none;display:grid;place-items:center;width:32px;height:32px;margin:-6px 0;border:0;border-radius:50%;background:transparent;color:var(--bt-3);cursor:pointer}
.files li button .ic{width:16px;height:16px}
@media (hover:hover){.files li button:hover{background:rgb(var(--hl)/.08);color:var(--bt-1)}}
.close .files{width:600px;max-width:100%}
.close-send{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:20px;margin-top:28px}
.close-send:not(:has(.on)){display:none}
.close-send .files{margin-top:0}
.noinv{display:inline-flex;align-items:center;min-height:32px;padding:0;border:0;background:none;font-size:13px;color:var(--bt-2);cursor:pointer;text-decoration:underline;text-decoration-color:rgb(196 203 195/.4);text-underline-offset:3px}
@media (hover:hover){.noinv:hover{color:var(--bt-1);text-decoration-color:currentColor}}
.feeder.got .noinv,.sent .noinv{display:none}
@media (max-width:760px){
 .send-grid{grid-template-columns:minmax(0,1fr)}
 .tf-i{height:52px}
 .send .btn{height:52px}
 .noinv{min-height:44px}
 .files{padding-left:12px}
 .feeder.got .btn::before,.feeder.got .btn::after{content:"";position:absolute;width:16px;height:1.75px;border-radius:1px;background:currentColor}
 .feeder.got .btn::after{transform:rotate(90deg)}
 .feeder.got .btn{position:relative}
 .feeder.sent .btn::before,.feeder.sent .btn::after{content:"";position:absolute;width:16px;height:1.75px;border-radius:1px;background:currentColor}
 .feeder.sent .btn::after{transform:rotate(90deg)}
 .feeder.sent .btn{position:relative}
}

/* the mobile menu: the section links fold into a sheet below 1140 px */
.menu-b{display:none;position:relative;width:44px;height:44px;margin-right:-6px;border:0;border-radius:50%;background:transparent;color:var(--bt-1);cursor:pointer}
.menu-b i{position:absolute;left:13px;width:18px;height:1.5px;border-radius:1px;background:currentColor;transition:transform .26s var(--e-out)}
.menu-b i:nth-child(1){top:18px}.menu-b i:nth-child(2){top:25px}
.menu-b[aria-expanded="true"] i:nth-child(1){transform:translateY(3.5px) rotate(45deg)}
.menu-b[aria-expanded="true"] i:nth-child(2){transform:translateY(-3.5px) rotate(-45deg)}
.msheet{display:none}
@media (max-width:1139px){
 .menu-b{display:block}
 .msheet{display:flex;flex-direction:column;position:absolute;top:calc(100% - 4px);right:16px;width:min(340px,calc(100% - 32px));padding:8px;border-radius:22px;
  background:#0B1710;box-shadow:inset 0 0 0 1px rgb(var(--hl)/.1),0 30px 60px -20px rgb(0 0 0/.9),0 0 0 100vmax rgb(3 8 5/.55);
  opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .2s ease,transform .26s var(--e-out),visibility 0s linear .26s}
 .msheet.open{opacity:1;visibility:visible;transform:none;transition:opacity .2s ease,transform .26s var(--e-out)}
 .msheet a{display:flex;align-items:center;justify-content:space-between;min-height:52px;padding:0 16px;border-radius:14px;font-size:16px;font-weight:520;color:var(--bt-1);text-decoration:none}
 .msheet a .ic{width:18px;height:18px;color:var(--bt-3)}
 .msheet a.ms-cta{margin-top:6px;background:var(--bt-1);color:var(--on-bt);font-weight:600}
 .msheet a.ms-cta .ic{color:var(--on-bt)}
 .msheet{z-index:1}
 .lp .nav.menu-open .brand,.lp .nav.menu-open .menu-b{position:relative;z-index:2}
 .lp .nav.menu-open{background:rgb(5 14 9/.92);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
}
@media (max-width:760px){.msheet{left:16px;right:16px;width:auto}}
@media (hover:hover) and (max-width:1139px){.msheet a:not(.ms-cta):hover{background:rgb(var(--hl)/.06)}}
@media (prefers-reduced-motion:reduce){.msheet,.menu-b i,.more summary .ic{transition:none!important}}

/* phones: safe areas and the home indicator */
@supports (padding:max(0px)){
 @media (max-width:760px){.foot{padding-bottom:max(40px,env(safe-area-inset-bottom))}}
}

/* the hero form: inline on phones and tablets, a card under the feeder on desktop */
.feed-wrap{display:flex;flex-direction:column;gap:20px}
.send-card{display:contents}
.card-h{display:none}
@media (min-width:1181px){
 .head{z-index:7}
 .hero .feed-wrap{position:relative;display:block}
 .hero .send-card{display:none;position:absolute;left:-16px;right:-16px;top:calc(100% + 10px);z-index:20;flex-direction:column;gap:16px;padding:16px 16px 18px;border-radius:26px;
  background:#0B1710;box-shadow:inset 0 1px 0 rgb(var(--hl)/.08),inset 0 0 0 1px rgb(var(--hl)/.1),0 40px 90px -24px rgb(0 0 0/.9),0 12px 24px -12px rgb(0 0 0/.6);
  animation:card-in .32s var(--e-out) both}
 .hero .send-card:has(.send.on){display:flex}
 .hero .send-card .files{margin-top:0;padding-left:4px}
 .card-h{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-2px -4px -4px 4px}
 .card-h p{font-size:15px;font-weight:600;color:var(--bt-1)}
 .card-x{display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:50%;background:transparent;color:var(--bt-3);cursor:pointer}
 .card-x .ic{width:18px;height:18px}
 .card-x:focus-visible{outline:none;box-shadow:0 0 0 2px var(--bt-1)}
 .hero .send-card .send-foot .btn{height:52px}
}
@media (min-width:1181px) and (hover:hover){.card-x:hover{background:rgb(var(--hl)/.08);color:var(--bt-1)}}
@keyframes card-in{from{opacity:0;transform:translateY(-6px) scale(.99)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.hero .send-card{animation:none}}



/* ================= v2: two doors, the cost answered, one action on phones, the theme toggle ================= */
.hgroup{display:flex;flex-direction:column;gap:20px;min-width:0}
.eyebrow{display:flex;align-items:center;gap:10px;font-size:15px;line-height:1.3;font-weight:520;color:var(--bt-2)}
.eyebrow::before{content:"";width:7px;height:7px;flex:none;border-radius:50%;background:var(--light);box-shadow:0 0 0 3px rgb(230 248 62/.16)}
.alt{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:52px;padding:0 20px 0 22px;border:0;border-radius:999px;cursor:pointer;
 background:transparent;box-shadow:inset 0 0 0 1px rgb(var(--hl)/.16);font-family:var(--f-sans);text-align:left;transition:box-shadow .2s ease,background-color .2s ease}
.alt-q{font-size:14px;color:var(--bt-3);white-space:nowrap}
.feeder .ft>span{overflow:hidden;text-overflow:ellipsis}
.alt-a{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:var(--bt-1);white-space:nowrap}
.alt-a .ic{width:18px;height:18px;transition:transform .2s var(--e-out)}
@media (hover:hover){.alt:hover{background:rgb(var(--hl)/.05);box-shadow:inset 0 0 0 1px rgb(var(--hl)/.3)}.alt:hover .alt-a .ic{transform:translateX(3px)}}
.alt:focus-visible{outline:none;box-shadow:inset 0 0 0 1.5px var(--bt-1),0 0 0 3px rgb(var(--hl)/.16)}
.alt:active{transform:scale(.985)}
.close .alt{width:600px;max-width:100%}
.close-alt{position:relative;z-index:2;margin-top:16px}
.side:has(.send.on) .alt,.side:has(.sent-note.on) .alt,.close:has(.send.on) .alt,.close:has(.sent-note.on) .alt{display:none}
.card-h p span{display:block;margin-top:3px;font-size:13px;font-weight:400;color:var(--bt-3)}
.theme-b{display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:50%;background:transparent;color:var(--bt-2);cursor:pointer;transition:color .2s ease,background-color .2s ease}
.theme-b .ic{width:20px;height:20px}
.theme-b .ic-moon{display:none}
:root[data-theme="light"] .theme-b .ic-sun{display:none}
:root[data-theme="light"] .theme-b .ic-moon{display:block}
@media (hover:hover){.theme-b:hover{color:var(--bt-1);background:rgb(var(--hl)/.07)}}
.theme-b:focus-visible{outline:none;box-shadow:0 0 0 2px var(--bt-1)}
.theme-swap *,.theme-swap *::before,.theme-swap *::after{transition:none!important}
.abar{display:none}
@media (max-width:760px){
 .eyebrow{font-size:14px}
 .hgroup{gap:16px}
 .alt{min-height:52px;padding:0 16px 0 18px}
 .alt-q{font-size:13.5px}
 .nav-r .btn-paper{display:none}
 .nav-r{gap:2px}
 .abar{display:block;position:fixed;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));z-index:70;pointer-events:none;
  opacity:0;transform:translateY(calc(100% + 24px));transition:opacity .2s ease,transform .34s var(--e-out)}
 .abar.on{opacity:1;transform:none;pointer-events:auto}
 .abar .btn{width:100%;height:56px;gap:10px;font-size:16px;box-shadow:inset 0 -1px 0 rgb(16 35 24/.16),0 1px 0 rgb(0 0 0/.3),0 18px 40px -12px rgb(0 0 0/.75)}
 .abar .btn .ic{margin-left:auto}
 .abar .btn{justify-content:flex-start;padding:0 20px 0 24px}
 .abar-f{padding:3px 8px;border-radius:999px;background:rgb(16 35 24/.08);font-size:12px;font-weight:600;letter-spacing:.01em}
 .foot{padding-bottom:calc(max(40px,env(safe-area-inset-bottom)) + 80px)}
}
@media (max-width:374px){.alt{padding:0 14px 0 16px}.alt-a{font-size:14px;gap:6px}}
@media (prefers-reduced-motion:reduce){.abar,.alt,.alt-a .ic{transition:none!important}}

/* ================= v2b: the report lives in How it works; one story told once ================= */
.how-rep{margin-top:120px;padding-top:72px;border-top:1px solid var(--line-2)}
.how-rep .rep-h{grid-column:2;grid-row:1;font-size:44px;line-height:1;font-weight:500;font-stretch:118%;letter-spacing:-.034em;color:var(--ink);text-wrap:balance}
.how-rep .annot{margin-top:56px}
.how-rep+.stub-foot{margin-top:24px}
.sheet.s2 .questions{padding-top:120px}
.sheet.s2 .q-grid{border-top:0;padding-top:0}
.xfoot{justify-content:flex-end}
.xnote{text-align:right}
/* the building's value appears once the year it comes from exists */
.mod.m3{opacity:min(1,calc(var(--v,0)*2))}
/* the second door chosen: the zone stays, quietly, for anyone who finds the invoice after all */
.feeder.man .btn{background:transparent;color:var(--bt-1);box-shadow:inset 0 0 0 1px rgb(var(--hl)/.28)}
@media (hover:hover){.lp .feeder.man:hover .btn{background:rgb(var(--hl)/.06)}}
.feeder.man .fi{background:transparent;box-shadow:inset 0 0 0 1px rgb(var(--hl)/.16)}
/* odometer drums: digits fade at the window's edge instead of stopping short */
.od-cell{-webkit-mask-image:linear-gradient(180deg,transparent 2%,#000 24%,#000 80%,transparent 98%);mask-image:linear-gradient(180deg,transparent 2%,#000 24%,#000 80%,transparent 98%)}
.lp .nav.scrolled{background:rgb(5 14 9/.92);-webkit-backdrop-filter:blur(20px) saturate(1.4);backdrop-filter:blur(20px) saturate(1.4)}
.card-h{margin-left:0!important}
@media (min-width:1181px){.head{align-items:start}.hgroup{padding-top:6px}}
@media (max-width:1180px){
 .how-rep{margin-top:72px;padding-top:56px}
 .how-rep .rep-h{grid-column:1;grid-row:1;font-size:34px}
}
@media (max-width:760px){
 .how-rep{margin-top:56px;padding-top:44px}
 .how-rep .rep-h{font-size:30px}
 .how-rep .annot{margin-top:28px}
 .how-rep .notes,.how-rep .spot,.how-rep .leaders{display:none}
 /* the report as page one, cropped: enough to see what arrives, without a second full read of the numbers */
 .how-rep .doc-stage{max-height:540px;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,#000 72%,transparent);mask-image:linear-gradient(180deg,#000 72%,transparent)}
 .sheet.s2 .questions{padding-top:80px}
 /* dark mode: the paper button docks in a booth capsule so it holds over paper and booth alike */
 .abar{padding:6px;border-radius:999px;background:rgb(8 18 12/.9);-webkit-backdrop-filter:blur(16px) saturate(1.3);backdrop-filter:blur(16px) saturate(1.3);
  box-shadow:inset 0 0 0 1px rgb(238 242 235/.1),0 18px 40px -12px rgb(0 0 0/.7)}
 .abar .btn{height:52px;box-shadow:inset 0 -1px 0 rgb(16 35 24/.16),0 1px 0 rgb(0 0 0/.3)}
}

/* ================= v2c: review round two ================= */
.hgroup .lede{max-width:560px;margin-top:4px}
@media (min-width:1181px){.hgroup .lede{max-width:600px}.side{padding-top:58px}}
.how-rep .rep-head{align-items:start}
.how-rep .rep-sub{padding-top:6px}
.rd-tag{top:-13px}
.tf-i{scroll-margin-top:104px}
@media (min-width:1181px){.hero .send-card{left:0;right:0;padding:18px 18px 20px}}
@media (max-width:760px){
 .feeder.man .btn{width:auto;height:44px;padding:0 18px;font-size:14px;gap:6px}
 .feeder.man .btn .ic{display:none}
 .how-rep .doc-grid{display:none}
}

/* ================= light mode: the same table in daylight =================
   The booth becomes a paper table. Documents and instruments lift off it on layered, ink-tinted shadows.
   The light stays a physical instrument, the one dark object on the page: a graphite housing with a hi-vis core.
   On paper it leaves a band behind ink, never a glow; hi-vis is never text on a light ground.
   One room keeps the dark: the close, so the light still shines where the page asks for the invoice. */
:root[data-theme="light"] body{background:#DCE2DA}
:root[data-theme="light"] .lp{
 --booth-0:#D3DAD1;--booth-1:#DCE2DA;--booth-2:#E6EBE3;--booth-3:#F3F6F1;--booth-4:#FFFFFF;--booth-line:#C5CDC6;
 --bt-1:#102318;--bt-2:#2F3E35;--bt-3:#47544C;--bt-4:#5E6A62;--hl:16 35 24;--on-bt:#F5F8F2;
 --olive:#4E6B17;
 --card:linear-gradient(180deg,#F9FBF7,#F2F5F0);
 --card-sh:inset 0 1px 0 #FFFFFF,0 0 0 1px rgb(16 35 24/.075),0 1px 2px rgb(16 35 24/.06),0 10px 22px -12px rgb(16 35 24/.16),0 40px 72px -36px rgb(16 35 24/.26);
 --well:#E8EDE6;
 color-scheme:light}

/* ---------- the instrument keeps its own light on its own metal */
:root[data-theme="light"] .lp :is(.bar-house,.th-house){background:linear-gradient(180deg,#46534B,#16211A);box-shadow:inset 0 1px 0 rgb(255 255 255/.16),0 1px 1px rgb(16 35 24/.25),0 8px 18px -6px rgb(16 35 24/.38)}
:root[data-theme="light"] .lp .th-house{background:linear-gradient(90deg,#46534B,#16211A);box-shadow:inset 1px 0 0 rgb(255 255 255/.16),0 10px 20px -8px rgb(16 35 24/.4)}
:root[data-theme="light"] .lp .bar-house::before,:root[data-theme="light"] .lp .bar-house::after{background:rgb(255 255 255/.18);box-shadow:inset 0 1px 1px rgb(0 0 0/.5)}
:root[data-theme="light"] .lp :is(.bar-core,.th-core){box-shadow:0 0 1px .5px #FFFFFF,0 0 6px 1px rgb(230 248 62/.95),0 0 18px 4px rgb(214 236 52/.55),0 0 56px 12px rgb(214 236 52/.22)}
:root[data-theme="light"] .lp .bar-glow{background:radial-gradient(50% 50% at 50% 50%,rgb(214 236 52/.22),transparent 70%)}
:root[data-theme="light"] .lp .th-glow{background:radial-gradient(50% 50% at 50% 50%,rgb(214 236 52/.24),transparent 70%)}
:root[data-theme="light"] .lp .bar:focus-visible .bar-house{box-shadow:inset 0 1px 0 rgb(255 255 255/.16),0 0 0 2px #FFFFFF,0 0 0 4px var(--ink)}
:root[data-theme="light"] .lp .thumb:focus-visible .th-house{box-shadow:inset 1px 0 0 rgb(255 255 255/.16),0 0 0 2px #FFFFFF,0 0 0 4px var(--ink)}
:root[data-theme="light"] .lp .ph .bar-knob b{background:linear-gradient(180deg,#4A574F,#16211A);box-shadow:inset 0 1px 0 rgb(255 255 255/.2),0 0 0 1px rgb(16 35 24/.3),0 5px 12px -3px rgb(16 35 24/.45)}
:root[data-theme="light"] .lp .ph .bar-knob b::before{background:linear-gradient(90deg,rgb(255 255 255/.6) 0 1.25px,transparent 1.25px 2.875px,rgb(255 255 255/.6) 2.875px 4.125px,transparent 4.125px 5.75px,rgb(255 255 255/.6) 5.75px 7px)}
:root[data-theme="light"] .lp .threads path:first-child{stroke:var(--booth-1)}
:root[data-theme="light"] .lp .threads [stroke="#E6F83E"]{stroke:var(--olive)}
:root[data-theme="light"] .lp .threads [fill="#E6F83E"]{fill:var(--olive)}

/* ---------- the table: daylight pooled where the light reads, falling off to the edges */
:root[data-theme="light"] .lp .hero-bg{background:
  radial-gradient(60% 40% at 50% 74%,rgb(255 255 255/.8),rgb(255 255 255/.3) 46%,transparent 76%),
  radial-gradient(120% 90% at 50% 30%,#EBEFE8,var(--booth-1) 58%,#D0D7CE)}
:root[data-theme="light"] .lp .hero-grid{background-image:radial-gradient(circle,rgb(16 35 24/.16) .8px,transparent 1.3px),linear-gradient(rgb(16 35 24/.035) 1px,transparent 1px),linear-gradient(90deg,rgb(16 35 24/.035) 1px,transparent 1px)}
:root[data-theme="light"] .lp .vignette{background:radial-gradient(150% 110% at 50% 28%,transparent 60%,rgb(16 35 24/.05))}
:root[data-theme="light"] .lp .grain{opacity:.03;mix-blend-mode:multiply}
:root[data-theme="light"] .lp .hero-fade{background:linear-gradient(180deg,rgb(220 226 218/0),var(--booth-1) 92%)}
:root[data-theme="light"] .lp .spill-pool{mix-blend-mode:multiply;background:radial-gradient(46% 50% at 50% 50%,rgb(222 242 70/.30),rgb(222 242 70/.10) 42%,rgb(222 242 70/.03) 62%,transparent 80%)}
:root[data-theme="light"] .lp .spill-dots{background-image:radial-gradient(circle,rgb(78 107 23/.42) .85px,transparent 1.4px),linear-gradient(rgb(78 107 23/.07) 1px,transparent 1px),linear-gradient(90deg,rgb(78 107 23/.07) 1px,transparent 1px)}
:root[data-theme="light"] .lp .hero-spill::after{background:linear-gradient(90deg,transparent 2%,rgb(150 186 30/.16) 22%,rgb(150 186 30/.34) 54%,rgb(150 186 30/.16) 86%,transparent 98%)}
:root[data-theme="light"] .lp .table-dots:not(.close *){background-image:radial-gradient(circle,rgb(16 35 24/.18) .8px,transparent 1.3px)}

/* ---------- surfaces: sheets of the same paper, each on its own shadow; the invoice is the brightest thing on the table */
:root[data-theme="light"] .lp :is(.mod,.ph .m1){background:var(--card);box-shadow:var(--card-sh);-webkit-backdrop-filter:none;backdrop-filter:none}
:root[data-theme="light"] .lp .mod::before{background:linear-gradient(180deg,rgb(214 236 52/.16),transparent 22%);box-shadow:inset 0 1.5px 0 rgb(199 224 43/.9)}
:root[data-theme="light"] .lp .inv{background:#FDFDFA;box-shadow:0 0 0 .5px rgb(16 35 24/.2),0 1px 1px rgb(16 35 24/.1),0 14px 26px -14px rgb(16 35 24/.24),0 64px 110px -44px rgb(16 35 24/.38)}
:root[data-theme="light"] .lp .inv-tex{opacity:.14}
:root[data-theme="light"] .lp .ply{box-shadow:inset 0 1px 0 rgb(255 255 255/.6),0 0 0 .5px rgb(16 35 24/.18),0 30px 60px -30px rgb(16 35 24/.35)}
:root[data-theme="light"] .lp .ply.p2{filter:brightness(.9)}
:root[data-theme="light"] .lp .ply.p1{filter:brightness(.95)}
:root[data-theme="light"] .lp .inv-shade{background:linear-gradient(180deg,rgb(8 20 13/.05) 0%,rgb(8 20 13/.02) 34%,rgb(8 20 13/0) 45%,rgb(8 20 13/0) 55%,rgb(8 20 13/.02) 68%,rgb(8 20 13/.05) 100%)}
:root[data-theme="light"] .lp .feeder:not(.close *){background:var(--card);box-shadow:inset 0 1px 0 #FFFFFF,0 0 0 1px rgb(16 35 24/.09),0 1px 2px rgb(16 35 24/.06),0 16px 32px -18px rgb(16 35 24/.28);-webkit-backdrop-filter:none;backdrop-filter:none}
:root[data-theme="light"] .lp .feeder:focus-within:not(.close *){box-shadow:inset 0 1px 0 #FFFFFF,0 0 0 1.5px var(--ink),0 0 0 5px rgb(16 35 24/.08),0 16px 32px -18px rgb(16 35 24/.28)}
:root[data-theme="light"] .lp .feeder:not(.close *) .fi{background:var(--well);box-shadow:inset 0 0 0 1px rgb(16 35 24/.06);color:var(--bt-2)}
:root[data-theme="light"] .lp :is(.feeder.got,.feeder.sent):not(.close *) .fi{background:var(--light);box-shadow:inset 0 0 0 1px rgb(78 107 23/.35);color:var(--ink)}
:root[data-theme="light"] .lp .feeder.man:not(.close *) .fi{background:transparent;box-shadow:inset 0 0 0 1px rgb(16 35 24/.16)}
:root[data-theme="light"] .lp .feeder.drag:not(.close *){box-shadow:inset 0 0 0 1.5px var(--olive),0 0 0 5px rgb(214 236 52/.35),0 16px 32px -18px rgb(16 35 24/.28)}
:root[data-theme="light"] .lp .alt:not(.close *){background:rgb(255 255 255/.4);box-shadow:inset 0 0 0 1px rgb(16 35 24/.16)}
@media (hover:hover){:root[data-theme="light"] .lp .alt:not(.close *):hover{background:rgb(255 255 255/.75);box-shadow:inset 0 0 0 1px rgb(16 35 24/.3)}}
:root[data-theme="light"] .lp .eyebrow::before{box-shadow:0 0 0 1px rgb(78 107 23/.45),0 0 0 4px rgb(214 236 52/.3)}
:root[data-theme="light"] .lp .mk-dot.lit:not(.close *){color:#D3EC3A;filter:drop-shadow(0 0 .6px rgb(16 35 24/.9)) drop-shadow(0 0 10px rgb(199 224 43/.7))}

/* ---------- buttons: ink in daylight */
:root[data-theme="light"] .lp .btn-paper:not(.close *){background:linear-gradient(180deg,#1C3326,#102318);box-shadow:inset 0 1px 0 rgb(255 255 255/.12),0 1px 2px rgb(16 35 24/.25),0 12px 24px -12px rgb(16 35 24/.55)}
:root[data-theme="light"] .lp .feeder.man:not(.close *) .btn{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1px rgb(16 35 24/.3)}
@media (hover:hover){:root[data-theme="light"] .lp .btn-paper:not(.close *):hover{background:linear-gradient(180deg,#25402F,#16301F)}}
:root[data-theme="light"] .lp .abar-f{background:rgb(255 255 255/.14)}
:root[data-theme="light"] .lp :is(a,button,[tabindex]):focus-visible:not(.close *){box-shadow:0 0 0 2px #FFFFFF,0 0 0 4px var(--ink)}
@media (max-width:760px){
 :root[data-theme="light"] .lp .abar{padding:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}
 :root[data-theme="light"] .lp .abar .btn{height:56px;box-shadow:inset 0 1px 0 rgb(255 255 255/.12),0 2px 4px rgb(16 35 24/.18),0 22px 44px -14px rgb(16 35 24/.5)}
}

/* ---------- evidence on white: hi-vis sits behind ink, never as ink */
:root[data-theme="light"] .lp .m1-a .big{color:var(--ink);text-decoration:underline;text-decoration-color:var(--light);text-decoration-thickness:.44em;text-underline-offset:-.3em;text-decoration-skip-ink:none}
:root[data-theme="light"] .lp .m1-a .big small{display:inline-block;color:var(--ink-2)}
:root[data-theme="light"] .lp .seg i,:root[data-theme="light"] .lp .leg .k i{background:linear-gradient(180deg,#E6F83E,#CFE635);box-shadow:inset 0 0 0 .5px rgb(78 107 23/.55)}
:root[data-theme="light"] .lp .chip-flag{box-shadow:inset 0 0 0 .5px rgb(78 107 23/.5)}
:root[data-theme="light"] .lp .chipfly{box-shadow:0 0 0 3px #FFFFFF,0 0 0 3.5px rgb(16 35 24/.08),0 8px 18px -6px rgb(78 107 23/.55)}
:root[data-theme="light"] .lp .lt>span::before{box-shadow:0 0 0 2px #FFFFFF}
:root[data-theme="light"] .lp .lens.hot .lt>span::before{box-shadow:0 0 0 2px #FFFFFF,0 0 0 2.5px rgb(78 107 23/.45),0 0 10px 2px rgb(199 224 43/.7)}
:root[data-theme="light"] .lp .rd-tag{background:#FFFFFF;box-shadow:0 0 0 1px rgb(16 35 24/.1),0 6px 14px -6px rgb(16 35 24/.25)}
:root[data-theme="light"] .lp .rd-tag i{box-shadow:0 0 0 1px rgb(78 107 23/.5),0 0 8px 1px rgb(199 224 43/.7)}

/* ---------- forms: wells cut into the card */
:root[data-theme="light"] .lp .tf-i:not(.close *){background:var(--well);color:var(--ink);box-shadow:inset 0 0 0 1px rgb(16 35 24/.12),inset 0 1px 2px rgb(16 35 24/.07)}
:root[data-theme="light"] .lp .tf-i:not(.close *):focus-visible{background:#FFFFFF;box-shadow:inset 0 0 0 1.5px var(--ink),0 0 0 4px rgb(16 35 24/.08)}
:root[data-theme="light"] .lp .tf-i[aria-invalid="true"]:not(.close *){box-shadow:inset 0 0 0 1.5px var(--ink),inset 0 1px 2px rgb(16 35 24/.07)}
:root[data-theme="light"] .lp select.tf-i:not(.close *){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%2334443A' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E")}
:root[data-theme="light"] .lp .hero .send-card{background:var(--card);box-shadow:var(--card-sh)}
:root[data-theme="light"] .lp .msheet{background:var(--card);box-shadow:var(--card-sh),0 0 0 100vmax rgb(16 35 24/.16)}
:root[data-theme="light"] .lp .sent-note:not(.close *){background:#FBFBF7;box-shadow:0 0 0 1px rgb(16 35 24/.1),0 10px 22px -14px rgb(16 35 24/.25)}

/* ---------- the nav: frosted daylight once the page moves */
:root[data-theme="light"] .lp .nav.scrolled,:root[data-theme="light"] .lp .nav.menu-open{background:rgb(232 237 230/.9);-webkit-backdrop-filter:blur(20px) saturate(1.4);backdrop-filter:blur(20px) saturate(1.4);box-shadow:0 1px 0 rgb(16 35 24/.08),0 18px 40px -28px rgb(16 35 24/.3)}

/* ---------- sheets on the table */
:root[data-theme="light"] .lp .sheet{background:#FBFBF7;box-shadow:inset 0 1px 0 #FFFFFF,0 0 0 .5px rgb(16 35 24/.14),0 1px 0 rgb(16 35 24/.06),0 2px 4px rgb(16 35 24/.06),0 36px 72px -32px rgb(16 35 24/.3)}
:root[data-theme="light"] .lp .perf .notch{box-shadow:inset 0 0 0 .5px rgb(16 35 24/.22),inset 0 2px 3px rgb(16 35 24/.16)}

/* ---------- the instrument section */
:root[data-theme="light"] .lp .worth-bg{background:radial-gradient(56% 46% at 50% 74%,rgb(255 255 255/.7),rgb(255 255 255/.22) 50%,transparent 78%),radial-gradient(120% 90% at 50% 30%,#E9EEE6,var(--booth-1) 62%,#D0D7CE)}
:root[data-theme="light"] .lp .rdout{background:var(--well);box-shadow:inset 0 0 0 1px rgb(16 35 24/.08),inset 0 2px 5px rgb(16 35 24/.12),0 1px 0 #FFFFFF}
:root[data-theme="light"] .lp .seg-ctl{background:var(--well);box-shadow:inset 0 0 0 1px rgb(16 35 24/.08),inset 0 1px 3px rgb(16 35 24/.1)}
:root[data-theme="light"] .lp .seg-ctl button.on{background:linear-gradient(180deg,#1C3326,#102318);box-shadow:0 1px 2px rgb(16 35 24/.25),0 6px 14px -6px rgb(16 35 24/.5)}
:root[data-theme="light"] .lp .r-lit{background:linear-gradient(90deg,rgb(214 236 52/.15),rgb(214 236 52/.95));box-shadow:inset 0 0 0 .5px rgb(78 107 23/.35)}
:root[data-theme="light"] .lp .r-track{background:rgb(16 35 24/.1)}

/* ---------- in daylight the booth becomes one room you step into at the end: the close keeps the dark, so the light still shines */
:root[data-theme="light"] .lp .close{margin:16px 16px 0;border-radius:4px;color:#EEF2EB;color-scheme:dark;
 --booth-0:#020604;--booth-1:#050E09;--booth-2:#0A160F;--booth-3:#121F17;--booth-4:#1D2A22;--booth-line:#2E3A32;
 --bt-1:#EEF2EB;--bt-2:#C4CBC3;--bt-3:#9AA39A;--bt-4:#7A837B;--hl:238 242 235;--on-bt:#102318;--well:#0B1710;
 box-shadow:0 0 0 .5px rgb(16 35 24/.5),0 2px 4px rgb(16 35 24/.18),0 40px 80px -36px rgb(16 35 24/.5)}

/* ---------- the footer: the table's edge */
:root[data-theme="light"] .lp .foot{box-shadow:none}

/* ---------- a file dragged over the page */
:root[data-theme="light"] .lp .drop-ov{background:rgb(220 226 218/.88)}