/* Saetero · landing v3 (rebrand, DRAFT, 27 Oct 2026). Built on page v2. Self-hosted fonts, no outside requests. */
@font-face{font-family:"EB Garamond";src:url(fonts/EBGaramond-wght.ttf);font-weight:400 800;font-display:swap}
@font-face{font-family:"EB Garamond";src:url(fonts/EBGaramond-Italic-wght.ttf);font-style:italic;font-weight:400 800;font-display:swap}
@font-face{font-family:"Redaction";src:url(fonts/Redaction-Regular.ttf);font-display:swap}
@font-face{font-family:"Redaction50";src:url(fonts/Redaction50-Regular.ttf);font-display:swap}
@font-face{font-family:"Redaction100";src:url(fonts/Redaction100-Regular.ttf);font-display:swap}
@font-face{font-family:"Departure Mono";src:url(fonts/DepartureMono-Regular.otf);font-display:swap}
@font-face{font-family:"Martian Mono";src:url(fonts/MartianMono-wdth-wght.ttf);font-weight:100 800;font-stretch:75% 112.5%;font-display:swap}
@font-face{font-family:"Commissioner";src:url(fonts/Commissioner-slnt-wght.ttf);font-weight:100 900;font-display:swap}

:root{--paper:#E2E6E9;--mist:#F2F4F5;--white:#fff;--ink:#111213;--fine:#5F6367;--hair:#C3C8CC;--term:#17151F;--cream:#F1EEDF;
--lime:#C5F23A;--moss:#3D6B00;--tang:#FF9A52;--grape:#A98BF5;--teal:#26C0B6;--teal-m:#1F9E96;--petrol:#0F6E73;--verm:#F0653F;--verm-l:#D65430;--verm-t:#B43D1B;
--serif:"EB Garamond",Garamond,serif;--mono:"Martian Mono",ui-monospace,monospace;--pix:"Departure Mono",ui-monospace,monospace;--body:"Commissioner",system-ui,sans-serif;
--seam:41.667%}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{background:var(--white);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%}
a{color:inherit}
.grain{position:relative}
.grain::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.10;mix-blend-mode:multiply;z-index:4;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .9 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}

/* shared bits */
.p{color:var(--lime)}.k{color:var(--grape)}.s{color:var(--teal)}.num{color:var(--tang)}.c{color:#8C86A0}
.cta{white-space:nowrap;display:inline-flex;align-items:center;gap:14px;background:var(--lime);color:var(--ink);font-family:var(--pix);font-size:22px;padding:18px 26px;text-decoration:none;box-shadow:5px 5px 0 var(--ink);transition:transform .08s,box-shadow .08s}
.cta:hover{transform:translate(2px,2px);box-shadow:3px 3px 0 var(--ink)}

.helper{font-family:var(--pix);font-size:14px;letter-spacing:.02em}
.win{background:var(--term);border:2px solid #3B3550;font-family:var(--mono);font-stretch:87.5%;color:var(--cream)}
.win .tb{display:flex;justify-content:space-between;gap:12px;font-family:var(--pix);font-size:12px;padding:6px 12px;border-bottom:2px solid #3B3550;color:#A9A3BC}
.win.active{border-color:var(--lime)}.win.active .tb{border-color:var(--lime);color:var(--lime)}
.win .ex{text-transform:uppercase;letter-spacing:.08em;color:var(--tang)}
.win .body{padding:16px 20px 20px;font-size:13.5px;line-height:1.7}
.cur{display:inline-block;width:.6em;height:1.15em;vertical-align:-.2em;background:var(--lime)}
@media (prefers-reduced-motion:no-preference){
  .cur{animation:blink 1.1s steps(1) infinite}
  @keyframes blink{50%{opacity:0}}
  .h-seam{animation:hiccup 7s steps(1) infinite}
  @keyframes hiccup{0%,93%,100%{transform:none}94%{transform:translateX(6px)}96%{transform:translateX(-3px)}}
}

/* ---------- S1 HERO ---------- */
/* v2: legal-pad red double margin, as in refine2 02 */
.h-paper .margin{position:absolute;top:0;bottom:0;left:40px;width:6px;border-left:2px solid var(--verm-l);border-right:1px solid var(--verm-l);opacity:.9;pointer-events:none}
.hero{position:relative;height:900px;overflow:hidden;background:#5a5a58}
.h-photo{position:absolute;top:0;bottom:0;left:var(--seam);right:0;background:url(img/hall-tangerine.jpg) 68.75% 0/auto 112.5% no-repeat;z-index:1}
/* v2: photo framed exactly like refine2 02 at wide desktop so the baked seam overlay lines up */
@media (min-width:1240px){.h-photo{left:0;background-position:-60px 0;background-size:1800px auto}}
.h-photo::after{content:"";position:absolute;inset:0;background:rgba(23,21,31,.16)}
.h-paper{position:absolute;top:0;bottom:0;left:0;width:var(--seam);background:var(--paper);z-index:2;padding:46px 0 0 64px}
.h-paper .lock{height:28px;width:auto}
.h-paper .lab{margin-top:102px;font-family:var(--serif);font-style:italic;font-size:17px;color:var(--fine)}
.h-paper .boring{margin-top:6px;margin-left:-4px;font-family:var(--serif);font-weight:400;font-size:82px;line-height:.98;letter-spacing:-.012em}
.h-paper .legal{margin-top:46px;width:400px;max-width:calc(100% - 40px);font-family:var(--serif);font-size:14px;line-height:1.5;color:var(--fine);text-align:justify;hyphens:auto}
.h-paper .legal b{color:var(--ink);font-weight:500;font-size:10.5px;letter-spacing:.08em}
.h-paper .legal .mk{color:var(--ink);text-decoration:underline;text-decoration-color:var(--verm-l);text-decoration-thickness:2px;text-underline-offset:3px}
.h-paper .hu{margin-top:36px;width:360px;max-width:calc(100% - 40px);font-size:14px;line-height:1.4}
.h-paper .hu .t{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-family:var(--pix);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--verm-t)}
.bang2{display:inline-block;width:16px;height:18px;background:var(--verm-l);color:#fff;font-size:13px;line-height:18px;text-align:center}
.draft-tag{position:absolute;left:66px;bottom:14px;font-family:var(--pix);font-size:13px;letter-spacing:.06em;color:var(--fine)}
.h-seam{position:absolute;top:0;height:900px;left:calc(var(--seam) - 130px);width:250px;background:url(img/seam2-wide.png) 0 0/250px 900px no-repeat;z-index:5;/* above .grain: grain is already baked into the overlay */pointer-events:none}
.tw{position:absolute;top:60px;left:calc(var(--seam) + clamp(24px,8.6vw,124px));width:min(500px,calc(58.333% - 2 * clamp(24px,8.6vw,124px)));z-index:10}
.tw h1{font-family:var(--pix);font-weight:400;font-size:58px;line-height:1;margin:8px 0 16px;color:var(--cream)}
.tw h1 span{color:var(--lime)}
.tw .h3{white-space:nowrap;font-family:var(--pix);font-size:clamp(22px,2.02vw,29px);line-height:1.1;color:var(--lime);margin-top:8px}
.tw .lede{font-family:var(--body);font-size:16px;line-height:1.5;color:#D8D3E6;margin-top:10px}
.go{position:absolute;right:64px;bottom:58px;z-index:10;display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.go .helper{color:var(--cream);background:rgba(23,21,31,.78);padding:3px 8px}

/* v2: the ! sits on the red margin, as in refine2 02 */
@media (min-width:960px){.h-paper .hu{position:relative}.h-paper .hu .bang2{position:absolute;left:-32px;top:0}}

@media (max-width:1239px){
  .h-seam{left:calc(var(--seam) - 20px);width:140px;background-image:url(img/seam2-narrow.png);background-size:140px 900px}
  .h-paper{padding-left:48px}
  .h-paper .margin{left:22px}
  .h-paper .boring{font-size:clamp(56px,6.2vw,82px)}
  .h-paper .legal,.h-paper .hu{width:calc(100% - 96px)}
  .draft-tag{left:50px}
  .go{right:40px}
}

/* ---------- middle format ---------- */
.sec{position:relative;padding:150px 0 150px;overflow-x:clip}
.sec.white{background:var(--white)}
.sec.mist{background:var(--mist)}
.sec.lime{background:var(--lime)}
.sec.paper{background:var(--paper)}
.melt-in::before{content:"";position:absolute;left:0;right:0;top:-1px;height:100px;background:var(--melt) 0 0/1440px 100px repeat-x;pointer-events:none;z-index:2}
.wrap{position:relative;z-index:3;max-width:1240px;margin:0 auto;padding:0 clamp(20px,5vw,72px)}
.tag{display:inline-block;font-family:var(--pix);font-size:13px;letter-spacing:.06em;text-transform:uppercase;background:var(--ink);color:var(--cream);padding:5px 10px 4px;margin-bottom:26px}
.tag-ink{background:var(--ink);color:var(--lime)}
.hl{font-family:var(--pix);font-weight:400;font-size:clamp(38px,5vw,68px);line-height:1.02;letter-spacing:-.01em;color:var(--ink)}
.hl mark{color:var(--ink);padding:0 .14em;margin:0 -.04em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.b-lime{background:var(--lime)}.b-tang{background:var(--tang)}.b-grape{background:var(--grape)}.b-teal{background:var(--teal)}
.body-l{font-size:19px;line-height:1.55;max-width:34ch;margin-top:28px}
/* light bitmap window */
.bwin{background:var(--white);border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink)}
.bwin .bt{position:relative;height:24px;border-bottom:2px solid var(--ink);background:repeating-linear-gradient(to bottom,var(--white) 0 3px,var(--ink) 3px 4px);background-clip:content-box;padding:4px 6px;display:flex;align-items:center;justify-content:center}
.bwin .bt i{position:absolute;left:10px;top:5px;width:12px;height:12px;border:2px solid var(--ink);background:var(--white)}
.bwin .bt span{background:var(--white);padding:0 10px;font-family:var(--pix);font-size:12px;line-height:14px}
.bwin img{width:100%;height:auto}

/* S2 */
.watermark{position:absolute;right:-2vw;top:70px;font-family:var(--serif);font-style:italic;font-size:clamp(80px,11vw,170px);line-height:1;color:#EEF0F2;white-space:nowrap;z-index:1;pointer-events:none}
.s2{display:grid;grid-template-columns:4fr 8fr;gap:64px;align-items:start;margin-top:56px}
.s2-copy .body-l{margin-top:0}
.aside2{margin-top:22px;font-family:var(--pix);font-size:13px;color:var(--moss)}
.s2-stack{position:relative;min-height:420px}
.s2-photo{width:58%;margin-left:auto}
.s2-log{position:absolute;left:0;top:120px;width:68%;z-index:2}
.log{list-style:none;padding:14px 18px 18px;font-size:13.5px;line-height:1.6}
.log li{display:grid;grid-template-columns:72px 1fr;gap:10px;padding:5px 0;border-bottom:1px dashed #3B3550}
.log li:last-child{border:0}
.log time{font-family:var(--pix);font-size:12px;color:#8C86A0;padding-top:2px}
.log .ok{color:var(--lime)}

/* S3 */
.s3{display:grid;grid-template-columns:6fr 5fr;gap:72px;align-items:center}
.s3-doc{position:relative;padding-bottom:60px}
.qdoc{background:#FBFBF8;border:1px solid var(--hair);box-shadow:0 1px 0 var(--hair),10px 12px 0 -2px #E2E6E9;padding:38px 46px 40px;font-family:var(--serif);color:var(--ink)}
.q-head{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--ink);padding-bottom:8px}
.q-co{font-size:14px;letter-spacing:.14em;text-transform:uppercase}
.q-ex{font-family:var(--pix);font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--fine)}
.q-title{font-size:34px;margin-top:18px;line-height:1.1}
.q-sub{font-style:italic;color:var(--fine);font-size:15px;margin-top:4px}
.qs{margin-top:22px;padding-left:22px;font-size:17px;line-height:1.35}
.qs li{position:relative;padding:10px 34px 10px 4px}
.qs .ln{display:block;height:22px;border-bottom:1px solid var(--hair);margin-top:4px}
.flag{position:absolute;right:0;top:12px;width:20px;height:22px;background:var(--verm-l);color:#fff;font-family:var(--pix);font-size:15px;line-height:22px;text-align:center}
.q-sign{margin-top:22px;font-size:13px;color:var(--fine)}
.s3-reply{position:absolute;right:-28px;bottom:0;width:min(370px,80%);z-index:5}
.s3-reply .body{font-size:13px}
.garamond-q{font-family:var(--serif);font-style:italic;font-size:24px;line-height:1.3;margin-top:30px;max-width:26ch;padding-top:22px;border-top:2px solid var(--ink)}
.aside{margin-top:28px;font-family:var(--pix);font-size:13px;letter-spacing:.02em;color:var(--fine)}

/* S4 */
.hl-wide{max-width:none}
.s4{display:grid;grid-template-columns:7fr 5fr;gap:72px;margin-top:64px;align-items:start}
.sources{display:flex;gap:8px;flex-wrap:wrap}
.src{font-family:var(--pix);font-size:11px;letter-spacing:.04em;text-transform:uppercase;padding:6px 10px 5px;color:var(--ink);border:2px solid var(--ink)}
.src.tang{background:var(--tang)}.src.grape{background:var(--grape)}.src.teal{background:var(--teal)}
.funnel{margin-top:-2px;height:270px;overflow:hidden;background:#FBFBF8;border-top:2px solid var(--ink);clip-path:polygon(0 0,100% 0,68% 100%,32% 100%);padding:22px 26px 0;color:var(--fine);text-align:justify;hyphens:auto;position:relative}
.funnel::after{display:none;content:"";position:absolute;left:0;right:0;bottom:0;height:60px;background:url(img/melt-white.png) 0 0/720px 50px repeat-x;transform:scaleY(-1)}
.funnel p{margin-bottom:8px}
.f1{font-family:var(--serif);font-size:13px;line-height:1.45}
.f2{font-family:"Redaction";font-size:13px;line-height:1.45;padding:0 50px}
.f3{font-family:"Redaction50";font-size:13px;line-height:1.45;padding:0 120px}
.f4{font-family:"Redaction100";font-size:14px;line-height:1.45;padding:0 180px;text-align:center}
.s4-term{width:86%;margin:0 auto;position:relative;z-index:2}
.s4-term .row{display:grid;grid-template-columns:20px 1fr;gap:6px;padding:3px 0}
.row.flagged{color:var(--verm)}
.fl{display:inline-block;width:16px;height:18px;background:var(--verm);color:var(--ink);font-family:var(--pix);font-size:13px;line-height:18px;text-align:center;margin-top:2px}
.s4-copy{padding-top:40px}
.s4-copy .fine-g{margin-top:28px}
.s4-copy .body-l{margin-top:0}
.reads{list-style:none;margin-top:34px;border-top:2px solid var(--ink)}
.reads li{display:grid;grid-template-columns:22px 1fr;gap:14px;padding:16px 0;border-bottom:1px solid var(--hair);font-size:16px;line-height:1.45}
.reads b{font-weight:600}
.sq{display:block;width:16px;height:16px;margin-top:3px;border:2px solid var(--ink)}
.sq.tang{background:var(--tang)}.sq.grape{background:var(--grape)}.sq.teal{background:var(--teal)}
.fine-g{margin-top:26px;font-family:var(--serif);font-style:italic;font-size:22px;color:var(--fine)}

/* S5 */
.steps{list-style:none;margin-top:60px;display:grid;grid-template-columns:repeat(12,1fr);row-gap:14px}
.st{display:flex;align-items:center;gap:28px;border:2px solid var(--ink);background:var(--white);padding:14px 22px 14px 14px;box-shadow:5px 5px 0 var(--ink)}
.st1{grid-column:1/9}.st2{grid-column:3/11}.st3{grid-column:5/13}
.cmd{flex:none;width:230px;white-space:nowrap;font-family:var(--pix);font-size:34px;line-height:1;padding:14px 16px;color:var(--ink)}
.st1 .cmd{background:var(--tang)}.st2 .cmd{background:var(--grape)}.st3 .cmd{background:var(--teal)}
.cmd .pr{opacity:.55}
.st p{font-size:18px;line-height:1.45}
.result{position:relative;margin-top:84px;display:grid;grid-template-columns:1fr 1fr;border:2px solid var(--ink);box-shadow:8px 8px 0 var(--ink)}
.r-stamp{position:absolute;top:-16px;left:28px;z-index:6;background:var(--tang);border:2px solid var(--ink);font-family:var(--pix);font-size:13px;letter-spacing:.1em;text-transform:uppercase;padding:5px 10px 4px}
.r-paper{background:#FBFBF8;padding:42px 40px 36px;font-family:var(--serif)}
.r-kicker{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--fine)}
.r-name{font-size:24px;line-height:1.2;margin-top:10px}
.r-sum{font-size:17px;line-height:1.5;margin-top:16px;color:#2A2C2E}
.r-ask{font-size:17px;line-height:1.5;margin-top:16px;padding-top:14px;border-top:1px solid var(--hair)}
.r-term{border:0;border-left:2px solid var(--ink)}
.r-term .body{padding:28px 26px}
.r-term .row{display:grid;grid-template-columns:22px 1fr;gap:8px;padding:6px 0;border-bottom:1px dashed #3B3550}
.r-term .row:last-child{border:0}
.s5-act{margin-top:64px;display:flex;justify-content:space-between;align-items:flex-start;gap:40px;flex-wrap:wrap}
.act-l{display:flex;flex-direction:column;gap:16px}
.smallprint{font-family:var(--serif);font-size:16px;color:var(--fine)}
.book{max-width:38ch;font-size:16px;line-height:1.5;padding-top:6px}
.book a{text-decoration-thickness:2px;text-underline-offset:3px}
.tbc{display:inline-block;font-family:var(--pix);font-size:13px;letter-spacing:.08em;background:var(--ink);color:var(--tang);padding:2px 6px;margin-right:6px;vertical-align:2px}

/* S6 */
.s6{display:grid;grid-template-columns:6fr 6fr;gap:64px;align-items:center}
.s6 .body-l{max-width:32ch}
.s6-vis{position:relative;padding-bottom:130px}
.s6-photo{width:92%}
.cert{position:absolute;right:0;bottom:0;width:min(330px,56%);background:var(--cream);border:1px solid #CFCAB3;box-shadow:6px 6px 0 var(--ink);padding:30px 32px 26px;text-align:center;font-family:var(--serif);z-index:3}
.cert::before{content:"";position:absolute;inset:8px;border:1px solid #CFCAB3;pointer-events:none}
.c-sec{font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--fine)}
.c-line{font-size:15px;font-style:italic;color:var(--fine);margin-top:10px}
.c-blank{font-size:22px;border-bottom:1px solid var(--ink);margin:4px 30px 0;padding-bottom:2px}
.c-big{font-size:30px;line-height:1.1;margin-top:10px}
.c-foot{font-size:14px;color:var(--fine);margin-top:14px;letter-spacing:.04em}

/* S7 */
.sec.paper{padding-bottom:40px}
.s7{text-align:left}
.hl-xl{font-size:clamp(52px,9vw,128px);line-height:1}
.cur.big{width:.5em;height:.85em;vertical-align:-.04em;margin-left:.12em}
.so{font-family:var(--serif);font-style:italic;font-size:clamp(28px,3.2vw,44px);margin-top:18px;color:var(--ink)}
.s7-act{margin-top:52px;display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.s7-act .helper{color:var(--fine)}
.foot{margin-top:140px;padding-top:24px;border-top:1px solid #B9BEC3;display:grid;grid-template-columns:auto 1fr auto;gap:40px;align-items:center}
.foot-lock{height:22px;width:auto}
.fine{font-family:var(--serif);font-size:14px;color:var(--fine);max-width:62ch}
.draft{font-family:var(--pix);font-size:13px;color:var(--fine);text-align:right;max-width:30ch}

/* ---------- v3 additions ---------- */
/* focus + motion: the check UI system's global rules */
:where(a,button,input,textarea,select,summary,[tabindex]):focus-visible{outline:3px solid var(--ink);outline-offset:3px;box-shadow:0 0 0 9px var(--lime)}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* S5 lawyer echo */
.lawyer-echo{font-family:var(--serif);font-style:italic;font-size:20px;line-height:1.3;color:var(--ink)}
/* S6 founder kicker + early line */
.kicker{font-family:var(--pix);font-size:17px;line-height:1.35;color:var(--ink);margin:-6px 0 18px;max-width:30ch}
.early{margin-top:30px;max-width:44ch;box-shadow:5px 5px 0 var(--ink)}
.early .body{font-size:15px;line-height:1.55;padding:14px 18px;color:var(--cream)}

/* S1: "Compliance is boring." larger, on a lime marker (ink on lime 14.41:1) */
.h-paper .boring{font-size:clamp(56px,6.25vw,90px);line-height:1.06;letter-spacing:-.02em;margin-top:16px;margin-left:-10px}
.h-paper .boring mark{background:var(--lime);color:var(--ink);padding:0 .12em .02em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
/* S3: sleepy line with more presence, still supporting */
.s3-copy .aside{margin-top:30px;font-family:var(--body);font-size:18px;line-height:1.45;letter-spacing:0;color:var(--ink);max-width:34ch}
.aside-t{display:block;width:max-content;margin-bottom:8px;font-family:var(--pix);font-size:13px;letter-spacing:.06em;text-transform:uppercase;background:var(--ink);color:var(--lime);padding:4px 8px 3px}
.aside mark{background:var(--tang);color:var(--ink);padding:0 .15em}

/* ---------- mobile / narrow ---------- */
@media (max-width:959px){
  .hero{height:auto;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 120px auto auto;overflow:hidden}
  .h-paper{position:relative;grid-row:1;width:auto;padding:28px 22px 30px}
  .h-paper .lab{margin-top:44px;font-size:15px}
  .h-paper .boring{font-size:clamp(48px,13vw,72px)}
  .h-paper .legal{margin-top:28px;width:100%;max-width:none;font-size:12px}
  .h-paper .hu{margin-top:26px;width:100%;max-width:none}
  .draft-tag{position:static;display:block;margin-top:22px}
  .h-paper .margin{left:10px}
  .h-paper{padding-left:30px}
  .h-photo{position:relative;left:auto;right:auto;grid-row:2/5;grid-column:1;background-position:60% 30%;background-size:cover}
  .h-seam{position:relative;grid-row:2;grid-column:1;left:auto;top:auto;width:auto;height:140px;background:url(img/seam2-h.png) 0 0/900px 140px repeat-x;align-self:start}
  .hero .tw{position:relative;grid-row:3;grid-column:1;left:auto;top:auto;width:auto;margin:0 14px}
  .hero .go{position:relative;grid-row:4;grid-column:1;right:auto;bottom:auto;margin:26px 14px 34px}
  .tw h1{font-size:46px}
  .tw .h3{font-size:24px;white-space:normal}
  .tw .lede{font-size:15px}
  .cta{font-size:19px;padding:16px 20px}
  .sec{padding:110px 0}
  .melt-in::before{height:70px;background-size:1008px 70px}
  .s2,.s3,.s4,.s6{grid-template-columns:1fr;gap:44px}
  .s2-copy,.s4-copy{padding-top:0}
  .s2{margin-top:36px}
  .s2-stack{min-height:0}
  .s2-photo{width:88%}
  .s2-log{position:relative;top:auto;width:100%;margin-top:-60px}
  .log li{grid-template-columns:1fr;gap:0}
  .s3-copy{order:-1}
  .qdoc{padding:26px 22px 28px}
  .q-title{font-size:28px}
  .qs{font-size:16px}
  .s3-reply{position:relative;right:auto;width:92%;margin:-30px 0 0 auto}
  .s3-doc{padding-bottom:0}
  .funnel{height:300px;padding:16px 14px 0}
  .f2{padding:0 20px}.f3{padding:0 60px}.f4{padding:0 90px}
  .s4-term{width:100%}
  .hide-m{display:none}
  .steps{grid-template-columns:1fr}
  .st1,.st2,.st3{grid-column:auto}
  .st{flex-direction:column;align-items:flex-start;gap:14px}
  .st2{margin-left:14px}.st3{margin-left:28px}
  .cmd{width:auto;font-size:28px}
  .result{grid-template-columns:1fr}
  .r-paper{padding:36px 22px 26px}
  .r-term{border-left:0;border-top:2px solid var(--ink)}
  .r-term .body{padding:20px 18px}
  .s6-photo{width:100%}
  .cert{position:relative;width:90%;margin:-50px 0 0 auto}
  .s6-vis{padding-bottom:0}
  .foot{grid-template-columns:1fr;gap:18px;margin-top:90px}
  .draft{text-align:left}
  .kicker{font-size:16px}
  .h-paper .boring{font-size:clamp(50px,15vw,84px);margin-left:-6px}
  .h-paper .legal{font-size:14px}
}