@font-face{font-family:"Switzer";src:url(/fonts/Switzer-Variable.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Inter";src:url(/fonts/InterVariable.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Geist Mono";src:url(/fonts/GeistMono-Variable.woff2) format("woff2");font-weight:100 900;font-display:swap}
:root{
  --paper:#FAFAF9; --white:#FFFFFF; --tray:#F2F2EF; --tray-2:#EBEBE7;
  --line:#E8E8E4; --line-2:#DADAD5; --ink:#0F0F0E; --ink-2:#2A2A28;
  --grey:#686862; --grey-2:#9C9C95; --grey-3:#BDBDB7;
  --ok:#17794A; --ok-t:#E5F2EA; --fz:#9A6200; --fz-t:#FBF0DC; --err:#C2372B; --err-t:#FBE8E5;
  --frame:1200px; --gut:32px;
  --display:"Switzer",ui-sans-serif,system-ui,sans-serif;
  --text:"Inter",ui-sans-serif,system-ui,sans-serif;
  --mono:"Geist Mono",ui-monospace,monospace;
  --ease:cubic-bezier(.22,1,.36,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{background:var(--paper);color:var(--ink);font:400 16px/1.6 var(--text);font-feature-settings:"cv11","ss03";-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
img,svg{display:block}

/* frame: the page sits between two hairlines; sections are divided by full-bleed rules */
.frame{max-width:var(--frame);margin:0 auto;border-left:1px solid var(--line);border-right:1px solid var(--line);position:relative}
.rule{border-top:1px solid var(--line)}
.pad{padding-left:var(--gut);padding-right:var(--gut)}

/* type */
.h1{font:480 68px/1.0 var(--display);letter-spacing:-.034em}
.h2{font:480 44px/1.06 var(--display);letter-spacing:-.028em}
.h3{font:500 17px/1.4 var(--text);letter-spacing:-.006em}
.lead{font:400 18px/1.6 var(--text);color:var(--grey);letter-spacing:-.003em}
.body{font:400 15.5px/1.6 var(--text);color:var(--grey)}
.small{font:400 13px/1.5 var(--text);color:var(--grey)}
.ink{color:var(--ink)}
.mono{font-family:var(--mono);font-feature-settings:"zero"}
.tnum{font-variant-numeric:tabular-nums}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border-radius:8px;font:500 14.5px/1 var(--text);letter-spacing:-.005em;transition:background .15s var(--ease),box-shadow .15s var(--ease),color .15s}
.btn-ink{background:var(--ink);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
.btn-ink:hover{background:#2A2A28}
.btn-ghost{background:var(--white);box-shadow:0 0 0 1px var(--line-2),0 1px 2px rgba(15,15,14,.04)}
.btn-ghost:hover{box-shadow:0 0 0 1px var(--grey-3),0 1px 2px rgba(15,15,14,.06)}
.btn-sm{height:34px;padding:0 13px;font-size:14px;border-radius:7px}
.btn .arr{transition:transform .4s var(--ease)}
.btn:hover .arr{transform:translateX(2px);transition-duration:.15s}

/* nav */
.nav{position:sticky;top:0;z-index:50;background:rgba(250,250,249,.86);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid var(--line)}
.nav .frame{height:64px;display:flex;align-items:center;border-color:transparent}
.nav .wm{height:23px;width:auto;margin-right:44px;transform:translateY(-1px)}
.nav ul{display:flex;gap:30px;list-style:none;font:450 14.5px/1 var(--text);color:var(--ink-2)}
.nav ul a{transition:color .15s}.nav ul a:hover{color:var(--grey)}
.nav .right{margin-left:auto;display:flex;gap:8px;align-items:center}
.nav .login{font:450 14.5px/1 var(--text);padding:0 12px;color:var(--ink-2)}
.burger{display:none}

/* hero */
.hero{padding-top:128px;padding-bottom:72px}
.hero .h1{font-size:84px;letter-spacing:-.038em;line-height:.98;margin-left:-4px}
.hero-row{display:grid;grid-template-columns:1fr auto;gap:64px;align-items:end;margin-top:36px}
.hero .lead{max-width:560px}
.hero-cta{text-align:right}
.hero .ctas{display:flex;gap:10px;justify-content:flex-end}
.hero-meta{margin-top:14px;font:400 13px/1.5 var(--text);color:var(--grey-2)}

/* tray: where product UI sits */
.tray{background:var(--tray);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.tray-in{padding:32px 32px 0;overflow:hidden}
.tray-in.full{padding:32px}

/* ===== editor ===== */
.app{background:var(--white);border-radius:12px 12px 0 0;box-shadow:0 0 0 1px rgba(15,15,14,.08),0 1px 2px rgba(15,15,14,.04),0 24px 48px -24px rgba(15,15,14,.12);font:400 13px/1.45 var(--text);color:var(--ink);overflow:hidden;height:664px;display:flex;flex-direction:column;letter-spacing:-.002em}
.bar{height:48px;flex:none;display:flex;align-items:center;gap:14px;padding:0 16px;border-bottom:1px solid var(--line)}
.bar .ic{width:22px;height:22px;border-radius:6px;flex:none}
.crumb{display:flex;align-items:center;gap:8px;color:var(--grey);font-size:13px}
.crumb b{font-weight:500;color:var(--ink)}
.crumb .sep{color:var(--grey-3)}
.pair{font:500 11.5px/1 var(--mono);color:var(--grey);border:1px solid var(--line-2);border-radius:5px;padding:4px 6px;letter-spacing:.01em}
.bar .sp{flex:1}
.prog{display:flex;align-items:center;gap:10px;color:var(--grey);font-size:12.5px}
.prog .track{width:120px;height:4px;border-radius:2px;background:var(--tray-2);overflow:hidden}
.prog .fill{height:100%;background:var(--ink);width:56.3%;transition:width .6s var(--ease)}
.bar .exp{height:30px;padding:0 11px;border-radius:7px;font:500 12.5px/1 var(--text);display:flex;align-items:center;gap:7px;box-shadow:0 0 0 1px var(--line-2);color:var(--grey)}
.bar .exp .lock{width:12px;height:12px}
.main{flex:1;display:grid;grid-template-columns:1fr 316px;min-height:0}
.grid{min-width:0;border-right:1px solid var(--line);display:flex;flex-direction:column}
.ghead{display:grid;grid-template-columns:52px 1fr 1fr 78px;height:34px;align-items:center;border-bottom:1px solid var(--line);font:500 11.5px/1 var(--text);color:var(--grey-2);letter-spacing:.01em;flex:none}
.ghead>div{padding:0 14px}
.seg{display:grid;grid-template-columns:52px 1fr 1fr 78px;border-bottom:1px solid var(--line);position:relative;transition:background .3s}
.seg>div{padding:13px 14px 14px}
.seg .n{font:400 11.5px/19px var(--mono);color:var(--grey-2);padding-right:0}
.seg .src{color:var(--ink-2)}
.seg .tgt{border-left:1px solid var(--line)}
.seg .st{display:flex;justify-content:flex-end;align-items:flex-start}
.seg.active{background:#F8F8F6}
.seg.active::before{content:"";position:absolute;left:-1px;top:-1px;bottom:-1px;width:2px;background:var(--ink)}
.seg.active .tgt{background:var(--white);box-shadow:inset 0 0 0 1px var(--line-2)}
.tag{display:inline-flex;align-items:center;gap:5px;height:20px;padding:0 7px;border-radius:5px;font:500 11.5px/1 var(--text);letter-spacing:0;white-space:nowrap;font-variant-numeric:tabular-nums}
.t-ok{background:var(--ok-t);color:var(--ok)}
.t-fz{background:var(--fz-t);color:var(--fz)}
.t-err{background:var(--err-t);color:var(--err)}
.t-mt{background:var(--tray);color:var(--grey)}
.t-ink{background:var(--ink);color:#fff}
.t-line{box-shadow:inset 0 0 0 1px var(--line-2);color:var(--grey)}
.term{box-shadow:inset 0 -1.5px 0 var(--grey-3)}
.chip{display:inline-block;font:500 10.5px/16px var(--mono);padding:0 5px;border-radius:4px;background:var(--tray-2);color:var(--grey);vertical-align:1px}
.bad{background:var(--err-t);color:var(--err);border-radius:3px;padding:0 2px;box-shadow:inset 0 -1.5px 0 var(--err)}
.safety{font:600 10.5px/1 var(--text);letter-spacing:.02em}
del.old{color:var(--grey-2);text-decoration:line-through;text-decoration-color:var(--err);text-decoration-thickness:1.5px}
.sel{background:#DCE3F0;border-radius:2px}
.caret{display:inline-block;width:1.5px;height:15px;background:var(--ink);vertical-align:-3px;margin-left:1px;animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.gfoot{margin-top:auto;height:38px;flex:none;border-top:1px solid var(--line);display:flex;align-items:center;gap:18px;padding:0 14px;color:var(--grey-2);font-size:12px}
kbd{font:500 10.5px/1 var(--mono);color:var(--grey);border:1px solid var(--line-2);border-bottom-width:2px;border-radius:4px;padding:2px 4px;background:var(--white);transition:background .12s,color .12s,border-color .12s}
kbd.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.side{display:flex;flex-direction:column;min-width:0;background:#FCFCFB}
.side h5{font:500 11.5px/1 var(--text);color:var(--grey-2);letter-spacing:.01em;padding:16px 16px 10px;display:flex;justify-content:space-between}
.side h5 span{color:var(--grey-3);font-weight:400}
.blk{border-bottom:1px solid var(--line);padding-bottom:12px}
.tm{margin:0 12px;padding:10px 10px;border-radius:8px;background:var(--white);box-shadow:0 0 0 1px var(--line)}
.tm .row{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.tm .s{color:var(--grey);font-size:12.5px;line-height:1.45}
.tm .t{font-size:12.5px;line-height:1.45;margin-top:4px}
.tm ins{text-decoration:none;background:var(--fz-t);color:var(--fz);border-radius:2px;padding:0 1px}
.gl{display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:7px 16px;font-size:12.5px;align-items:center}
.gl .en{color:var(--grey)}
.gl .et{font-weight:500}
.gl .fb{grid-column:1/-1;font-size:11.5px;color:var(--grey-2)}
.gl .fb s{text-decoration-color:var(--err)}
.ck{display:flex;justify-content:space-between;padding:5px 16px;font-size:12.5px;color:var(--grey)}
.ck b{font:500 11.5px/18px var(--mono);color:var(--ink)}
.toast{margin:12px;padding:12px;border-radius:9px;background:var(--ink);color:#EDEDEA;font-size:12.5px;line-height:1.45;opacity:0;transform:translateY(8px);transition:opacity .5s var(--ease),transform .5s var(--ease)}
.toast.on{opacity:1;transform:none}
.toast b{color:#fff;font-weight:500}
.toast .tr{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.toast .tr span{font:500 10.5px/1 var(--mono);color:#9C9C95}
.toast .acts{display:flex;gap:6px;margin-top:10px}
.toast .acts span{font:500 11.5px/1 var(--text);padding:6px 8px;border-radius:6px;background:rgba(255,255,255,.1);color:#fff;display:flex;gap:6px;align-items:center}
.toast .acts kbd{background:transparent;color:#B9B9B3;border-color:rgba(255,255,255,.2)}

/* logo strip */
.logos{display:grid;grid-template-columns:260px repeat(6,1fr);align-items:center;height:112px}
.logos .lbl{font:400 14px/1.45 var(--text);color:var(--grey);padding-right:24px}
.logos .lg{display:flex;justify-content:center;align-items:center;height:100%;border-left:1px solid var(--line);color:#A3A39C;font-size:17px;letter-spacing:-.01em;white-space:nowrap}

/* sections */
.sec{padding-top:160px}
.shead{display:grid;grid-template-columns:1fr 1fr;gap:64px;padding-bottom:56px;align-items:end}
.shead .h2{max-width:560px}
.shead .lead{max-width:470px;font-size:17px}

/* memory flow */
.flow{display:grid;grid-template-columns:1fr 1fr 1fr;border-top:1px solid var(--line)}
.flow>div{padding:32px;border-left:1px solid var(--line);display:flex;flex-direction:column}
.flow>div:first-child{border-left:0}
.flow .stage{height:236px;display:flex;align-items:center;justify-content:center;background:var(--tray);border-radius:12px;padding:20px;margin-bottom:24px;position:relative}
.flow .cap .h3{margin-bottom:6px}
.card{background:var(--white);border-radius:10px;box-shadow:0 0 0 1px rgba(15,15,14,.07),0 1px 2px rgba(15,15,14,.04),0 10px 24px -14px rgba(15,15,14,.14);font:400 12.5px/1.5 var(--text);width:100%;max-width:300px}
.card .hd{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-bottom:1px solid var(--line);font-size:11.5px;color:var(--grey-2)}
.card .bd{padding:12px}
.card .ft{display:flex;gap:6px;padding:0 12px 12px}
.card .ft span{font:500 11.5px/1 var(--text);padding:6px 8px;border-radius:6px;box-shadow:0 0 0 1px var(--line-2);display:flex;gap:6px;align-items:center}
.card .ft span.pri{background:var(--ink);color:#fff;box-shadow:none}
.card .ft span.pri kbd{background:transparent;border-color:rgba(255,255,255,.25);color:#C9C9C3}
.prop{display:grid;grid-template-columns:auto 1fr;gap:6px 14px}
.prop dt{color:var(--grey-2)}
.prop dd{font-weight:500}
.prop dd s{color:var(--grey-2);font-weight:400;text-decoration-color:var(--err)}

/* split feature rows */
.flow+.rows{border-top:1px solid var(--line)}
.legend{display:flex;gap:18px;font-size:12px;color:var(--grey);margin:0 0 10px 6px}
.legend i{display:inline-block;width:10px;height:2px;border-radius:1px;vertical-align:3px;margin-right:7px}
.legend b{color:var(--ink);font-weight:500;margin-left:4px}
.legend .wk{margin-left:auto;color:var(--grey-2);font-family:var(--mono);font-size:11px}
.rows{border-top:1px solid var(--line)}
.frow{display:grid;grid-template-columns:5fr 7fr;border-bottom:1px solid var(--line)}
.frow:last-child{border-bottom:0}
.frow .txt{padding:56px 48px 56px 32px}
.frow .txt .h2{font-size:36px;line-height:1.1;margin-bottom:18px;max-width:420px}
.frow .txt .body{max-width:400px}
.frow .viz{border-left:1px solid var(--line);background:var(--tray);padding:48px;display:flex;align-items:center;justify-content:center;min-height:440px}
.specs{display:grid;grid-template-columns:1fr 1fr;gap:22px 28px;margin-top:36px;max-width:420px}
.specs .k{font:500 14px/1.4 var(--text);color:var(--ink)}
.specs .v{font:400 13.5px/1.5 var(--text);color:var(--grey);margin-top:2px}

.chk{width:100%;max-width:520px}
.chk table{width:100%;border-collapse:collapse;font-size:12.5px}
.chk th{font:500 11px/1 var(--text);color:var(--grey-2);text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);letter-spacing:.01em}
.chk td{padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:middle}
.chk tr:last-child td{border-bottom:0}
.chk td.m{font:500 12px/1 var(--mono);white-space:nowrap}
.chk td.k{color:var(--grey);font-size:12px}
.chk .r{text-align:right}

.cases{width:100%;max-width:520px}
.cases .line{display:flex;align-items:baseline;gap:12px;padding:11px 14px;border-bottom:1px solid var(--line);font-size:13px}
.cases .line:last-child{border-bottom:0}
.cases .line .c{width:84px;flex:none;font:400 11.5px/1 var(--mono);color:var(--grey-2)}
.cases .line .x{flex:1;color:var(--ink-2)}
.hl{background:var(--ok-t);color:var(--ok);border-radius:3px;padding:1px 2px}
.hl-bad{background:var(--err-t);color:var(--err);border-radius:3px;padding:1px 2px}
.stem{font-weight:600}

.lockd{width:100%;max-width:440px}
.lockd .bd{padding:18px}
.lockd .ttl{font:500 14px/1.4 var(--text);margin-bottom:6px}
.lockd ul{list-style:none;margin-top:14px;border-top:1px solid var(--line)}
.lockd li{display:grid;grid-template-columns:44px 1fr auto;gap:10px;padding:10px 0;border-bottom:1px solid var(--line);font-size:12.5px;align-items:baseline}
.lockd li .n{font:400 11.5px/1 var(--mono);color:var(--grey-2)}

/* files strip */
.files{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}
.files span{font:500 11.5px/1 var(--mono);padding:7px 9px;border-radius:6px;box-shadow:inset 0 0 0 1px var(--line-2);color:var(--ink-2)}

/* security */
.sgrid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}
.sgrid>div{padding:32px 32px 40px;border-left:1px solid var(--line);border-bottom:1px solid var(--line)}
.sgrid>div:nth-child(3n+1){border-left:0}
.sgrid>div:nth-last-child(-n+3){border-bottom:0}
.sgrid .h3{margin-bottom:8px}
.sgrid svg{width:20px;height:20px;margin-bottom:28px;color:var(--ink)}

/* pricing */
.pgrid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}
.pgrid>div{padding:32px 32px 40px;border-left:1px solid var(--line);display:flex;flex-direction:column}
.pgrid>div:first-child{border-left:0}
.pgrid .name{font:500 15px/1 var(--text);margin-bottom:22px;display:flex;justify-content:space-between}
.pgrid .name span{font-weight:400;color:var(--grey-2);font-size:13px}
.pgrid .price{font:480 44px/1 var(--display);letter-spacing:-.03em}
.pgrid .price small{font:400 14px var(--text);color:var(--grey);letter-spacing:0;margin-left:4px}
.pgrid .per{font-size:13.5px;color:var(--grey);margin:10px 0 28px}
.pgrid ul{list-style:none;border-top:1px solid var(--line);margin-bottom:32px}
.pgrid li{padding:11px 0;border-bottom:1px solid var(--line);font-size:14px;color:var(--ink-2);display:flex;justify-content:space-between}
.pgrid li span{color:var(--grey);font-variant-numeric:tabular-nums}
.pgrid .btn{margin-top:auto;justify-content:center}
.pnote{padding:20px 32px;border-top:1px solid var(--line);font-size:13px;color:var(--grey)}

/* closing */
.close{background:var(--ink);color:#F4F4F1}
.close .frame{border-color:#222220}
.close .cin{padding:150px 32px 140px;display:grid;grid-template-columns:1fr auto;align-items:end;gap:40px}
.close .h1{font-size:76px;color:#fff;max-width:700px}
.close .lead{color:#9C9C95;margin-top:22px;max-width:520px}
.close .btn-ink{background:#fff;color:var(--ink)}
.close .btn-ink:hover{background:#E9E9E5}
.close .btn-ghost{background:transparent;color:#fff;box-shadow:0 0 0 1px #3A3A37}
.close .ctas{display:flex;gap:10px}

/* footer */
footer{background:var(--paper)}
.fgrid{display:grid;grid-template-columns:2fr repeat(4,1fr);padding:64px 32px 72px;gap:24px}
.fgrid .wm{height:22px;width:auto}
.fgrid .tag2{font-size:13.5px;color:var(--grey);margin-top:16px;max-width:240px}
.fgrid h6{font:500 13.5px/1 var(--text);margin-bottom:18px}
.fgrid a{display:block;font-size:13.5px;color:var(--grey);margin-bottom:11px;transition:color .15s}
.fgrid a:hover{color:var(--ink)}
.fbot{display:flex;justify-content:space-between;padding:20px 32px;border-top:1px solid var(--line);font-size:12.5px;color:var(--grey-2)}

/* motion: one recipe, small distance, nothing bounces */
.rv{opacity:0;transform:translateY(14px);transition:opacity .8s var(--ease),transform .8s var(--ease);transition-delay:var(--d,0s)}
.rv.in{opacity:1;transform:none}
.snap .rv{opacity:1;transform:none;transition:none}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}.caret{animation:none}.toast{transition:none}}

/* ===== mobile ===== */
@media (max-width:760px){
  :root{--gut:20px}
  .frame{border:0}
  .h1{font-size:44px;line-height:1.02;letter-spacing:-.034em}
  .h2{font-size:32px;line-height:1.1}
  .lead{font-size:16.5px}
  .nav .frame{height:56px}
  .nav ul,.nav .login{display:none}
  .nav .wm{height:21px}
  .burger{display:flex;width:34px;height:34px;align-items:center;justify-content:center;margin-left:6px}
  .hero{padding-top:56px;padding-bottom:40px}
  .hero .h1{font-size:48px;margin-left:-2px;line-height:1}
  .hero-row{grid-template-columns:1fr;gap:24px;margin-top:20px}
  .hero-cta{text-align:left}
  .hero .ctas{justify-content:stretch}
  .hero .ctas .btn{flex:1;justify-content:center;height:44px}
  .tray-in{padding:16px 16px 0}
  .tray-in.full{padding:16px}
  .app{height:auto;border-radius:10px 10px 0 0}
  .bar{height:auto;flex-wrap:wrap;padding:10px 12px;gap:8px}
  .crumb .doc,.crumb .sep,.bar .sp,.bar .exp{display:none}
  .prog{width:100%;order:3}
  .prog .track{flex:1}
  .main{grid-template-columns:1fr}
  .grid{border-right:0}
  .ghead{display:none}
  .seg{grid-template-columns:1fr auto;grid-template-areas:"n st" "src src" "tgt tgt"}
  .seg>div{padding:0 14px}
  .seg .n{grid-area:n;padding-top:12px}
  .seg .st{grid-area:st;padding-top:10px}
  .seg .src{grid-area:src;padding-top:4px;padding-bottom:6px}
  .seg .tgt{grid-area:tgt;border-left:0;padding-bottom:12px}
  .seg.active .tgt{margin:0 10px 12px;padding:8px 10px;border-radius:6px}
  .seg.m-hide{display:none}
  .gfoot{display:none}
  .side{border-top:1px solid var(--line)}
  .side .blk.m-hide{display:none}
  .logos{grid-template-columns:repeat(3,1fr);height:auto}
  .logos .lbl{grid-column:1/-1;padding:24px 0 16px}
  .logos .lg{height:64px;border-left:0;border-top:1px solid var(--line);font-size:15px}
  .sec{padding-top:96px}
  .shead{grid-template-columns:1fr;gap:16px;padding-bottom:36px}
  .flow{grid-template-columns:1fr}
  .flow>div{border-left:0;border-top:1px solid var(--line);padding:24px 20px 32px}
  .flow>div:first-child{border-top:0}
  .flow .stage{height:auto;min-height:200px}
  .frow{grid-template-columns:1fr}
  .frow .txt{padding:40px 20px 32px}
  .frow .txt .h2{font-size:30px}
  .frow .viz{border-left:0;border-top:1px solid var(--line);padding:24px 16px;min-height:0}
  .specs{grid-template-columns:1fr 1fr;gap:18px 20px}
  .chk td.k,.chk th.k{display:none}
  .sgrid,.pgrid{grid-template-columns:1fr}
  .sgrid>div,.pgrid>div{border-left:0!important;border-bottom:1px solid var(--line)!important;padding:28px 20px}
  .sgrid svg{margin-bottom:16px}
  .close .cin{grid-template-columns:1fr;padding:96px 20px}
  .close .h1{font-size:48px}
  .close .ctas .btn{flex:1;justify-content:center;height:44px}
  .fgrid{grid-template-columns:1fr 1fr;padding:48px 20px}
  .fgrid>div:first-child{grid-column:1/-1;margin-bottom:16px}
  .fbot{flex-direction:column;gap:6px;padding:20px}
  .pnote{padding:20px}
}