/* Wow Menu Boards — site styles, revision 4 (Oct 31 2026).
   Palette + contrast pairs: brand/BRAND_GUIDE.md §7.
   SYSTEM (one spec for every page):
   - Spacing scale: 4 8 12 16 24 32 48 64 96 px (--s1..--s9). Sections: 64px phone / 96px desktop.
   - Card: white, 1px solid --line (#E3DCCD), radius 16px, padding 24px (phone) / 32px (>=861px). Emphasis = 2px ink border.
   - Type: body 16px/1.6 phone, 17px desktop. Small text 14px min. h1 36-60, h2 28-40, h3 20.
   - Text colors: ink #1F1F1F; body grey #57524A (6.88:1 cream, 7.75:1 white); small orange #A8321C (5.94:1 cream);
     live green #1E6B34 (5.82:1 cream); on dark bands #E9E3D6 / eyebrow-free. */
@font-face{font-family:"Inter";src:url(/assets/fonts/Inter-Variable.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
:root{
  --ink:#1F1F1F;--cream:#F6F1E7;--white:#fff;--orange:#E8462A;--orange-deep:#B93821;--orange-text:#A8321C;
  --mute:#57524A;--line:#E3DCCD;--line-strong:#CFC5B2;--live:#1E6B34;--tint:#FCE9E4;--on-dark:#E9E3D6;
  --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--s9:96px;
  --radius:16px;--card-pad:24px;--wrap:1160px;--pad:20px;--sec:64px;
  --shadow:0 1px 2px rgba(31,31,31,.06),0 12px 32px rgba(31,31,31,.08);
}
@media (min-width:601px){:root{--pad:24px}}
@media (min-width:861px){:root{--card-pad:32px;--sec:96px}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:84px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.6 "Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-feature-settings:"cv11","ss01"}
@media (min-width:861px){body{font-size:17px}}
img,video{max-width:100%;display:block}
a{color:var(--orange-text);text-underline-offset:3px}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--orange-deep);outline-offset:3px;border-radius:4px}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--pad)}
.narrow{max-width:800px}
.skip{position:absolute;left:-9999px;top:8px;background:var(--ink);color:var(--cream);padding:12px 16px;z-index:100;border-radius:6px}
.skip:focus{left:8px}
h1,h2,h3{line-height:1.1;letter-spacing:-.025em;margin:0;text-wrap:balance;font-weight:800}
h1{font-size:clamp(36px,5vw,60px)}
h2{font-size:clamp(28px,3.4vw,40px)}
h3{font-size:20px;letter-spacing:-.01em;line-height:1.3;font-weight:700}
p{margin:0}
p,li{text-wrap:pretty}
.lead{font-size:18px;color:var(--mute);max-width:34em;line-height:1.55}
@media (min-width:861px){.lead{font-size:20px}}
.eyebrow{display:block;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--orange-text);margin-bottom:var(--s3)}
.muted{color:var(--mute)}
.small{font-size:14px}
.nw{white-space:nowrap}
.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
[hidden]{display:none!important}
section{padding:var(--sec) 0}
.sec-head{max-width:720px;margin-bottom:var(--s7)}
.sec-head.center{margin-left:auto;margin-right:auto;text-align:center}
.sec-head .lead{margin-top:var(--s4)}
.sec-head.center .lead{margin-left:auto;margin-right:auto}
.bg-white{background:var(--white);border-block:1px solid var(--line)}
.bg-ink{background:var(--ink);color:var(--on-dark)}
.bg-ink h2,.bg-ink h3{color:#fff}
.bg-ink .lead,.bg-ink .muted{color:var(--on-dark)}
.card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:var(--card-pad)}

/* Buttons. White on Wow Orange needs >=18.7px bold (AA-large): primary labels 19px/700. */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 26px;border-radius:10px;font:700 18px/1 "Inter",system-ui,sans-serif;text-decoration:none;cursor:pointer;border:2px solid transparent;transition:background .15s,color .15s,border-color .15s}
.btn-primary{background:var(--orange);color:#fff;font-size:19px}
.btn-primary:hover{background:var(--orange-deep)}
.btn-ghost{background:transparent;color:var(--ink);border-color:var(--ink)}
.btn-ghost:hover{background:var(--ink);color:var(--cream)}
.bg-ink .btn-ghost{color:#fff;border-color:#fff}
.bg-ink .btn-ghost:hover{background:#fff;color:var(--ink)}
.btn-sm{min-height:44px;padding:0 18px}
.btns{display:flex;flex-wrap:wrap;gap:var(--s3);margin-top:var(--s6)}
.trust{margin-top:var(--s4);font-size:15px;color:var(--mute);display:flex;flex-wrap:wrap;gap:4px 16px}
.trust span{display:inline-flex;align-items:center;gap:6px}
.trust span::before{content:"";width:16px;height:16px;flex:none;background:no-repeat center/16px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8.5l3 3 7-7' fill='none' stroke='%231E6B34' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.bg-ink .trust{color:var(--on-dark);justify-content:center}
.bg-ink .trust span::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8.5l3 3 7-7' fill='none' stroke='%23F6F1E7' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.links{display:flex;flex-wrap:wrap;gap:0 24px;margin-top:var(--s2)}
.links a{min-height:44px;display:inline-flex;align-items:center;gap:8px;font-weight:650;color:var(--ink);text-decoration:none}
.links a:hover{text-decoration:underline}
.links a .ic{width:28px;height:28px;border-radius:50%;background:var(--ink);display:inline-flex;align-items:center;justify-content:center}

/* Header */
.site-head{position:sticky;top:0;z-index:50;background:rgba(246,241,231,.97);border-bottom:1px solid var(--line)}
.site-head .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:68px}
.brand{display:inline-flex;align-items:center;min-height:44px}
.brand img{width:96px;height:auto}
.nav{display:flex;align-items:center;gap:4px}
.nav a{color:var(--ink);text-decoration:none;font-weight:600;font-size:16px;padding:0 12px;min-height:44px;display:inline-flex;align-items:center;border-radius:8px}
.nav a:hover{background:#EDE6D8}
.nav a[aria-current="page"]{box-shadow:inset 0 -3px 0 var(--orange)}
.nav .btn{margin-left:10px;color:#fff;font-size:19px}
.nav .btn:hover{background:var(--orange-deep)}
.menu-btn{display:none;background:none;border:0;min-width:44px;min-height:44px;padding:0;cursor:pointer;color:var(--ink)}
.menu-btn svg{display:block;margin:auto}
.head-right{display:flex;align-items:center;gap:8px}
.head-cta{font-size:17px;padding:0 16px}
@media (max-width:900px){
  .menu-btn{display:block}
  .nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--cream);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;padding:8px var(--pad) 20px;box-shadow:var(--shadow)}
  .nav.open{display:flex}
  .nav a{min-height:52px;font-size:18px;border-bottom:1px solid var(--line);border-radius:0;padding:0 4px}
  .nav a[aria-current="page"]{box-shadow:inset 3px 0 0 var(--orange);padding-left:12px}
  .nav .btn{margin:16px 0 0;border-bottom:0;justify-content:center;border-radius:10px}
}
@media (min-width:901px){.head-cta{display:none}}
/* header CTA on phones: 17px bold white on orange would be < AA-large; use ink button there */
@media (max-width:900px){.head-cta.btn-primary{background:var(--ink);color:#fff}.head-cta.btn-primary:hover{background:#000}}

/* HERO (home): product-first */
.hero{padding:var(--s6) 0 var(--s7)}
.hero-grid{display:grid;grid-template-columns:1fr;gap:var(--s6);align-items:center}
.hero h1{font-size:clamp(36px,5vw,62px);line-height:1.04;letter-spacing:-.035em}
.hero .lead{margin-top:var(--s4)}
.hero .btns{margin-top:var(--s5)}
.hero-media{margin:0 calc(-1*var(--pad) + 8px)}
.screen{position:relative;background:#0E0E0E;border-radius:14px;padding:6px;box-shadow:0 2px 4px rgba(0,0,0,.08),0 28px 56px -16px rgba(31,31,31,.45)}
.screen video,.screen img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:9px;background:#1b1b1b}
.vid-toggle{position:absolute;right:14px;bottom:14px;width:44px;height:44px;border-radius:50%;border:0;background:rgba(0,0,0,.72);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}
.vid-toggle .i-play{display:none}
.vid-toggle[data-state="paused"] .i-play{display:block}
.vid-toggle[data-state="paused"] .i-pause{display:none}
.cap{margin-top:var(--s3);font-size:14px;color:var(--mute);display:flex;align-items:center;gap:8px;justify-content:center;text-align:center}
.cap .dot{width:8px;height:8px;border-radius:50%;background:var(--live);flex:none;box-shadow:0 0 0 3px rgba(30,107,52,.18)}
@media (min-width:861px){
  .hero{padding:var(--s8) 0 var(--s9)}
  .hero-grid{grid-template-columns:5fr 7fr;gap:var(--s7)}
  .hero-media{margin:0}
  .screen{padding:10px;border-radius:18px}
  .cap{justify-content:flex-start}
}

/* Status labels — plain letterspaced text, no pills */
.status{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;line-height:1.2;white-space:nowrap}
.status::before{content:"";width:8px;height:8px;border-radius:50%;flex:none}
.status.live{color:var(--live)}
.status.live::before{background:var(--live)}
.status.soon{color:var(--mute)}
.status.soon::before{background:transparent;box-shadow:inset 0 0 0 2px var(--mute)}

/* Feature grid (home) */
.feat-grid{display:grid;grid-template-columns:1fr;gap:var(--s3)}
.feat-item{display:grid;grid-template-columns:48px 1fr;gap:var(--s4);align-items:start}
.feat-item h3{font-size:19px}
.feat-item p{margin-top:var(--s1);color:var(--mute)}
.ficon{width:48px;height:48px;border-radius:12px;background:var(--tint);display:flex;align-items:center;justify-content:center;color:var(--orange-text)}
.ficon svg{width:26px;height:26px}
@media (min-width:601px){.feat-grid{grid-template-columns:1fr 1fr;gap:var(--s5)}}
@media (min-width:1001px){.feat-grid{grid-template-columns:repeat(4,1fr)}.feat-item{grid-template-columns:1fr}}
.coming{margin-top:var(--s6);display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--s2) var(--s4);padding-top:var(--s5);border-top:1px solid var(--line)}
.coming p{color:var(--mute);flex:1 1 320px}
.coming a{font-weight:650;min-height:44px;display:inline-flex;align-items:center}

/* Showcase (dark band) */
.show{display:grid;grid-auto-flow:column;grid-auto-columns:84%;gap:var(--s3);overflow-x:auto;scroll-snap-type:x mandatory;padding:0 var(--pad) var(--s2);margin:0 calc(-1*var(--pad));scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.show figure{margin:0;scroll-snap-align:center}
.show img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:10px;background:#2a2a2a}
.show figcaption{font-size:14px;color:var(--on-dark);margin-top:var(--s2)}
.swipe{font-size:14px;color:var(--on-dark);margin-top:var(--s3)}
@media (min-width:861px){.show{grid-auto-flow:row;grid-template-columns:1fr 1fr;grid-auto-columns:auto;overflow:visible;margin:0;padding:0;gap:var(--s5)}.swipe{display:none}}

/* How it works */
.how-grid{display:grid;grid-template-columns:1fr;gap:var(--s6)}
@media (min-width:861px){.how-grid{grid-template-columns:5fr 7fr;gap:var(--s8);align-items:start}}
.steps{list-style:none;margin:0;padding:0;counter-reset:s;display:grid;gap:0}
.steps li{counter-increment:s;display:grid;grid-template-columns:44px 1fr;gap:var(--s4);padding:var(--s5) 0;border-top:1px solid var(--line-strong)}
.steps li:last-child{border-bottom:1px solid var(--line-strong)}
.steps li::before{content:counter(s);width:40px;height:40px;border-radius:50%;background:var(--ink);color:#fff;font-weight:800;font-size:17px;display:flex;align-items:center;justify-content:center}
.steps p{margin-top:var(--s1);color:var(--mute)}
.steps a{font-weight:650}
.note-line{margin-top:var(--s5);font-size:15px;color:var(--mute);display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}

/* Tables */
.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:var(--radius);background:var(--white)}
table{border-collapse:collapse;width:100%;font-size:16px}
th,td{text-align:left;padding:14px 16px;border-bottom:1px solid var(--line);vertical-align:top}
thead th{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);background:#FBF8F2;font-weight:700}
tbody tr:last-child td,tbody tr:last-child th{border-bottom:0}
tbody th{font-weight:650}
td.us,th.us{background:#FDF3EF}
thead th.us{color:var(--orange-text)}
.src{font-size:14px;color:var(--mute);margin-top:var(--s4)}
.tick{color:var(--live);font-weight:800}
/* compact 3-col compare (home) */
.cmp3 th,.cmp3 td{padding:14px 12px}
.cmp3 th[scope="row"]{width:30%}
.cmp3 td{width:35%}
.cmp3 td.us{font-weight:650}
@media (max-width:600px){.cmp3{font-size:15px}.cmp3 th,.cmp3 td{padding:12px 10px}.cmp3 thead th{font-size:12px;letter-spacing:.04em}}
.ahead{margin-top:var(--s4);color:var(--mute);font-size:15px}

/* Pricing */
.founding-label{text-align:center;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);margin-bottom:var(--s4)}
.tiers{display:grid;grid-template-columns:1fr;gap:var(--s4);align-items:stretch}
@media (min-width:861px){.tiers{grid-template-columns:repeat(3,1fr);gap:var(--s5)}}
.tier{display:flex;flex-direction:column}
.tier.pop{border:2px solid var(--ink);box-shadow:var(--shadow)}
.tier-top{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:24px}
.tier .tag{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#fff;background:var(--ink);padding:4px 10px;border-radius:6px}
.tier h3{font-size:24px}
.tier .one{color:var(--mute);margin-top:var(--s2);font-size:16px}
@media (min-width:861px){.tier .one{min-height:3.2em}}
.price{display:flex;align-items:baseline;gap:6px;margin:var(--s4) 0 0}
.price b{font-size:48px;font-weight:800;letter-spacing:-.03em;line-height:1}
.price span{color:var(--mute);font-size:15px}
.tier ul{list-style:none;padding:0;margin:var(--s5) 0 var(--s5);display:grid;gap:10px;font-size:16px;line-height:1.45}
.tier li{display:grid;grid-template-columns:20px 1fr;gap:8px}
.tier li::before{content:"✓";color:var(--live);font-weight:800}
.tier li.s::before{content:"○";color:var(--mute);font-weight:400}
.tier li em{font-style:normal;color:var(--mute);font-size:14px}
.tier .btn{margin-top:auto;width:100%}
.price-note{margin-top:var(--s5);font-size:15px;color:var(--mute);text-align:center}
.addon{margin-top:var(--s4);display:flex;flex-wrap:wrap;gap:16px 32px;align-items:center;justify-content:space-between}
.addon .price{margin:0}
.addon .price b{font-size:36px}

/* Founder */
.founder{display:grid;grid-template-columns:1fr;gap:var(--s6);align-items:start}
@media (min-width:861px){.founder{grid-template-columns:7fr 5fr;gap:var(--s8)}}
.founder .body p{color:var(--mute);margin-top:var(--s4)}
.founder .body p.big{font-size:clamp(20px,2.2vw,24px);line-height:1.45;color:var(--ink);font-weight:500;letter-spacing:-.01em;margin-top:var(--s5)}
.founder .photo{border-radius:var(--radius);overflow:hidden;margin-bottom:var(--s5)}
.facts{list-style:none;margin:0;padding:0}
.facts li{padding:var(--s3) 0;border-bottom:1px solid var(--line);font-size:16px}
.facts li:first-child{padding-top:0}
.facts li:last-child{border-bottom:0;padding-bottom:0}
.facts b{display:block;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);font-weight:700;margin-bottom:2px}
.sig{margin-top:var(--s5);font-weight:700}
.sig span{display:block;font-weight:400;color:var(--mute);font-size:15px}

/* FAQ: rows >= 44px; icon aligned to the first line of the question */
.faq{border-top:1px solid var(--line-strong)}
.faq details{border-bottom:1px solid var(--line-strong)}
.faq summary{list-style:none;cursor:pointer;min-height:56px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;font-weight:700;font-size:18px;line-height:28px;padding:14px 0}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";flex:none;width:28px;height:28px;background:no-repeat center/18px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M9 3v12M3 9h12' stroke='%23A8321C' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E")}
.faq details[open] summary::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M3 9h12' stroke='%23A8321C' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E")}
.faq details p{padding:0 44px 20px 0;color:var(--mute)}
@media (max-width:600px){.faq details p{padding-right:0}}

/* CTA band */
.cta-band{text-align:center}
.cta-band .btns{justify-content:center}
.cta-band .lead{margin:var(--s4) auto 0}
.cta-band .trust{margin-top:var(--s5)}

/* Inner page hero */
.page-hero{padding:var(--s7) 0 var(--s6)}
.page-hero .lead{margin-top:var(--s4)}
@media (min-width:861px){.page-hero{padding:var(--s8) 0 var(--s7)}}

/* Features page */
.toc{display:flex;flex-wrap:wrap;gap:4px 8px;margin-top:var(--s3)}
.toc a{min-height:44px;display:inline-flex;align-items:center;padding:0 10px;font-weight:600;font-size:15px;color:var(--ink);background:var(--white);border:1px solid var(--line);border-radius:8px;text-decoration:none}
.toc a:hover{border-color:var(--ink)}
.toc-row{margin-top:var(--s5)}
.feat{display:grid;grid-template-columns:1fr;gap:var(--s5);align-items:center;padding:var(--s7) 0;border-top:1px solid var(--line);scroll-margin-top:84px}
.feat:first-child{border-top:0;padding-top:0}
@media (min-width:861px){.feat{grid-template-columns:1fr 1.1fr;gap:var(--s8)}.feat.flip>.vis{order:-1}}
.feat .status{margin-bottom:var(--s3)}
.feat p{margin-top:var(--s3);color:var(--mute)}
.feat ul{margin:var(--s3) 0 0;padding-left:20px;color:var(--mute)}
.feat ul li+li{margin-top:6px}
.vis.card{font-size:16px}
.vis.ink{background:var(--ink);border-color:var(--ink);padding:10px}
.vis.ink img{border-radius:8px}
.sched{width:100%;font-size:15px}
.sched td,.sched th{padding:10px 8px}
.sched .off{color:var(--mute)}
.cards2{display:grid;grid-template-columns:1fr;gap:var(--s4)}
@media (min-width:701px){.cards2{grid-template-columns:1fr 1fr;gap:var(--s5)}}
.cards2 .card{scroll-margin-top:84px}
.cards2 .card h3{margin-top:var(--s3)}
.cards2 .card p{margin-top:var(--s2);color:var(--mute)}
.cards2 .card ul{margin:var(--s2) 0 0;padding-left:20px;color:var(--mute)}
.cards2.soon .card{background:#FBF8F2;border-style:dashed;border-color:#B3A88F}

/* Forms */
.form-card{box-shadow:var(--shadow)}
.field{margin-top:20px}
.field:first-of-type{margin-top:0}
label{display:block;font-weight:650;font-size:16px;margin-bottom:6px}
.opt{font-weight:400;color:var(--mute)}
input,select,textarea{display:block;width:100%;min-height:52px;padding:12px 14px;font:inherit;font-size:17px;color:var(--ink);background:#fff;border:1px solid #9C9384;border-radius:10px}
textarea{min-height:150px;resize:vertical}
input:focus,select:focus,textarea:focus{outline:3px solid var(--orange-deep);outline-offset:1px;border-color:var(--ink)}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.row2 .field{margin-top:20px}
@media (max-width:600px){.row2{grid-template-columns:1fr;gap:0}}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-card button.btn{width:100%;margin-top:28px}
.fine{font-size:14px;color:var(--mute);margin-top:14px}
.note{padding:16px 18px;border-radius:10px;margin:0 0 24px;font-weight:600;background:#fff;border:1px solid var(--line)}
.note.ok{border-left:5px solid var(--live)}
.note.err{border-left:5px solid var(--orange-deep)}
.note.callout{background:#FBF3E4;border:0;border-left:4px solid var(--ink);border-radius:8px;font-weight:500}
.field.check{display:flex;gap:12px;align-items:flex-start;margin:24px 0 0}
.field.check input{width:24px;height:24px;min-height:0;flex:none;margin:2px 0 0;padding:0;accent-color:var(--ink)}
.field.check label{font-weight:400;font-size:16px;line-height:1.45;margin:0;cursor:pointer;min-height:44px}
.start-grid{display:grid;grid-template-columns:1fr;gap:var(--s6);grid-template-areas:"intro" "form" "next"}
@media (min-width:861px){.start-grid{grid-template-columns:1fr 1.1fr;column-gap:var(--s8);row-gap:var(--s6);grid-template-areas:"intro form" "next form";grid-template-rows:auto 1fr;align-items:start}}
.s-intro{grid-area:intro}.s-next{grid-area:next}.s-form{grid-area:form}
.next{list-style:none;margin:var(--s5) 0 0;padding:0;counter-reset:n;display:grid;gap:var(--s4)}
.next li{counter-increment:n;display:grid;grid-template-columns:40px 1fr;gap:14px;align-items:start}
.next li::before{content:counter(n);width:36px;height:36px;border-radius:50%;background:var(--ink);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:15px}
.next b{display:block}
.next span{color:var(--mute);font-size:16px}
.thanks h2{font-size:clamp(28px,3.4vw,36px)}

/* About */
.principles{display:grid;grid-template-columns:1fr;gap:var(--s4);margin-top:var(--s6)}
@media (min-width:701px){.principles{grid-template-columns:1fr 1fr;gap:var(--s5)}}
.principles .card p{margin-top:var(--s2);color:var(--mute)}

/* Compare page */
.cmp4{min-width:900px}
.cmp4 th[scope="row"]{width:16%}
.cmp4 td{width:21%}
sup a{text-decoration:none;font-size:12px;padding:0 1px}
@media (max-width:600px){
  table.stack thead{display:none}
  table.stack,table.stack tbody,table.stack tr,table.stack th,table.stack td{display:block;width:100%!important}
  table.stack tr{border-bottom:1px solid var(--line);padding:14px 0}
  table.stack tbody tr:last-child{border-bottom:0}
  table.stack th[scope="row"]{border:0;padding:0 14px 6px;font-size:17px}
  table.stack td{border:0;padding:6px 14px}
  table.stack td::before{content:attr(data-label);display:block;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mute);margin-bottom:2px}
  table.stack td.us{background:#FDF3EF;border-radius:8px;margin:4px 0 0;padding:10px 14px}
  table.cmp4{min-width:0}
  .table-wrap:has(table.stack){overflow:visible}
}
.cards3{display:grid;grid-template-columns:1fr;gap:var(--s4)}
@media (min-width:861px){.cards3{grid-template-columns:repeat(3,1fr);gap:var(--s5)}}
.cards3 .card p{margin-top:var(--s2);color:var(--mute)}

/* Footer */
.site-foot{background:var(--cream);border-top:1px solid var(--line);padding:var(--s7) 0 var(--s5);font-size:15px}
.foot-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s5)}
.foot-grid .fcol1{grid-column:1/-1}
@media (min-width:861px){.foot-grid{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:var(--s6)}.foot-grid .fcol1{grid-column:auto}}
.foot-grid h4{margin:0 0 8px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
.foot-grid ul{list-style:none;margin:0;padding:0}
.foot-grid a{color:var(--ink);text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.foot-grid a:hover{text-decoration:underline}
.foot-logo{width:120px;height:auto;margin-bottom:12px}
.foot-bottom{margin-top:var(--s6);padding-top:var(--s4);border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between;color:var(--mute);font-size:14px}

@media (max-width:600px){
  .btns .btn{width:100%}
  .form-card{padding:20px}
}

/* ---- Revision 2 self-review pass ---- */
.nav .btn{font-weight:700}
.ahead{font-size:16px}
.ahead-link,.step-link{margin-top:var(--s2)}
.ahead-link a,.step-link a,.price-note a{font-weight:650;min-height:44px;display:inline-flex;align-items:center}
h1,h2{letter-spacing:-.025em}
.hero h1{letter-spacing:-.03em}
.hero .trust{margin-top:var(--s3)}
.hero .links{margin-top:var(--s4)}
@media (max-width:860px){.hero{padding-bottom:var(--s5)}}
/* header CTA: secondary (outline) on phones so it doesn't compete with the hero button */
.head-cta.btn-ghost{font-size:16px;border-width:1.5px;min-height:44px}
/* hero video: true full-bleed on phones, bleeds past the grid on wide desktops */
@media (max-width:860px){.hero-media{margin:0 calc(-1*var(--pad))}.hero-media .screen{border-radius:0;padding:0;box-shadow:none}.hero-media .screen video{border-radius:0}.hero-media .cap{padding:0 var(--pad)}}
@media (min-width:861px){.hero-grid{grid-template-columns:minmax(0,440px) 1fr;gap:var(--s7)}.hero h1{font-size:clamp(40px,4.2vw,56px)}}
@media (min-width:1280px){.hero-media{margin-right:-104px}}
.cap{justify-content:flex-start;text-align:left;align-items:center;gap:10px}
.cap-t{flex:1}
.vid-toggle{position:static;flex:none;width:44px;height:44px;background:var(--white);color:var(--ink);border:1px solid var(--line-strong)}
.vid-toggle:hover{border-color:var(--ink)}
/* feature grid */
.coming{display:block}
.coming p{color:var(--mute)}
.coming b{color:var(--ink)}
.coming a{display:inline;min-height:0;white-space:nowrap}
@media (min-width:1001px){.feat-item h3{min-height:0}}
/* showcase: one large + two */
.show{display:grid;grid-template-columns:1fr;gap:var(--s5);overflow:visible;margin:0;padding:0;grid-auto-flow:row;grid-auto-columns:auto}
.show figure{margin:0}
.show img{border-radius:10px;box-shadow:0 0 0 1px rgba(255,255,255,.14)}
@media (min-width:861px){.show{grid-template-columns:2fr 1fr;gap:var(--s5)}.show figure:first-child{grid-row:span 2}}
/* steps: coming-soon row in the same grid */
.steps li.later::before{content:"";background:transparent;border:2px dashed var(--line-strong)}
.steps li.later p{margin-top:var(--s2)}
/* compare (home): on phones the row label spans both columns */
@media (max-width:600px){
  .cmp3 thead tr,.cmp3 tbody tr{display:grid;grid-template-columns:1fr 1fr}
  .cmp3 thead th:first-child{display:none}
  .cmp3 tbody th[scope="row"]{grid-column:1/-1;width:auto;padding:14px 12px 4px;border-bottom:0;font-size:16px}
  .cmp3 td{width:auto}
  .cmp3 thead th,.cmp3 td{padding:10px 12px 14px}
  .cmp3 tbody tr{border-bottom:1px solid var(--line)}
  .cmp3 tbody tr:last-child{border-bottom:0}
  .cmp3 td{border-bottom:0}
}
/* pricing */
.tiers{gap:var(--s5)}
.tier .one{text-wrap:balance}
.tier li.s::before{content:"";width:16px;height:16px;margin-top:4px;background:no-repeat center/16px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='6.3' fill='none' stroke='%2357524A' stroke-width='1.5'/%3E%3Cpath d='M8 4.6V8l2.2 1.4' fill='none' stroke='%2357524A' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E")}
.price span{font-size:16px}
/* founder */
.founder .body p.big{font-size:clamp(19px,2vw,22px);font-weight:400}
.founder .card{background:var(--cream);border-color:var(--cream)}
.sig span{display:block}
/* final CTA */
.cta-band .lead{text-wrap:balance}
.cta-band .trust{display:grid;justify-content:center;justify-items:start;gap:6px}
@media (min-width:601px){.cta-band .trust{display:flex;justify-content:center;gap:4px 20px}}
.bg-ink .btn-ghost{border-color:rgba(255,255,255,.6);border-width:1.5px}
/* footer: Legal under Company on phones */
@media (max-width:860px){.foot-grid{grid-template-areas:"logo logo" "p c" "p l";row-gap:var(--s4)}.foot-grid .fcol1{grid-area:logo}.fcol-p{grid-area:p}.fcol-c{grid-area:c}.fcol-l{grid-area:l}}
/* review pass 2 */
h1,h2{letter-spacing:-.02em}
.hero h1{letter-spacing:-.025em;line-height:1.06}
.cap .dot{align-self:flex-start;margin-top:8px}
.steps h3+p{margin-top:var(--s2)}
.steps li.later::before{border:0;background:none}
.founding-label{text-align:left}
.tiers + .price-note,.price-note{text-align:left}
.cmp3 td{text-wrap:balance}
@media (max-width:600px){.cmp3 td.us{background:transparent;color:var(--ink);font-weight:700}.cmp3 thead th{font-size:12px;letter-spacing:.05em;padding:12px}}
/* review pass 3 */
.tier li em{display:block}
.tier.pop{border:1px solid var(--ink);box-shadow:0 0 0 1px var(--ink),var(--shadow)}
.founder .card{background:#FBF8F2;border-color:var(--line)}
.cta-band .lead{text-wrap:pretty;max-width:30em}
.bg-ink .btn-ghost{border-color:rgba(255,255,255,.85)}
.cap .dot{margin-top:7px}
.site-head .wrap{min-height:76px}
.brand img{width:100px}
@media (min-width:1280px){.hero-media{margin-right:0}}
@media (min-width:861px){.hero-grid{grid-template-columns:minmax(0,420px) 1fr}.hero h1{font-size:clamp(40px,4vw,52px)}}
@media (min-width:861px){.show{grid-template-columns:1fr 1fr}.show figure:first-child{grid-row:auto;grid-column:1/-1}}
.feat-item{align-content:start}
/* review pass 4 (desktop) */
@media (min-width:861px){
  .hero{padding-top:80px}
  .hero-grid{gap:var(--s8)}
  .feat-grid{column-gap:var(--s6)}
  .how-grid>.sec-head{position:sticky;top:110px}
  .steps li:first-child{border-top:0;padding-top:0}
}
#pricing .sec-head{margin-bottom:var(--s5)}
.price-note{font-size:16px}
/* review pass 5 (inner pages) */
th.pc,td.pc{text-align:center;width:16%}
/* features page index: plain text links, no outlined chips */
.toc{display:grid;grid-template-columns:1fr;gap:0 32px;margin-top:var(--s2)}
@media (min-width:601px){.toc{grid-template-columns:1fr 1fr}}
@media (min-width:1001px){.toc{grid-template-columns:repeat(3,1fr)}}
.toc a{background:none;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:0;min-height:44px;font-size:16px;font-weight:600;color:var(--ink)}
.toc a:hover{border-color:var(--ink);text-decoration:none}
.toc-row{margin-top:var(--s6)}
.feat{align-items:start}
/* selects: custom chevron with matching inset */
select{appearance:none;-webkit-appearance:none;padding-right:44px;background:#fff no-repeat right 16px center/14px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M2 5l5 5 5-5' fill='none' stroke='%231F1F1F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
/* review pass 6 */
.vis img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.sched td,.sched th{white-space:nowrap}
@media (max-width:600px){.vis.card:has(.sched){padding:16px}.sched{font-size:14px}.sched td,.sched th{padding:8px 6px}}
sup{line-height:0}
sup a+a{margin-left:2px}
/* review pass 7: one left edge for every section (narrow = text measure, not a centered column) */
.wrap.narrow{max-width:var(--wrap)}
.wrap.narrow>*{max-width:800px}
.cta-band .wrap.narrow>*{margin-left:auto;margin-right:auto}
td.pc{vertical-align:middle}
.tick{font-size:20px;line-height:1}
/* final: give the product more of the desktop hero */
@media (min-width:861px){.hero-grid{grid-template-columns:minmax(0,384px) 1fr;gap:56px}.hero h1{font-size:clamp(40px,3.7vw,50px)}}

/* ==== Revision 3 (Oct 31 2026): honest pricing, swipe gallery, typographic features, 13px floor ==== */
/* 13px floor for every small label */
.status{font-size:13px}
.tier .tag{font-size:13px}
sup a{font-size:13px}
@media (max-width:600px){.cmp3 thead th{font-size:13px}table.stack td::before{font-size:13px}}
/* Header + footer: one logo family (M3 lockup). Phones get the icon mark (brand guide: below lockup minimum, use the icon). */
.site-head .wrap{min-height:84px}
.brand img{width:150px;height:auto;margin:-6px 0 -6px -10px}
@media (max-width:600px){.site-head .wrap{min-height:68px}.brand img{width:64px;height:64px;margin:-4px 0 -4px -8px}}
.foot-logo{width:200px;height:auto;margin:-12px 0 4px -14px}
/* Feature list: strong typography instead of icon tiles */
.feat-grid{row-gap:var(--s6)}
@media (min-width:601px){.feat-grid{row-gap:var(--s6);column-gap:var(--s6)}}
.feat-item{display:block;border-top:2px solid var(--ink);padding-top:var(--s4)}
.feat-item .fkey{font-size:30px;line-height:1.1;font-weight:800;letter-spacing:-.025em;color:var(--orange-text);margin:0 0 var(--s3);white-space:nowrap}
.feat-item h3{font-size:19px}
.feat-item h3+p{margin-top:var(--s2)}
@media (min-width:861px){.feat-item .fkey{font-size:34px}}
/* Muted 'coming' note: separate from the list it follows */
.soon-note{margin-top:var(--s6);padding:var(--s3) var(--s4);border-left:3px solid var(--line-strong);color:var(--mute);font-size:15px;line-height:1.55;max-width:46em}
.soon-note .status{margin-right:10px;vertical-align:1px}
.soon-note a{font-weight:650;white-space:nowrap}
#how .soon-note{margin-top:var(--s5)}
.coming{display:none}
/* Gallery: one swipe row with next-card peek; arrows on desktop; tap = full size */
.gal-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s5);max-width:none}
.gal-head>div{max-width:720px}
.gal-arrows{display:none;gap:var(--s2);flex:none}
@media (min-width:861px){.gal-arrows{display:flex}}
.gal-btn{width:48px;height:48px;border-radius:50%;border:1.5px solid rgba(255,255,255,.85);background:transparent;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}
.gal-btn:hover{background:#fff;color:var(--ink)}
.gal-btn:disabled{opacity:.35;cursor:default;background:transparent;color:#fff}
.gal{display:flex;gap:var(--s3);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:var(--pad);padding:0 var(--pad) var(--s3);margin:0 calc(-1*var(--pad));scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.gal::-webkit-scrollbar{display:none}
.gal:focus-visible{outline:3px solid #fff;outline-offset:4px}
.gal-item{flex:none;margin:0;scroll-snap-align:start}
.gal-open{display:block;position:relative;border-radius:10px;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.16)}
.gal-open img{height:184px;width:auto;max-width:none;aspect-ratio:auto;object-fit:cover;background:#2a2a2a}
.gal-item figcaption{font-size:15px;color:var(--on-dark);margin-top:var(--s2)}
.zoom-tag{position:absolute;left:10px;top:10px;font-size:13px;font-weight:700;color:#fff;background:rgba(0,0,0,.78);padding:4px 9px;border-radius:6px}
@media (min-width:861px){.gal{gap:var(--s5)}.gal-open img{height:300px}}
@media (min-width:1201px){.gal{margin:0;padding:0 0 var(--s3);scroll-padding-left:0}}
.lightbox{border:0;padding:0;background:transparent;max-width:min(96vw,1600px);width:100%;color:#fff}
.lightbox::backdrop{background:rgba(10,10,10,.92)}
.lightbox img{width:100%;height:auto;max-height:84vh;object-fit:contain;border-radius:8px;margin:0 auto}
.lb-cap{text-align:center;margin-top:12px;font-size:15px;color:var(--on-dark)}
.lb-close{position:fixed;top:12px;right:12px;width:48px;height:48px;border-radius:50%;border:0;background:#fff;color:var(--ink);font-size:30px;line-height:1;cursor:pointer}
/* How it works: inline link, no orphan line */
.steps p a{white-space:nowrap}
/* Compare (home): short cells */
.cmp3 td{text-wrap:pretty}
#features+.bg-ink .sec-head,#boards .sec-head{margin-bottom:var(--s5)}
/* Pricing: Basic recommended; waitlist cards visibly marked */
.tier-state{margin-top:var(--s2);font-size:15px;font-weight:700}
.tier-state.live-now{color:var(--live)}
.tier-state.opens{color:var(--mute)}
.tier-state.live-now::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--live);margin-right:8px;vertical-align:1px}
.tier-state.opens::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;box-shadow:inset 0 0 0 2px var(--mute);margin-right:8px;vertical-align:1px}
.tier.later{background:#FBF8F2}
.tier.later .price b{color:#3A3631}
.tier .one{margin-top:var(--s3)}
.price{margin-top:var(--s4)}
.founding{font-size:14px;color:var(--mute);margin-top:6px;font-weight:600}
.tier ul{margin-top:var(--s4)}
.tier-foot{font-size:14px;color:var(--mute);margin-top:var(--s3);text-align:center;line-height:1.45}
.example{margin-top:var(--s5);font-size:17px;color:var(--ink)}
.example b{font-weight:700}
.example+.price-note{margin-top:var(--s2)}
.founding-label{display:none}
/* Pricing table: status under the row name */
th .rn{display:block}
th .rn+.status{margin-top:6px}
/* FAQ end link */
.faq-more{margin-top:var(--s5);font-size:17px}
.faq-more a{font-weight:650;min-height:44px;display:inline-flex;align-items:center}
/* Final CTA: checks centered as one block */
.cta-band .trust{width:fit-content;margin-left:auto;margin-right:auto}
/* Footer: even 2-col grid on phones */
@media (max-width:860px){.foot-grid{grid-template-columns:1fr 1fr;column-gap:var(--s5);row-gap:var(--s5);grid-template-areas:"logo logo" "p c" "l ."}}
/* Start page: plan note */
.plan-note{border-left-color:var(--orange-deep)}
/* r3 review pass 1 */
.brand img{margin-left:-9px}
@media (max-width:600px){.brand img{margin-left:-4px}}
.menu-btn{margin-right:-9px}
.gal{gap:16px}
.gal-item{width:calc(100% - 2*var(--pad) - 36px)}
.gal-open img{width:100%;height:auto;aspect-ratio:16/9;max-width:100%}
@media (min-width:861px){.gal-item{width:min(560px,calc(50% - 12px))}.gal-open img{height:auto}}
.gal-item figcaption b{color:#fff;font-weight:700;margin-right:4px}
.steps h3{text-wrap:pretty}
.lead,.sec-head .lead{text-wrap:pretty}
.soon-note .status{display:flex;margin:0 0 4px}
#how .soon-note{margin-top:var(--s6)}
/* r3 review pass 2 */
@media (max-width:600px){.cmp3 td.us{background:#FDF3EF}}
.tier.later{border:1.5px dashed #9C9384;background:#FBF8F2}
.tier-state.opens::before{box-shadow:none;width:14px;height:14px;vertical-align:-2px;background:no-repeat center/14px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='6.3' fill='none' stroke='%2357524A' stroke-width='1.6'/%3E%3Cpath d='M8 4.6V8l2.2 1.4' fill='none' stroke='%2357524A' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E")}
.tier-foot{text-align:left}
.tier .example{margin-top:var(--s2);font-size:15px;font-weight:600;color:var(--ink);background:#EEF5EF;border-radius:8px;padding:8px 12px;display:inline-block}
.tier .founding+ul{margin-top:var(--s4)}
.status.soon::before{box-shadow:none;width:14px;height:14px;background:no-repeat center/14px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='6.3' fill='none' stroke='%2357524A' stroke-width='1.6'/%3E%3Cpath d='M8 4.6V8l2.2 1.4' fill='none' stroke='%2357524A' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E")}
.foot-logo{margin-left:-12px;width:180px}
@media (max-width:860px){.foot-grid{grid-template-areas:"logo logo" "p c" "p l";row-gap:var(--s4)}}
.site-foot{padding-bottom:calc(var(--s5) + env(safe-area-inset-bottom))}
.faq-more{margin-top:var(--s4)}
#pricing .sec-head .lead{margin-top:var(--s3)}
/* r3 review pass 3 (desktop) */
@media (min-width:601px){.site-head .wrap{min-height:88px}.brand img{width:132px;margin:0 0 0 -8px}}
@media (min-width:861px){.hero-grid{grid-template-columns:minmax(0,452px) 1fr;gap:56px}.hero h1{font-size:clamp(42px,3.9vw,54px)}}
@media (min-width:1001px){.feat-grid{grid-template-rows:auto}.feat-item{display:grid;grid-row:span 3;grid-template-rows:subgrid;row-gap:0}.feat-item h3{align-self:start}}
@media (min-width:861px){.gal-item{width:min(500px,calc(44% - 8px))}#boards .sec-head{margin-bottom:var(--s6)}}
.gal-btn:disabled{opacity:.5}
.tier .one{text-wrap:pretty}
.tier li{text-wrap:pretty}
.tier.later{border-color:#857C6E}
.tier.later .price b{color:#57524A}
@media (max-width:860px){.gal-item{width:calc(100% - 36px)}}
/* r3 review pass 4 (all pages) */
/* pricing cards: shared rows across the three plans on desktop (subgrid) */
.ex-ph{display:block}
@media (min-width:861px){
  .tiers{grid-template-rows:repeat(9,auto);row-gap:0}
  .tier{display:grid;grid-row:span 9;grid-template-rows:subgrid;align-content:start}
  .tier>*{align-self:start}
  .tier>.btn{align-self:end;margin-top:var(--s4)}
}
.tier.later{border:1px solid var(--line-strong);background:#FBF8F2}
/* phone plan table: no mid-word breaks, compact */
th,td{hyphens:manual}
td.pc{white-space:nowrap}
@media (max-width:600px){.table-wrap table:not(.cmp3):not(.stack){font-size:14px}.table-wrap table:not(.cmp3):not(.stack) th,.table-wrap table:not(.cmp3):not(.stack) td{padding:12px 8px}th.pc,td.pc{width:17%}}
/* footer: balanced phone grid, Legal as one row */
@media (max-width:860px){.foot-grid{grid-template-areas:"logo logo" "p c" "l l"}.fcol-l ul{display:flex;flex-wrap:wrap;gap:0 24px}}
.foot-bottom{justify-content:flex-start}
/* form fields: >=3:1 borders */
input,select,textarea{border-color:#7A7266}
/* features page: roadmap index visibly quieter than live */
.toc[aria-label="Coming soon features"] a{color:var(--mute);font-weight:500}
.cards2.soon .card{border-style:solid;border-color:var(--line-strong)}
/* about: real board */
.about-board{padding:var(--s7) 0}
.board-fig{margin:0}
.board-fig img{width:100%;height:auto;aspect-ratio:16/9;border-radius:12px;box-shadow:0 0 0 1px rgba(255,255,255,.14)}
.board-fig figcaption{margin-top:var(--s3);font-size:15px;color:var(--on-dark)}
/* r3 review pass 5 */
.tier .one,.tier li{text-wrap:wrap}
.tier.later .price b{color:#6F685D}
.tier .example.muted-ex{background:#F1ECE2;color:#3A3631;font-weight:500}
@media (max-width:600px){
  .table-wrap table:not(.cmp3):not(.stack){table-layout:fixed}
  .table-wrap table:not(.cmp3):not(.stack) thead th:first-child,.table-wrap table:not(.cmp3):not(.stack) tbody th{width:46%}
  th.pc,td.pc{width:18%;padding-left:4px!important;padding-right:4px!important}
  thead th.pc{letter-spacing:.02em;font-size:13px}
  td.pc{font-size:13px}
}
.tier .one{text-wrap:balance}
.addon{display:grid;grid-template-columns:1fr;gap:var(--s4) var(--s6);align-items:center}
@media (min-width:861px){.addon{grid-template-columns:1fr auto}}
.addon-main{max-width:640px}
.addon-also{grid-column:1/-1;padding-top:var(--s4);border-top:1px solid var(--line);color:var(--mute);font-size:16px}
.addon-also b{color:var(--ink);font-weight:650}
.faq summary{text-wrap:pretty}
/* r3 review pass 6 */
.faq-grid{display:grid;grid-template-columns:1fr;gap:0}
@media (min-width:861px){.faq-grid{grid-template-columns:5fr 7fr;gap:var(--s8);align-items:start}.faq-grid>.sec-head{margin-bottom:0;position:sticky;top:110px}}
@media (min-width:861px){.gal{-webkit-mask-image:linear-gradient(to right,#000 88%,transparent);mask-image:linear-gradient(to right,#000 88%,transparent)}}
@media (max-width:600px){
  .table-wrap table:not(.cmp3):not(.stack) thead th:first-child,.table-wrap table:not(.cmp3):not(.stack) tbody th{width:40%}
  th.pc,td.pc{width:20%}
  thead th.pc{text-transform:none;letter-spacing:0;font-size:13px;color:var(--ink)}
}
select:invalid{color:var(--mute)}
select option{color:var(--ink)}

/* ==== Revision 4 (Oct 31 2026): one board once, plain feature titles, one waitlist card, voice, logo, rhythm ==== */
/* One section rhythm on every page: 56px phone / 96px desktop, top and bottom (hero bottom included). */
:root{--sec:56px}
@media (min-width:861px){:root{--sec:96px}}
section,.about-board{padding:var(--sec) 0}
.hero{padding:var(--s5) 0 var(--sec)}
@media (min-width:861px){.hero{padding:72px 0 var(--sec)}}
.page-hero{padding:var(--sec) 0 var(--s6)}
/* Headings: tracking loosened on phones (was -.02/-.025em) */
@media (max-width:600px){h1,.hero h1{letter-spacing:-.01em}h2{letter-spacing:-.005em}}
/* Header logo: the real M3 unframed lockup on every width (same file as the footer). 114px file = 100px artwork,
   the brand-guide minimum for this lockup, so MENU BOARDS stays legible. Negative margin = the file's built-in clear space. */
.brand img,.brand picture img{width:114px;height:auto;margin:-7px 0 -7px -7px}
.site-head .wrap{min-height:76px}
@media (min-width:601px){.site-head .wrap{min-height:84px}.brand img{width:132px;margin:-8px 0 -8px -8px}}
/* Hero: phone shows the close-up crop (set by the inline script); desktop the full board. */
@media (max-width:860px){.hero-media .screen video{aspect-ratio:880/644;background:#1A1316}}
.ph-only{display:inline}
p.ph-only{display:block}
@media (min-width:861px){.ph-only,p.ph-only{display:none}}
.whole{margin-top:0;padding:0 var(--pad)}
.whole a{min-height:44px;display:inline-flex;align-items:center;font-weight:650;font-size:15px}
/* Features: plain bold titles + one line each (no big-number labels) */
.feat-item{border-top:2px solid var(--ink);padding-top:var(--s4)}
.feat-item h3{font-size:19px;margin:0}
.feat-item h3+p{margin-top:var(--s2);color:var(--mute)}
.feat-grid{row-gap:var(--s5)}
@media (min-width:1001px){.feat-item{grid-row:span 2}}
#features .soon-note{margin-top:var(--s6)}
/* Gallery: ~15% peek of the next card on phones, count under the row, arrows on desktop */
@media (max-width:860px){.gal-item{width:calc((100vw - var(--pad) - 16px)/1.15)}}
.gal-count{margin-top:var(--s2);font-size:15px;font-weight:650;color:var(--on-dark);font-variant-numeric:tabular-nums}
/* Compare (home): column headers in normal casing so "Wow" keeps brand casing */
.cmp3 thead th,.cmp3 thead th.us{text-transform:none;letter-spacing:0;font-size:15px;font-weight:700}
.cmp3 thead th.us{color:var(--orange-text)}
.cmp3 td{color:var(--ink)}
#features + .bg-ink + section .src,.bg-white .src{max-width:46em}
/* Pricing (home): Basic + one "Coming with Clover sync" card */
@media (min-width:861px){
  .home-tiers{grid-template-columns:1fr 1.25fr;grid-template-rows:none;row-gap:var(--s5)}
  .home-tiers .tier{display:flex;flex-direction:column;grid-row:auto}
  .home-tiers .tier>.btn{margin-top:auto}
}
.home-tiers .tier ul{margin-bottom:var(--s5)}
.tier.wait .one{margin-top:var(--s2);color:var(--mute)}
.mini{display:grid;grid-template-columns:1fr 1fr;gap:var(--s4);margin:var(--s4) 0 0;padding-top:var(--s4);border-top:1px solid var(--line-strong)}
.mini-col h4{margin:0;font-size:18px;font-weight:700}
.mini-price{margin-top:4px;font-size:15px;color:var(--mute)}
.mini-price b{font-size:28px;font-weight:800;letter-spacing:-.02em;color:#3A3631;margin-right:2px}
.mini-col ul{list-style:none;padding:0;margin:var(--s3) 0 0;display:grid;gap:8px;font-size:15px;line-height:1.4}
.mini-col li{display:grid;grid-template-columns:18px 1fr;gap:6px;color:var(--ink)}
.mini-col li::before{content:"";width:14px;height:14px;margin-top:3px;background:no-repeat center/14px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='6.3' fill='none' stroke='%2357524A' stroke-width='1.6'/%3E%3Cpath d='M8 4.6V8l2.2 1.4' fill='none' stroke='%2357524A' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E")}
.mini-foot{margin:var(--s4) 0 var(--s5);font-size:15px;color:var(--mute);line-height:1.5}
.tier .example{font-size:15px}
/* /pricing/: fine print once, under the cards */
.fine-print{margin-top:var(--s5);display:grid;gap:var(--s2);max-width:52em}
.fine-print p{font-size:15px;color:var(--mute);line-height:1.55}
/* Founder: quote in Jimmy's words + photo slot (founder.jpg or monogram) */
.quote{margin:var(--s5) 0 0;padding:0 0 0 var(--s4);border-left:3px solid var(--orange)}
.quote p{font-size:clamp(20px,2.2vw,23px);line-height:1.45;color:var(--ink);font-weight:500;letter-spacing:-.005em}
.who{display:flex;align-items:center;gap:var(--s4);margin-top:var(--s5)}
.who .sig{margin:0}
.who-top{margin:0 0 var(--s5)}
.portrait{width:64px;height:64px;border-radius:50%;flex:none;object-fit:cover}
.portrait.mono{display:inline-flex;align-items:center;justify-content:center;background:var(--ink);color:var(--cream);font-weight:800;font-size:22px;letter-spacing:.02em}
@media (min-width:861px){.portrait{width:72px;height:72px}.portrait.mono{font-size:24px}}
.founder .body p.more{margin-top:var(--s3)}
.more a,.talk{min-height:44px;display:inline-flex;align-items:center;font-weight:650}
.talk-line{margin-top:var(--s4)}
.facts a{font-weight:600}
/* Callout bodies + hero caption: >= 4.5:1 at >= 14px (measured in check.py) */
.note.callout{font-size:16px;color:var(--ink)}
.cap{font-size:14px}
/* r4 review pass 1 */
@media (max-width:860px){.sec-head{margin-bottom:var(--s6)}}
.whole{padding-left:calc(var(--pad) + 18px)}
@media (min-width:861px){.whole{padding-left:18px}}
.mini{display:block;border-top:0;padding-top:0;margin-top:var(--s4)}
.mini-t{width:100%;border-collapse:collapse;font-size:15px;background:transparent}
.mini-t th,.mini-t td{padding:9px 0;border-bottom:1px solid var(--line);vertical-align:middle}
.mini-t tbody tr:last-child th,.mini-t tbody tr:last-child td{border-bottom:0}
.mini-t thead th{background:transparent;text-transform:none;letter-spacing:0;font-size:15px;color:var(--ink);font-weight:700;text-align:center;width:24%;padding-top:0;border-bottom:1px solid var(--line-strong)}
.mini-t thead th:first-child{width:auto}
.mini-t thead th b{display:block;font-size:26px;font-weight:800;letter-spacing:-.02em;color:#3A3631;line-height:1.15}
.mini-t tbody th{font-weight:500;color:var(--ink);text-align:left;padding-right:8px}
.mini-t td{text-align:center}
.mini-t .tick{font-size:18px}
.mini-unit{margin-top:var(--s2);font-size:14px;color:var(--mute)}
.tier .one{max-width:none}
.tier .tag{background:#E6F0E8;color:var(--live)}
.tier.pop{box-shadow:var(--shadow);border:1.5px solid var(--ink)}
.quote p{text-indent:-.42em}
.who{align-items:center}
.cmp3 td.us{text-wrap:balance}
.mini-t thead th{width:27%}
.price + .founding{margin-top:8px}
.tier.later.wait{border-color:var(--line-strong)}
@media (max-width:860px){.foot-logo{width:132px;margin:-8px 0 4px -8px}.site-foot{padding-top:var(--s6)}}
/* r4 review pass 2: logo never shrinks below the brand minimum; hero video fully on the first phone screen */
.brand{flex:none}
.brand img{max-width:none}
.contact-hero{padding-bottom:var(--sec)}
@media (max-width:860px){.hero{padding-top:var(--s4)}.hero .btns{margin-top:var(--s4)}.hero .links{margin-top:0}.hero-grid{gap:var(--s5)}}
/* r4 review pass 3 (strict sweep) */
@media (min-width:861px){.home-tiers{align-items:start}.home-tiers .tier>*{align-self:stretch}.home-tiers .tier>.btn{margin-top:var(--s2)}}
@media (max-width:600px){.cmp3 td.us{background:transparent}}
.tier .example{white-space:nowrap}
.quote{border-left-color:var(--orange-text)}
.cta-band .lead{text-wrap:balance}
@media (max-width:600px){.cta-band .trust{display:flex;flex-direction:column;align-items:center;width:auto}}
.clock{display:inline-block;width:16px;height:16px;vertical-align:middle;background:no-repeat center/16px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='6.3' fill='none' stroke='%2357524A' stroke-width='1.6'/%3E%3Cpath d='M8 4.6V8l2.2 1.4' fill='none' stroke='%2357524A' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E")}
.addon-price{margin-top:4px;font-weight:700;font-size:17px}
.cmp4 td .muted{font-size:14px;font-style:italic}
@media (min-width:1001px){.cards2.soon{grid-template-columns:repeat(3,1fr)}}
.lead{text-wrap:pretty}
h1{text-wrap:balance}
.tier-state.spacer{margin:0;min-height:0}
/* r4 review pass 4 */
.tier .tag.tag-wait{background:#ECE6DA;color:#3A3631}
@media (min-width:861px){#pricing .price-note{text-align:center}}
.cta-band .btns{gap:var(--s4)}
.wait .tier-top{align-items:flex-start}
.tier.wait .one{text-wrap:pretty}
.wait .tier-top{align-items:center}
.mini-unit{margin-bottom:0}
.mini-foot{margin-top:var(--s5)}
.quote p{text-wrap:pretty}
/* r5 final polish */
.mini-t{table-layout:fixed}
.mini-t thead th{width:23%}
.mini-t thead th:first-child{width:auto}
.mini-t tbody th{white-space:nowrap;font-size:15px;padding-right:4px}
@media (max-width:420px){.mini-t tbody th{font-size:14.5px}.mini-t thead th{width:21%}.mini-t thead th b{font-size:24px}}
.dash{color:#4A453E;font-size:18px;line-height:1}
.cta-band{text-align:left}
.cta-band .cta-group{width:fit-content;max-width:34em;margin:0 auto;text-align:left}
.cta-band .cta-group>*{margin-left:0!important;margin-right:0!important}
.cta-band .btns{justify-content:flex-start}
.cta-band .lead{text-align:left;margin-left:0;margin-right:0}
.cta-band .trust{justify-content:flex-start;justify-items:start;width:auto;margin-left:0;margin-right:0}
.bg-ink .cta-group .trust{justify-content:flex-start}
@media (min-width:601px){.cta-band .trust{display:flex;justify-content:flex-start}}
.cmp3 td.us{white-space:normal}
@media (max-width:600px){.cta-band .trust{align-items:flex-start;flex-direction:column}}
.tier li span,.cmp3 td{text-wrap:pretty}
/* r6 desktop layout defects */
/* text floor: body 16, small 14 */
.tier .tag,.tier li em,.facts b,.eyebrow,.status,.tag{font-size:14px}
.site-foot,.site-foot .small,.trust,.gal-count,.whole a,.mini-t tbody th,.mini-foot,.mini-unit,.price-note,.src,.cap,.cap-t{font-size:16px}
.src,.cap,.cap-t{font-size:14px}
.src{font-size:15px}
.mini-unit,.mini-foot{font-size:15px}
.mini-t tbody th{font-size:16px}
@media (max-width:420px){.mini-t tbody th{font-size:15px}}
.foot-bottom,.foot-bottom span{font-size:14px}
.site-foot h4{font-size:14px}
/* header padding */
.site-head .wrap{padding-top:16px;padding-bottom:16px;min-height:0}
.brand img{margin:0 0 0 -8px}
@media (min-width:601px){.brand img{width:124px;height:auto}}
@media (max-width:600px){.site-head .wrap{padding-top:16px;padding-bottom:16px}.brand img{width:56px;height:56px;margin:0 0 0 -8px}}
.faq-side{display:none}
@media (min-width:861px){
 /* hero */
 .hero-copy{display:grid;grid-template-columns:auto 1fr;column-gap:var(--s5);align-items:center;justify-items:start}
 .hero-copy>h1,.hero-copy>.lead,.hero-copy>.trust{grid-column:1/-1}
 .hero-copy>.btns{grid-column:1;grid-row:3}
 .hero-copy>.links{grid-column:2;grid-row:3;margin-top:var(--s5)}
 .hero .btn-primary{min-height:56px;min-width:220px;font-size:20px}
 .cap{padding:0;gap:12px}
 .cap .dot{margin-top:0;align-self:center}
 /* dead zones */
 .feat-grid{align-items:start}
 .faq-grid{grid-template-columns:5fr 7fr;gap:var(--s8);align-items:start}
 .faq-grid>.sec-head{position:static;margin-bottom:0}
 .faq-side{display:block}
 .faq-grid>.sec-head .btn.faq-side{display:inline-flex;margin-top:var(--s5)}
 .faq-more{display:none}
 .how-grid{align-items:start}
 /* pricing */
 .tiers.home-tiers{grid-template-columns:1fr 1fr;align-items:stretch}
 .home-tiers .tier.pop{border:2px solid var(--ink);box-shadow:var(--shadow)}
 .home-tiers .tier.pop .price b{font-size:56px}
 .home-tiers .tier.wait{background:transparent;border:2px dashed var(--line-strong);box-shadow:none}
 .home-tiers .tier.wait .btn{background:transparent}
 /* carousel: cards run off the right viewport edge; two whole cards + a peek of the third */
 .gal{margin-right:calc(50% - 50vw);padding-right:0;-webkit-mask-image:none;mask-image:none;gap:var(--s5)}
 .gal-item{width:min(500px,calc(44% - 8px));flex:none}
 .gal-ctrl{display:flex;align-items:center;gap:var(--s4);margin-top:var(--s5)}
 .gal-ctrl .gal-arrows{display:flex}
 .gal-ctrl .gal-count{margin:0}
 /* founder */
 .founder{grid-template-columns:1fr 1fr;gap:var(--s8);align-items:stretch}
 .founder .body{display:flex;flex-direction:column;height:100%}
 .founder .quote p{font-size:clamp(22px,2vw,26px);line-height:1.45}
 .founder .who{margin-top:auto;padding-top:var(--s6)}
 .founder .more{margin-top:var(--s4)}
 .founder .card{display:flex;align-items:center}
 .founder .facts{width:100%}
 /* final CTA: left-aligned on the same grid as every section, heading left / actions right */
 .cta-band .wrap.narrow,.cta-band .wrap.narrow>*{max-width:var(--wrap)}
 .cta-band .cta-group{width:auto;max-width:none;margin:0;display:grid;grid-template-columns:7fr 5fr;column-gap:var(--s8);align-items:center}
 .cta-band .cta-group>h2,.cta-band .cta-group>.lead{grid-column:1;max-width:30em}
 .cta-band .cta-group>.btns{grid-column:2;grid-row:1/3;align-self:end;flex-wrap:wrap}
 .cta-band .cta-group>.trust{grid-column:2;grid-row:3;margin-top:var(--s4)}
}
.cta-band .wrap.narrow{max-width:var(--wrap)}
.gal-ctrl{display:flex;align-items:center;gap:var(--s4);margin-top:var(--s4)}
@media (max-width:860px){.gal-ctrl .gal-arrows{display:none}.gal-ctrl .gal-count{margin:0}}
@media (min-width:601px){.brand img{width:100px}}
@media (min-width:861px){.cta-band .btn-primary{min-height:56px;min-width:220px;font-size:20px}}
.home-tiers .tier>.btn,.tiers .tier>.btn{margin-top:auto}
@media (min-width:861px){.faq-grid{grid-template-columns:1fr 1fr}.home-tiers .tier.pop ul{margin-bottom:var(--s6)}}
/* r6 14px floor for every small label, 15px+ for readable notes */
thead th,sup a,.founding-label,.muted.small,.muted{font-size:14px}
@media (max-width:600px){.cmp3 thead th,table.stack td::before,.cmp3 thead th{font-size:14px}}
.soon-note,.soon-note a,.example,.tier-state,.src,.mini-unit,.mini-foot,figcaption,.cmp3 td,.cmp3 th{font-size:16px}
.src,.mini-unit,.cap-t{font-size:14px}
.src{font-size:15px}
@media (min-width:861px){.src{font-size:16px}}
html body p.example,html body figcaption,html body .sig span,html body p.tier-state,html body td,html body .cmp3 th.us,html body .cmp3 thead th{font-size:16px}
html body th.pc,html body td.pc,html body table th,html body thead th{font-size:14px}
html body table td{font-size:16px}
html body .foot-bottom span,html body .foot-bottom,html body .cap-t{font-size:14px}
html body .mini-t thead th{font-size:16px}
html body .mini-t tbody th{font-size:16px}
@media (max-width:420px){html body .mini-t tbody th{font-size:15px}}
p.example,figcaption,p.tier-state,.tier-state,.tier-state+p,.pricing-note,.price-note{font-size:16px!important}
.fine-print p{font-size:16px!important}
@media (min-width:861px){.founder .card{align-items:stretch}.founder .facts{display:flex;flex-direction:column;justify-content:space-between;height:100%}.founder .facts li{padding:var(--s4) 0;flex:1;display:flex;flex-direction:column;justify-content:center}.founder .facts li:first-child{padding-top:0}.founder .facts li:last-child{padding-bottom:0}}
@media (min-width:861px){.tiers:not(.home-tiers){grid-template-columns:repeat(3,minmax(0,1fr))}}
.tiers{grid-template-columns:minmax(0,1fr)}@media (min-width:861px){.tiers.home-tiers{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.tiers:not(.home-tiers){grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:420px){p.example{font-size:15px!important;white-space:normal}}
@media (max-width:420px){html body .mini-t thead th{font-size:14px;letter-spacing:0}}
@media (max-width:420px){html body .mini-t thead th{width:22%;padding-left:2px;padding-right:2px}.mini-t thead th b{font-size:22px}}
@media (min-width:861px){.home-tiers .tier.pop{justify-content:space-between}.home-tiers .tier.pop>*{margin-top:0!important;margin-bottom:0!important}.home-tiers .tier.pop>ul{margin:0!important}}

/* seo pages (P5b): paragraph rhythm for long-form text; new pages load site.css?v=r7 */
.prose>*+*{margin-top:var(--s4)}
.prose>.sec-head+*{margin-top:0}
.prose>p,.prose>ul,.prose>ol,.prose>.steps,.prose>.vis,.prose>.faq,.prose>.card,.prose>.cards2,.prose>.ahead-link{max-width:800px}
.prose>ul{padding-left:1.2em}
.prose>ul li+li{margin-top:var(--s2)}
.prose>.vis{display:block}
.page-hero .btns{margin-top:var(--s5)}
.page-hero .wrap>.btns{margin-bottom:var(--s5)}

/* seo pages (P5b rev 1): centered article column, real-board crops with captions below, byline, mid-article CTA; new pages load site.css?v=r8 */
.page-hero .wrap>*{max-width:800px;margin-left:auto;margin-right:auto}
.prose>*{margin-left:auto;margin-right:auto}
.prose>.sec-head{max-width:800px}
.crop-fig{display:block;max-width:800px;margin-top:var(--s4)}
.crop-fig.crop-p{max-width:440px}
.crop-fig .vis.crop{display:block;margin:0}
.vis.crop img{aspect-ratio:auto;object-fit:contain;height:auto;display:block;width:100%}
.crop-fig figcaption{font-size:16px;color:#3A3631;margin-top:var(--s2);line-height:1.45}
.crop-fig .tap{color:var(--mute)}
.byline{margin-top:var(--s4);color:#2a2724;font-size:16px}
.byline.muted{margin-top:var(--s1);color:#4a463f;font-size:16px}
.mid-cta{max-width:800px}
.mid-cta .btns{margin-top:var(--s3)}
h3.idea{margin-top:var(--s6);max-width:800px;font-size:22px;line-height:1.3}
.prose>h3.idea:first-of-type{margin-top:0}
.prose>h3.idea+p,.prose>p+p{margin-top:var(--s3)}

/* compare page: benefit cards with a board image */
.why-grid{display:grid;grid-template-columns:1fr;gap:var(--s4)}
.why{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column}
.why img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#111;object-position:center top}
.why .why-b{padding:var(--card-pad)}
.why h3{font-size:20px}
.why p{margin-top:var(--s2);color:var(--mute)}
.why.txt{justify-content:center}
@media (min-width:700px){.why-grid{grid-template-columns:1fr 1fr}}
@media (min-width:1000px){.why-grid{grid-template-columns:repeat(3,1fr);gap:var(--s5)}}
.cmp3 th,.cmp3 td{text-align:left;vertical-align:top;padding:14px 16px;border-bottom:1px solid var(--line)}
.cmp3{width:100%;border-collapse:collapse;background:var(--white)}
.cmp3 thead th{font-size:14px;color:var(--mute)}
.cmp3 td.us{font-weight:600}
@media (max-width:699px){.cmp3 thead{position:absolute;left:-9999px}.cmp3 tr{display:block;padding:12px 0;border-bottom:1px solid var(--line)}.cmp3 th,.cmp3 td{display:block;border:0;padding:4px 16px}.cmp3 td[data-label]::before{content:attr(data-label);display:block;font-size:13px;color:var(--mute);font-weight:500}}
.why img.fit{object-fit:contain}
.cta-band .lead a{color:#fff;text-decoration:underline}

/* compare: includes checklist + switching steps */
.incl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:12px}
.incl li{display:flex;gap:14px;align-items:flex-start;background:#F6F1E7;border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;font-size:17px;font-weight:600;line-height:1.4}
.incl .tick{flex:none;width:28px;height:28px;border-radius:50%;background:var(--ink);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:16px;line-height:1}
@media (min-width:800px){.incl{grid-template-columns:1fr 1fr}}
.steps3{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:16px;counter-reset:st}
.steps3 li{counter-increment:st;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:var(--card-pad);display:flex;flex-direction:column;gap:6px;font-size:17px}
.steps3 li::before{content:counter(st);width:34px;height:34px;border-radius:50%;background:var(--ink);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700}
.steps3 li span{color:var(--mute)}
@media (min-width:800px){.steps3{grid-template-columns:repeat(3,1fr)}}
.why.why-ink{background:var(--ink);border-color:var(--ink)}.why.why-ink h3{color:#fff}.why.why-ink p{color:#e8e3d8}
.why.why-ink .why-b{padding:36px var(--card-pad)}.why.why-ink h3{font-size:24px}

@media (min-width:1000px){.why-grid.g2{grid-template-columns:1fr 1fr}}