/* ==========================================================================
   BounceWatch V2 · Card system (preview, 2026-11-05)
   15 card types replace ~67 one-off cards. Built only on kit.css tokens.
   Surfaces:  light = white + 1px rule line · filled = --c-paper, no line
              dark  = glass (white 5–10%) + 1px white/10 line
   Sizes:     L r20 p32 · M r14 p24 · S r10 p16
   Text:      label mono 12 · title Jakarta 700 · body Inter 15 · note Inter 14
   ========================================================================== */
:root{--kc-dark-bg:linear-gradient(160deg,#1C2C59 0%,#0E1B43 100%);--kc-dark-line:0 0 0 1px rgba(255,255,255,.12)}
.kc{--kc-bg:#fff;--kc-line:0 0 0 1px var(--c-rule);--kc-fill:var(--c-paper);--kc-fg:var(--c-ink);--kc-body:var(--c-body);--kc-mute:var(--c-gray);--kc-acc:var(--c-primary);--kc-soft:var(--c-soft);--kc-r:var(--card-r-m);--kc-p:var(--card-p-m);
  position:relative;display:flex;flex-direction:column;gap:16px;min-width:0;padding:var(--kc-p);border-radius:var(--kc-r);background:var(--kc-bg);box-shadow:var(--kc-line);color:var(--kc-fg);font-family:var(--font);font-size:var(--t-prose);line-height:1.6}
.kc--l{--kc-r:var(--card-r-l);--kc-p:var(--card-p-l)}
.kc--s{--kc-r:var(--card-r-s);--kc-p:var(--card-p-s);gap:8px}
.kc--fill{--kc-bg:var(--kc-fill);--kc-line:none}
.kc-dark,.kc-dark .kc,.kc--dark,.kc--dark .kc,.kc--ink,.kc--ink .kc{--kc-bg:var(--kc-dark-bg);--kc-line:var(--kc-dark-line);--kc-fill:rgba(255,255,255,.05);--kc-fg:#fff;--kc-body:rgba(255,255,255,.72);--kc-mute:rgba(255,255,255,.55);--kc-acc:#A3B6FF;--kc-soft:rgba(163,182,255,.14)}
.kc-dark .kc--fill,.kc--dark.kc--fill{--kc-bg:rgba(255,255,255,.05);--kc-line:0 0 0 1px rgba(255,255,255,.08)}
a.kc{text-decoration:none;transition:box-shadow .2s}
a.kc:hover,.kc.is-on{box-shadow:0 0 0 1.5px var(--kc-acc)}

/* shared parts */
.kc__lbl{margin:0;font-family:var(--mono);font-size:var(--t-eyebrow);font-weight:500;line-height:1.5;letter-spacing:.12em;text-transform:uppercase;color:var(--kc-mute)}
.kc__lbl--acc{color:var(--kc-acc)}
.kc__t{margin:0;font-family:var(--font-h);font-size:var(--t-card);font-weight:700;line-height:1.25;letter-spacing:-.02em;color:var(--kc-fg);text-wrap:balance}
.kc__t--row{font-size:var(--t-row);line-height:1.3;letter-spacing:-.015em}
.kc__t--sub{font-size:var(--t-sub);font-weight:800;line-height:1.15;letter-spacing:-.03em}
.kc__b{margin:0;font-size:var(--t-prose);line-height:1.6;color:var(--kc-body)}
.kc__m{margin:0;font-size:var(--t-note);line-height:1.5;color:var(--kc-mute)}
.kc__ic{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:var(--card-r-s);background:var(--kc-soft);color:var(--kc-acc)}
.kc__ic .ic{width:20px;height:20px}
.kc__head{display:flex;align-items:center;gap:12px}
.kc__head>div{min-width:0}
.kc__foot{margin-top:auto;padding-top:16px;border-top:1px solid color-mix(in srgb,var(--kc-fg) 10%,transparent);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.kc__chips{display:flex;flex-wrap:wrap;gap:6px}
.kc__chips span{padding:4px 10px;border-radius:999px;background:var(--kc-fill);font-size:var(--t-note);line-height:1.4;color:var(--kc-fg)}
.kc .btn{align-self:flex-start}
/* one button size inside every card: 44px, 15px text (kit: .btn-lg in a card draws 44) */
.kc .btn,.kc .btn.btn-lg{height:44px;min-height:44px;padding-inline:24px;font-size:var(--t-button)}

/* 01 STAT ------------------------------------------------------------------ */
.kc-stats{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));margin:0;padding:0;list-style:none}
.kc-stat{--kc-bg:#fff;--kc-line:0 0 0 1px var(--c-rule);gap:4px;padding:16px 20px;border-radius:var(--card-r-s)}
.kc .kc-stat{--kc-bg:var(--kc-fill);--kc-line:none}
/* a stat inside a dark card is an inner box; a stat standing on a dark section is a dark card */
:is(.kc-dark .kc,.kc--ink,.kc--dark) .kc-stat{--kc-bg:rgba(255,255,255,.06);--kc-line:0 0 0 1px rgba(255,255,255,.08)}
.kc-stat__v{display:flex;align-items:baseline;gap:8px;margin:0;font-family:var(--font-h);font-size:28px;font-weight:800;line-height:1.1;letter-spacing:-.025em;color:var(--kc-fg);font-variant-numeric:tabular-nums}
.kc-stat__d{font-family:var(--font);font-size:var(--t-note);font-weight:600;letter-spacing:0;color:#12805C}
.kc-stat__d.is-dn{color:#C2334D}
.kc-dark .kc-stat__d{color:#5EEAD4}.kc-dark .kc-stat__d.is-dn{color:#F2738A}
.kc-stat__c{margin:0;font-size:var(--t-note);line-height:1.45;color:var(--kc-body)}
.kc-stat--l{--kc-bg:#fff;--kc-line:0 0 0 1px var(--c-rule);gap:8px;padding:var(--card-p-l);border-radius:var(--card-r-l)}
.kc-stat--l .kc-stat__v{font-size:var(--t-big);letter-spacing:-.035em}
.kc-stat--l .kc-stat__c{font-family:var(--font-h);font-size:var(--t-row);font-weight:700;color:var(--kc-fg)}
.kc-stat--l .kc__b{margin-top:8px}

/* 02 LIST ------------------------------------------------------------------ */
.kc-list{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.kc-list li{position:relative;padding-left:30px;font-size:var(--t-prose);line-height:1.55;color:var(--kc-fg)}
.kc-list li::before{content:"";position:absolute;left:0;top:2px;width:20px;height:20px;border-radius:50%;background:var(--kc-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23345EEA' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/12px no-repeat}
.kc-dark .kc-list li::before,.kc--ink .kc-list li::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A3B6FF' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E")}
.kc-list--x li::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235B6E8A' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E");background-color:var(--kc-fill)}

/* 03 NUMBERED ROWS ---------------------------------------------------------- */
.kc-rows{display:grid;gap:8px;margin:0;padding:0;list-style:none;counter-reset:kc}
.kc-rows>li{counter-increment:kc;display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px;border-radius:var(--card-r-m);background:var(--kc-bg,#fff);box-shadow:var(--kc-line,0 0 0 1px var(--c-rule));font-size:var(--t-prose);line-height:1.55;color:var(--kc-fg,var(--c-ink))}
.kc-rows>li::before{content:counter(kc,decimal-leading-zero);font-weight:500;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--c-ink);color:#fff;font-family:var(--mono);font-size:var(--t-tag)}
:is(.kc-dark,.kc--ink) .kc-rows>li::before{background:#fff;color:var(--c-ink)}
.kc-rows>li>span{min-width:0}
.kc-rows>li>span b{display:block;font-family:var(--font-h);font-size:var(--t-row);font-weight:700;letter-spacing:-.015em}
.kc-badge,.kc-rows>li>em{display:inline-flex;align-items:center;width:fit-content;padding:4px 10px;border-radius:999px;background:var(--kc-soft,var(--c-soft));font-style:normal;font-family:var(--mono);font-size:var(--t-tag);font-weight:500;line-height:1.4;letter-spacing:.12em;text-transform:uppercase;color:var(--kc-acc,var(--c-primary));white-space:nowrap}
.kc-badge--solid{background:var(--c-primary);color:#fff}

/* 04 PLAN ------------------------------------------------------------------- */
.kc-plan{gap:20px}
.kc-plan__price{display:flex;align-items:baseline;gap:4px;margin:0;font-family:var(--font-h);font-size:var(--t-big);font-weight:800;line-height:1;letter-spacing:-.035em;color:var(--kc-fg)}
.kc-plan__price small{font-family:var(--font);font-size:var(--t-lede);font-weight:500;letter-spacing:0;color:var(--kc-body)}
.kc-plan .kc-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.kc-plan .kc-stat{padding:12px}
.kc-plan .kc-stat__v{font-size:var(--t-row)}
.kc-plan__badge{position:absolute;top:var(--kc-p);right:var(--kc-p)}
.kc-plan .btn{margin-top:auto}

/* 05 OFFER (light CTA with price) ------------------------------------------- */
.kc-offer{display:grid;gap:24px}
@media (min-width:900px){.kc-offer{grid-template-columns:5fr 6fr;gap:0}.kc-offer__r{padding-left:var(--card-p-l);margin-left:var(--card-p-l);border-left:1px solid var(--c-rule)}}
.kc-offer__l,.kc-offer__r{display:flex;flex-direction:column;gap:16px;align-items:flex-start;min-width:0}
.kc-offer__l>div:not(.kc){display:grid;gap:4px}
.kc-offer__l .kc__t{margin-top:-8px}
.kc-offer__r{justify-content:center}
.kc-offer__r .btn{margin-top:8px}
.kc-offer__l .kc-callout{margin-top:auto}

/* 06 CTA -------------------------------------------------------------------- */
.kc-cta{gap:12px}
@media (min-width:900px){.kc-cta--row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:48px;padding:48px}.kc-cta--row>.btn,.kc-cta--row>.kc-cta__act{grid-column:2;grid-row:1/span 3;align-self:center}}
.kc-cta h3{font-size:var(--t-section);font-weight:800;line-height:1.1;letter-spacing:-.025em}
.kc-cta .kc__b{max-width:60ch;font-size:var(--t-lede);line-height:1.7}
.kc-cta__act{display:flex;flex-wrap:wrap;gap:12px;align-items:center}

/* 07 FORM ------------------------------------------------------------------- */
.kc-form{gap:20px}
.kc-form .f-field{display:grid;gap:6px}
.kc-form label{font-size:var(--t-note);font-weight:600;color:var(--kc-fg)}
.kc-form input,.kc-form select{height:48px;padding:0 14px;border:1px solid var(--c-rule);border-radius:var(--card-r-s);background:#fff;font:inherit;font-size:var(--t-prose);color:var(--c-ink)}
.kc-form .kc-grid2{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr))}

/* 08 STEP ------------------------------------------------------------------- */
.kc-steps{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));margin:0;padding:0;list-style:none}
.kc-step{gap:8px}
.kc-step__n{display:grid;place-items:center;width:32px;height:32px;margin-bottom:8px;border-radius:50%;background:var(--c-ink);color:#fff;font-family:var(--mono);font-size:var(--t-tag);font-weight:500}
.kc-dark .kc-step__n{background:#fff;color:var(--c-ink)}

/* 09 PICKER ROW ------------------------------------------------------------- */
.kc-picks{display:grid;gap:8px}
.kc-pick{--kc-bg:transparent;--kc-line:none;display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:16px;row-gap:2px;align-items:center;padding:16px;border-radius:var(--card-r-m);cursor:pointer;transition:background .2s,box-shadow .2s}
.kc-pick .kc__ic{grid-row:1/3}
.kc-pick:hover{--kc-bg:var(--kc-fill)}
.kc-pick.is-on{--kc-bg:#fff;box-shadow:0 0 0 1px var(--c-rule),inset 3px 0 0 var(--c-primary)}
.kc-pick.is-on .kc__ic{background:var(--c-primary);color:#fff}

/* 10 COMPARE ---------------------------------------------------------------- */
.kc-cmp{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr))}
.kc-cmp>div{display:grid;align-content:start;grid-template-columns:28px minmax(0,1fr);column-gap:12px;row-gap:4px;padding:var(--card-p-s);border-radius:var(--card-r-m);background:#fff;box-shadow:inset 0 0 0 1px var(--c-rule)}
.kc-cmp>div>i{grid-row:1/3;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px var(--c-rule);font-style:normal;font-size:var(--t-note);color:var(--c-gray)}
.kc-cmp>div.is-good{background:var(--c-blue-soft,#EEF2FE);box-shadow:inset 0 0 0 1px var(--c-blue-line,#D9E2FC)}
.kc-cmp>div.is-good>i{background:var(--c-primary);box-shadow:none;color:#fff}
.kc-cmp>div.is-good .kc__lbl{color:var(--c-primary)}
.kc-cmp p:not(.kc__lbl){margin:0;font-size:var(--t-prose);line-height:1.55;color:var(--c-ink)}
.kc-dark .kc-cmp>div{background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.kc-dark .kc-cmp>div.is-good{background:rgba(163,182,255,.16);box-shadow:inset 0 0 0 1px rgba(163,182,255,.45)}
.kc-dark .kc-cmp p:not(.kc__lbl){color:#fff}

/* 11 CONTENT CARD (question, note, why-now, memo row) ----------------------- */
.kc-content{gap:12px}
.kc-content--row{flex-direction:row;align-items:center;gap:16px}
.kc-content--row>div{flex:1;min-width:0;display:grid;gap:4px}
.kc-content__price{font-family:var(--font-h);font-size:var(--t-row);font-weight:800;letter-spacing:-.015em;white-space:nowrap}

/* 12 CALLOUT (decision, guarantee) ------------------------------------------ */
.kc-callout{--kc-bg:var(--kc-dark-bg);--kc-line:var(--kc-dark-line);--kc-fg:#fff;--kc-mute:#A3B6FF;gap:4px;padding:var(--card-p-s) 20px;border-radius:var(--card-r-m)}
.kc-callout p:not(.kc__lbl){margin:0;font-family:var(--font);font-size:var(--t-prose);font-weight:500;line-height:1.6;color:var(--kc-fg)}
.kc-callout .kc__lbl{color:var(--kc-mute)}
.kc-callout--light{--kc-bg:var(--c-blue-soft,#EEF2FE);--kc-line:inset 0 0 0 1px var(--c-blue-line,#D9E2FC);--kc-fg:var(--c-ink);--kc-mute:var(--c-primary)}

/* 13 TABLE ------------------------------------------------------------------ */
.kc-table{padding:0;overflow:hidden}
.kc-table table{width:100%;border-collapse:collapse;font-size:var(--t-prose)}
.kc-table th{padding:14px var(--card-p-m);background:var(--kc-fill);text-align:left;font-family:var(--mono);font-size:var(--t-eyebrow);font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--kc-mute)}
.kc-table td{padding:14px var(--card-p-m);border-top:1px solid color-mix(in srgb,var(--kc-fg) 8%,transparent);color:var(--kc-body);vertical-align:top}
.kc-table td b{display:block;font-family:var(--font-h);font-weight:700;color:var(--kc-fg)}
.kc-table td small{font-size:var(--t-note);color:var(--kc-mute)}
.kc-table tr:hover td{background:color-mix(in srgb,var(--kc-acc) 4%,transparent)}
.kc-dark .kc-table th{background:rgba(255,255,255,.04)}

/* 14 MEDIA FRAME ------------------------------------------------------------ */
.kc-media{max-width:560px;padding:0;overflow:hidden;gap:0}
.kc-media__bar{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--kc-fill);font-family:var(--mono);font-size:var(--t-tag);font-weight:500;color:var(--kc-mute);letter-spacing:.12em;text-transform:uppercase}
.kc-media__bar i{width:8px;height:8px;border-radius:50%;background:var(--c-rule)}
.kc-media__img{aspect-ratio:16/9;background:linear-gradient(135deg,#E8EDFB,#F8F9FB);display:grid;place-items:center;color:var(--c-gray);font-size:var(--t-note)}
.kc-media__cap{display:grid;gap:4px;padding:var(--card-p-m)}

/* 15 GLASS PANEL (dark only) ------------------------------------------------ */
.kc-panel{--kc-r:var(--card-r-l);--kc-p:var(--card-p-m)}
@media (max-width:640px){
  .kc-rows>li{grid-template-columns:32px minmax(0,1fr)}
  .kc-rows>li>em{grid-column:2;justify-self:start}
  .kc-plan .kc-stats{grid-template-columns:minmax(0,1fr)}
}
/* 11: sources as plain text under the body, not chips */
.kc__src{color:var(--kc-mute)}
.kc__src b{font-weight:600;color:var(--kc-fg)}
.kc__src span+span::before{content:" · "}
.kc-content .kc__src{margin-top:auto}

/* ==========================================================================
   SITE MAPPING · existing cards → the 15 types above (2026-11-05)
   Copy untouched; only surfaces, spacing and text roles. P = page scope with
   enough weight to win over kit.css / site.css one-offs.
   ========================================================================== */
/* ---- 01 STAT ------------------------------------------------------------- */
/* rows: no surface of their own; every number gets its own box */
html body:not(#_):not(#__):not(#___):not(#____) :is(.bk-facts,.ab-nums,.c-stats,.fnl-sum){display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));padding:0;border:0;border-radius:0;background:none;box-shadow:none}
html body:not(#_):not(#__):not(#___):not(#____) :is(.bk-facts>li,.c-stats>div,.fnl-sum>div,.kpi2,.pc-stats>div){position:relative;display:flex;flex-direction:column;justify-content:flex-start;gap:4px;min-width:0;margin:0;padding:16px 20px;border:0;border-radius:var(--card-r-s);background:#fff;box-shadow:0 0 0 1px var(--c-rule);text-align:left}
html body:not(#_):not(#__):not(#___):not(#____) :is(.bk-facts>li,.c-stats>div,.fnl-sum>div,.kpi2,.pc-stats>div)::before,
html body:not(#_):not(#__):not(#___):not(#____) :is(.bk-facts>li,.c-stats>div,.fnl-sum>div,.pc-stats>div)::after{content:none;display:none}
html body:not(#_):not(#__):not(#___):not(#____) :is(.bk-facts>li,.c-stats>div,.fnl-sum>div,.kpi2,.pc-stats>div)>b{display:block;margin:0;font-family:var(--font-h);font-size:28px;font-weight:800;line-height:1.1;letter-spacing:-.025em;color:var(--c-ink);font-variant-numeric:tabular-nums}
html body:not(#_):not(#__):not(#___):not(#____) :is(.bk-facts>li,.c-stats>div,.fnl-sum>div,.pc-stats>div)>span,
html body:not(#_):not(#__):not(#___):not(#____) .kpi2>em{display:block;margin:0;font-family:var(--font);font-size:var(--t-note);font-style:normal;font-weight:400;line-height:1.45;letter-spacing:0;text-transform:none;color:var(--c-body)}
html body:not(#_):not(#__):not(#___):not(#____) .kpi2>small{font-family:var(--mono);font-size:var(--t-eyebrow);font-weight:500;line-height:1.5;letter-spacing:.12em;text-transform:uppercase;color:var(--c-gray)}
/* dark sections: the number box is a dark card */
html body:not(#_):not(#__):not(#___):not(#____) :is(#pagehead .bk-facts>li,#pagehead .ab-nums>li,#sdeep .fnl-sum>div){background:var(--kc-dark-bg);box-shadow:var(--kc-dark-line)}
html body:not(#_):not(#__):not(#___):not(#____) :is(#pagehead .bk-facts>li,#pagehead .ab-nums>li,#sdeep .fnl-sum>div,#sdeep .kpi2)>b{color:#fff}
html body:not(#_):not(#__):not(#___):not(#____) :is(#pagehead .bk-facts>li,#pagehead .ab-nums>li,#sdeep .fnl-sum>div)>span,
html body:not(#_):not(#__):not(#___):not(#____) #sdeep .kpi2>em{color:rgba(255,255,255,.72)}
html body:not(#_):not(#__):not(#___):not(#____) #sdeep .kpi2>small{color:rgba(255,255,255,.55)}
/* inside a card: inner box (light: paper fill; dark: white 6%) */
html body:not(#_):not(#__):not(#___):not(#____) .pc-stats{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(min(160px,100%),1fr));padding:0;border-radius:0;background:none;box-shadow:none}
html body:not(#_):not(#__):not(#___):not(#____) .pc-stats>div{background:var(--c-paper);box-shadow:none}
html body:not(#_):not(#__):not(#___):not(#____) #sdeep .kpi2{padding-bottom:62px;background:rgba(255,255,255,.06);box-shadow:0 0 0 1px rgba(255,255,255,.08)}
html body:not(#_):not(#__):not(#___):not(#____) #sdeep .kpi2 .kd{font-family:var(--font);font-size:var(--t-note);font-weight:600;letter-spacing:0}
html body:not(#_):not(#__):not(#___):not(#____) .mt-cov{border-radius:var(--card-r-s);padding:16px 20px}
/* large stat: one finding */
html body:not(#_):not(#__):not(#___):not(#____) .cz-find{display:flex;flex-direction:column;gap:8px;padding:var(--card-p-l);border:0;border-radius:var(--card-r-l);background:#fff;box-shadow:0 0 0 1px var(--c-rule)}
html body:not(#_):not(#__):not(#___):not(#____) .cz-find>b{font-family:var(--font-h);font-size:var(--t-big);font-weight:800;line-height:1;letter-spacing:-.035em;color:var(--c-ink)}
html body:not(#_):not(#__):not(#___):not(#____) .cz-find>em{font-family:var(--font-h);font-size:var(--t-row);font-style:normal;font-weight:700;line-height:1.3;letter-spacing:-.015em;color:var(--c-ink)}
html body:not(#_):not(#__):not(#___):not(#____) .cz-find>p{margin:8px 0 0;font-size:var(--t-prose);line-height:1.6;color:var(--c-body)}

/* ---- 02 LIST: one tick for every bullet list inside a card ---------------- */
html body:not(#_):not(#__):not(#___):not(#____) :is(.tier ul,.hook .hook-list,.fineprint .fp-t){display:grid;gap:12px;margin:0;padding:0;border:0;background:none;box-shadow:none;list-style:none}
html body:not(#_):not(#__):not(#___):not(#____) :is(.tier ul,.hook .hook-list,.fineprint .fp-t)::before{content:none;display:none}
html body:not(#_):not(#__):not(#___):not(#____) :is(.tier ul,.hook .hook-list,.fineprint .fp-t)>li{position:relative;display:block;margin:0;padding:0 0 0 30px;border:0;background:none;font-family:var(--font);font-size:var(--t-prose);font-weight:400;line-height:1.55;letter-spacing:0;color:var(--c-ink)}
html body:not(#_):not(#__):not(#___):not(#____) :is(.tier ul,.hook .hook-list,.fineprint .fp-t)>li>svg{display:none}
html body:not(#_):not(#__):not(#___):not(#____) :is(.tier ul,.hook .hook-list,.fineprint .fp-t)>li::before{content:"";display:block;position:absolute;inset:auto;left:0;top:2px;width:20px;height:20px;margin:0;border:0;border-radius:50%;box-shadow:none;transform:none;-webkit-mask:none;mask:none;background:var(--c-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23345EEA' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/12px no-repeat}
html body:not(#_):not(#__):not(#___):not(#____) .tier.rec ul>li{color:#fff}
html body:not(#_):not(#__):not(#___):not(#____) .tier.rec ul>li::before{background-color:rgba(163,182,255,.14);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A3B6FF' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E")}

/* ---- 04 PLAN ------------------------------------------------------------- */
html body:not(#_):not(#__):not(#___):not(#____) .tier{position:relative;display:flex;flex-direction:column;gap:20px;padding:var(--card-p-l);border:0;border-radius:var(--card-r-l);background:#fff;box-shadow:0 0 0 1px var(--c-rule);transform:none}
html body:not(#_):not(#__):not(#___):not(#____) .tier.rec{background:var(--kc-dark-bg);box-shadow:var(--kc-dark-line)}
html body:not(#_):not(#__):not(#___):not(#____) .tier>h3{margin:0;font-family:var(--font-h);font-size:var(--t-card);font-weight:700;line-height:1.25;letter-spacing:-.02em;color:var(--c-ink)}
html body:not(#_):not(#__):not(#___):not(#____) .tier>.scope{margin:-16px 0 0;font-family:var(--mono);font-size:var(--t-eyebrow);font-weight:500;line-height:1.5;letter-spacing:.12em;text-transform:uppercase;color:var(--c-gray)}
html body:not(#_):not(#__):not(#___):not(#____) .tier>.tpr{display:flex;align-items:baseline;gap:4px;margin:0;font-family:var(--font-h);font-size:var(--t-big);font-weight:800;line-height:1;letter-spacing:-.035em;color:var(--c-ink)}
html body:not(#_):not(#__):not(#___):not(#____) .tier>.tpr .pv{font:inherit;letter-spacing:inherit;color:inherit}
html body:not(#_):not(#__):not(#___):not(#____) .tier>.tpr small{font-family:var(--font);font-size:var(--t-lede);font-weight:500;letter-spacing:0;color:var(--c-body)}
html body:not(#_):not(#__):not(#___):not(#____) .tier>.bill{margin:-16px 0 0;font-size:var(--t-note);line-height:1.5;color:var(--c-gray)}
html body:not(#_):not(#__):not(#___):not(#____) .tier>.best{margin:0;font-size:var(--t-prose);line-height:1.6;color:var(--c-body)}
html body:not(#_):not(#__):not(#___):not(#____) .tier>.incl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;border:0;background:none}
html body:not(#_):not(#__):not(#___):not(#____) .tier>.incl>span{display:flex;flex-direction:column;gap:2px;padding:12px;border:0;border-radius:var(--card-r-s);background:var(--c-paper);box-shadow:none;font-size:var(--t-note);line-height:1.45;color:var(--c-body)}
html body:not(#_):not(#__):not(#___):not(#____) .tier>.incl>span b{font-family:var(--font-h);font-size:var(--t-row);font-weight:800;line-height:1.2;letter-spacing:-.015em;color:var(--c-ink)}
html body:not(#_):not(#__):not(#___):not(#____) .tier.rec :is(h3,.tpr,.incl b){color:#fff}
html body:not(#_):not(#__):not(#___):not(#____) .tier.rec :is(.best,.tpr small,.incl>span){color:rgba(255,255,255,.72)}
html body:not(#_):not(#__):not(#___):not(#____) .tier.rec :is(.scope,.bill){color:rgba(255,255,255,.55)}
html body:not(#_):not(#__):not(#___):not(#____) .tier.rec>.incl>span{background:rgba(255,255,255,.06);box-shadow:0 0 0 1px rgba(255,255,255,.08)}
html body:not(#_):not(#__):not(#___):not(#____) .tier>.btn{margin-top:auto;align-self:flex-start}
/* one badge style: mono 12 uppercase pill */
html body:not(#_):not(#__):not(#___):not(#____) .tier .rec-b{position:absolute;top:var(--card-p-l);right:var(--card-p-l);left:auto;transform:none;display:inline-flex;align-items:center;padding:4px 10px;border:0;border-radius:999px;background:var(--c-primary);box-shadow:none;font-family:var(--mono);font-size:var(--t-tag);font-weight:500;line-height:1.4;letter-spacing:.12em;text-transform:uppercase;color:#fff}
/* one button size inside every card */
html body:not(#_):not(#__):not(#___):not(#____) :is(.tier,.hook,.fineprint,.est-out,.cz-out,.tr-proc,.ab-cta,.nl,.snap,.scta,.bkform,.lgv-sheet) .btn{height:44px;min-height:44px;padding-inline:24px;font-size:var(--t-button)}

/* ---- 05 OFFER: the plan card, wide ---------------------------------------- */
html body:not(#_):not(#__):not(#___):not(#____) :is(.hook,.fineprint){display:grid;gap:24px;padding:var(--card-p-l);border:0;border-radius:var(--card-r-l);background:#fff;box-shadow:0 0 0 1px var(--c-rule)}
@media (min-width:900px){
  html body:not(#_):not(#__):not(#___):not(#____) :is(.hook,.fineprint){position:relative;grid-template-columns:5fr 6fr;grid-template-rows:auto 1fr;column-gap:64px;row-gap:16px}
  html body:not(#_):not(#__):not(#___):not(#____) :is(.hook,.fineprint){background:#fff linear-gradient(var(--c-rule),var(--c-rule)) no-repeat calc(var(--card-p-l) + (100% - 2 * var(--card-p-l) - 64px) * 5 / 11 + 32px) var(--card-p-l) / 1px calc(100% - 2 * var(--card-p-l))}
  html body:not(#_):not(#__):not(#___):not(#____) :is(.hook .hook-list,.hook .hook-cta,.fineprint .fp-t,.fineprint .fp-a>.btn){grid-column:2}
  html body:not(#_):not(#__):not(#___):not(#____) .hook .hook-l,html body:not(#_):not(#__):not(#___):not(#____) .fineprint .fp-a>div{grid-column:1;grid-row:1/3}
  html body:not(#_):not(#__):not(#___):not(#____) :is(.hook .hook-list,.fineprint .fp-t){grid-row:1;align-self:end}
  html body:not(#_):not(#__):not(#___):not(#____) :is(.hook .hook-cta,.fineprint .fp-a>.btn){grid-row:2;align-self:start;justify-self:start;margin:8px 0 0}
}
/* the button sits in a cell; draw it as a normal 44px button */
html body:not(#_):not(#__):not(#___):not(#____) .fineprint .fp-a{display:contents}
html body:not(#_):not(#__):not(#___):not(#____) .fineprint .fp-ic{display:none}
html body:not(#_):not(#__):not(#___):not(#____) .hook .hook-l{display:flex;flex-direction:column;align-items:flex-start;gap:16px}
html body:not(#_):not(#__):not(#___):not(#____) .hook .hook-l .head{display:grid;gap:4px;margin:0}
html body:not(#_):not(#__):not(#___):not(#____) :is(.hook,.fineprint) .hook-tag{margin:0;font-family:var(--mono);font-size:var(--t-eyebrow);font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--c-primary)}
html body:not(#_):not(#__):not(#___):not(#____) :is(.hook,.fineprint) .hook-tag::before{content:none;display:none}
html body:not(#_):not(#__):not(#___):not(#____) :is(.hook .hook-l .head :is(h2,h3,.h2),.fineprint .fp-a h3,.fineprint .fp-a h3 b){margin:0;font-family:var(--font-h);font-size:var(--t-card);font-weight:700;line-height:1.25;letter-spacing:-.02em;color:var(--c-ink)}
html body:not(#_):not(#__):not(#___):not(#____) .fineprint .fp-a>div{display:flex;flex-direction:column;gap:12px}
html body:not(#_):not(#__):not(#___):not(#____) .fineprint .fp-a p{margin:0;font-size:var(--t-prose);line-height:1.6;color:var(--c-body)}
html body:not(#_):not(#__):not(#___):not(#____) .fineprint .fp-a p strong{font-family:var(--font-h);font-weight:800;color:var(--c-ink)}
html body:not(#_):not(#__):not(#___):not(#____) :is(.hook,.fineprint) .hook-pr{display:flex;align-items:baseline;gap:4px;margin:0;font-family:var(--font-h);font-size:var(--t-big);font-weight:800;line-height:1;letter-spacing:-.035em;color:var(--c-ink)}
html body:not(#_):not(#__):not(#___):not(#____) :is(.hook,.fineprint) .hook-pr small{font-family:var(--font);font-size:var(--t-lede);font-weight:500;letter-spacing:0;color:var(--c-body)}
/* guarantee = 12 callout, light */
html body:not(#_):not(#__):not(#___):not(#____) .hook .hook-g{display:block;margin:auto 0 0;padding:var(--card-p-s) 20px;border:0;border-radius:var(--card-r-m);background:var(--c-blue-soft,#EEF2FE);box-shadow:inset 0 0 0 1px var(--c-blue-line,#D9E2FC);font-family:var(--font);font-size:var(--t-prose);font-weight:500;line-height:1.6;color:var(--c-ink)}
html body:not(#_):not(#__):not(#___):not(#____) .hook .hook-g svg{display:none}

/* ---- 06 CTA -------------------------------------------------------------- */
html body:not(#_):not(#__):not(#___):not(#____) :is(.tr-proc,.ab-cta,.nl,.cz-out){display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:var(--card-p-l);border:0;border-radius:var(--card-r-l);background:#fff;box-shadow:0 0 0 1px var(--c-rule)}
html body:not(#_):not(#__):not(#___):not(#____) :is(.tr-proc,.ab-cta,.nl,.cz-out)::before,
html body:not(#_):not(#__):not(#___):not(#____) :is(.tr-proc,.ab-cta,.nl,.cz-out)::after{content:none;display:none}
html body:not(#_):not(#__):not(#___):not(#____) .snap{border:0;border-radius:var(--card-r-l);background:#fff;box-shadow:0 0 0 1px var(--c-rule)}
html body:not(#_):not(#__):not(#___):not(#____) .snap::before,html body:not(#_):not(#__):not(#___):not(#____) .snap::after{content:none;display:none}
@media (min-width:900px){
  html body:not(#_):not(#__):not(#___):not(#____) :is(.tr-proc,.nl){display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:48px;padding:48px}
  html body:not(#_):not(#__):not(#___):not(#____) .nl{grid-template-columns:minmax(0,1fr) minmax(320px,420px)}
  html body:not(#_):not(#__):not(#___):not(#____) :is(.ab-cta,.cz-out){padding:48px}
}
html body:not(#_):not(#__):not(#___):not(#____) :is(.tr-proc,.ab-cta,.nl,.snap) .head{display:grid;gap:12px;margin:0;max-width:none}
html body:not(#_):not(#__):not(#___):not(#____) :is(.tr-proc,.ab-cta,.nl,.snap) .head .eyebrow{margin:0;font-family:var(--mono);font-size:var(--t-eyebrow);font-weight:500;line-height:1.5;letter-spacing:.12em;text-transform:uppercase;color:var(--c-gray)}
html body:not(#_):not(#__):not(#___):not(#____) :is(.tr-proc,.ab-cta,.nl,.snap) .head .eyebrow::before{content:none;display:none}
html body:not(#_):not(#__):not(#___):not(#____) :is(.tr-proc,.ab-cta,.nl,.snap) .head :is(h2,.h2){margin:0;max-width:none;font-family:var(--font-h);font-size:var(--t-cta,40px);font-weight:800;line-height:1.1;letter-spacing:-.025em;color:var(--c-ink);text-wrap:balance}
html body:not(#_):not(#__):not(#___):not(#____) :is(.tr-proc,.ab-cta,.nl,.snap,.cz-out) :is(.head .lede,>.lede){margin:0;max-width:60ch;font-size:var(--t-lede);line-height:1.7;color:var(--c-body)}
html body:not(#_):not(#__):not(#___):not(#____) .cz-out>.lede{color:var(--c-ink)}
html body:not(#_):not(#__):not(#___):not(#____) :is(.tr-proc>.btn,.ab-cta .ab-ctas,.cz-out>.btn){margin:0}
html body:not(#_):not(#__):not(#___):not(#____) .ab-cta .ab-ctas{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:8px}
html body:not(#_):not(#__):not(#___):not(#____) .nl .nlf{margin:0;width:100%}
/* icon box: 40, soft blue, 20 icon (same as every card) */
html body:not(#_):not(#__):not(#___):not(#____) .cz-out>.iconrow__box{display:grid;place-items:center;width:40px;height:40px;margin:0;border-radius:var(--card-r-s);background:var(--c-soft);color:var(--c-primary)}
html body:not(#_):not(#__):not(#___):not(#____) .cz-out>.iconrow__box svg{width:20px;height:20px}

/* ---- 11 CONTENT: plain note card ----------------------------------------- */
html body:not(#_):not(#__):not(#___):not(#____) .lgv-ct-note{padding:var(--card-p-m);border:0;border-radius:var(--card-r-m);background:#fff;box-shadow:0 0 0 1px var(--c-rule)}
html body:not(#_):not(#__):not(#___):not(#____) .lgv-ct-note p{margin:0;font-size:var(--t-prose);line-height:1.6;color:var(--c-body)}
html body:not(#_):not(#__):not(#___):not(#____) .lgv-ct-note strong{display:block;margin-bottom:4px;font-family:var(--font-h);font-size:var(--t-row);font-weight:700;line-height:1.3;letter-spacing:-.015em;color:var(--c-ink)}

/* ---- 02 LIST: "Included" card + case "what we built" rows ----------------- */
html body:not(#_):not(#__):not(#___):not(#____) .bk-two .card{display:flex;flex-direction:column;gap:16px;padding:var(--card-p-m);border:0;border-radius:var(--card-r-m);background:#fff;box-shadow:0 0 0 1px var(--c-rule)}
html body:not(#_):not(#__):not(#___):not(#____) .bk-two .card>.eyebrow{margin:0;font-family:var(--mono);font-size:var(--t-eyebrow);font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--c-gray)}
html body:not(#_):not(#__):not(#___):not(#____) .bk-two .card>.eyebrow::before{content:none;display:none}
html body:not(#_):not(#__):not(#___):not(#____) .bk-two .card ul{display:grid;gap:12px;margin:0;padding:0;list-style:none}
html body:not(#_):not(#__):not(#___):not(#____) :is(.bk-two .card ul>li,.cz-built>li){position:relative;display:block;margin:0;padding:0 0 0 30px;border:0;background:none;box-shadow:none;font-size:var(--t-prose);line-height:1.55;color:var(--c-ink)}
html body:not(#_):not(#__):not(#___):not(#____) :is(.bk-two .card ul>li,.cz-built>li)::before{content:"";display:block;position:absolute;left:0;top:2px;width:20px;height:20px;margin:0;border:0;border-radius:50%;transform:none;-webkit-mask:none;mask:none;background:var(--c-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23345EEA' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/12px no-repeat}
html body:not(#_):not(#__):not(#___):not(#____) .bk-two .card ul.bk-no>li::before{background-color:var(--c-paper);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235B6E8A' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E")}
/* case "what we built": each line is a row card with the tick */
html body:not(#_):not(#__):not(#___):not(#____) .cz-built{display:grid;gap:8px;margin:0;padding:0;list-style:none}
html body:not(#_):not(#__):not(#___):not(#____) .cz-built.cz-built>li.card.card{padding:16px 16px 16px 50px;border-radius:var(--card-r-m);background:#fff;box-shadow:0 0 0 1px var(--c-rule)}
html body:not(#_):not(#__):not(#___):not(#____) .cz-built.cz-built>li.card.card::before{left:16px;top:18px}
html body:not(#_):not(#__):not(#___):not(#____) .cz-built .cz-ck{display:none}

/* ---- 03 NUMBERED ROWS ----------------------------------------------------- */
html body:not(#_):not(#__):not(#___):not(#____) :is(.bk-doc .bd-list,.mbrief ol){display:grid;gap:8px;margin:0;padding:0;list-style:none;counter-reset:kcr}
html body:not(#_):not(#__):not(#___):not(#____) :is(.bk-doc .bd-list>li,.mbrief ol>li){counter-increment:kcr;display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:12px;margin:0;padding:16px;border:0;border-radius:var(--card-r-m);background:#fff;box-shadow:0 0 0 1px var(--c-rule);font-size:var(--t-prose);line-height:1.55;color:var(--c-ink);opacity:1;transform:none}
html body:not(#_):not(#__):not(#___):not(#____) .mbrief ol>li::before{content:counter(kcr,decimal-leading-zero);display:grid;place-items:center;width:32px;height:32px;padding:0;border-radius:50%;background:var(--c-ink);color:#fff;font-family:var(--mono);font-size:var(--t-tag);font-weight:500;line-height:1}
html body:not(#_):not(#__):not(#___):not(#____) .bk-doc .bd-list>li>em{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--c-ink);color:#fff;font-style:normal;font-family:var(--mono);font-size:var(--t-tag);font-weight:500}
html body:not(#_):not(#__):not(#___):not(#____) .bk-doc .bd-list>li>div b{display:block;font-family:var(--font-h);font-size:var(--t-prose);font-weight:700;line-height:1.4;color:var(--c-ink)}
html body:not(#_):not(#__):not(#___):not(#____) .bk-doc .bd-list>li>div span{display:block;margin-top:2px;font-size:var(--t-note);line-height:1.5;color:var(--c-gray)}
/* badges: one style (mono 12 uppercase pill) */
html body:not(#_):not(#__):not(#___):not(#____) :is(.bk-doc .bd-list>li>i,.mbrief .mb-src,.bk-doc .bd-ex){position:static;transform:none;display:inline-flex;align-items:center;width:fit-content;max-height:none;margin:0;padding:4px 10px;border:0;border-radius:999px;background:var(--c-soft);box-shadow:none;opacity:1;font-style:normal;font-family:var(--mono);font-size:var(--t-tag);font-weight:500;line-height:1.4;letter-spacing:.12em;text-transform:uppercase;color:var(--c-primary);white-space:nowrap}
html body:not(#_):not(#__):not(#___):not(#____) .bk-doc .bd-list>li>i.md{background:var(--c-paper);color:var(--c-gray)}
@media (max-width:640px){
  html body:not(#_):not(#__):not(#___):not(#____) :is(.bk-doc .bd-list>li,.mbrief ol>li){grid-template-columns:32px minmax(0,1fr)}
  html body:not(#_):not(#__):not(#___):not(#____) :is(.bk-doc .bd-list>li>i,.mbrief .mb-src){grid-column:2;justify-self:start}
}

/* ---- 07 FORM -------------------------------------------------------------- */
html body:not(#_):not(#__):not(#___):not(#____) :is(.bkform,.lgv-sheet){padding:var(--card-p-l);border:0;border-radius:var(--card-r-l);background:#fff;box-shadow:0 0 0 1px var(--c-rule)}
html body:not(#_):not(#__):not(#___):not(#____) .bkform .bf-h :is(h3,h3 b){margin:0;font-family:var(--font-h);font-size:var(--t-card);font-weight:700;line-height:1.25;letter-spacing:-.02em;color:var(--c-ink)}
html body:not(#_):not(#__):not(#___):not(#____) .bkform .bf-h small{display:block;margin-top:4px;font-size:var(--t-note);line-height:1.5;color:var(--c-gray)}

/* ---- 12 CALLOUT: one kind, dark and light --------------------------------- */
html body:not(#_):not(#__):not(#___):not(#____) :is(.bd-dec,.mb-dec){display:grid;gap:4px;margin:0;padding:var(--card-p-s) 20px;border:0;border-radius:var(--card-r-m);background:var(--kc-dark-bg);box-shadow:var(--kc-dark-line)}
html body:not(#_):not(#__):not(#___):not(#____) :is(.bd-dec,.mb-dec)>small{display:block;margin:0;font-family:var(--mono);font-size:var(--t-eyebrow);font-weight:500;line-height:1.5;letter-spacing:.12em;text-transform:uppercase;color:#A3B6FF}
html body:not(#_):not(#__):not(#___):not(#____) :is(.bd-dec,.mb-dec)>p{margin:0;font-family:var(--font);font-size:var(--t-prose);font-weight:500;line-height:1.6;color:#fff}
html body:not(#_):not(#__):not(#___):not(#____) .bk-guar{display:block;padding:var(--card-p-s) 20px;border:0;border-radius:var(--card-r-m);background:var(--c-blue-soft,#EEF2FE);box-shadow:inset 0 0 0 1px var(--c-blue-line,#D9E2FC)}
html body:not(#_):not(#__):not(#___):not(#____) .bk-guar .bg-ic{display:none}
html body:not(#_):not(#__):not(#___):not(#____) .bk-guar :is(h3,h3 b){margin:0;font-family:var(--mono);font-size:var(--t-eyebrow);font-weight:500;line-height:1.5;letter-spacing:.12em;text-transform:uppercase;color:var(--c-primary)}
html body:not(#_):not(#__):not(#___):not(#____) .bk-guar p{margin:4px 0 0;font-family:var(--font);font-size:var(--t-prose);font-weight:500;line-height:1.6;color:var(--c-ink)}

/* ---- 08 STEP --------------------------------------------------------------- */
/* pricing hero journey: each step its own dark card (sits on the dark page head) */
html body:not(#_):not(#__):not(#___):not(#____) #pagehead .journey{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));padding:0;border:0;border-radius:0;background:none;box-shadow:none}
html body:not(#_):not(#__):not(#___):not(#____) #pagehead .journey>li{display:flex;flex-direction:column;gap:8px;margin:0;padding:var(--card-p-m);border:0;border-radius:var(--card-r-m);background:var(--kc-dark-bg);box-shadow:var(--kc-dark-line)}
html body:not(#_):not(#__):not(#___):not(#____) #pagehead .journey>li::before,html body:not(#_):not(#__):not(#___):not(#____) #pagehead .journey>li::after{content:none;display:none}
html body:not(#_):not(#__):not(#___):not(#____) #pagehead .journey>li>div{display:flex;flex-direction:column;gap:4px}
html body:not(#_):not(#__):not(#___):not(#____) :is(#pagehead .journey .jn,.vx-st>i){display:grid;place-items:center;width:32px;height:32px;margin:0 0 8px;padding:0;border-radius:50%;background:#fff!important;color:var(--c-ink);font-style:normal;font-family:var(--mono);font-size:var(--t-tag);font-weight:500;line-height:1}
html body:not(#_):not(#__):not(#___):not(#____) :is(#pagehead .journey .kledger__k,.d30 li small){margin:0;font-family:var(--mono);font-size:var(--t-eyebrow);font-weight:500;line-height:1.5;letter-spacing:.12em;text-transform:uppercase;color:#A3B6FF}
html body:not(#_):not(#__):not(#___):not(#____) #pagehead .journey .kledger__t{font-family:var(--font-h);font-size:var(--t-row);font-weight:700;line-height:1.3;letter-spacing:-.015em;color:#fff}
html body:not(#_):not(#__):not(#___):not(#____) #pagehead .journey .kledger__d{margin:0;font-size:var(--t-prose);line-height:1.6;color:rgba(255,255,255,.72)}
html body:not(#_):not(#__):not(#___):not(#____) .d30 li small{color:var(--c-primary)}

/* ---- 11 CONTENT ------------------------------------------------------------ */
/* question card = "Dated sources" card: label, title, then sources as plain text */
html body:not(#_):not(#__):not(#___):not(#____) .qcard{display:flex;flex-direction:column;gap:12px;padding:var(--card-p-m);border:0;border-radius:var(--card-r-m);background:#fff;box-shadow:0 0 0 1px var(--c-rule)}
html body:not(#_):not(#__):not(#___):not(#____) .qcard .qn{font-family:var(--mono);font-size:var(--t-eyebrow);font-weight:500;line-height:1.5;letter-spacing:.12em;text-transform:uppercase;color:var(--c-primary)}
html body:not(#_):not(#__):not(#___):not(#____) .qcard h3,html body:not(#_):not(#__):not(#___):not(#____) .qcard q{margin:0;font-family:var(--font-h);font-size:var(--t-card);font-weight:700;line-height:1.25;letter-spacing:-.02em;color:var(--c-ink)}
html body:not(#_):not(#__):not(#___):not(#____) .qcard .ab{display:block;margin:0;padding:0;border:0;font-size:var(--t-prose);line-height:1.6;color:var(--c-gray)}
html body:not(#_):not(#__):not(#___):not(#____) .qcard .ab>small{display:inline;margin:0 4px 0 0;font-family:var(--font);font-size:var(--t-prose);font-weight:600;letter-spacing:0;text-transform:none;color:var(--c-ink)}
html body:not(#_):not(#__):not(#___):not(#____) .qcard .ab>div{display:inline}
html body:not(#_):not(#__):not(#___):not(#____) .qcard .ab span{display:inline;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;font-size:var(--t-prose);line-height:1.6;color:var(--c-gray);transition:color .2s}
html body:not(#_):not(#__):not(#___):not(#____) .qcard .ab span+span::before{content:" · ";color:var(--c-gray)}
html body:not(#_):not(#__):not(#___):not(#____) .qcard .ab span.lit{background:none;color:var(--c-primary)}
html body:not(#_):not(#__):not(#___):not(#____) .qcard .qa{margin-top:auto}
/* people card */
html body:not(#_):not(#__):not(#___):not(#____) .ppl-card{padding:var(--card-p-m);border:0;border-radius:var(--card-r-m);background:#fff;box-shadow:0 0 0 1px var(--c-rule)}
/* row card: memo / credit rows */
html body:not(#_):not(#__):not(#___):not(#____) .cr-r{display:flex;align-items:center;gap:16px;padding:var(--card-p-m);border:0;border-radius:var(--card-r-m);background:#fff;box-shadow:0 0 0 1px var(--c-rule)}
html body:not(#_):not(#__):not(#___):not(#____) :is(.cr-r .cr-ic,.whynow .wi){flex:none;display:grid;place-items:center;width:40px;height:40px;margin:0;border:0;border-radius:var(--card-r-s);background:var(--c-soft);box-shadow:none;color:var(--c-primary)}
html body:not(#_):not(#__):not(#___):not(#____) :is(.cr-r .cr-ic,.whynow .wi) svg{width:20px;height:20px}
html body:not(#_):not(#__):not(#___):not(#____) .cr-r>div{flex:1;min-width:0;display:grid;gap:4px}
html body:not(#_):not(#__):not(#___):not(#____) .cr-r :is(h3,h3 b){margin:0;font-family:var(--font-h);font-size:var(--t-row);font-weight:700;line-height:1.3;letter-spacing:-.015em;color:var(--c-ink)}
html body:not(#_):not(#__):not(#___):not(#____) .cr-r small{font-size:var(--t-note);line-height:1.5;color:var(--c-gray)}
html body:not(#_):not(#__):not(#___):not(#____) .cr-r>em{font-style:normal;font-family:var(--font-h);font-size:var(--t-row);font-weight:800;letter-spacing:-.015em;color:var(--c-ink);white-space:nowrap}
/* why now = the same row card, dark */
html body:not(#_):not(#__):not(#___):not(#____) #sdeep .whynow{display:flex;align-items:center;gap:16px;padding:var(--card-p-m);border:0;border-radius:var(--card-r-m);background:var(--kc-dark-bg);box-shadow:var(--kc-dark-line)}
html body:not(#_):not(#__):not(#___):not(#____) #sdeep .whynow .wi{background:rgba(163,182,255,.14);color:#A3B6FF}
html body:not(#_):not(#__):not(#___):not(#____) #sdeep .whynow small{display:block;font-family:var(--mono);font-size:var(--t-eyebrow);font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.55)}
html body:not(#_):not(#__):not(#___):not(#____) #sdeep .whynow p{margin:4px 0 0;font-size:var(--t-prose);line-height:1.6;color:rgba(255,255,255,.72)}
/* sources box */
html body:not(#_):not(#__):not(#___):not(#____) .srcbox{padding:var(--card-p-m);border:0;border-radius:var(--card-r-m);background:#fff;box-shadow:0 0 0 1px var(--c-rule)}

/* ---- 13 TABLE + 15 PANEL: dark surfaces on /sectors ------------------------- */
html body:not(#_):not(#__):not(#___):not(#____) #sdeep :is(.kpis,.wtable,.lf2 .tl,.chartcard){border:0;background:var(--kc-dark-bg);box-shadow:var(--kc-dark-line)}
html body:not(#_):not(#__):not(#___):not(#____) #sdeep .fnl-panel{border:0;background:rgba(255,255,255,.06);box-shadow:0 0 0 1px rgba(255,255,255,.08)}
html body:not(#_):not(#__):not(#___):not(#____) #sdeep :is(.fp-top,.fp-cmp>div){border:0;background:rgba(255,255,255,.06);box-shadow:0 0 0 1px rgba(255,255,255,.08)}
html body:not(#_):not(#__):not(#___):not(#____) #sdeep .fp-cmp>div:first-child{background:rgba(163,182,255,.16);box-shadow:inset 0 0 0 1px rgba(163,182,255,.45)}
html body:not(#_):not(#__):not(#___):not(#____) #sdeep :is(.fp-top>small,.fp-cmp small,.fp-wk){font-family:var(--mono);font-size:var(--t-eyebrow);font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.55)}
html body:not(#_):not(#__):not(#___):not(#____) #sdeep .fp-cmp>div:first-child small{color:#A3B6FF}
html body:not(#_):not(#__):not(#___):not(#____) #sdeep .fp-top .fp-tag{display:inline-flex;width:fit-content;padding:4px 10px;border:0;border-radius:999px;background:rgba(163,182,255,.14);font-family:var(--mono);font-size:var(--t-tag);font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:#A3B6FF}
/* bench table (pricing) */
html body:not(#_):not(#__):not(#___):not(#____) .bn-t{padding:var(--card-p-m);border:0;border-radius:var(--card-r-l);background:#fff;box-shadow:0 0 0 1px var(--c-rule)}

/* ---- 14 MEDIA ------------------------------------------------------------- */
html body:not(#_):not(#__):not(#___):not(#____) .rep{overflow:hidden;border:0;border-radius:var(--card-r-l);background:#fff;box-shadow:0 0 0 1px var(--c-rule)}
html body:not(#_):not(#__):not(#___):not(#____) .rep .rt{font-family:var(--mono);font-size:var(--t-tag);font-weight:500;letter-spacing:.12em;text-transform:uppercase}
html body:not(#_):not(#__):not(#___):not(#____) :is(.cv-frame,.bk-doc){border:0;border-radius:var(--card-r-l);box-shadow:0 0 0 1px var(--c-rule)}

/* ---- 10 COMPARE: today vs with your agent --------------------------------- */
html body:not(#_):not(#__):not(#___):not(#____) .vx-c.t{border:0;border-radius:var(--card-r-m);background:#fff;box-shadow:0 0 0 1px var(--c-rule)}
html body:not(#_):not(#__):not(#___):not(#____) .vx-c.a{border:0;border-radius:var(--card-r-m);background:var(--c-blue-soft);box-shadow:0 0 0 1px var(--c-blue-line)}
html body:not(#_):not(#__):not(#___):not(#____) .vx-c small{font-family:var(--mono);font-size:var(--t-eyebrow);font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--c-gray)}
html body:not(#_):not(#__):not(#___):not(#____) .vx-c.a small{color:var(--c-primary)}

/* ---- 04 PLAN (estimator result): dark plan card ---------------------------- */
html body:not(#_):not(#__):not(#___):not(#____) .est-out{border:0;border-radius:var(--card-r-l);padding:var(--card-p-l);background:var(--kc-dark-bg);box-shadow:var(--kc-dark-line)}
html body:not(#_):not(#__):not(#___):not(#____) .est-out>small{display:inline-flex;width:fit-content;padding:4px 10px;border-radius:999px;background:var(--c-primary);font-family:var(--mono);font-size:var(--t-tag);font-weight:500;line-height:1.5;letter-spacing:.12em;text-transform:uppercase;color:#fff}
html body:not(#_):not(#__):not(#___):not(#____) .est-out .btn{min-height:44px;font-size:15px}

/* Unslotted facts rows stay hidden (kit.css: main>.bk-facts) — the grid rule above must not reveal them */
html body:not(#_):not(#__):not(#___):not(#____) main>.bk-facts{display:none}

/* offer card: fineprint head mirrors the Readout head (label, title, price, body) */
html body:not(#_):not(#__):not(#___):not(#____) .fineprint .fp-head{display:grid;gap:4px;align-content:start}
html body:not(#_):not(#__):not(#___):not(#____) .fineprint .fp-head .hook-pr{margin-top:8px}
html body:not(#_):not(#__):not(#___):not(#____) .fineprint .fp-head p{margin:12px 0 0;font-size:var(--t-prose);line-height:1.6;color:var(--c-body)}
@media (max-width:899.98px){
  html body:not(#_):not(#__):not(#___):not(#____) .fineprint{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}
  html body:not(#_):not(#__):not(#___):not(#____) .fineprint .fp-a{display:contents}
  html body:not(#_):not(#__):not(#___):not(#____) .fineprint .fp-head{order:1}
  html body:not(#_):not(#__):not(#___):not(#____) .fineprint .fp-t{order:2}
  html body:not(#_):not(#__):not(#___):not(#____) .fineprint .fp-a>.btn{order:3;justify-self:start;grid-column:auto}
  html body:not(#_):not(#__):not(#___):not(#____) .fineprint .fp-t{grid-column:auto;grid-row:auto}
}