/* ══════════════════════════════════════════════════════════════════
   THE STANDARD · 27 August 2026
   One shape language. Three button sizes, three roles. One card.
   Everything here is deliberate; anything that disagrees is a bug.
   ══════════════════════════════════════════════════════════════════ */
html[data-palette][data-palette][data-palette]{ --r-pill:999px; --r-card:22px; --r-sm:14px; --pad-band:clamp(3.5rem,7vw,8rem); --pad-tight:clamp(2.25rem,4.5vw,3.25rem); }
/* ── 1 · BUTTONS ─────────────────────────────────────────────────
   Pill, always. Inter 800, never lighter. Three sizes: S in the bar, M for section actions, L for the one action that matters. Written
   without :not() chains so no page rule can invalidate the list. ── */
html[data-palette][data-palette][data-palette] .cta, html[data-palette][data-palette][data-palette] .btn-amber, html[data-palette][data-palette][data-palette] .mb-btn, html[data-palette][data-palette][data-palette] .submit, html[data-palette][data-palette][data-palette] .dl-btn{ display:inline-flex; align-items:center; justify-content:center; gap:.5rem; border-radius:var(--r-pill); font-family:'Inter',system-ui,sans-serif; font-weight:800; line-height:1; text-decoration:none; cursor:pointer; text-align:center; padding:.95rem 1.65rem; font-size:.95rem; transition:transform .14s cubic-bezier(.23,1,.32,1), background-color .16s ease, border-color .16s ease; }
/* L · the page's single most important action */
html[data-palette][data-palette][data-palette] .mb-btn, html[data-palette][data-palette][data-palette] .submit{ padding:1.05rem 1.9rem !important; font-size:1.02rem; }
html[data-palette][data-palette][data-palette] .submit.full{ width:100%; }
/* primary · amber ground, ink type */
html[data-palette][data-palette][data-palette] .cta, html[data-palette][data-palette][data-palette] .btn-amber, html[data-palette][data-palette][data-palette] .mb-btn, html[data-palette][data-palette][data-palette] .submit{ background:var(--amber); color:var(--ink); border:0 !important; box-shadow:0 14px 30px -16px rgba(10,37,48,.5); }
html[data-palette][data-palette][data-palette] .cta:hover, html[data-palette][data-palette][data-palette] .btn-amber:hover, html[data-palette][data-palette][data-palette] .mb-btn:hover, html[data-palette][data-palette][data-palette] .submit:hover{ background:var(--amber-2) !important; }
/* secondary · no ground, ink type, ink keyline */
html[data-palette][data-palette][data-palette] .cta-ghost, html[data-palette][data-palette][data-palette] .dl-btn{ background:transparent; color:var(--ink); border:1.5px solid rgba(10,37,48,.28); box-shadow:none; }
html[data-palette][data-palette][data-palette] .cta-ghost:hover, html[data-palette][data-palette][data-palette] .dl-btn:hover{ border-color:var(--ink) !important; }
/* S · the bar keeps its own size, and only its own size */
html[data-palette][data-palette][data-palette] nav.top .cta{ padding:.62rem 1.05rem; font-size:.875rem; font-weight:800; box-shadow:none; }
html[data-palette][data-palette][data-palette] nav.top .cta:not(.cta-ghost){ background:var(--ink); color:var(--ground); border:0; }
html[data-palette][data-palette][data-palette] nav.top .cta:not(.cta-ghost):hover{ background:#06323F !important; }
html[data-palette][data-palette][data-palette] nav.top .cta.cta-ghost{ background:var(--ground); color:var(--ink); border:1px solid var(--ground) !important; }
html[data-palette][data-palette][data-palette] nav.top .cta.cta-ghost:hover{ background:#FFFFFF !important; border-color:#FFFFFF !important; }
html[data-palette][data-palette][data-palette] .cta:active, html[data-palette][data-palette][data-palette] .btn-amber:active, html[data-palette][data-palette][data-palette] .mb-btn:active, html[data-palette][data-palette][data-palette] .submit:active, html[data-palette][data-palette][data-palette] .dl-btn:active{ transform:scale(.975); }
html[data-palette][data-palette][data-palette] .cta:focus-visible, html[data-palette][data-palette][data-palette] .submit:focus-visible, html[data-palette][data-palette][data-palette] .mb-btn:focus-visible, html[data-palette][data-palette][data-palette] .dl-btn:focus-visible{ outline:3px solid var(--teal); outline-offset:3px; }
/* ── 2 · CARDS ───────────────────────────────────────────────────
   One radius, one keyline, no resting shadow. The teal top edge is
   not decoration: it marks a card that goes somewhere. ── */
html[data-palette][data-palette][data-palette] .part, html[data-palette][data-palette][data-palette] .path, html[data-palette][data-palette][data-palette] .mb-card, html[data-palette][data-palette][data-palette] .card{ border-radius:var(--r-card); border:1px solid var(--line); box-shadow:none; }
html[data-palette][data-palette][data-palette] .asks{ border-radius:var(--r-sm); }
/* a card you can click wears the teal edge and lifts */
html[data-palette][data-palette][data-palette] .path{ border-top:4px solid var(--teal); transition:transform .18s cubic-bezier(.23,1,.32,1), box-shadow .18s ease; }
@media (hover:hover){
  html[data-palette][data-palette][data-palette] .path:hover{ transform:translateY(-3px); box-shadow:0 22px 44px -26px rgba(10,37,48,.42) !important; }
}
/* tinted cards keep their ground, not their own border weight */
html[data-palette][data-palette][data-palette] .mb-card-teal{ border-color:var(--band-line); }
/* image frames match the cards */
/* ── 3 · FIELDS ──────────────────────────────────────────────────*/
html[data-palette][data-palette][data-palette] input[type="text"], html[data-palette][data-palette][data-palette] input[type="email"], html[data-palette][data-palette][data-palette] input[type="tel"], html[data-palette][data-palette][data-palette] input[type="number"], html[data-palette][data-palette][data-palette] textarea, html[data-palette][data-palette][data-palette] select{ border-radius:var(--r-sm); border:1.5px solid var(--field-line,#D6D0C2); background:var(--surface); color:var(--ink); font-family:'Inter',system-ui,sans-serif !important; font-size:1rem !important; padding:.85rem 1rem !important; }
html[data-palette][data-palette][data-palette] input:focus-visible, html[data-palette][data-palette][data-palette] textarea:focus-visible{ outline:3px solid var(--teal); outline-offset:1px; border-color:transparent !important; }
/* ── 4 · HEADINGS ────────────────────────────────────────────────
   Barlow Condensed 800 is the display face. There is no second one. ── */
html[data-palette][data-palette][data-palette] h1, html[data-palette][data-palette][data-palette] h2, html[data-palette][data-palette][data-palette] h3, html[data-palette][data-palette][data-palette] .display, html[data-palette][data-palette][data-palette] .offer h2{ font-family:'Barlow Condensed','Inter',sans-serif; font-weight:800; color:var(--ink); letter-spacing:-.01em; }
html[data-palette][data-palette][data-palette] h1, html[data-palette][data-palette][data-palette] .display{ line-height:1.0 !important; }
html[data-palette][data-palette][data-palette] h2{ line-height:1.05; }
html[data-palette][data-palette][data-palette] h3{ line-height:1.1; }
/* ── 5 · TEXT LINKS ──────────────────────────────────────────────
   Ink letterforms, teal underline. Teal is the mark, never the type. ── */
html[data-palette][data-palette][data-palette] .prose a:not([class*="cta"]):not([class*="btn"]):not(.submit):not(.logo-link), html[data-palette][data-palette][data-palette] .mb-numcopy a:not([class*="btn"]), html[data-palette][data-palette][data-palette] p a:not([class*="cta"]):not([class*="btn"]):not(.submit):not(.logo-link):not(.pick){ color:var(--ink) !important; font-weight:600 !important; text-decoration:none !important; box-shadow:inset 0 -2px 0 var(--teal); padding-bottom:1px; }
html[data-palette][data-palette][data-palette] .prose a:not([class*="cta"]):not([class*="btn"]):hover, html[data-palette][data-palette][data-palette] p a:not([class*="cta"]):not([class*="btn"]):hover{ box-shadow:inset 0 -3px 0 var(--teal); }
html[data-palette][data-palette][data-palette] footer a{ box-shadow:none; }
html[data-palette][data-palette][data-palette] .cta-line{ font-weight:700; font-size:1rem; color:var(--ink); text-decoration:none; box-shadow:inset 0 -2px 0 var(--teal); padding-bottom:2px; }
/* ── 6 · SECTION RHYTHM ──────────────────────────────────────────*/
html[data-palette][data-palette][data-palette] section.pad{ padding-top:var(--pad-band); padding-bottom:var(--pad-band); }
html[data-palette][data-palette][data-palette] section.pagehead{ padding-top:calc(var(--pad-band) + 4rem); padding-bottom:var(--pad-tight); }