/* TapTapFeedback design system: direction B "Counter" + A details. One file; replaces styles/commerce/motion/v11/v12/product/customer-photos/quiz CSS. 2026-10-29 */
@font-face{font-family:"Inter Tight";src:url(/storefront/fonts/inter-tight-latin-wght-normal.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url(/storefront/fonts/jetbrains-mono-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url(/storefront/fonts/jetbrains-mono-latin-500-normal.woff2) format("woff2");font-weight:500;font-display:swap}

:root{
  /* color: warm near-black, cream text, one blue */
  --ink:#100f0d;
  --ink-2:#161411;
  --ink-3:#1d1a16;
  --line:rgba(255,236,214,.09);
  --line-2:rgba(255,236,214,.18);
  --text:#f5f1ea;
  --text-2:#cfc7ba;
  --text-3:#a0968a;        /* ≥ 6:1 on --ink */
  --accent:#5c9bff;
  --accent-2:#86b4ff;
  --accent-glow:rgba(92,155,255,.22);
  --on-accent:#07101f;
  --paper:#f6f1e8;         /* the order slip */
  --paper-2:#ebe4d8;
  --paper-ink:#1a1714;
  --paper-ink-2:#5c554c;   /* 6.3:1 on paper */
  --lamp:rgba(255,196,140,.16);
  --focus:0 0 0 2px var(--ink),0 0 0 4px var(--accent);
  --ease:cubic-bezier(.2,.7,.2,1);
  --dur-fast:160ms;--dur:240ms;--dur-slow:600ms;
  /* type */
  --sans:"Inter Tight",system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --fs-label:12px;
  --fs-small:14px;
  --fs-body:17px;
  --fs-lead:clamp(18px,1.6vw,21px);
  --fs-h2:clamp(32px,4.2vw,52px);
  --fs-h1:clamp(44px,7.2vw,88px);
  --fs-cap:clamp(24px,3vw,40px);
  --tracking:-0.03em;
  /* space: 8px base */
  --s-1:8px;--s-2:16px;--s-3:24px;--s-4:32px;--s-5:48px;--s-6:64px;--s-7:96px;--s-8:128px;--s-9:160px;
  --gutter:clamp(20px,5vw,56px);
  --max:1200px;
  --r:14px;
  --r-lg:22px;
  --tap:44px;
  --shadow:0 24px 60px rgba(0,0,0,.45),0 2px 6px rgba(0,0,0,.4);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ink);color:var(--text);font-family:var(--sans);font-variant-numeric:tabular-nums;font-size:var(--fs-body);line-height:1.5;-webkit-font-smoothing:antialiased}
h1,h2,h3,p{margin:0}
a{color:inherit}
img,svg{display:block;max-width:100%}
button{font:inherit;color:inherit}
:focus-visible{outline:none;box-shadow:var(--focus);border-radius:var(--r)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--gutter)}
.kicker{font-size:var(--fs-small);color:var(--text-3);letter-spacing:.01em}

/* buttons: pill, generous */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border-radius:999px;font-weight:600;font-size:17px;letter-spacing:-.01em;text-decoration:none;border:1px solid transparent;transition:background-color var(--dur-fast),border-color var(--dur-fast),transform var(--dur-fast),box-shadow var(--dur);white-space:nowrap}
.btn-primary{background:var(--accent);color:var(--on-accent);box-shadow:0 8px 24px var(--accent-glow)}
.btn-primary:hover{background:var(--accent-2);box-shadow:0 10px 30px var(--accent-glow)}
.btn-primary:active{transform:translateY(1px)}
.btn-ghost{border-color:var(--line-2);color:var(--text)}
.btn-ghost:hover{background:rgba(255,236,214,.05)}
.btn .price{font-family:var(--mono);font-weight:500;font-size:15px;opacity:.8}
.btn-sm{min-height:var(--tap);padding:0 18px;font-size:15px}

/* ---------- header ---------- */
.hdr{position:sticky;top:0;z-index:20;background:rgba(16,15,13,.78);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.hdr .wrap{display:flex;align-items:center;justify-content:space-between;height:68px;gap:var(--s-2)}
.logo{display:flex;align-items:center;min-height:var(--tap)}
.logo img{height:28px;width:auto;mix-blend-mode:lighten}
.nav{display:none;gap:var(--s-4);font-size:15px;color:var(--text-2)}
.nav a{text-decoration:none;padding:12px 0;transition:color var(--dur-fast)}
.nav a:hover{color:var(--text)}
@media (min-width:900px){.nav{display:flex}}

/* ---------- hero ---------- */
.hero{position:relative;overflow:hidden}
.hero::before{ /* the lamp over the counter */
  content:"";position:absolute;inset:-10% -20% auto;height:90%;pointer-events:none;
  background:radial-gradient(60% 55% at 72% 30%,var(--lamp),transparent 70%)}
.hero .wrap{position:relative;display:grid;gap:var(--s-5);padding-top:var(--s-5);padding-bottom:var(--s-6)}
.h1{font-size:var(--fs-h1);line-height:.96;letter-spacing:var(--tracking);font-weight:600;text-wrap:balance}
.h1 .dot{color:var(--accent)}
.lead{font-size:var(--fs-lead);color:var(--text-2);max-width:40ch;margin-top:var(--s-3);line-height:1.45;text-wrap:pretty}
.cta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2) var(--s-3);margin-top:var(--s-4)}
.textlink{display:inline-flex;align-items:center;min-height:var(--tap);text-decoration:none;color:var(--text);font-weight:500;font-size:16px;border-bottom:1px solid var(--line-2);line-height:1;padding-bottom:2px;transition:border-color var(--dur-fast)}
.textlink:hover{border-color:var(--text)}
.trust{display:flex;flex-wrap:wrap;gap:var(--s-1) var(--s-2);margin-top:var(--s-3);color:var(--text-3);font-size:15px}
.trust span+span::before{content:"·";margin-right:var(--s-2);color:var(--text-3)}

.photo{position:relative;border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow);background:var(--ink-3)}
.photo img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:60% 50%}
.photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(16,15,13,0) 55%,rgba(16,15,13,.75));pointer-events:none}
.photo .cap{position:absolute;left:0;right:0;bottom:0;padding:var(--s-3);display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s-2);z-index:2}
.photo .cap p{font-size:var(--fs-small);color:var(--text-2);max-width:26ch;line-height:1.35}
.photo .cap .n{font-family:var(--mono);font-size:var(--fs-label);color:var(--text-3);letter-spacing:.06em;white-space:nowrap}
@media (min-width:900px){
  .hero .wrap{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:var(--s-7);padding-top:var(--s-7);padding-bottom:var(--s-8);min-height:calc(100vh - 68px)}
  .photo img{aspect-ratio:1/1}
}

/* ---------- section head ---------- */
.shead{display:grid;gap:var(--s-1);padding-block:var(--s-6) var(--s-4)}
.shead .n{font-family:var(--mono);font-size:var(--fs-label);color:var(--accent);letter-spacing:.08em}
.shead h2{font-size:var(--fs-h2);letter-spacing:var(--tracking);font-weight:600;line-height:1.02;text-wrap:balance}
.shead p{color:var(--text-3);font-size:var(--fs-body);max-width:48ch}

/* ---------- ORDER ---------- */
.order{position:relative;padding-bottom:var(--s-8)}
.order::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(50% 40% at 78% 40%,var(--lamp),transparent 70%)}
.order .wrap{position:relative}
.order-grid{display:grid;gap:var(--s-4)}
@media (min-width:900px){.order-grid{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:var(--s-6);align-items:start}}
.tiers{display:grid;gap:var(--s-1)}
.tier{position:relative;border:1px solid var(--line);border-radius:var(--r);background:var(--ink-2);transition:border-color var(--dur-fast),background-color var(--dur-fast),transform var(--dur-fast)}
.tier:hover{border-color:var(--line-2);background:var(--ink-3)}
.tier input{position:absolute;opacity:0;width:1px;height:1px}
.tier label{display:grid;grid-template-columns:24px 1fr auto;gap:var(--s-2);align-items:center;padding:18px var(--s-3);cursor:pointer;min-height:72px}
.tier .rad{width:22px;height:22px;border-radius:50%;border:1.5px solid var(--line-2);display:grid;place-items:center;transition:border-color var(--dur-fast)}
.tier .rad::after{content:"";width:10px;height:10px;border-radius:50%;background:var(--accent);transform:scale(0);transition:transform var(--dur-fast)}
.tier .t-name{font-weight:600;font-size:19px;letter-spacing:-.01em;line-height:1.15}
.tier .t-meta{display:block;color:var(--text-3);font-size:var(--fs-small);margin-top:2px}
.tier .t-price{font-family:var(--mono);font-size:22px;font-weight:500;text-align:right;line-height:1.1}
.tier .t-per{display:block;font-family:var(--sans);font-size:var(--fs-label);color:var(--text-3);margin-top:3px;text-align:right}
.tier:has(input:checked){border-color:var(--accent);background:var(--ink-3);box-shadow:inset 0 0 0 1px var(--accent)}
.tier:has(input:checked) .rad{border-color:var(--accent)}
.tier:has(input:checked) .rad::after{transform:scale(1)}
.tier:has(input:focus-visible){box-shadow:var(--focus)}
.stepper{display:flex;align-items:center;gap:var(--s-1);padding:0 var(--s-3) 18px 62px;flex-wrap:wrap}
.stepper button{width:var(--tap);height:var(--tap);border-radius:50%;border:1px solid var(--line-2);background:transparent;cursor:pointer;font-size:22px;line-height:1;transition:border-color var(--dur-fast),background-color var(--dur-fast)}
.stepper button:hover{border-color:var(--text-3);background:rgba(255,236,214,.05)}
.stepper button:disabled{opacity:.35;cursor:not-allowed}
.stepper output{min-width:48px;text-align:center;font-family:var(--mono);font-size:20px}
.stepper .hint{color:var(--text-3);font-size:var(--fs-small);margin-left:var(--s-1)}

/* Optional Review Shield offer. Toggle sits outside the checkbox label. */
/* Blue so it stands out beside the paper slip. Contrast on the lightest gradient end #12306b: text 11.2, #b9cdf3 7.9, accent-2 6.0. */
.shield-offer{--focus:0 0 0 2px #0b1f47,0 0 0 4px #fff;margin-top:24px;padding:24px;border:1px solid var(--accent);border-radius:var(--r-lg);background:linear-gradient(140deg,#12306b,#0b1f47);min-width:0}
.shield{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:12px;align-items:center;min-height:44px;cursor:pointer}
.shield input{appearance:none;-webkit-appearance:none;width:22px;height:22px;margin:0;border:2px solid #dbe6ff;border-radius:7px;background:rgba(255,255,255,.08);display:grid;place-items:center;cursor:pointer}
.shield input:focus-visible{border-radius:7px}
.shield input::after{content:"";width:10px;height:6px;border-left:2px solid #12306b;border-bottom:2px solid #12306b;transform:rotate(-45deg) scale(0);margin-top:-2px}
.shield input:checked{background:#fff;border-color:#fff}
.shield input:checked::after{transform:rotate(-45deg) scale(1)}
.shield .s-t{font-weight:600;font-size:16px;line-height:1.35}
.shield-today{font-size:12px;white-space:nowrap;color:var(--accent-2)}
.shield-static{grid-template-columns:minmax(0,1fr) auto;cursor:default}
.shield-hook{font-size:16px;color:var(--text);margin:12px 0 20px;max-width:34ch}
.shield-details .ticks{gap:14px;font-size:14px;line-height:1.5}
.shield-offer .ticks li{color:var(--text)}
.shield-offer .ticks li::before{border-color:var(--accent-2)}
.shield-more{display:none}
.shield-sample{margin:24px 0;padding:16px;border-radius:12px;background:var(--paper);color:var(--paper-ink)}
.shield-sample figcaption{font-size:10px;color:var(--paper-ink-2);letter-spacing:.12em;margin-bottom:12px}
.shield-sample-meta{font-size:12px;color:var(--paper-ink-2);display:flex;flex-wrap:wrap;gap:8px 12px}
.shield-sample-meta span{color:#1d4a9a;letter-spacing:2px}
.shield-sample blockquote{margin:10px 0 0;font-size:16px;color:var(--paper-ink);line-height:1.4}
.shield-sample-value{margin:12px 0 0;padding-top:12px;border-top:1px solid rgba(26,23,20,.14);font-size:14px;font-weight:600;line-height:1.45;color:#1d4a9a;text-wrap:pretty}
.shield-terms{color:#b9cdf3;font-size:13px;line-height:1.5}
.shield-terms+.shield-terms{margin-top:6px}
.shield-features{margin-top:32px}
@media(max-width:899px){
 .shield-offer{padding:18px}
 .shield{grid-template-columns:22px minmax(0,1fr) auto;gap:10px}
 .shield .s-t{font-size:14px}
 .shield-today{font-size:11px}
 .shield-static{grid-template-columns:minmax(0,1fr) auto}
 .shield-hook{margin-bottom:8px}
 .shield-more{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;padding:0;border:0;background:none;font-size:14px;cursor:pointer;color:var(--accent-2);margin-bottom:12px}
 .shield-details{display:none}
 .shield-offer.is-expanded .shield-details{display:block}
 .shield-more[aria-expanded=true] span{transform:rotate(180deg)}
}

/* the paper slip */
.slip{position:relative;background:var(--paper);color:var(--paper-ink);border-radius:var(--r);padding:var(--s-3) var(--s-3) var(--s-3);box-shadow:var(--shadow);font-family:var(--mono);font-size:14px;transform:rotate(-.4deg)}
.slip::before,.slip::after{content:"";position:absolute;left:0;right:0;height:10px;
  background:radial-gradient(circle at 10px 0,transparent 6px,var(--paper) 6.5px) left/20px 10px repeat-x}
.slip::before{top:-9px;transform:scaleY(-1)}
.slip::after{bottom:-9px}
@media (min-width:900px){.slip{position:sticky;top:92px}}
.slip-h{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:var(--s-2);border-bottom:1px dashed rgba(26,23,20,.3);margin-bottom:var(--s-1)}
.slip-h b{font-family:var(--sans);font-weight:600;font-size:18px;letter-spacing:-.01em}
.slip-h span{font-size:var(--fs-label);color:var(--paper-ink-2);letter-spacing:.06em}
.row{display:flex;align-items:baseline;gap:10px;padding:10px 0;color:var(--paper-ink-2);font-variant-numeric:tabular-nums;flex-wrap:wrap}
.row .dots{flex:1;border-bottom:1px dotted rgba(26,23,20,.35);transform:translateY(-4px);min-width:12px}
.row .v{color:var(--paper-ink);white-space:nowrap}
.row.sub-row{padding-top:0;margin-top:-8px;font-size:var(--fs-label)}
.row.total{border-top:1.5px solid var(--paper-ink);margin-top:var(--s-1);padding-top:var(--s-2);color:var(--paper-ink);font-family:var(--sans);font-weight:600;font-size:18px}
.row.total .v{font-family:var(--mono);font-size:26px;font-weight:500;letter-spacing:-.02em}
.slip .btn{width:100%;margin-top:var(--s-2);font-family:var(--sans);min-height:56px}
.slip .fine{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--s-2);margin-top:var(--s-2);color:var(--paper-ink-2);font-size:var(--fs-label);letter-spacing:.02em}
.slip .fine a{color:var(--paper-ink-2)}
.slip .fine span+span::before{content:"·";margin-right:var(--s-2)}
.slip-row-shield{display:none}
.slip.has-shield .slip-row-shield{display:flex}
.slip .lowrisk{margin-top:var(--s-3);padding-top:var(--s-2);border-top:1px dashed rgba(26,23,20,.3);font-family:var(--sans);font-size:var(--fs-small);color:var(--paper-ink-2);line-height:1.45}
.slip .lowrisk b{color:var(--paper-ink);font-weight:600}

.motif{padding-block:var(--s-6);text-align:center;color:var(--text-3);font-size:var(--fs-body);border-top:1px solid var(--line)}

/* ===================== additions for the full site ===================== */
.skip{position:absolute;left:-999px;top:8px;z-index:50;background:var(--paper);color:var(--paper-ink);padding:10px 14px;border-radius:10px}
.skip:focus{left:8px}
.scrollline{position:fixed;inset:0 0 auto;height:2px;z-index:30;background:var(--accent);transform-origin:left;transform:scaleX(0);pointer-events:none}
@supports (animation-timeline: scroll()){.scrollline{animation:k-line linear both;animation-timeline:scroll(root)}@keyframes k-line{to{transform:scaleX(1)}}}
@media (prefers-reduced-motion:reduce){.scrollline{display:none}}
.logo img{mix-blend-mode:normal;background:transparent}
.hdr{border-bottom:1px solid transparent}
.hdr .btn-sm .price{display:none}
.eyebrow{font-family:var(--mono);font-size:var(--fs-label);letter-spacing:.08em;color:var(--accent);text-transform:uppercase}
.fig{font-family:var(--mono);font-size:var(--fs-label);color:var(--text-3);letter-spacing:.06em;text-transform:uppercase}
.fig b{color:var(--accent);font-weight:500}
.photo .cap .n b{color:var(--accent);font-weight:500}
.sec{padding-block:var(--s-6)}
.sec+.sec{border-top:1px solid var(--line)}
@media (min-width:900px){.sec{padding-block:var(--s-7)}}
.sec .shead{padding-top:0}

/* hover touch (Palace-style): thin outline that fills */
.btn-ghost{background:linear-gradient(var(--text),var(--text)) left/0 100% no-repeat;transition:background-size var(--dur) ease,color var(--dur),border-color var(--dur)}
.btn-ghost:hover{background-size:100% 100%;color:var(--ink)}

/* done for you */
.steps{list-style:none;margin:0;padding:0;display:grid;gap:var(--s-1)}
.steps li{display:grid;grid-template-columns:48px 1fr;gap:var(--s-2);align-items:baseline;padding:var(--s-3) 0;border-top:1px solid var(--line);font-size:clamp(20px,2.2vw,26px);letter-spacing:-.015em;font-weight:500;line-height:1.2}
.steps .k{font-family:var(--mono);font-size:var(--fs-small);color:var(--accent)}
@media (min-width:900px){.steps{grid-template-columns:repeat(4,1fr);gap:var(--s-3)}.steps li{grid-template-columns:1fr;gap:var(--s-2);padding-top:var(--s-3)}}

/* Placement ideas: editorial bento on desktop, native swipe on phones. */
[hidden]{display:none!important}
.place-filters{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 0 24px;padding-block:4px}
.place-filters button{flex:none;min-height:44px;padding:0 18px;border:1px solid var(--line-2);border-radius:999px;background:none;font-size:14px;cursor:pointer;color:var(--text-2);white-space:nowrap}
.place-filters button[aria-pressed=true]{background:var(--text);border-color:var(--text);color:var(--ink)}
.places{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 20px;transition:opacity 200ms cubic-bezier(.2,.7,.2,1)}
.places.is-filtering{opacity:0}
.places figure{display:grid;grid-template-rows:auto 1fr;align-content:start;min-width:0}
.places figure:first-of-type:not([hidden]){grid-column:span 2;grid-row:span 2;grid-template-rows:1fr auto}
.places figure[data-place-extra]{display:none}
.places.is-open figure[data-place-extra]{display:grid}
.places .frame{border-radius:var(--r);overflow:clip;background:var(--ink-3);aspect-ratio:1;min-height:0}
.places figure:first-of-type .frame{aspect-ratio:auto}
.places picture{width:100%;height:100%}
.places img{width:100%;height:100%;object-fit:cover;transition:transform 320ms cubic-bezier(.2,.7,.2,1)}
.places figcaption{padding-top:12px;transition:transform 320ms cubic-bezier(.2,.7,.2,1);line-height:1.4}
.places figcaption b{display:block;font-size:16px;font-weight:500}
.places figcaption span{display:block;margin-top:4px;color:var(--text-2);font-size:14px}
.places figcaption small{display:block;color:var(--text-3);font-size:12px;margin-top:10px}
@media(hover:hover){.places figure:hover img{transform:scale(1.03)}.places figure:hover figcaption{transform:translateY(-3px)}}
.places-status{display:flex;justify-content:flex-end;align-items:center;margin-top:24px}
.places-counter{display:none;color:var(--text-3);font-size:12px}
.disclose{margin-top:24px;color:var(--text-3);font-size:12px;font-family:var(--mono);letter-spacing:.04em}
.row-actions{display:flex;flex-wrap:wrap;gap:var(--s-2);align-items:center;margin-top:var(--s-3)}
.momentum{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:64px;align-items:center;margin-top:56px;padding:40px 0 0;border-top:1px solid var(--line-2)}
.momentum>p{max-width:40ch;font-size:clamp(20px,2.2vw,28px);letter-spacing:-.02em;line-height:1.4;color:var(--text-2)}
.momentum>div{justify-self:end}
.momentum-number{display:block;font-size:64px;line-height:1;letter-spacing:-.06em;margin-bottom:10px}
.momentum>div p{font-size:14px;color:var(--text-3)}
@media(max-width:899px){
 .place-filters{margin-inline:calc(-1 * var(--gutter));padding-inline:var(--gutter)}
 .places{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:82vw;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:calc(-1 * var(--gutter));padding-inline:var(--gutter);scroll-padding-inline:var(--gutter)}
 .places::-webkit-scrollbar{display:none}
 .places figure,.places figure[data-place-extra]{display:grid;grid-template-rows:auto 1fr;scroll-snap-align:start}
 .places figure:first-of-type:not([hidden]){grid-column:auto;grid-row:auto}
 .places figure:first-of-type .frame{aspect-ratio:1}
 .places-status{justify-content:flex-start;margin-top:16px}
 .places-status button{display:none}
 .places-counter{display:block}
 .momentum{grid-template-columns:1fr;gap:32px;margin-top:40px;padding-top:32px}
 .momentum>div{justify-self:start}
 .momentum-number{font-size:52px}
}
@media(prefers-reduced-motion:reduce){.places,.places *{transition:none!important}}

/* low risk + founder */
.split{display:grid;gap:var(--s-4)}
@media (min-width:900px){.split{grid-template-columns:1fr 1fr;gap:var(--s-6);align-items:start}}
.points{list-style:none;margin:0;padding:0;display:grid;gap:var(--s-2)}
.points li{padding:var(--s-3);border:1px solid var(--line);border-radius:var(--r);background:var(--ink-2)}
.points b{display:block;font-size:19px;letter-spacing:-.01em;margin-bottom:4px}
.points p,.points a{color:var(--text-2);font-size:var(--fs-small)}
.fineprint{color:var(--text-3);font-size:var(--fs-small);margin-top:var(--s-2)}
.fineprint a{color:var(--text-2)}
.founder{display:grid;grid-template-columns:72px 1fr;gap:var(--s-3);align-items:start}
.monogram{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 30% 30%,#2a2620,#14120f);border:1px solid var(--line-2);font-family:var(--mono);font-size:18px;color:var(--text-2);overflow:hidden}
.monogram img{width:100%;height:100%;object-fit:cover}
.founder blockquote{margin:0;font-size:clamp(20px,2.2vw,26px);line-height:1.3;letter-spacing:-.015em}
.founder cite{display:block;margin-top:var(--s-2);font-style:normal;color:var(--text-3);font-size:var(--fs-small)}

/* review shield teaser */
.shield-card{display:grid;gap:var(--s-3);padding:var(--s-4);border:1px solid var(--line);border-radius:var(--r-lg);background:linear-gradient(180deg,var(--ink-2),var(--ink))}
@media (min-width:900px){.shield-card{grid-template-columns:1fr 1fr;gap:var(--s-6);padding:var(--s-5)}}
.ticks{list-style:none;margin:0;padding:0;display:grid;gap:var(--s-2)}
.ticks li{display:grid;grid-template-columns:22px 1fr;gap:12px;color:var(--text-2)}
.ticks li::before{content:"";width:16px;height:9px;margin-top:6px;border-left:2px solid var(--accent);border-bottom:2px solid var(--accent);transform:rotate(-45deg)}
.price-note{font-family:var(--mono);font-size:var(--fs-small);color:var(--text-2)}

/* faq */
.faq{display:grid;gap:0;border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;display:flex;justify-content:space-between;gap:var(--s-2);align-items:center;min-height:64px;padding:var(--s-2) 0;cursor:pointer;font-size:19px;font-weight:500;letter-spacing:-.01em}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-family:var(--mono);color:var(--accent);font-size:22px;transition:transform var(--dur)}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding:0 0 var(--s-3);color:var(--text-2);max-width:62ch}
.faq details a{color:var(--text)}

/* final cta */
.final{text-align:center;padding-block:var(--s-8)}
.final h2{font-size:var(--fs-h2);letter-spacing:var(--tracking);font-weight:600;line-height:1.02;text-wrap:balance;max-width:16ch;margin:0 auto var(--s-4)}

/* sticky buy bar (phones) */
.buybar{position:fixed;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));z-index:25;display:flex;align-items:center;justify-content:space-between;gap:var(--s-2);padding:10px 10px 10px 18px;border-radius:999px;background:rgba(29,26,22,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--line-2);box-shadow:var(--shadow);transform:translateY(140%);transition:transform var(--dur) cubic-bezier(.2,.7,.2,1)}
.buybar.is-on{transform:none}
.buybar span{font-size:var(--fs-small);color:var(--text-2)}
.buybar b{color:var(--text);font-family:var(--mono);font-weight:500}
@media (min-width:900px){.buybar{display:none}}

/* footer */
.foot{border-top:1px solid var(--line);padding-block:var(--s-6) calc(var(--s-6) + 72px);color:var(--text-3);font-size:var(--fs-small)}
@media (min-width:900px){.foot{padding-bottom:var(--s-6)}}
.foot .wrap{display:grid;gap:var(--s-4)}
@media (min-width:900px){.foot .wrap{grid-template-columns:1.2fr 1fr 1fr}}
.foot .logo img{height:24px}
.foot h3{font-family:var(--mono);font-size:var(--fs-label);font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);margin-bottom:var(--s-2)}
.foot ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.foot a{color:var(--text-2);text-decoration:none;display:inline-flex;min-height:32px;align-items:center}
.foot a:hover{color:var(--text)}
.foot .motto{color:var(--text);font-size:17px;margin-top:var(--s-2)}
.foot .addr{font-size:var(--fs-label);color:var(--text-3);margin-top:var(--s-2)}

/* product pages */
.p-hero{display:grid;gap:var(--s-5);padding-block:var(--s-4) var(--s-6)}
@media (min-width:900px){.p-hero{grid-template-columns:1.05fr .95fr;gap:var(--s-6);padding-top:var(--s-6)}}
.crumbs{font-family:var(--mono);font-size:var(--fs-label);color:var(--text-3);letter-spacing:.06em;text-transform:uppercase;margin-bottom:var(--s-2)}
.crumbs a{color:var(--text-3)}
.gallery{display:grid;grid-auto-flow:column;grid-auto-columns:88%;gap:var(--s-1);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:calc(var(--gutter)*-1);padding-inline:var(--gutter)}
.gallery::-webkit-scrollbar{display:none}
.gallery figure{margin:0;scroll-snap-align:start}
.gallery .frame{border-radius:var(--r-lg);overflow:hidden;background:var(--ink-3);aspect-ratio:1/1}
.gallery img{width:100%;height:100%;object-fit:cover}
.gallery figcaption{margin-top:8px;font-size:var(--fs-label);color:var(--text-3);font-family:var(--mono);letter-spacing:.04em}
@media (min-width:900px){.gallery{grid-auto-flow:row;grid-template-columns:1fr 1fr;grid-auto-columns:auto;overflow:visible;margin:0;padding:0}.gallery figure:first-child{grid-column:1/-1}}
.p-title{font-size:clamp(36px,5vw,60px);letter-spacing:var(--tracking);font-weight:600;line-height:1}
.p-price{font-family:var(--mono);font-size:24px;margin-top:var(--s-2)}
.p-price span{font-family:var(--sans);font-size:var(--fs-small);color:var(--text-3);margin-left:8px}
.p-hero .ticks{margin-top:var(--s-3)}
.p-hero .cta{margin-top:var(--s-3)}

/* quiz */
.quiz{min-height:70vh;padding-block:var(--s-5) var(--s-7)}
.quiz-wrap{max-width:640px;margin:0 auto;padding:0 var(--gutter)}
.quiz-top{display:flex;justify-content:space-between;align-items:center;min-height:var(--tap)}
.quiz-back{background:none;border:0;color:var(--text-2);cursor:pointer;min-height:var(--tap);padding:0;font-size:var(--fs-small)}
.quiz-count{font-family:var(--mono);font-size:var(--fs-label);color:var(--text-3);letter-spacing:.06em}
.quiz-progress{height:3px;background:var(--line-2);border-radius:2px;overflow:hidden;margin-bottom:var(--s-5)}
.quiz-progress span{display:block;height:100%;background:var(--accent);width:0;transition:width var(--dur)}
.quiz-title{font-size:clamp(30px,4.5vw,46px);letter-spacing:var(--tracking);font-weight:600;line-height:1.05;text-wrap:balance;outline:none}
.quiz-lede,.quiz-help,.quiz-body{color:var(--text-2);margin-top:var(--s-2)}
.quiz-options{display:grid;gap:var(--s-1);margin-top:var(--s-4)}
.quiz-option{display:flex;align-items:center;min-height:60px;padding:0 var(--s-3);border:1px solid var(--line);border-radius:var(--r);background:var(--ink-2);color:var(--text);font-size:18px;text-align:left;cursor:pointer;transition:border-color var(--dur-fast),background-color var(--dur-fast)}
.quiz-option:hover{border-color:var(--line-2);background:var(--ink-3)}
.quiz-option.is-selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}
.quiz-result{display:grid;gap:var(--s-2)}
.quiz-estimate-label{font-family:var(--mono);font-size:var(--fs-label);color:var(--accent);letter-spacing:.08em;text-transform:uppercase}
.quiz-range{font-family:var(--mono);font-size:var(--fs-body);color:var(--text)}
.quiz-math,.quiz-fine,.quiz-extra{font-size:var(--fs-small);color:var(--text-3)}
.quiz-pick{margin-top:var(--s-3);padding:var(--s-3);border-radius:var(--r);background:var(--paper);color:var(--paper-ink)}
.quiz-pick-title{font-weight:600;font-size:20px}
.quiz-pick p{color:var(--paper-ink-2)}
.quiz .button,.quiz-buy{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border-radius:999px;background:var(--accent);color:var(--on-accent);font-weight:600;text-decoration:none;border:0;cursor:pointer;margin-top:var(--s-2)}
.quiz-email{display:grid;gap:var(--s-1);margin-top:var(--s-4)}
.quiz-email-row{display:flex;gap:var(--s-1);flex-wrap:wrap}
.quiz-email input[type=email]{flex:1;min-width:200px;min-height:52px;padding:0 var(--s-2);border-radius:var(--r);border:1px solid var(--line-2);background:var(--ink-2);color:var(--text);font:inherit}
.quiz-trap{position:absolute;left:-9999px}
.quiz-restart{background:none;border:0;color:var(--text-2);text-decoration:underline;cursor:pointer;min-height:var(--tap);padding:0;margin-top:var(--s-2)}
.quiz-status{font-size:var(--fs-small);color:var(--text-2)}

/* policy pages */
.policy{max-width:720px;margin:0 auto;padding:var(--s-6) var(--gutter) var(--s-8)}
.policy h1{font-size:clamp(34px,5vw,52px);letter-spacing:var(--tracking);font-weight:600;line-height:1.05;margin:var(--s-1) 0 var(--s-2)}
.policy h2{font-size:22px;margin:var(--s-5) 0 var(--s-1);letter-spacing:-.01em}
.policy p,.policy li{color:var(--text-2);margin-bottom:var(--s-2)}
.policy a{color:var(--text)}
.policy-date{font-family:var(--mono);font-size:var(--fs-label);color:var(--text-3)}

/* v1 QA fixes */
picture{display:block}
.photo picture,.photo img{width:100%}
.sec{padding-block:var(--s-5)}
@media (min-width:900px){.sec{padding-block:var(--s-7)}}
.final{padding-block:var(--s-6) var(--s-7)}
.founder{margin-top:var(--s-2)}
.split>div>.shead{padding-bottom:var(--s-3)}
.hero .wrap{padding-bottom:var(--s-5)}
@media (max-width:899px){.photo img{aspect-ratio:4/3}.hero .wrap{gap:var(--s-4);padding-top:var(--s-4)}}
.logo img{height:22px;width:auto}
.foot .logo img{height:20px}
.photo{margin:0}
figure{margin:0}
.gallery{scroll-padding-inline:var(--gutter)}
@media (max-width:899px){
  .photo .cap p{display:none}
  .p-price span{display:block;margin:4px 0 0}
  .steps li{padding:var(--s-2) 0;font-size:20px}
}
.places:focus-visible,.gallery:focus-visible{box-shadow:var(--focus)}

/* critique fixes 2026-10-29 */
[id]{scroll-margin-top:84px}
.trust span+span::before,.slip .fine span+span::before{content:none}
.trust{gap:6px 18px}
.trust span::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-right:8px;vertical-align:middle}
.slip .fine{gap:4px 14px}
.shot{margin:0;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line-2);background:var(--ink-2)}
.shot img{width:100%;height:auto}
.shot figcaption{padding:12px 16px;border-top:1px solid var(--line)}
.quiz-math{color:var(--text-2)}
.quiz-headline{font-size:clamp(28px,4vw,40px)}
@media (max-width:899px){
  body{padding-bottom:84px}
  .foot{padding-bottom:var(--s-6)}
}

/* THE TAP v3: the same footage and geometry on every device. */
.tap{position:relative;background:#100f0d}
.tap-track{height:auto}
.tap-stage{padding-block:72px}
.tap-body{display:grid;gap:24px;width:100%;max-width:1440px}
.tap-heading .eyebrow{display:block;margin-bottom:14px}
.tap-heading h2{font-size:clamp(32px,4.2vw,58px);font-weight:600;line-height:1.02;letter-spacing:var(--tracking)}
.stage{position:relative;aspect-ratio:1;width:100%;background:#191916;isolation:isolate}
.stage::before{content:"";position:absolute;inset:0;box-shadow:0 0 100px var(--lamp);background:radial-gradient(ellipse,var(--lamp),transparent 65%);z-index:-1;pointer-events:none}
.stage picture,.tap-poster,.stage-canvas{width:100%;height:100%;object-fit:cover}
.stage-canvas{position:absolute;inset:0;opacity:0}
.stage.has-frame .stage-canvas{opacity:1}
.caps{list-style:none;margin:0;padding:0;display:grid;gap:18px}
.caps li{display:grid;grid-template-columns:24px 1fr;gap:12px;font-size:22px;line-height:1.2;letter-spacing:-.02em;color:var(--text)}
.caps .k{font-family:var(--mono);font-size:12px;color:var(--accent);padding-top:5px}
.tap-cta{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:24px}
.tap-cta .price{font-size:15px;color:var(--text-2)}
.tap-cta b{font-family:var(--mono);font-weight:500;color:var(--text)}
.progress{display:none}
.tap-watch{margin-top:24px}
.tap-watch summary{display:flex;align-items:center;min-height:44px;cursor:pointer;text-decoration:underline;text-underline-offset:5px;font-size:14px;color:var(--text-2)}
.tap-watch video{display:block;width:100%;height:auto;max-width:720px;margin-top:12px}
.tap.is-scrubbing .tap-track{height:400svh;min-height:calc(100svh + 2000px)}
.tap.is-scrubbing .tap-stage{position:sticky;top:68px;height:calc(100svh - 68px);padding:0;display:grid;align-content:center}
.tap.is-scrubbing .tap-watch{display:none}
.tap.is-scrubbing .tap-cta{opacity:0;visibility:hidden;transition:opacity 240ms cubic-bezier(.2,.7,.2,1)}
.tap.is-scrubbing .tap-cta.is-visible{opacity:1;visibility:visible}
.tap.is-scrubbing .caps li{color:var(--text-3);transition:color 250ms,opacity 250ms}
.tap.is-scrubbing .caps .k{color:inherit}
.tap.is-scrubbing .caps li.is-active{color:var(--text)}
.tap.is-scrubbing .caps li.is-active .k{color:var(--accent)}
@media(min-width:900px){
 .tap-stage{padding-block:128px}
 .tap-body{grid-template-columns:minmax(0,.38fr) minmax(0,.62fr);grid-template-rows:auto auto;gap:32px 48px;align-items:center}
 .tap-heading{grid-column:1;align-self:end}
 .stage{grid-column:2;grid-row:1/3;justify-self:end;width:min(100%,84svh,880px);border-radius:var(--r-lg);overflow:clip}
 .capwrap{grid-column:1;align-self:start}
 .caps li{font-size:clamp(20px,1.8vw,26px);padding:16px 0;gap:16px}
 .tap.is-scrubbing .caps{position:relative;border-left:2px solid var(--line-2);padding-left:22px;gap:4px}
 .tap.is-scrubbing .caps li{position:relative}
 .tap.is-scrubbing .caps li::before{content:"";position:absolute;left:-24px;top:6px;bottom:6px;width:2px;background:transparent}
 .tap.is-scrubbing .caps li.is-active::before{background:var(--accent)}
 .tap.is-scrubbing .tap-track{height:420vh;min-height:calc(100vh + 2700px)}
}
@media(max-width:899px){
 .stage{width:100vw;margin-inline:calc(-1 * var(--gutter))}
 .tap-heading h2 br{display:none}
 .tap.is-scrubbing .tap-body{gap:12px}
 .tap.is-scrubbing .tap-heading .eyebrow{margin-bottom:6px;font-size:10px}
 .tap.is-scrubbing .tap-heading h2{font-size:28px}
 .tap.is-scrubbing .caps{display:grid;min-height:58px}
 .tap.is-scrubbing .caps li{grid-area:1/1;opacity:0;visibility:hidden;font-size:23px}
 .tap.is-scrubbing .caps li.is-active{opacity:1;visibility:visible}
 .tap.is-scrubbing .caps .k{display:none}
 .tap.is-scrubbing .caps li{grid-template-columns:1fr}
 .tap.is-scrubbing .progress{display:flex;gap:8px;margin-top:12px}
 .progress i{width:6px;height:6px;background:var(--line-2);border-radius:50%}
 .progress i.is-active{background:var(--accent)}
 .tap.is-scrubbing .tap-cta{margin-top:12px;min-height:44px;justify-content:space-between}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.tap *{transition:none!important}}

/* REVIEW CHECK: the warm paper side of the same design system. */
body.quiz-page{--quiz-blue:#2059ad;background:var(--paper);color:var(--paper-ink);padding:0;--focus:0 0 0 2px var(--paper),0 0 0 4px var(--quiz-blue)}
.quiz-page .quiz-header{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,4vw,56px);border-bottom:1px solid rgba(26,23,20,.08)}
.quiz-page .quiz-brand{display:flex;align-items:center;min-height:48px;text-decoration:none;font-size:24px;font-weight:700;letter-spacing:-.05em}
.quiz-page .quiz-brand span{color:var(--quiz-blue)}
.quiz-page .quiz-exit{display:flex;gap:12px;align-items:center;min-height:48px;text-decoration:none;font-size:14px;color:var(--paper-ink-2)}
.quiz-page .quiz-exit span{font-size:24px}
.quiz-page .quiz{min-height:calc(100svh - 72px);padding:16px 0 40px}
.quiz-page .quiz-wrap{width:100%;max-width:840px;padding:0 24px}
.quiz-page .quiz-top{min-height:48px;margin-bottom:10px}
.quiz-page .quiz-back{min-height:48px;min-width:64px;color:var(--paper-ink-2);font-size:14px;text-align:left}
.quiz-page .quiz-count{color:var(--paper-ink-2);font-size:11px;letter-spacing:0}
.quiz-page .quiz-progress{display:flex;gap:6px;height:4px;border-radius:0;background:none;overflow:visible;margin:0 0 40px}
.quiz-page .quiz-progress span{flex:1;width:auto;background:#d8d1c6;border-radius:4px;height:4px;position:relative;overflow:hidden}
.quiz-page .quiz-progress span::after{content:"";position:absolute;inset:0;background:var(--quiz-blue);transform:scaleX(0);transform-origin:left;transition:transform 240ms cubic-bezier(.2,.7,.2,1)}
.quiz-page .quiz-progress span.is-filled::after{transform:scaleX(1)}
.quiz-page .eyebrow{color:var(--quiz-blue);font-size:11px;letter-spacing:.12em;margin-bottom:12px}
.quiz-page .quiz-title{font-size:clamp(32px,4vw,48px);line-height:1.05;font-weight:550;letter-spacing:-.035em;max-width:22ch;text-wrap:balance}
.quiz-page .quiz-title:focus{box-shadow:none}
.quiz-page .quiz-lede,.quiz-page .quiz-help{color:var(--paper-ink-2);font-size:17px;line-height:1.4;margin-top:14px}
.quiz-page .quiz-options{margin-top:32px;gap:12px}
.quiz-page .quiz-tiles{grid-template-columns:1fr 1fr}
.quiz-page .quiz-option{position:relative;min-height:84px;padding:18px 20px;border:1px solid rgba(26,23,20,.08);border-radius:18px;background:#fff;color:var(--paper-ink);box-shadow:0 1px 2px rgba(0,0,0,.04),0 8px 24px rgba(26,23,20,.06);font-size:18px;line-height:1.2;gap:18px;transition:transform 160ms cubic-bezier(.2,.7,.2,1),border-color 160ms,box-shadow 160ms}
.quiz-page .quiz-option:hover{border-color:#aabbd4;background:#fff}
.quiz-page .quiz-option svg{flex:none;color:var(--quiz-blue)}
.quiz-page .quiz-option.is-selected{border:2px solid var(--quiz-blue);box-shadow:0 6px 24px #2059ad1a;transform:scale(1.02);padding:17px 19px}
.quiz-page .quiz-check{display:none;width:22px;height:22px;border-radius:50%;background:var(--quiz-blue);color:white;font-size:14px;font-style:normal;align-items:center;justify-content:center;flex:none}
.quiz-page .quiz-option.is-selected .quiz-check{display:flex;position:absolute;right:10px;top:8px}
.quiz-page .quiz-pills{display:flex;flex-wrap:wrap}
.quiz-page .quiz-pills .quiz-option{min-height:68px;min-width:120px;justify-content:center;border-radius:999px;padding:16px 24px;font-size:21px}
.quiz-page .quiz-discovery .quiz-option{min-height:72px;padding-right:48px}
.quiz-page .quiz-placement{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:40px;align-items:center}
.quiz-page .quiz-placement picture{aspect-ratio:1;border-radius:22px;overflow:clip;box-shadow:0 12px 40px #1a171414}
.quiz-page .quiz-placement img{width:100%;height:100%;object-fit:cover}
.quiz-page .quiz-placement .quiz-title{font-size:clamp(30px,3vw,38px)}
.quiz-page .button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:52px;padding:0 24px;border:0;border-radius:999px;background:var(--quiz-blue);color:#fff;text-decoration:none;font-size:16px;font-weight:600;cursor:pointer;margin-top:24px}
.quiz-page .button:hover{background:#174888}
.quiz-page .quiz-proof{font-size:12px;margin-top:16px;color:var(--paper-ink-2)}
.quiz-page .quiz-builder{max-width:560px;margin:32px auto}
.quiz-page .quiz-builder ul{list-style:none;margin:32px 0 0;padding:0;display:grid;gap:0}
.quiz-page .quiz-builder li{display:flex;justify-content:space-between;padding:18px 0;border-bottom:1px solid #1a171414;font-size:18px;animation:quiz-tick 160ms both;animation-delay:calc(var(--tick)*120ms)}
.quiz-page .quiz-builder b{color:var(--quiz-blue)}
@keyframes quiz-tick{from{opacity:0}to{opacity:1}}
.quiz-page .quiz-result{display:block}
.quiz-page.quiz-show-result .quiz-wrap{max-width:1100px}
.quiz-page .quiz-result-intro{margin-bottom:40px}
.quiz-page .quiz-tap-note{max-width:49ch;font-size:13px;color:var(--paper-ink-2);margin-top:8px;line-height:1.5}
.quiz-page .quiz-result-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:56px;align-items:start}
.quiz-page .quiz-estimate{display:flex;align-items:center;gap:24px;margin-bottom:20px}
.quiz-page .quiz-tap{width:112px;height:112px;border-radius:18px;object-fit:cover;flex:none;background:#d9d0c3}
.quiz-page .quiz-number{font-size:clamp(48px,5.5vw,76px);line-height:1;letter-spacing:-.08em;color:var(--paper-ink)}
.quiz-page .quiz-number-label{font-size:18px;letter-spacing:-.01em;margin-top:12px}
.quiz-page .quiz-math{font-size:14px;line-height:1.6;max-width:43ch;color:var(--paper-ink-2)}
.quiz-page .quiz-result-trust{display:grid;gap:16px;margin-top:40px;padding-top:24px;border-top:1px solid #1a171426;font-size:14px;color:var(--paper-ink-2)}
.quiz-page .quiz-result-trust p{position:relative;padding-left:22px}
.quiz-page .quiz-result-trust p::before{content:'✓';position:absolute;left:0;color:var(--quiz-blue)}
.quiz-page .quiz-pick{display:grid;grid-template-columns:140px 1fr;gap:24px;margin:0;padding:24px;border:1px solid #1a171414;border-radius:22px;background:white;box-shadow:0 2px 4px #1a171408,0 16px 40px #1a17140a;align-items:center}
.quiz-page .quiz-pick picture{border-radius:14px;overflow:clip;aspect-ratio:1}
.quiz-page .quiz-pick img{width:100%;height:100%;object-fit:cover}
.quiz-page .quiz-pick-title{font-size:25px;letter-spacing:-.025em;font-weight:600;color:var(--paper-ink)}
.quiz-page .quiz-plan-why{font-size:14px;line-height:1.45;margin-top:6px}
.quiz-page .quiz-pick .quiz-plan-price{font-size:23px;color:var(--paper-ink);margin-top:16px;letter-spacing:-.04em}
.quiz-page .quiz-plan-price span{font-family:var(--sans);font-size:13px;letter-spacing:0;color:var(--paper-ink-2)}
.quiz-page .quiz-plan-included{font-size:12px;margin-top:4px}
.quiz-page .quiz-buy{width:100%;margin-top:18px;min-height:52px;padding:0 20px;gap:12px}
.quiz-page .quiz-extra{font-size:12px;color:var(--paper-ink-2);margin-top:12px}
.quiz-page .quiz-shield{padding:24px 0;margin-top:24px;border-top:1px solid #1a171426}
.quiz-page .quiz-recommended{display:inline-flex;margin-bottom:12px;padding:5px 10px;border-radius:999px;background:#dfe7f3;color:#2059ad;font-size:11px;font-weight:600;letter-spacing:.02em}
.quiz-page .quiz-shield-toggle{display:flex;gap:12px;align-items:center;min-height:48px;font-weight:600;font-size:17px;cursor:pointer}
.quiz-page .quiz-shield-toggle input{accent-color:var(--quiz-blue);width:22px;height:22px;flex:none;margin:0}
.quiz-page .quiz-shield-free{display:block;font-size:12px;font-weight:400;color:var(--paper-ink-2);margin-top:2px}
.quiz-page .quiz-shield h2{font-size:22px;letter-spacing:-.02em;line-height:1.2;margin:20px 0 10px}
.quiz-page .quiz-shield>p:not(.quiz-recommended){font-size:14px;color:var(--paper-ink-2);line-height:1.5}
.quiz-page .quiz-shield ul{list-style:none;padding:0;margin:20px 0;display:grid;gap:12px}
.quiz-page .quiz-shield li{position:relative;padding-left:20px;font-size:13px;line-height:1.5;color:var(--paper-ink-2)}
.quiz-page .quiz-shield li::before{content:'✓';position:absolute;left:0;color:var(--quiz-blue)}
.quiz-page .quiz-shield .quiz-shield-terms{font-size:12px!important;margin-top:8px}
.quiz-page .quiz-email{max-width:640px;padding-top:32px;margin-top:40px;border-top:1px solid #1a171426;color:var(--paper-ink)}
.quiz-page .quiz-email h2{font-size:25px;font-weight:550;letter-spacing:-.02em;margin-bottom:12px}
.quiz-page .quiz-email label{font-size:14px}
.quiz-page .quiz-email-row{display:flex;flex-wrap:nowrap;gap:8px;align-items:center}
.quiz-page .quiz-email input[type=email]{background:#fff;border-color:#aea79c;color:var(--paper-ink);min-width:0;flex:1;min-height:52px;border-radius:12px;font-size:16px}
.quiz-page .quiz-email button{margin:0}
.quiz-page .quiz-fine,.quiz-page .quiz-status{font-size:12px;color:var(--paper-ink-2)}
.quiz-page .quiz-restart{min-height:48px;color:var(--paper-ink-2);font-size:14px;margin-top:24px}
.quiz-page .quiz-legal{display:none}
.quiz-page.quiz-show-result .quiz-legal{display:block}
.quiz-page .foot{background:var(--paper);color:var(--paper-ink-2);border-color:#1a171426;padding-bottom:48px}
.quiz-page .foot a,.quiz-page .foot .motto,.quiz-page .foot .addr,.quiz-page .foot h3{color:var(--paper-ink-2)}
.quiz-page .foot .logo img{filter:brightness(.25)}
.quiz-page .skip{background:var(--paper-ink);color:var(--paper)}
@media(max-width:899px){
 .quiz-page .quiz-header{height:56px}
 .quiz-page .quiz-brand{font-size:22px}
 .quiz-page .quiz{min-height:calc(100svh - 56px);padding:0 0 20px}
 .quiz-page .quiz-wrap{padding:0 20px}
 .quiz-page .quiz-top{min-height:48px;margin-bottom:6px}
 .quiz-page .quiz-progress{margin-bottom:24px}
 .quiz-page .eyebrow{font-size:10px;margin-bottom:10px}
 .quiz-page .quiz-title{font-size:32px;line-height:1.04;max-width:24ch}
 .quiz-page .quiz-lede,.quiz-page .quiz-help{font-size:15px;margin-top:12px}
 .quiz-page .quiz-options{margin-top:24px;gap:10px}
 .quiz-page .quiz-tiles .quiz-option{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:7px;min-height:76px;padding:12px 14px;font-size:15px;border-radius:16px}
 .quiz-page .quiz-tiles .quiz-option svg{width:22px;height:22px}
 .quiz-page .quiz-option.is-selected{padding:11px 13px}
 .quiz-page .quiz-pills .quiz-option{min-width:100px;min-height:60px;font-size:20px}
 .quiz-page .quiz-discovery .quiz-option{min-height:64px;padding:16px 44px 16px 18px;font-size:16px}
 .quiz-page .quiz-placement{grid-template-columns:1fr;gap:24px}
 .quiz-page .quiz-placement picture{width:220px;margin:0 auto}
 .quiz-page .quiz-placement .quiz-title{font-size:27px}
 .quiz-page .quiz-placement .quiz-lede{margin-top:8px}
 .quiz-page .quiz-placement .button{width:100%;margin-top:20px;min-height:48px}
 .quiz-page .quiz-proof{text-align:center;font-size:11px;margin-top:12px}
 .quiz-page .quiz-result-intro{margin-bottom:28px}
 .quiz-page .quiz-result-grid{grid-template-columns:1fr;gap:32px}
 .quiz-page .quiz-result-story{display:contents}
 .quiz-page .quiz-estimate{order:0;margin:0;gap:20px}
 .quiz-page .quiz-math{order:1;margin-top:-16px}
 .quiz-page .quiz-result-plan{order:2}
 .quiz-page .quiz-result-trust{order:3;margin-top:0;padding-top:24px;font-size:13px;gap:12px}
 .quiz-page .quiz-tap{width:96px;height:96px;border-radius:14px}
 .quiz-page .quiz-number{font-size:58px}
 .quiz-page .quiz-number-label{font-size:17px;margin-top:10px}
 .quiz-page .quiz-pick{padding:18px;grid-template-columns:100px 1fr;gap:18px}
 .quiz-page .quiz-pick-title{font-size:24px}
 .quiz-page .quiz-plan-why{font-size:13px}
 .quiz-page .quiz-pick .quiz-plan-price{font-size:22px;margin-top:12px}
 .quiz-page .quiz-plan-price span{display:block;font-size:12px;letter-spacing:0}
 .quiz-page .quiz-buy{grid-column:1/-1;padding:0 16px;font-size:15px}
 .quiz-page .quiz-shield{margin-top:24px}
 .quiz-page .quiz-email{margin-top:32px}
 .quiz-page .quiz-email .button{padding:0 22px;min-height:52px}
}
@media(max-width:899px) and (max-height:700px){
 .quiz-page .quiz-progress{margin-bottom:20px}
 .quiz-page .quiz-title{font-size:29px}
 .quiz-page .quiz-tiles .quiz-option{min-height:64px;padding:9px 12px;gap:5px;font-size:14px}
 .quiz-page .quiz-tiles .quiz-option.is-selected{padding:8px 11px}
 .quiz-page .quiz-options{margin-top:20px;gap:8px}
 .quiz-page .quiz-placement picture{width:190px}
 .quiz-page .quiz-placement{gap:20px}
 .quiz-page .quiz-placement .quiz-title{font-size:26px}
 .quiz-page .quiz-placement .eyebrow{margin-bottom:8px}
}
@media(prefers-reduced-motion:reduce){.quiz-page *{animation:none!important;transition:none!important}.quiz-page .quiz-option.is-selected{transform:none}}
.quiz-page .quiz{overflow:clip}
.quiz-page .quiz-fine a,.quiz-page .quiz-result-trust a{display:inline-flex;align-items:center;min-height:48px}
.quiz-page .foot a{min-height:48px}
.quiz-page .quiz-pick .quiz-result-trust{grid-column:1/-1;order:initial;margin:0;padding-top:18px;font-size:12px;gap:8px}
.quiz-page .quiz-result-trust a{display:flex;min-height:48px;line-height:1.3;overflow-wrap:anywhere}
.quiz-page .quiz-footer-compact{max-width:1052px;margin:0 auto;padding:32px 20px;border-top:1px solid #1a171426;font-size:12px;color:var(--paper-ink-2)}
.quiz-page .quiz-footer-compact>p+p{margin-top:6px}
.quiz-page .quiz-footer-compact>div{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:12px}
.quiz-page .quiz-footer-compact a{display:flex;align-items:center;min-height:48px}

/* Final rhythm and shared motion. Specific demo/gallery timings stay as specified. */
.btn,.tier,.textlink,.nav a{transition-timing-function:var(--ease)}
.sec,.order{padding-block:72px}
.order .shead{padding-top:0}
.sec .shead{padding-bottom:32px}
.shead{gap:10px}
.shead h2{margin-top:2px}
@media(min-width:900px){.sec,.order{padding-block:clamp(96px,12vw,160px)}.sec .shead{padding-bottom:40px}}
.reveal-pending{opacity:0;translate:0 12px;transition:opacity var(--dur) var(--ease),translate var(--dur) var(--ease)}
.reveal-pending.is-revealed{opacity:1;translate:0 0}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
 .reveal-pending{opacity:1;translate:none}
}
.foot a{min-height:44px}
.slip .fine a,.fineprint a,.founder cite a{display:inline-flex;align-items:center;min-height:44px}
@media(min-width:900px){.steps li{align-content:start}}