/* =====================================================================
   SAY funnel skin — glass reskin for /brand/ + /brief/ (additive, LAST).
   Restyles SURFACES only (color/glass/radius/shadow) — never layout/flow,
   so showtime.js step logic + the CRM submit keep working untouched.
   ===================================================================== */
@font-face{font-family:'Einstein';src:url('/assets/fonts/Einstein-Regular.woff2') format('woff2'),url('/assets/fonts/Einstein-Regular.woff') format('woff');font-weight:300 500;font-style:normal;font-display:swap}
@font-face{font-family:'Einstein';src:url('/assets/fonts/Einstein-Medium.woff2') format('woff2'),url('/assets/fonts/Einstein-Medium.woff') format('woff');font-weight:600 900;font-style:normal;font-display:swap}

:root{
  --teal:#0C3F51;--teal-2:#14586F;--cream:#EBDCC8;--sand:#DCCDB8;--sky:#BDD3E2;
  --bg:#F1EEE8;--surface:#FBF9F5;--ink:#0C3F51;--body:#3c4a50;--muted:#6c787d;--bronze:#9c6b3f;
  --line:rgba(12,63,81,.12);--accent:#0C3F51;
  --glass:rgba(255,255,255,.55);--glass-2:rgba(255,255,255,.4);--glass-brd:rgba(255,255,255,.75);
  --card:linear-gradient(180deg,#fff,#FAF8F3);--card-brd:rgba(12,63,81,.09);
  --shadow:0 16px 44px rgba(12,63,81,.10);--shadow-lg:0 30px 80px rgba(12,63,81,.16);
  --r-sm:16px;--r:22px;--r-md:28px;--r-lg:40px;--pill:999px;--ease:cubic-bezier(.22,.61,.36,1);--spring:cubic-bezier(.34,1.32,.5,1);
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#072530;--surface:#0c3744;--ink:#F4EFE6;--body:rgba(244,239,230,.82);--muted:rgba(244,239,230,.55);--bronze:#d8b48a;
  --line:rgba(235,220,200,.14);--accent:#cfe0ea;
  --glass:rgba(255,255,255,.07);--glass-2:rgba(255,255,255,.04);--glass-brd:rgba(235,220,200,.16);
  --card:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.02));--card-brd:rgba(235,220,200,.14);
  --shadow:0 22px 60px rgba(0,0,0,.42);--shadow-lg:0 36px 90px rgba(0,0,0,.55);
}}
:root[data-theme="dark"]{
  --bg:#072530;--surface:#0c3744;--ink:#F4EFE6;--body:rgba(244,239,230,.82);--muted:rgba(244,239,230,.55);--bronze:#d8b48a;
  --line:rgba(235,220,200,.14);--accent:#cfe0ea;
  --glass:rgba(255,255,255,.07);--glass-2:rgba(255,255,255,.04);--glass-brd:rgba(235,220,200,.16);
  --card:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.02));--card-brd:rgba(235,220,200,.14);
  --shadow:0 22px 60px rgba(0,0,0,.42);--shadow-lg:0 36px 90px rgba(0,0,0,.55);
}

body{font-family:'Einstein',sans-serif!important;
  background:radial-gradient(120% 80% at 85% -10%,rgba(189,211,226,.30),transparent 55%),radial-gradient(100% 70% at 0% 0%,rgba(235,220,200,.34),transparent 50%),var(--bg)!important;
  color:var(--body)!important}

/* ---- glass pill nav ---- */
.nav{background:transparent!important;border:0!important;box-shadow:none!important;position:sticky;top:0;z-index:50}
.nav .nav-in{margin:14px auto 0;max-width:1100px;width:calc(100% - 28px);display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:10px 12px 10px 22px;border-radius:var(--pill);background:var(--glass);-webkit-backdrop-filter:blur(20px) saturate(1.5);backdrop-filter:blur(20px) saturate(1.5);border:1px solid var(--glass-brd);box-shadow:var(--shadow)}
.nav-logo{color:var(--ink)!important;font-weight:800}.nav-logo .mark svg{width:28px;height:28px}
/* NOTE: never override .nav-links layout/visibility — the page's own responsive
   nav (hamburger toggle) controls it. We only restyle the items' colors below. */
.nav-ico{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);background:var(--glass-2);color:var(--ink)!important;transition:.25s}
.nav-ico:hover{background:var(--glass);transform:translateY(-2px)}.nav-ico svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2}
.nav-ico.lang{width:auto;padding:0 12px;font-size:13px;font-weight:700}
.nav-cta{background:var(--teal)!important;color:var(--surface)!important;border-radius:var(--pill)!important;padding:0 20px!important;height:46px;display:inline-flex;align-items:center;font-weight:700;border:0!important;box-shadow:0 12px 30px rgba(12,63,81,.18)}
[data-theme="dark"] .nav-cta,:root:not([data-theme="light"]) .nav-cta{background:var(--cream)!important;color:var(--teal)!important}

/* progress bar */
.progress-wrap{background:var(--line)!important;height:4px!important}
.progress-bar{background:linear-gradient(90deg,var(--teal),var(--teal-2))!important}

/* ---- the funnel "card" surfaces: fast-form + steps as glass panels ---- */
.fast-form,.step{background:var(--card)!important;border:1px solid var(--card-brd)!important;border-radius:var(--r-lg)!important;
  box-shadow:var(--shadow-lg)!important;padding:clamp(24px,4vw,46px)!important;max-width:680px;margin:22px auto!important}
.fast-kicker,.intro-eyebrow,.step-tag{color:var(--accent)!important;font-weight:700!important;letter-spacing:.16em!important;text-transform:uppercase}
.fast-hero h1,.intro-hook,.step-title,.fast-form-head h2{color:var(--ink)!important;font-weight:800!important;letter-spacing:-.02em!important}
.fast-lead,.intro-sub,.step-sub,.fast-form-head p{color:var(--muted)!important}
.step-rule,.intro-divider{background:var(--accent)!important;opacity:.7}
.fast-proof span,.campaign-cards span{background:var(--glass)!important;border:1px solid var(--glass-brd)!important;border-radius:var(--pill)!important;color:var(--ink)!important;backdrop-filter:blur(10px)}
.bp-thumbs img{border-radius:var(--r-sm)!important;box-shadow:var(--shadow)}

/* selectable cards: fast-choice + option-card → glass, teal when selected */
.fast-choice,.option-card{background:var(--glass)!important;border:1px solid var(--glass-brd)!important;border-radius:var(--r-md)!important;
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow);transition:transform .35s var(--spring),border-color .25s,background .25s}
.fast-choice:hover,.option-card:hover{transform:translateY(-3px);border-color:var(--accent)!important}
.fast-choice.is-selected,.option-card.is-selected,.option-card.selected{border-color:var(--teal)!important;
  background:linear-gradient(180deg,rgba(12,63,81,.06),rgba(12,63,81,.02))!important;box-shadow:0 0 0 2px rgba(12,63,81,.25),var(--shadow)!important}
[data-theme="dark"] .fast-choice.is-selected,[data-theme="dark"] .option-card.is-selected,[data-theme="dark"] .option-card.selected{
  border-color:var(--sky)!important;background:rgba(189,211,226,.10)!important;box-shadow:0 0 0 2px rgba(189,211,226,.4),var(--shadow)!important}
.fast-choice strong,.option-title{color:var(--ink)!important}
.fast-choice span,.option-desc,.option-text span{color:var(--muted)!important}

/* inputs / selects */
.fast-fields input,.fast-timing select,.form-input,input[type=text],input[type=tel],input[type=email],select,textarea{
  background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:var(--r-sm)!important;color:var(--ink)!important;font:inherit!important;padding:13px 15px!important}
.fast-fields input:focus,.form-input:focus,select:focus,textarea:focus{outline:none!important;border-color:var(--accent)!important;box-shadow:0 0 0 4px rgba(189,211,226,.4)!important}
.fast-fields label span,.form-label,label span{color:var(--ink)!important;font-weight:600}

/* buttons */
.fast-submit,.btn-primary,button[type=submit]{background:var(--teal)!important;color:var(--surface)!important;border:0!important;border-radius:var(--pill)!important;
  font-weight:700!important;height:56px;box-shadow:0 16px 40px rgba(12,63,81,.22);transition:transform .35s var(--spring),filter .3s}
[data-theme="dark"] .fast-submit,[data-theme="dark"] .btn-primary,[data-theme="dark"] button[type=submit]{background:var(--cream)!important;color:var(--teal)!important}
.fast-submit:hover,.btn-primary:hover{transform:translateY(-3px);filter:brightness(1.06)}
.fast-whatsapp,.fast-success{color:var(--muted)!important}
.fast-success{background:var(--glass)!important;border:1px solid var(--glass-brd)!important;border-radius:var(--r-md)!important;padding:20px!important;color:var(--ink)!important}
.fast-error,.error-msg{color:#d2674e!important}

/* floats / trust footer */
.float.wa{background:#25D366!important}.trust-footer{color:var(--muted)!important}

/* ---- /brief/ specific surfaces ---- */
.summary-section{background:var(--card)!important;border:1px solid var(--card-brd)!important;border-radius:var(--r-md)!important;box-shadow:var(--shadow)!important;padding:24px 26px!important;margin-bottom:16px}
.summary-section-title{color:var(--ink)!important;font-weight:700!important}
.summary-item{color:var(--body)!important;border-bottom:1px solid var(--line)!important;padding:10px 0!important}
.btn-secondary{background:var(--glass)!important;border:1px solid var(--glass-brd)!important;color:var(--ink)!important;border-radius:var(--pill)!important;font-weight:700!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.tabs-arrow{background:var(--glass)!important;border:1px solid var(--glass-brd)!important;color:var(--ink)!important;border-radius:50%!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.tabs-fade{background:linear-gradient(90deg,transparent,var(--bg))!important}

/* Keep the public funnel controls visible on every screen.
   The Brand page does not use a hamburger, so the theme/language/home controls
   must stay inside the floating glass nav instead of being hidden by legacy CSS. */
.nav .nav-links{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;margin-inline-start:auto!important;opacity:1!important;pointer-events:auto!important;transform:none!important}
@media(max-width:980px){
  .nav .nav-in{min-height:0!important;padding:8px 10px!important;width:calc(100% - 20px)!important;gap:8px!important}
  .nav-logo{min-width:0!important;gap:8px!important}
  .nav-logo span:last-child{font-size:14px!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:42vw!important}
  .nav .nav-links{position:static!important;inset:auto!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:6px!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
  .nav .nav-ico{width:44px!important;height:44px!important;min-width:44px!important;flex:0 0 44px!important;padding:0!important}
  .nav .nav-ico.lang{width:auto!important;min-width:44px!important;flex:0 0 auto!important;padding-inline:10px!important}
  .nav .nav-cta{display:none!important}
}
@media(max-width:380px){
  .nav-logo span:last-child{max-width:34vw!important}
  .nav .nav-ico{width:44px!important;height:44px!important;min-width:44px!important}
  .nav .nav-ico.lang{min-width:44px!important;padding-inline:8px!important}
}


/* ===================================================================
   SAY DELIGHT (funnel) — load failsafe + progress + to-top (2026-06-10)
   =================================================================== */
@keyframes sayFailsafeIn{to{opacity:1;transform:none;filter:none}}
@keyframes sayFailsafeClip{to{clip-path:inset(0 0 0 0)}}
html.js-anim:not(.say-ok) .ap,
html.js-anim:not(.say-ok) .ap-scale,
html.js-anim:not(.say-ok) [data-load],
html.js-anim:not(.say-ok) [data-img-reveal],
html.js-anim:not(.say-ok) [data-img-reveal] img,
html.js-anim:not(.say-ok) [data-words] .ci{
  animation:sayFailsafeIn .7s cubic-bezier(.22,.61,.36,1) 2.4s forwards;
}
html.js-anim:not(.say-ok) [data-words]{
  animation:sayFailsafeClip .7s cubic-bezier(.22,.61,.36,1) 2.4s forwards;
}
.say-progress{
  position:fixed;inset-block-start:0;inset-inline-start:0;z-index:90;
  width:100%;height:2.5px;pointer-events:none;
  background:linear-gradient(90deg,var(--teal,#0C3F51),var(--sky,#BDD3E2));
  transform:scaleX(0);transform-origin:0 50%;
}
html[dir="rtl"] .say-progress{transform-origin:100% 50%}
.say-totop{
  position:fixed;inset-inline-end:20px;inset-block-end:20px;z-index:70;
  width:46px;height:46px;border-radius:50%;display:grid;place-items:center;
  background:var(--glass,rgba(255,255,255,.5));border:1px solid var(--glass-brd,rgba(255,255,255,.6));
  -webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);
  color:var(--ink,#0C3F51);cursor:pointer;box-shadow:var(--shadow,0 16px 44px rgba(12,63,81,.14));
  opacity:0;transform:translateY(16px) scale(.88);pointer-events:none;
  transition:opacity .35s ease,transform .5s cubic-bezier(.34,1.32,.5,1);
}
.say-totop.on{opacity:1;transform:none;pointer-events:auto}
.say-totop:hover{transform:translateY(-3px)}
.say-totop svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media (prefers-reduced-motion:reduce){
  .say-progress{display:none}
  .say-totop{transition:none}
  html.js-anim:not(.say-ok) .ap,html.js-anim:not(.say-ok) [data-load],html.js-anim:not(.say-ok) [data-words] .ci,html.js-anim:not(.say-ok) [data-words]{animation-delay:0s;animation-duration:.01s}
}
body.acc-stop .say-progress{display:none}


/* =====================================================================
   SAY UNIFY v2 (2026-06-10) — one design language for /brand + /brief,
   matched to the homepage: cream canvas, glass cards, teal+sky.
   Surface styling only — zero layout/logic (showtime untouched).
   ===================================================================== */
html body{background:radial-gradient(120% 80% at 85% -10%,rgba(189,211,226,.35),transparent 55%),radial-gradient(100% 70% at 0% 0%,rgba(235,220,200,.4),transparent 50%),#F1EEE8!important}
html body .step{background:rgba(255,255,255,.55)!important;-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);border:1px solid rgba(255,255,255,.75)!important;border-radius:30px!important;box-shadow:0 16px 44px rgba(12,63,81,.10)!important}
html body .step-title{font-family:'Einstein','Heebo',sans-serif!important;font-weight:700!important;font-size:clamp(31px,4.4vw,50px)!important;line-height:1.07!important;letter-spacing:-.022em!important;color:#0C3F51!important;text-wrap:balance}
html body .step-tag{display:inline-flex;align-items:center;gap:8px;padding:7px 16px!important;border-radius:999px!important;background:rgba(255,255,255,.5)!important;border:1px solid rgba(255,255,255,.78)!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#0C3F51!important;font-weight:700!important;font-size:12.5px!important;letter-spacing:.02em}
html body .step-sub{font-size:clamp(16px,1.55vw,19px)!important;line-height:1.65!important;color:rgba(22,50,59,.66)!important;text-wrap:pretty}
html body .step-rule{background:linear-gradient(90deg,#0C3F51,#BDD3E2)!important;height:3px!important;border:0!important;border-radius:999px!important;opacity:.85}
html body .option-card,html body .product-card{background:rgba(255,255,255,.45)!important;-webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3);border:1px solid rgba(255,255,255,.72)!important;border-radius:22px!important;box-shadow:0 10px 30px rgba(12,63,81,.07)!important;transition:transform .3s cubic-bezier(.34,1.32,.5,1),border-color .25s ease,box-shadow .3s ease,background .25s ease!important}
html body .option-card:hover,html body .product-card:hover{transform:translateY(-3px);border-color:rgba(12,63,81,.28)!important;box-shadow:0 18px 44px rgba(12,63,81,.13)!important;background:rgba(255,255,255,.62)!important}
html body .option-title,html body .product-name{color:#0C3F51!important;font-weight:700!important}
html body .option-desc,html body .option-text,html body .product-desc{color:rgba(22,50,59,.66)!important}
html body .intro-info-card,html body .summary-section{background:rgba(255,255,255,.45)!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.7)!important;border-radius:22px!important;box-shadow:0 10px 30px rgba(12,63,81,.06)!important}
html body .summary-section-title,html body .intro-info-title{color:#0C3F51!important}
html body .form-label{color:rgba(22,50,59,.72)!important;font-weight:600!important}
html body .form-input{background:rgba(255,255,255,.66)!important;border:1.5px solid rgba(12,63,81,.14)!important;border-radius:16px!important;color:#11333d!important;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease!important}
html body .form-input:focus{outline:none!important;border-color:rgba(12,63,81,.3)!important;background:rgba(255,255,255,.85)!important;box-shadow:0 0 0 4px rgba(189,211,226,.38)!important}
html body .btn-primary{background:#0C3F51!important;color:#FBF9F5!important;border:1px solid transparent!important;border-radius:999px!important;box-shadow:0 18px 50px rgba(12,63,81,.16)!important;position:relative;overflow:hidden;transition:transform .3s cubic-bezier(.34,1.32,.5,1),box-shadow .3s ease,filter .25s ease!important}
html body .btn-primary:hover{transform:translateY(-2px);filter:brightness(1.07);box-shadow:0 26px 64px rgba(12,63,81,.22)!important}
html body .btn-primary::after{content:'';position:absolute;inset-block:-40%;inline-size:34%;inset-inline-start:-55%;transform:skewX(-18deg);pointer-events:none;background:linear-gradient(105deg,transparent,rgba(255,255,255,.26),transparent)}
html body .btn-primary:hover::after{inset-inline-start:140%;transition:inset-inline-start .85s cubic-bezier(.22,.61,.36,1)}
html body .btn-secondary{background:rgba(255,255,255,.5)!important;color:#0C3F51!important;border:1px solid rgba(255,255,255,.78)!important;border-radius:999px!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .3s cubic-bezier(.34,1.32,.5,1),box-shadow .3s ease!important}
html body .btn-secondary:hover{transform:translateY(-2px);box-shadow:0 14px 36px rgba(12,63,81,.12)}
html body .progress-wrap{background:rgba(12,63,81,.08)!important;border-radius:999px!important;overflow:hidden}
html body .progress-bar{background:linear-gradient(90deg,#0C3F51,#BDD3E2)!important;border-radius:999px!important}
html body .tabs-wrap{background:rgba(255,255,255,.4)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.65)!important}
html body .tab-btn{border-radius:999px!important}
html body .trust-footer{color:rgba(22,50,59,.5)!important}
html body .error-msg{color:#C24B38!important}
@media (prefers-reduced-motion:reduce){html body .btn-primary::after{display:none}html body .option-card,html body .product-card,html body .btn-primary,html body .btn-secondary{transition:none!important}}

/* SAY UNIFY v2.1 — out-spec brand's own .step panel so both funnels share the exact same glass */
html body .step:not(#say0){background:rgba(255,255,255,.55)!important;-webkit-backdrop-filter:blur(18px) saturate(1.4)!important;backdrop-filter:blur(18px) saturate(1.4)!important;border:1px solid rgba(255,255,255,.75)!important;border-radius:30px!important;box-shadow:0 16px 44px rgba(12,63,81,.10)!important}
html body .step-title:not(#say0){color:#0C3F51!important}


/* =====================================================================
   SAY UNIFY v3 (2026-06-10) — the funnels join the living system 1:1:
   same ambient orbs + cursor glow as the homepage, glass selected-state,
   nav shadow matched. Light-only (funnels do not auto-dark).
   ===================================================================== */
.say-orb{position:fixed;border-radius:50%;pointer-events:none;z-index:0;filter:blur(50px);opacity:.55;will-change:transform}
.say-orb--1{width:340px;height:340px;inset-block-start:9%;inset-inline-end:-100px;background:radial-gradient(circle at 35% 35%,rgba(189,211,226,.5),rgba(189,211,226,0) 70%);animation:sayOrbA 26s ease-in-out infinite alternate}
.say-orb--2{width:280px;height:280px;inset-block-end:13%;inset-inline-start:-90px;background:radial-gradient(circle at 60% 40%,rgba(235,220,200,.55),rgba(235,220,200,0) 70%);animation:sayOrbB 32s ease-in-out infinite alternate}
.say-orb--3{width:200px;height:200px;inset-block-start:56%;inset-inline-end:16%;background:radial-gradient(circle at 50% 50%,rgba(20,88,111,.16),rgba(20,88,111,0) 70%);animation:sayOrbC 38s ease-in-out infinite alternate}
@keyframes sayOrbA{to{transform:translate3d(-44px,56px,0) scale(1.12)}}
@keyframes sayOrbB{to{transform:translate3d(52px,-44px,0) scale(.9)}}
@keyframes sayOrbC{to{transform:translate3d(-34px,-48px,0) scale(1.16)}}
.say-glow{position:fixed;inset-block-start:0;inset-inline-start:0;width:380px;height:380px;border-radius:50%;pointer-events:none;z-index:1;opacity:0;transition:opacity .6s ease;background:radial-gradient(circle,rgba(189,211,226,.15),transparent 65%);will-change:transform}
/* selected option — glass sky highlight (covers role-radio and class patterns) */
html body .option-card[aria-checked="true"],html body .option-card.selected,html body .option-card.active,html body .option-card.checked{background:rgba(189,211,226,.32)!important;border-color:rgba(12,63,81,.45)!important;box-shadow:0 14px 36px rgba(12,63,81,.16)!important}
html body .option-card[aria-checked="true"] .option-title,html body .option-card.selected .option-title{color:#0C3F51!important}
/* nav pill — exact same shadow/border as homepage nav */
html body .nav .nav-in,html body nav .nav-in{box-shadow:0 16px 44px rgba(12,63,81,.10)!important;border:1px solid rgba(255,255,255,.75)!important}
/* step-tag matched to homepage hero-badge */
html body .step-tag{font-size:13.5px!important}
@media (prefers-reduced-motion:reduce){.say-orb,.say-glow{display:none}}
body.acc-stop .say-orb,body.acc-stop .say-glow{display:none}


/* ===================================================================
   SAY UNIFY v4 (2026-06-10) — dark-mode surfaces for the funnel UI
   (say-os.css now provides the full home chrome incl. dark tokens)
   =================================================================== */
html[data-theme="dark"] body{background:radial-gradient(120% 80% at 85% -10%,rgba(20,88,111,.55),transparent 55%),radial-gradient(90% 60% at 0% 0%,rgba(12,63,81,.6),transparent 50%),#072530!important}
html[data-theme="dark"] body .step{background:rgba(255,255,255,.07)!important;border-color:rgba(235,220,200,.16)!important;box-shadow:0 22px 60px rgba(0,0,0,.42)!important}
html[data-theme="dark"] body .step-title{color:#F4EFE6!important}
html[data-theme="dark"] body .step-sub{color:rgba(244,239,230,.66)!important}
html[data-theme="dark"] body .step-tag{background:rgba(255,255,255,.08)!important;border-color:rgba(235,220,200,.18)!important;color:#F4EFE6!important}
html[data-theme="dark"] body .option-card,html[data-theme="dark"] body .product-card,html[data-theme="dark"] body .intro-info-card,html[data-theme="dark"] body .summary-section{background:rgba(255,255,255,.055)!important;border-color:rgba(235,220,200,.14)!important}
html[data-theme="dark"] body .option-card:hover,html[data-theme="dark"] body .product-card:hover{background:rgba(255,255,255,.1)!important;border-color:rgba(189,211,226,.32)!important}
html[data-theme="dark"] body .option-card[aria-checked="true"],html[data-theme="dark"] body .option-card.selected{background:rgba(189,211,226,.16)!important;border-color:rgba(189,211,226,.45)!important}
html[data-theme="dark"] body .option-title,html[data-theme="dark"] body .product-name,html[data-theme="dark"] body .summary-section-title,html[data-theme="dark"] body .intro-info-title{color:#F4EFE6!important}
html[data-theme="dark"] body .option-desc,html[data-theme="dark"] body .option-text,html[data-theme="dark"] body .product-desc{color:rgba(244,239,230,.6)!important}
html[data-theme="dark"] body .form-label{color:rgba(244,239,230,.78)!important}
html[data-theme="dark"] body .form-input{background:rgba(255,255,255,.07)!important;border-color:rgba(235,220,200,.2)!important;color:#F4EFE6!important}
html[data-theme="dark"] body .form-input:focus{border-color:rgba(189,211,226,.5)!important;background:rgba(255,255,255,.1)!important;box-shadow:0 0 0 4px rgba(189,211,226,.14)!important}
html[data-theme="dark"] body .btn-primary{background:#EBDCC8!important;color:#0C3F51!important}
html[data-theme="dark"] body .btn-secondary{background:rgba(255,255,255,.08)!important;color:#F4EFE6!important;border-color:rgba(235,220,200,.18)!important}
html[data-theme="dark"] body .progress-wrap{background:rgba(235,220,200,.12)!important}
html[data-theme="dark"] body .progress-bar{background:linear-gradient(90deg,#EBDCC8,#BDD3E2)!important}
html[data-theme="dark"] body .trust-footer{color:rgba(244,239,230,.5)!important}
html[data-theme="dark"] body .say-orb{opacity:.4}
html[data-theme="dark"] body .say-orb--2{background:radial-gradient(circle at 60% 40%,rgba(20,88,111,.55),rgba(20,88,111,0) 70%)}
html[data-theme="dark"] body .say-glow{background:radial-gradient(circle,rgba(189,211,226,.07),transparent 65%)}

/* SAY UNIFY v4.1 — funnel nav pill = home nav pill exactly (older sheets zeroed the bg) */
html body nav.nav{background:var(--glass)!important;-webkit-backdrop-filter:blur(20px) saturate(1.5)!important;backdrop-filter:blur(20px) saturate(1.5)!important;border:1px solid var(--glass-brd)!important;box-shadow:var(--shadow)!important}
html body nav.nav .nav-links a{color:var(--body)!important}
html body nav.nav .nav-links a:hover{color:var(--ink)!important}

/* SAY UNIFY v4.2 — hide the funnel-injected WhatsApp item inside the home menu (home keeps WhatsApp in floats/footer) */
html body nav.nav .nav-links a[href*="wa.me"]{display:none!important}

/* SAY UNIFY v4.4 — the brief hid its footer; the home footer is always present */
html body footer.foot{display:block!important}

/* =====================================================================
   SAY UNIFY v5 (2026-06-10) — nav controls pixel-matched to the homepage.
   Old funnel sheets styled .nav-cta itself as a dark pill button and
   squeezed .nav-ico — measured against home and forced 1:1.
   ===================================================================== */
html body nav.nav .nav-cta{background:transparent!important;padding:0!important;height:auto!important;min-height:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;gap:8px!important;display:flex!important;align-items:center!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html body nav.nav .nav-cta .btn-primary{height:46px!important;min-height:46px!important;max-height:46px!important;padding:0 20px!important;font-size:15.5px!important;font-weight:700!important;letter-spacing:-.01em!important}
html body nav.nav .nav-ico{width:42px!important;min-width:42px!important;height:42px!important;padding:0!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:var(--glass-2)!important;border:1px solid var(--line)!important;color:var(--ink)!important;box-shadow:none!important;margin:0!important}
html body nav.nav .nav-ico.lang{width:auto!important;min-width:0!important;padding:0 12px!important;font-size:13px!important;font-weight:700!important}
html body nav.nav .nav-ico svg{width:19px!important;height:19px!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important;stroke-linecap:round!important}
html body nav.nav .brand{color:var(--ink)!important;font-size:18px!important;font-weight:800!important;gap:10px!important;background:none!important;padding:0!important;border:0!important}
html body nav.nav .brand .mark{width:30px!important;height:30px!important}
html body nav.nav .nav-links a{padding:9px 15px!important;border-radius:999px!important;font-size:15px!important;font-weight:600!important;background:transparent!important;border:0!important}
html body nav.nav .nav-links a:hover{background:var(--glass-2)!important}

/* SAY UNIFY v5.1 — exact home glass values for nav icons (old token won the var) */
html body nav.nav .nav-ico{background:rgba(255,255,255,.38)!important}
html body nav.nav .nav-ico:hover{background:rgba(255,255,255,.55)!important;transform:translateY(-2px)}
html[data-theme="dark"] body nav.nav .nav-ico{background:rgba(255,255,255,.04)!important;border-color:rgba(235,220,200,.16)!important;color:#F4EFE6!important}
html[data-theme="dark"] body nav.nav .nav-ico:hover{background:rgba(255,255,255,.08)!important}
html[data-theme="dark"] body nav.nav .brand{color:#F4EFE6!important}

/* SAY UNIFY v5.2 — dark-mode nav matched to home (old funnel dark rules painted a cream block) */
html[data-theme="dark"] body nav.nav{background:rgba(255,255,255,.07)!important;border:1px solid rgba(235,220,200,.16)!important;box-shadow:0 22px 60px rgba(0,0,0,.42)!important}
html[data-theme="dark"] body nav.nav .nav-cta{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
html[data-theme="dark"] body nav.nav .nav-links a{color:rgba(244,239,230,.8)!important;background:transparent!important}
html[data-theme="dark"] body nav.nav .nav-links a:hover{background:rgba(255,255,255,.08)!important;color:#F4EFE6!important}
html[data-theme="dark"] body nav.nav .nav-cta .btn-primary{background:#EBDCC8!important;color:#0C3F51!important}

/* SAY UNIFY v5.3 — dark: the funnel's fixed body::before sky-veil + grid lines turned dark-teal */
html[data-theme="dark"] body::before{background:radial-gradient(circle at 50% 18%,rgba(20,88,111,.5),transparent 46%)!important}
html[data-theme="dark"] body::after{opacity:.05!important}

/* SAY UNIFY v6 — atmosphere 1:1: drop the funnel's own veil+grid pseudos (home glows come from body bg), hero-grade titles */
html body::before,html body::after{content:none!important}
html body .step-title{font-size:clamp(34px,5vw,56px)!important}

/* =====================================================================
   SAY UNIFY v6.1 — funnels are LIGHT by default even on dark-mode
   systems (no half-dark frankenstein); the explicit toggle
   ([data-theme="dark"]) still delivers the full dark experience.
   ===================================================================== */
@media (prefers-color-scheme: dark){
  html:not([data-theme="dark"]){color-scheme:light;
    --bg:#F1EEE8;
    --bg-grad:radial-gradient(120% 80% at 85% -10%,rgba(189,211,226,.35),transparent 55%),radial-gradient(100% 70% at 0% 0%,rgba(235,220,200,.4),transparent 50%),#F1EEE8;
    --surface:#FBF9F5; --surface-2:#F4F1EB;
    --ink:#0C3F51; --body:#3c4a50; --muted:#6c787d; --line:rgba(12,63,81,.12);
    --accent:#0C3F51; --hi:#0C3F51; --hi-mark:rgba(189,211,226,.55);
    --btn-bg:#0C3F51; --btn-fg:#FBF9F5; --btn-glass:rgba(255,255,255,.5); --btn-glass-fg:#0C3F51;
    --glass:rgba(255,255,255,.55); --glass-2:rgba(255,255,255,.38); --glass-brd:rgba(255,255,255,.75); --glass-blur:18px;
    --card:linear-gradient(180deg,#fff,#FAF8F3); --card-brd:rgba(12,63,81,.09);
    --shadow:0 16px 44px rgba(12,63,81,.10); --shadow-lg:0 32px 80px rgba(12,63,81,.16); --shadow-glow:0 18px 50px rgba(12,63,81,.14);
  }
  html:not([data-theme="dark"]) body{background:radial-gradient(120% 80% at 85% -10%,rgba(189,211,226,.35),transparent 55%),radial-gradient(100% 70% at 0% 0%,rgba(235,220,200,.4),transparent 50%),#F1EEE8!important}
  html:not([data-theme="dark"]) #themeSun{display:none!important}
  html:not([data-theme="dark"]) #themeMoon{display:block!important}
}

/* SAY UNIFY v6.2 - light kit re-assertion under system-dark (funnel inline media-dark neutralized) */
@media (prefers-color-scheme: dark){
html:not([data-theme="dark"]) body .step{background:rgba(255,255,255,.55)!important;border:1px solid rgba(255,255,255,.75)!important;box-shadow:0 16px 44px rgba(12,63,81,.10)!important}
html:not([data-theme="dark"]) body .step-title{color:#0C3F51!important}
html:not([data-theme="dark"]) body .step-sub{color:rgba(22,50,59,.66)!important}
html:not([data-theme="dark"]) body .step-tag{background:rgba(255,255,255,.5)!important;border-color:rgba(255,255,255,.78)!important;color:#0C3F51!important}
html:not([data-theme="dark"]) body .option-card,html:not([data-theme="dark"]) body .product-card,html:not([data-theme="dark"]) body .intro-info-card,html:not([data-theme="dark"]) body .summary-section{background:rgba(255,255,255,.45)!important;border-color:rgba(255,255,255,.72)!important}
html:not([data-theme="dark"]) body .option-title,html:not([data-theme="dark"]) body .product-name,html:not([data-theme="dark"]) body .summary-section-title,html:not([data-theme="dark"]) body .intro-info-title{color:#0C3F51!important}
html:not([data-theme="dark"]) body .option-desc,html:not([data-theme="dark"]) body .option-text,html:not([data-theme="dark"]) body .product-desc{color:rgba(22,50,59,.66)!important}
html:not([data-theme="dark"]) body .form-label{color:rgba(22,50,59,.72)!important}
html:not([data-theme="dark"]) body .form-input{background:rgba(255,255,255,.66)!important;border-color:rgba(12,63,81,.14)!important;color:#11333d!important}
html:not([data-theme="dark"]) body .btn-primary{background:#0C3F51!important;color:#FBF9F5!important}
html:not([data-theme="dark"]) body .btn-secondary{background:rgba(255,255,255,.5)!important;color:#0C3F51!important;border-color:rgba(255,255,255,.78)!important}
html:not([data-theme="dark"]) body .progress-wrap{background:rgba(12,63,81,.08)!important}
html:not([data-theme="dark"]) body .progress-bar{background:linear-gradient(90deg,#0C3F51,#BDD3E2)!important}
html:not([data-theme="dark"]) body .trust-footer{color:rgba(22,50,59,.5)!important}
html:not([data-theme="dark"]) body nav.nav{background:rgba(255,255,255,.55)!important;border:1px solid rgba(255,255,255,.75)!important;box-shadow:0 16px 44px rgba(12,63,81,.10)!important}
html:not([data-theme="dark"]) body nav.nav .brand{color:#0C3F51!important}
html:not([data-theme="dark"]) body nav.nav .nav-links a{color:#3c4a50!important}
html:not([data-theme="dark"]) body nav.nav .nav-links a:hover{color:#0C3F51!important;background:rgba(255,255,255,.38)!important}
html:not([data-theme="dark"]) body nav.nav .nav-ico{background:rgba(255,255,255,.38)!important;border:1px solid rgba(12,63,81,.12)!important;color:#0C3F51!important}
html:not([data-theme="dark"]) body nav.nav .nav-cta .btn-primary{background:#0C3F51!important;color:#FBF9F5!important}
html:not([data-theme="dark"]) body footer.foot{background:linear-gradient(180deg,#F4F1EB,#EFEAE1)!important;color:#3c4a50!important;border-top:1px solid rgba(12,63,81,.12)!important}
html:not([data-theme="dark"]) body footer.foot .foot-brand,html:not([data-theme="dark"]) body footer.foot .foot-copy{color:#0C3F51!important}
html:not([data-theme="dark"]) body footer.foot .links a,html:not([data-theme="dark"]) body footer.foot .foot-social a{color:#3c4a50!important;background:rgba(255,255,255,.5)!important;border-color:rgba(12,63,81,.12)!important}
html:not([data-theme="dark"]) body .say-orb{opacity:.55}
html:not([data-theme="dark"]) body .say-orb--2{background:radial-gradient(circle at 60% 40%,rgba(235,220,200,.55),rgba(235,220,200,0) 70%)}
}

/* SAY UNIFY v6.3 — out-spec say-os dark tokens (:root:not([data-theme=light]) = 0,2,0) with 0,3,0 so funnels stay light-tokened under system-dark */
@media (prefers-color-scheme: dark){
:root:not([data-theme="light"]):not([data-theme="dark"]){color-scheme:light;
  --bg:#F1EEE8;
  --bg-grad:radial-gradient(120% 80% at 85% -10%,rgba(189,211,226,.35),transparent 55%),radial-gradient(100% 70% at 0% 0%,rgba(235,220,200,.4),transparent 50%),#F1EEE8;
  --surface:#FBF9F5; --surface-2:#F4F1EB;
  --ink:#0C3F51; --body:#3c4a50; --muted:#6c787d; --line:rgba(12,63,81,.12);
  --accent:#0C3F51; --hi:#0C3F51; --hi-mark:rgba(189,211,226,.55);
  --btn-bg:#0C3F51; --btn-fg:#FBF9F5; --btn-glass:rgba(255,255,255,.5); --btn-glass-fg:#0C3F51;
  --glass:rgba(255,255,255,.55); --glass-2:rgba(255,255,255,.38); --glass-brd:rgba(255,255,255,.75); --glass-blur:18px;
  --card:linear-gradient(180deg,#fff,#FAF8F3); --card-brd:rgba(12,63,81,.09);
  --shadow:0 16px 44px rgba(12,63,81,.10); --shadow-lg:0 32px 80px rgba(12,63,81,.16); --shadow-glow:0 18px 50px rgba(12,63,81,.14);
  --panel:#FBF9F5; --topbar-bg:rgba(251,249,245,.72); --text:#0C3F51; --text-2:rgba(22,50,59,.72); --text-3:rgba(22,50,59,.46);
}
:root:not([data-theme="light"]):not([data-theme="dark"]) #themeSun{display:none!important}
:root:not([data-theme="light"]):not([data-theme="dark"]) #themeMoon{display:block!important}
}