@font-face{font-family:"Instrument Serif";font-weight:400;font-style:normal;font-display:swap;src:url(/fonts/is-regular.woff2) format("woff2")}
@font-face{font-family:"Instrument Serif";font-weight:400;font-style:italic;font-display:swap;src:url(/fonts/is-italic.woff2) format("woff2")}
@font-face{font-family:"Instrument Sans";font-weight:400 700;font-stretch:75% 100%;font-display:swap;src:url(/fonts/isans.woff2) format("woff2")}
@font-face{font-family:"DM Mono";font-weight:400;font-display:swap;src:url(/fonts/dmmono.woff2) format("woff2")}
:root{--paper:#F3EEE3;--paper2:#EAE3D3;--card:#FAF7F0;--ink:#1A1814;--mut:#5B5547;--rule:#CFC6B2;--ac:#B5321A;--acl:#FF8F6B;--inkmut:#BDB6A5;
--sans:"Instrument Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--serif:"Instrument Serif",Georgia,"Times New Roman",serif;--mono:"DM Mono",ui-monospace,Menlo,Consolas,monospace;
--sec:clamp(64px,9vw,128px);--gut:clamp(20px,3vw,40px)}
*{box-sizing:border-box}
html{scroll-padding-top:84px;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.62 var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip;font-synthesis:none}
img,svg{display:block;max-width:100%}
a{color:var(--ink);text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:var(--ac)}
:focus-visible{outline:2px solid var(--ac);outline-offset:3px}
.skip{position:absolute;left:12px;top:-60px;background:var(--ink);color:var(--paper);padding:10px 14px;z-index:100;font-weight:600}.skip:focus{top:12px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.w{width:min(1240px,100% - 2*var(--gut));margin-inline:auto}.narrow{width:min(720px,100% - 2*var(--gut))}
h1,h2,h3,h4{margin:0;font-weight:400}
h1,h2,h3{font-family:var(--serif)}
h2{font-size:clamp(2.2rem,4.2vw,3.8rem);line-height:1.02;letter-spacing:-.012em;text-wrap:balance}
h3{font-size:1.5rem;line-height:1.12}
h4{font:400 .78rem/1.3 var(--mono);letter-spacing:.1em;text-transform:uppercase}
em{font-style:italic}
p{margin:0 0 1em}
.small{font-size:.9rem;color:var(--mut)}
.eyebrow,.mono{font:400 .76rem/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mut);margin:0 0 20px}
.eyebrow:before{content:"";display:inline-block;width:22px;height:1px;background:currentColor;vertical-align:middle;margin-right:10px;transform:translateY(-2px)}
/* buttons */
.btn{display:inline-flex;align-items:center;gap:.7em;background:var(--ink);color:var(--paper);text-decoration:none;font-weight:600;font-size:.98rem;padding:.9em 1.25em;border:1px solid var(--ink);border-radius:2px;transition:background-color .2s,color .2s,border-color .2s}
.btn:hover{background:var(--ac);border-color:var(--ac);color:#fff}
.btn svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6;transition:transform .25s cubic-bezier(.2,.7,.2,1)}.btn:hover svg{transform:translateX(3px)}
.btn.ghost{background:transparent;color:var(--ink)}.btn.ghost:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.btn.sm{padding:.55em .95em;font-size:.9rem}
.btn.inv{background:var(--paper);color:var(--ink);border-color:var(--paper)}.btn.inv:hover{background:var(--acl);border-color:var(--acl);color:var(--ink)}
.cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.cta.center{justify-content:center}
/* header */
.top{position:sticky;top:0;z-index:50;background:rgba(243,238,227,.94);backdrop-filter:blur(8px);border-bottom:1px solid transparent;transition:border-color .3s}
.top.scrolled{border-bottom-color:var(--rule)}
.prog{position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--ac);transform:scaleX(0);transform-origin:left;will-change:transform}
.bar{display:flex;align-items:center;justify-content:space-between;height:68px;gap:20px}
.logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}.logo:hover{color:var(--ink)}
.logo svg{width:28px;height:28px}.logo span{font:400 1.55rem/1 var(--serif);letter-spacing:-.005em}.logo span i{font-style:italic;color:var(--ac)}
nav#menu{display:flex;align-items:center;gap:clamp(14px,1.8vw,26px)}
nav#menu a:not(.btn){font-size:.92rem;text-decoration:none;color:var(--ink);padding:6px 0;background:linear-gradient(var(--ac),var(--ac)) 0 100%/0 1px no-repeat;transition:background-size .25s}
nav#menu a:not(.btn):hover,nav#menu a.act,nav#menu a[aria-current]{background-size:100% 1px}
.burger{display:none;width:44px;height:44px;border:1px solid var(--ink);background:none;position:relative;border-radius:2px;cursor:pointer}
.burger span{position:absolute;left:12px;right:12px;height:1.5px;background:var(--ink);transition:transform .25s}.burger span:first-child{top:17px}.burger span:last-child{top:25px}
.burger[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.burger[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}
/* hero */
.hero{padding:clamp(28px,4vw,56px) 0 0;position:relative}
.hgrid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7.4fr);gap:clamp(28px,4vw,64px);align-items:start}
h1{font-size:clamp(3rem,5.4vw,5.4rem);line-height:.96;letter-spacing:-.02em;margin:0 0 28px}
h1 em{color:var(--ac);display:inline-block;padding-right:.06em}
.hw{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em;margin-bottom:-.08em}.hw>span{display:inline-block}
.js .hw>span{transform:translateY(105%);animation:wi .9s cubic-bezier(.16,.8,.2,1) forwards;animation-delay:calc(.08s + var(--i)*.07s)}
@keyframes wi{to{transform:none}}
.lead{font-family:var(--serif);font-size:clamp(1.45rem,2.1vw,1.9rem);line-height:1.18;margin:0 0 18px;max-width:20em}
.lead2s{color:var(--mut);max-width:32em;margin:0}
.note{max-width:34em;border-top:1px solid var(--rule);padding-top:14px;margin:34px 0 0}
.stage{margin:0;position:relative;min-width:0}
.sheetbox{position:relative;background:var(--card);border:1px solid var(--ink);border-radius:2px;background-image:linear-gradient(rgba(26,24,20,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(26,24,20,.055) 1px,transparent 1px);background-size:24px 24px;box-shadow:6px 6px 0 var(--paper2),6px 6px 0 1px var(--rule)}
.sc{width:100%;height:auto;aspect-ratio:720/470;font-family:var(--mono);overflow:visible}
.js .sc{opacity:0}.js .sc.ready{opacity:1;transition:opacity .4s}
html:not(.js) .sc .eph{display:none}
.sccap{display:none;position:absolute;right:12px;bottom:10px;font:400 .72rem/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink);margin:0}
.scbar{height:3px;background:var(--rule);margin-top:0;position:relative;overflow:hidden}.scprog{position:absolute;inset:0;background:var(--ac);transform:scaleX(0);transform-origin:left}
.sclg{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0 18px}
.sclg li{border-top:1px solid var(--rule);padding:10px 0 0;font-size:.84rem;line-height:1.4;color:var(--mut);transition:color .3s,border-color .3s;position:relative}
.sclg li:before{content:"";position:absolute;left:0;top:-1px;height:2px;width:100%;background:var(--ac);transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.sclg li.on{color:var(--ink)}.sclg li.on:before{transform:scaleX(1)}
.sclg .n{font:400 .7rem var(--mono);letter-spacing:.08em;display:block;color:var(--mut)}.sclg b{display:block;font:400 1.25rem/1.1 var(--serif);color:var(--ink);margin:2px 0 6px}
.sclg .d{display:block}
html:not(.js) .sclg li .d,.sclg li .d{}
.scfoot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 20px;margin-top:16px}
.scnote{margin:0;font-size:.82rem;color:var(--mut)}
.scbtn{font:400 .74rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;background:none;border:1px solid var(--ink);padding:9px 12px;border-radius:2px;color:var(--ink);cursor:pointer;display:inline-flex;gap:8px;align-items:center}
.scbtn:hover{background:var(--ink);color:var(--paper)}
.scbtn i{width:9px;height:10px;border-left:3px solid currentColor;border-right:3px solid currentColor;display:inline-block}
.scbtn[aria-pressed=true] i{border:0;width:0;height:0;border-left:9px solid currentColor;border-top:5px solid transparent;border-bottom:5px solid transparent}
.strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:clamp(48px,6vw,88px);border-top:1px solid var(--ink)}
.strip p{margin:0;padding:16px 18px 16px 0;font:400 .76rem/1.45 var(--mono);letter-spacing:.08em;text-transform:uppercase}
.strip p+p{padding-left:18px;border-left:1px solid var(--rule)}
/* scene artwork */
.sc .tick{stroke:var(--ink);stroke-width:1;fill:none;opacity:.5}
.sc .ln,.sc .ln2,.sc .gr,.sc .gr2,.sc .ldr,.sc .flowln,.sc .coneln,.sc .chk,.sc .chk2,.sc .sig,.sc .scan{fill:none;stroke-linecap:round;stroke-linejoin:round}
.sc .ln{stroke:var(--ink);stroke-width:1.3}.sc .ln2{stroke:var(--ink);stroke-width:1}
.sc .gr{stroke:#1A1814;stroke-opacity:.16;stroke-width:1}.sc .gr2{stroke:var(--ink);stroke-opacity:.55;stroke-width:.9}
.sc .dr{stroke-dasharray:1 1.2;stroke-dashoffset:0;stroke-linecap:butt}
.sc .fl{fill:var(--card);stroke:none}.sc .floor{fill:#F6F1E6}
.sc .tp{fill:#FBF9F3}.sc .lfc{fill:#E7DFCD}.sc .rtc{fill:url(#hatch);fill-opacity:1}
.sc .wall{fill:#F1EADB}.sc .wall.b{fill:#E9E1CE}.sc .wallt{fill:var(--ink)}
.sc .glass{fill:#DCE3E0}
.sc .cam_t{fill:var(--ink)}.sc .cam_l{fill:#3b362d}.sc .cam_r{fill:var(--ink)}
.sc .led{fill:var(--paper);stroke:var(--ink);stroke-width:.8}.sc .ledon{fill:var(--ac)}
.sc .cone{fill:var(--ac);fill-opacity:.1}.sc .coneln{stroke:var(--ac);stroke-opacity:.5;stroke-width:1;stroke-dasharray:3 3}.sc .coneln.dr{stroke-dasharray:1 1.2}
.sc .bcn{fill:var(--ink)}.sc .ring{fill:none;stroke:var(--ac);stroke-width:1.4}
.sc .ldr{stroke:var(--ink);stroke-width:.9}
.sc .lab{font-family:var(--mono);font-size:11.5px;letter-spacing:.09em;fill:var(--ink)}.sc .lab-b{font-weight:400;fill:var(--ink)}.sc .lab-m{fill:var(--mut);font-size:10.5px}.sc .lab-r{font-size:10.5px;letter-spacing:.02em;font-family:var(--sans)}
.sc .lab-on{fill:var(--paper)}.sc .ph{display:none;fill:none;stroke:var(--mut);stroke-width:2.4;stroke-linecap:round;opacity:.55}
.sc .tag{fill:var(--card);stroke:var(--ink);stroke-width:1}.sc .tagon{fill:var(--ac);stroke:var(--ac)}.sc .recdot{fill:var(--paper)}
.sc .shadow{fill:var(--ink);opacity:.16}.sc .pbody{fill:var(--ink)}.sc .phead{fill:var(--card);stroke:var(--ink);stroke-width:1.6}.sc .phair{fill:none;stroke:var(--ink);stroke-width:3;stroke-linecap:round}
.sc .sheetcard{fill:var(--card);stroke:var(--ink);stroke-width:1.2}.sc .cbx{fill:none;stroke:var(--ink);stroke-width:1}
.sc .chk{stroke:var(--ink);stroke-width:1.8}.sc .sig{stroke:var(--ac);stroke-width:2}.sc .chk2{stroke:var(--ink);stroke-width:2}
.sc .flowln{stroke:var(--ac);stroke-width:1;stroke-dasharray:3 3;stroke-opacity:.8}.sc .flowln.dr{stroke-dasharray:1 1.2}
.sc .pkt{fill:var(--ac)}
.sc .slabt{fill:#FBF9F3}.sc .slabl{fill:var(--ac)}.sc .slabr{fill:#8E2713}
.sc .scan{stroke:var(--ac);stroke-width:2}.sc .badge{fill:var(--card);stroke:var(--ink);stroke-width:1.6}
.sc .labt{fill:#FBF9F3}.sc .labl{fill:#E7DFCD}.sc .labr{fill:url(#hatch)}.sc .door{fill:var(--ink)}.sc .winon{fill:var(--ac)}
.sc .crt{fill:#FBF9F3;stroke:var(--ink);stroke-width:1.2;stroke-linejoin:round}.sc .crl{fill:#E7DFCD;stroke:var(--ink);stroke-width:1.2;stroke-linejoin:round}.sc .crr{fill:url(#hatch);stroke:var(--ink);stroke-width:1.2;stroke-linejoin:round}.sc .crb{fill:var(--ac);stroke:var(--ink);stroke-width:.8}
.sc .tp,.sc .lfc,.sc .rtc,.sc .slabt,.sc .slabl,.sc .slabr,.sc .labt,.sc .labl,.sc .labr,.sc .cam_t,.sc .cam_l,.sc .cam_r{stroke:none}
/* sections */
section{padding:var(--sec) 0;position:relative}
section.alt{background:var(--paper2)}
section.dark{background:var(--ink);color:var(--paper)}
.dark .eyebrow{color:var(--inkmut)}.dark .small{color:var(--inkmut)}.dark a{color:var(--paper)}.dark a:hover{color:var(--acl)}
.split{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(28px,5vw,88px);align-items:start}
.sticky{position:sticky;top:104px}
.sh p:not(.eyebrow){color:var(--mut);max-width:34em;margin-top:22px}
.dark .sh p:not(.eyebrow){color:var(--inkmut)}
/* domains index */
.dlist{border-bottom:1px solid var(--ink)}
.dm{display:grid;grid-template-columns:3.2rem minmax(0,1fr) minmax(0,1.15fr);gap:6px 28px;padding:22px 0 24px;border-top:1px solid var(--ink);position:relative;transition:padding-left .35s cubic-bezier(.2,.7,.2,1)}
.dm .n{font:400 .76rem/2.4 var(--mono);color:var(--mut);letter-spacing:.06em;transition:color .2s}
.dm h3{font-size:clamp(1.55rem,2.2vw,2.05rem);margin:0 0 8px;letter-spacing:-.005em}
.dm p{margin:0;font-size:.97rem}
.dm .tg{font:400 .72rem/1.5 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ac)}
.dm .nt{color:var(--mut);font-size:.88rem;margin-top:8px}
.dm:hover{padding-left:10px}.dm:hover .n{color:var(--ac)}
.dm.any{background:var(--ink);color:var(--paper);padding:30px 28px 32px;margin-top:-1px;grid-template-columns:minmax(0,1fr)}
.dm.any:hover{padding-left:28px}
.dm.any h3{font-size:clamp(1.9rem,3vw,2.6rem)}.dm.any p{color:var(--inkmut);max-width:32em}.dm.any .btn{margin-top:14px}
/* process (scroll-linked rail) */
.steps{list-style:none;margin:0;padding:0 0 0 clamp(28px,4vw,56px);position:relative}
.rail{position:absolute;left:0;top:10px;bottom:10px;width:1px;background:rgba(243,238,227,.28)}
.railfill{position:absolute;inset:0;background:var(--acl);transform:scaleY(0);transform-origin:top;will-change:transform}
.step{position:relative;padding:0 0 clamp(34px,5vw,64px)}
.step h3{color:var(--inkmut);transition:color .5s}.step p{color:#A29B88;transition:color .5s}.step.on h3{color:var(--paper)}.step.on p{color:var(--inkmut)}
.step:last-child{padding-bottom:0}
.step:before{content:"";position:absolute;left:calc(-1*clamp(28px,4vw,56px) - 5px);top:14px;width:11px;height:11px;border-radius:50%;background:var(--ink);border:1px solid rgba(243,238,227,.5);transition:background .4s,border-color .4s,transform .4s cubic-bezier(.2,.7,.2,1)}
.step.on:before{background:var(--acl);border-color:var(--acl);transform:scale(1.25)}
.step .sn{font:400 .76rem var(--mono);letter-spacing:.1em;color:var(--inkmut)}
.step h3{font-size:clamp(2rem,3.4vw,3rem);margin:4px 0 8px}
.step p{margin:0;max-width:30em}
.notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 clamp(20px,3vw,44px);margin-top:clamp(48px,6vw,80px);border-top:1px solid rgba(243,238,227,.28);padding-top:24px}
.notes h4{color:var(--acl);margin-bottom:8px}.notes p{margin:0;color:var(--inkmut);font-size:.95rem}
/* deliver */
.dv{display:grid;grid-template-columns:4.5rem minmax(0,1fr) minmax(0,1.25fr);gap:12px clamp(20px,3vw,48px);padding:34px 0 40px;border-top:1px solid var(--ink)}
.dv:last-child{border-bottom:1px solid var(--ink)}
.dv .rn{font:400 clamp(2.4rem,4vw,3.6rem)/1 var(--serif);color:var(--ac)}
.dv h3{font-size:clamp(1.9rem,3vw,2.7rem);letter-spacing:-.01em}
.dv p{margin:0 0 .8em}.dv ul{margin:.4em 0 1em;padding:0;list-style:none}.dv li{padding:5px 0 5px 20px;position:relative;border-top:1px solid var(--rule);font-size:.97rem}.dv li:before{content:"";position:absolute;left:0;top:.95em;width:10px;height:1px;background:var(--ac)}
/* sample tasks */
.grid2{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(20px,3vw,40px);margin-top:48px;align-items:start}
.task{background:var(--card);border:1px solid var(--ink);padding:clamp(20px,2.4vw,32px);box-shadow:6px 6px 0 var(--rule);min-width:0}
.task:nth-child(2){margin-top:44px}
.task header{margin-bottom:16px}.task h3{font-size:1.65rem;margin-top:10px}
.chip{display:inline-block;font:400 .72rem/1 var(--mono);letter-spacing:.08em;border:1px solid var(--ink);padding:5px 8px;margin-right:6px}.chip.m{border-color:var(--rule);color:var(--mut)}
.task p{font-size:.95rem}.task .q{margin-top:0}
.gold{background:var(--paper2);border-left:3px solid var(--ac);padding:12px 16px;margin:16px 0}.gold-l{padding-left:1.2em;font-size:.95rem}.gold-l li{margin:.4em 0}
.tw{overflow-x:auto;margin:16px 0;-webkit-overflow-scrolling:touch}
table{border-collapse:collapse;width:100%;font-size:.88rem;min-width:520px}
th{font:400 .7rem/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;text-align:left;color:var(--mut);padding:8px 10px;border-bottom:1px solid var(--ink)}
td{padding:9px 10px;border-bottom:1px solid var(--rule);vertical-align:top;font-variant-numeric:tabular-nums}
tr.tot td{font-weight:600;border-top:1px solid var(--ink)}
.pos{color:#1f6a3d}.neg{color:var(--ac)}
/* pricing ledger */
.plans{border-top:1px solid var(--ink);margin-top:48px}
.plan{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 32px;padding:30px 0 32px;border-bottom:1px solid var(--ink);align-items:end}
.plan .tag{font:400 .72rem var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mut);margin:0 0 6px}
.plan h3{font-size:clamp(1.7rem,2.6vw,2.4rem)}
.plan ul{margin:14px 0 0;padding:0;list-style:none;columns:2;column-gap:32px;font-size:.95rem}.plan li{padding:2px 0 2px 18px;position:relative;break-inside:avoid}.plan li:before{content:"";position:absolute;left:0;top:.85em;width:9px;height:1px;background:var(--ac)}
.plan .pr{text-align:right}
.plan .amt{font:400 clamp(3rem,5.4vw,5rem)/.95 var(--serif);margin:0;letter-spacing:-.02em}.plan .vat{font:400 .74rem var(--mono);letter-spacing:.06em;color:var(--mut);margin:8px 0 0;text-transform:uppercase}
.plan.hi{background:var(--ink);color:var(--paper);padding-left:clamp(18px,2.4vw,32px);padding-right:clamp(18px,2.4vw,32px);margin:0 calc(-1*clamp(18px,2.4vw,32px))}
.plan.hi .tag,.plan.hi .vat{color:var(--inkmut)}.plan.hi li:before{background:var(--acl)}.plan.hi .tag{color:var(--acl)}
.terms{list-style:none;padding:0;margin:36px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(24px,4vw,64px)}
.terms li{padding:12px 0;border-top:1px solid var(--rule);font-size:.93rem;color:var(--mut)}
/* trust home */
.status{list-style:none;margin:0;padding:0}
.status li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:16px;padding:18px 0;border-top:1px solid var(--ink)}.status li:last-child{border-bottom:1px solid var(--ink)}
.status svg{width:22px;height:22px;fill:none;stroke:var(--ink);stroke-width:1.5;margin-top:3px}.status .n svg{stroke-dasharray:2.5 2.5;stroke:var(--mut)}
.status .y svg .fillc{fill:var(--ink);stroke:none}.status .y svg .tk{stroke:var(--paper);stroke-width:1.8}
.status .n{color:var(--mut)}
.lead2{font-family:var(--serif);font-size:clamp(1.4rem,2vw,1.8rem);line-height:1.22;margin:22px 0 18px}
/* about */
.about .name{font:italic 400 2.3rem/1 var(--serif);margin:0}.about .role{font:400 .76rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mut);margin:8px 0 22px}
.about p{max-width:36em}
/* contact */
.cbox{text-align:left}
.cbox h2{font-size:clamp(3rem,8.6vw,8.6rem);line-height:.92;letter-spacing:-.025em;max-width:11em}
.cbox h2 em{color:var(--ac);position:relative;white-space:nowrap}
.cbox .ul{display:block;width:100%;height:.22em;margin-top:-.06em;overflow:visible}
.cbox .ul path{fill:none;stroke:var(--ac);stroke-width:5;stroke-linecap:round;stroke-dasharray:1 1.2;stroke-dashoffset:1}
.cbox .cr{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:24px 56px;margin-top:40px;align-items:start;border-top:1px solid var(--ink);padding-top:28px}
.cbox .cr p{margin:0}
/* footer */
footer{background:var(--ink);color:var(--paper);padding:clamp(48px,6vw,80px) 0 28px}
footer a{color:var(--paper)}footer a:hover{color:var(--acl)}
footer .logo{color:var(--paper)}footer .logo span i{color:var(--acl)}
.fgrid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,3fr) minmax(0,4fr);gap:36px}
.fgrid h4{color:var(--inkmut);margin-bottom:12px}.fgrid p{margin:0 0 6px}.fgrid .small{color:var(--inkmut)}
.wfull{grid-column:1/-1}.legal{border-top:1px solid rgba(243,238,227,.2);padding-top:18px;margin-top:20px}
/* docs */
.doc{padding:clamp(40px,6vw,84px) 0 var(--sec)}
.doc h1{font-size:clamp(2.8rem,6vw,5rem);margin:0 0 18px;line-height:.98}
.doc h2{font-size:clamp(1.7rem,2.6vw,2.3rem);margin:56px 0 14px;padding-top:20px;border-top:1px solid var(--ink);line-height:1.08;display:flex;gap:16px;align-items:baseline}
.doc h2 span{font:400 .78rem var(--mono);color:var(--ac);letter-spacing:.08em;flex:none}
.doc .meta{font:400 .76rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mut)}
.doc ul{padding-left:1.1em}.doc li{margin:.45em 0}.doc li::marker{color:var(--ac)}
.doc .subh{font:400 .76rem var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mut);margin:20px 0 6px}
.toc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;margin:30px 0 10px;border-bottom:1px solid var(--ink)}
.toc a{padding:9px 0;border-top:1px solid var(--rule);text-decoration:none;font-size:.95rem}.toc a:hover{color:var(--ac)}
.dl{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;background:var(--card);border:1px solid var(--ink);padding:20px 24px;margin:28px 0;box-shadow:6px 6px 0 var(--rule)}.dl .name{font:400 1.3rem var(--serif);margin:0}.dl p{margin:0}
/* reveal */
.js .rv{opacity:0;transform:translate3d(0,14px,0);transition:opacity .7s cubic-bezier(.2,.7,.2,1) var(--d,0s),transform .8s cubic-bezier(.2,.7,.2,1) var(--d,0s)}
.js .rv.in{opacity:1;transform:none}
.js .rv.done{transition:none}
.js .dm.rv.done{transition:padding-left .35s cubic-bezier(.2,.7,.2,1)}
/* responsive */
@media (max-width:1060px){
 .hgrid{grid-template-columns:minmax(0,1fr)}.sticky{position:static}.split{grid-template-columns:minmax(0,1fr)}
 .sclg{grid-template-columns:repeat(5,minmax(0,1fr))}.sclg .d{display:none}.sclg li.on .d{display:none}
 .dv{grid-template-columns:3.5rem minmax(0,1fr)}.dv>div:last-child{grid-column:2}
 .grid2{grid-template-columns:minmax(0,1fr)}.task:nth-child(2){margin-top:0}
}
@media (max-width:860px){
 .burger{display:block}
 nav#menu{position:absolute;left:0;right:0;top:68px;background:var(--paper);border-bottom:1px solid var(--ink);flex-direction:column;align-items:stretch;gap:0;padding:8px var(--gut) 20px;display:none}
 nav#menu.open{display:flex}
 nav#menu a:not(.btn){padding:14px 0;border-top:1px solid var(--rule);font-size:1.05rem;background:none}
 nav#menu .btn{margin-top:14px;justify-content:center}
 .notes,.terms,.cbox .cr,.fgrid{grid-template-columns:minmax(0,1fr)}
 .strip{grid-template-columns:repeat(2,minmax(0,1fr))}.strip p:nth-child(3){padding-left:0;border-left:0}.strip p:nth-child(n+3){border-top:1px solid var(--rule)}
 .dm{grid-template-columns:2.4rem minmax(0,1fr)}.dm>div,.dm .dd{grid-column:2}
 .plan{grid-template-columns:minmax(0,1fr)}.plan .pr{text-align:left}.plan ul{columns:1}
 .toc{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:560px){
 body{font-size:16px}
 .sc .lab:not(.lab-b):not(.lab-on){display:none}.sc .ldr{display:none}
 .sc .lab-b,.sc .lab-on{font-size:14px}.sc .ph{display:block}.sc .lab-r{display:none}
 .sclg b{font-size:1rem}.sclg{gap:0 8px}.sclg .n{font-size:.62rem}
 .stage{margin-left:calc(-1*var(--gut));margin-right:calc(-1*var(--gut))}.sheetbox{box-shadow:none;border-left:0;border-right:0}.sclg,.scfoot{margin-left:var(--gut);margin-right:var(--gut)}
 .btn{width:100%;justify-content:center}.cta .btn{flex:1 1 100%}
 .dv{grid-template-columns:minmax(0,1fr)}.dv>div:last-child{grid-column:1}
 .plan.hi{margin:0 -20px;padding-left:20px;padding-right:20px}
 .logo span{font-size:1.4rem}
}
@media (prefers-reduced-motion:reduce){
 .js .rv{opacity:1;transform:none;transition:none}.js .hw>span{transform:none;animation:none}
 .step h3,.step p{transition:none}.cbox .ul path{stroke-dashoffset:0}
}

.doc .w.narrow{width:min(1240px,100% - 2*var(--gut))}
.doc .w>*:not(.eyebrow):not(h1):not(.meta){margin-left:33.333%}
.doc .w>h1{max-width:12em}
.doc .w>.lead2{max-width:30em}
.doc .meta{margin-bottom:0}
@media (max-width:1060px){.doc .w>*:not(.eyebrow):not(h1):not(.meta){margin-left:0}}
/* hero order on narrow screens: animation right after the lead */
@media (max-width:1060px){
 .hgrid{display:flex;flex-direction:column;gap:0}.hcopy{display:contents}
 .hcopy>.eyebrow{order:0}.hcopy>h1{order:1}.hcopy>.lead{order:2}.stage{order:3;margin:12px 0 26px}.hcopy>.lead2s{order:4}.hcopy>.cta{order:5}.hcopy>.note{order:6}
}

html:not(.js) .scbtn{display:none}