/* =====================================================================
   teksupportUSA: site styles (Clarity design, October 2026)
   Colors come from the brand variables below. The admin's color theme
   (Design & layout > Colors & theme) overrides the brand variables only.
   ===================================================================== */
:root{
  color-scheme: light;
  /* brand (the admin theme can change these) */
  --navy:#1B2A41; --navy-deep:#14202F; --navy-2:#0F1A2B;
  --orange:#FF6A3D; --orange-dk:#E04E2A; --orange-lt:#FF8A63;
  --cream:#F6F4EF; --white:#FFFFFF;
  /* text + status */
  --text:#434A5E; --muted:#767D8F; --muted2:#8a93a1;
  --good:#15845a; --good-bg:#e2f1e9; --warn:#b76e00; --warn-bg:#fff4dc; --bad:#c2410c; --bad-bg:#ffe8df;
  --orange-soft:#fff1eb;
  /* theme tokens (light) */
  --bg:#FFFFFF; --bg2:var(--cream); --bg3:#efece5; --surf:#FFFFFF; --ink:var(--navy);
  --line:rgba(27,42,65,.12); --line2:rgba(27,42,65,.2); --navbg:rgba(246,244,239,.86); --dim:#b3b8c2;
  --btn-dk:var(--navy); --btn-dk-ink:#FFFFFF;
  /* control accents (turn orange in dark mode) */
  --seg-ring:0 0 0 0 transparent; --seg-ink:var(--text); --seg-hover:var(--ink); --seg-sel-bg:var(--surf); --seg-sel-ink:var(--ink);
  --seg-sel-shadow:0 4px 14px -6px rgba(15,26,43,.3); --ctl-border:var(--line2); --ctl-hover:0 0 0 0 transparent;
  --ctl-sel-bg:var(--orange-soft); --ctl-sel-ink:var(--ink); --gh-ink:var(--ink); --gh-ring:var(--line2);
  --plus-bg:var(--ink); --plus-ink:var(--bg); --arrow-bg:var(--line); --arrow-ink:var(--ink);
  --card-ring:transparent; --card-ring-hover:transparent; --pulse:none;
  --vn:#1B2A41; --ve:none;
  --f-body:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-disp:"Space Grotesk","Inter",system-ui,sans-serif;
  --f-mono:"IBM Plex Mono",ui-monospace,Consolas,monospace;
}
:root[data-theme="dark"]{
  color-scheme: dark;
  --bg:var(--navy-2); --bg2:var(--navy-deep); --bg3:#22324b; --surf:var(--navy); --ink:#F6F4EF;
  --text:#c3c9d4; --muted:#8f98a8; --line:rgba(246,244,239,.12); --line2:rgba(246,244,239,.24);
  --navbg:rgba(15,26,43,.84); --dim:#3a4a63; --btn-dk:#F6F4EF; --btn-dk-ink:#0F1A2B;
  --orange-dk:var(--orange-lt); --orange-soft:rgba(255,106,61,.16);
  --good:#3fbf8a; --good-bg:rgba(21,132,90,.24); --warn:#f0b43c; --warn-bg:rgba(224,161,0,.18); --bad:#ff8a63; --bad-bg:rgba(194,65,12,.24);
  --seg-ring:inset 0 0 0 1.5px rgba(255,106,61,.55); --seg-ink:var(--ink); --seg-hover:var(--orange); --seg-sel-bg:var(--orange);
  --seg-sel-ink:var(--navy-2); --seg-sel-shadow:0 6px 18px -6px rgba(255,106,61,.65); --ctl-border:rgba(255,106,61,.55);
  --ctl-hover:0 0 0 4px rgba(255,106,61,.18); --ctl-sel-bg:var(--orange); --ctl-sel-ink:var(--navy-2);
  --gh-ink:var(--orange); --gh-ring:var(--orange); --plus-bg:var(--orange); --plus-ink:var(--navy-2);
  --arrow-bg:rgba(255,106,61,.16); --arrow-ink:var(--orange); --card-ring:rgba(255,106,61,.3); --card-ring-hover:var(--orange);
  --pulse:ctlpulse; --vn:#2c4266; --ve:rgba(246,244,239,.3);
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme]){
    color-scheme: dark;
    --bg:var(--navy-2); --bg2:var(--navy-deep); --bg3:#22324b; --surf:var(--navy); --ink:#F6F4EF;
    --text:#c3c9d4; --muted:#8f98a8; --line:rgba(246,244,239,.12); --line2:rgba(246,244,239,.24);
    --navbg:rgba(15,26,43,.84); --dim:#3a4a63; --btn-dk:#F6F4EF; --btn-dk-ink:#0F1A2B;
    --orange-dk:var(--orange-lt); --orange-soft:rgba(255,106,61,.16);
    --good:#3fbf8a; --good-bg:rgba(21,132,90,.24); --warn:#f0b43c; --warn-bg:rgba(224,161,0,.18); --bad:#ff8a63; --bad-bg:rgba(194,65,12,.24);
    --seg-ring:inset 0 0 0 1.5px rgba(255,106,61,.55); --seg-ink:var(--ink); --seg-hover:var(--orange); --seg-sel-bg:var(--orange);
    --seg-sel-ink:var(--navy-2); --seg-sel-shadow:0 6px 18px -6px rgba(255,106,61,.65); --ctl-border:rgba(255,106,61,.55);
    --ctl-hover:0 0 0 4px rgba(255,106,61,.18); --ctl-sel-bg:var(--orange); --ctl-sel-ink:var(--navy-2);
    --gh-ink:var(--orange); --gh-ring:var(--orange); --plus-bg:var(--orange); --plus-ink:var(--navy-2);
    --arrow-bg:rgba(255,106,61,.16); --arrow-ink:var(--orange); --card-ring:rgba(255,106,61,.3); --card-ring-hover:var(--orange);
    --pulse:ctlpulse; --vn:#2c4266; --ve:rgba(246,244,239,.3);
  }
}

/* ---------- base ---------- */
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.55 var(--f-body);letter-spacing:-.011em;transition:background-color .3s,color .3s}
img{max-width:100%;height:auto}
a{color:inherit}
button,input,textarea,select{font-family:inherit}
[hidden]{display:none!important}
[id]{scroll-margin-top:78px}
:focus-visible{outline:2px solid var(--orange);outline-offset:3px}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}
.skip-link{position:absolute;left:-9999px;top:8px;z-index:200;background:var(--orange);color:var(--navy-2);padding:10px 16px;border-radius:8px;font-weight:600}
.skip-link:focus{left:12px}
.w{max-width:1040px;margin:0 auto;padding-inline:16px}
.w.wide{max-width:1200px}
h1,h2,h3{font-family:var(--f-body);font-weight:700;letter-spacing:-.035em;color:var(--ink);margin:0;text-wrap:balance}
h1 em,h2 em{font-style:normal;color:var(--orange-dk)}
.eyebrow{font-size:15px;font-weight:600;color:var(--orange-dk);margin:0}
.kicker{font:500 11.5px/1.3 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--orange-dk);margin:0}
.sub{font-size:clamp(17px,1.35vw,19px);line-height:1.6;font-weight:400;color:var(--text);letter-spacing:-.01em}
.lead{font-size:17px;color:var(--text);margin:14px 0 0}
.small{font-size:13.5px;color:var(--muted);margin:10px 0 0}
.pad{padding-block:clamp(72px,9vw,110px)}
.cream{background:var(--bg2)}
.navy{background:var(--navy);color:var(--cream)}
.navy h2,.navy h3{color:#fff}
.navy .kicker{color:var(--orange)}
.shead{text-align:center;margin:0 auto 44px;max-width:760px}
.shead.left{text-align:left;margin-left:0}
.shead h2{font-size:clamp(30px,3.4vw,42px);line-height:1.05;margin-top:8px}
.shead p:not(.eyebrow){font-size:17px;line-height:1.6;color:var(--text);margin:14px auto 0;max-width:58ch}
.navy .shead p:not(.eyebrow){color:#c9ced8}
.fine{font-size:14px;color:var(--muted);max-width:72ch;margin:26px auto 0;text-align:center}
.fine.meta{font-size:12.5px}

/* ---------- buttons & links ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--orange);color:var(--navy-2);border-radius:980px;padding:12px 22px;font-weight:600;font-size:16px;line-height:1.1;text-decoration:none;border:0;cursor:pointer;white-space:nowrap;transition:background .2s,transform .2s,opacity .2s}
.btn:hover{background:var(--orange-lt)}
.btn.sm{padding:9px 16px;font-size:14.5px}
.btn.dk{background:var(--btn-dk);color:var(--btn-dk-ink)}.btn.dk:hover{opacity:.9}
.btn.gh{background:transparent;color:var(--gh-ink);box-shadow:inset 0 0 0 1.5px var(--gh-ring)}
.btn.gh:hover{background:var(--orange-soft)}
.btn:disabled{opacity:.45;cursor:not-allowed}
.lnk{color:var(--orange-dk);text-decoration:none;font-size:16px;font-weight:500;background:none;border:0;padding:0;cursor:pointer}
.lnk:hover{text-decoration:underline}
.lnk::after{content:" ›"}
.lnk.sm{font-size:14.5px}
.lnk.plain::after{content:""}
.lnk.light{color:var(--orange)}
.ctas{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 30px;margin-top:24px}
.ctas.left{justify-content:flex-start}
.chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;margin-top:22px;font-size:14.5px;color:var(--muted)}
.chips span::before{content:"✓ ";color:var(--good);font-weight:700}
.chips b{color:var(--ink);font-weight:600}
.segc{display:inline-flex;background:var(--bg2);border-radius:999px;padding:4px;flex-wrap:wrap;justify-content:center;box-shadow:var(--seg-ring)}
.segc:not(:has([aria-pressed="true"])){animation:var(--pulse) 2.4s ease-out infinite}
.segc button{appearance:none;border:0;background:transparent;font:600 14px/1 var(--f-body);color:var(--seg-ink);padding:11px 18px;border-radius:999px;cursor:pointer;transition:background .2s,color .2s}
.segc button:hover{color:var(--seg-hover)}
.segc button[aria-pressed="true"]{background:var(--seg-sel-bg);color:var(--seg-sel-ink);box-shadow:var(--seg-sel-shadow)}
@keyframes ctlpulse{0%{box-shadow:var(--seg-ring),0 0 0 0 rgba(255,106,61,.5)}70%{box-shadow:var(--seg-ring),0 0 0 10px rgba(255,106,61,0)}100%{box-shadow:var(--seg-ring),0 0 0 0 rgba(255,106,61,0)}}

/* ---------- announcement + holiday ---------- */
.announce{background:var(--orange);color:var(--navy-2);font-size:15px}
.announce-inner{display:flex;align-items:center;justify-content:center;gap:12px;padding-block:9px;text-align:center}
.announce p{margin:0;font-weight:600}
.announce a{color:inherit;font-weight:700}
.announce button{background:none;border:0;color:inherit;font-size:22px;line-height:1;cursor:pointer;padding:2px 7px}
.holiday-banner{background:var(--navy);color:#fff;border-bottom:3px solid var(--orange)}
.hb-inner{display:flex;align-items:center;justify-content:center;gap:13px;padding-block:10px;text-align:center;flex-wrap:wrap}
.hb-ic svg{width:27px;height:27px;display:block}
.hb-sub{color:rgba(255,255,255,.85);font-size:14.5px}
@media (max-width:640px){.hb-sub{display:none}}

/* ---------- header ---------- */
.site-header{position:sticky;top:env(safe-area-inset-top,0px);z-index:40;background:var(--navbg);backdrop-filter:saturate(180%) blur(18px);-webkit-backdrop-filter:saturate(180%) blur(18px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;height:60px}
.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);white-space:nowrap}
.logo-mark{width:34px;height:34px;flex:none;filter:drop-shadow(0 1px 2px rgba(15,26,43,.16))}
.logo-text{font:400 19px/1 var(--f-disp);letter-spacing:-.01em}
.logo-text b{font-weight:700}
.logo-text .usa{color:var(--orange);font-weight:700}
.logo-text .llc{font-size:11.5px;font-weight:600;letter-spacing:.05em;color:var(--muted);margin-left:5px}
.nav-links{display:flex;gap:26px;font-size:13.5px}
.nav-links a{text-decoration:none;color:var(--text)}
.nav-links a:hover{color:var(--orange-dk)}
.nav-links a[aria-current="page"]{color:var(--ink);font-weight:600}
.nav-right{display:flex;align-items:center;gap:14px}
.nav-login{font-size:13.5px;color:var(--text);text-decoration:none}
.nav-login:hover{color:var(--orange-dk)}
.nav-help{appearance:none;border:0;background:none;font:500 13.5px/1 var(--f-body);color:var(--text);cursor:pointer;padding:0}
.nav-help:hover{color:var(--orange-dk)}
.burger{display:none;appearance:none;border:0;background:none;width:40px;height:40px;cursor:pointer;color:var(--ink);padding:8px}
.burger svg{width:24px;height:24px}
.mobile-menu{border-top:1px solid var(--line);padding:8px 0 22px;max-height:calc(100vh - 60px);overflow:auto}
.mobile-menu a,.mobile-menu button{display:block;width:100%;text-align:left;background:none;border:0;cursor:pointer;text-decoration:none;font:600 24px/1.25 var(--f-body);letter-spacing:-.03em;color:var(--ink);padding:9px 0}
@media (max-width:980px){.nav-links,.nav-login,.nav-help{display:none}.burger{display:block}}
@media (max-width:520px){.nav-right .btn.sm{display:none}.logo-text{font-size:17px}.logo-text .llc{display:none}.nav-right{gap:8px}}
.mobile-menu .mm-book{color:var(--orange-dk)}
.theme-toggle{appearance:none;border:0;cursor:pointer;width:58px;height:30px;border-radius:99px;background:var(--bg3);position:relative;padding:0;flex:none;box-shadow:inset 0 0 0 1px var(--line)}
.theme-toggle svg{position:absolute;top:50%;transform:translateY(-50%);width:13px;height:13px;color:var(--muted)}
.theme-toggle .tt-sun{left:8px}.theme-toggle .tt-moon{right:8px}
.tt-knob{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:var(--surf);box-shadow:0 2px 6px rgba(15,26,43,.25);transition:transform .3s cubic-bezier(.3,1.3,.5,1)}
.tt-knob::after{content:"";position:absolute;inset:6px;border-radius:50%;background:var(--orange)}
.theme-toggle[aria-pressed="true"] .tt-knob{transform:translateX(28px)}
.theme-toggle[aria-pressed="true"] .tt-knob::after{inset:5px 5px 5px 9px;background:transparent;box-shadow:-4px 0 0 0 var(--orange)}

/* ---------- page heroes ---------- */
.phero{text-align:center;padding-block:clamp(48px,6vw,80px) clamp(36px,5vw,60px)}
.phero h1{font-size:clamp(40px,4.6vw,64px);line-height:1.06;margin-block:10px 18px}
.phero .sub{max-width:56ch;margin:0 auto}
.home-hero{padding-bottom:0}
.statusrow{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:860px;margin:44px auto 0}
@media (max-width:700px){.statusrow{grid-template-columns:1fr 1fr}}
.statusrow div{background:var(--bg2);border-radius:18px;padding:18px 16px;text-align:left}
.statusrow small{display:block;font:500 11px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.statusrow b{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:19px;color:var(--ink)}
.statusrow b::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--good);box-shadow:0 0 0 4px var(--good-bg)}
.hero-img{margin:44px auto 0;max-width:900px;border-radius:28px;overflow:hidden}
.hero-img img{display:block;width:100%}
.sess{max-width:520px;margin:40px auto 0;background:var(--navy-2);color:var(--cream);border-radius:20px;padding:20px 22px;text-align:left;font:400 14px/1.9 var(--f-mono);box-shadow:0 30px 60px -30px rgba(15,26,43,.5);outline:1px solid var(--line);outline-offset:-1px}
.sess .top{display:flex;gap:7px;align-items:center;margin-bottom:10px;color:var(--muted2);font-size:12px}
.sess .top i{width:10px;height:10px;border-radius:50%;background:#2a3a52}.sess .top i:first-child{background:var(--orange)}
.sess .g{color:#7fd3ae}.sess .o{color:var(--orange)}

/* ---------- laptop dashboard ---------- */
.view{display:flex;flex-direction:column;align-items:center;gap:10px;margin:48px 0 clamp(84px,11vw,118px)}
.view span{font-size:14px;color:var(--muted)}
.stage{position:relative}
.mac{position:relative;width:min(860px,calc(100% / 1.1));margin-inline:auto}
.mac .lid{background:#0b1320;border-radius:22px 22px 0 0;padding:14px 14px 0;box-shadow:0 0 0 1.5px #2a3a52 inset}
.mac .scr{background:var(--navy-deep);border-radius:10px 10px 0 0;aspect-ratio:16/10;overflow:hidden;position:relative}
.mac .base{height:16px;background:linear-gradient(#d9dce2,#b9bec8);border-radius:0 0 18px 18px;margin-inline:-5%;position:relative}
.mac .base::before{content:"";position:absolute;left:50%;top:0;width:16%;height:6px;transform:translateX(-50%);background:#a9aeb8;border-radius:0 0 8px 8px}
.mshadow{height:40px;background:radial-gradient(50% 100% at 50% 0,rgba(15,26,43,.18),transparent 70%)}
.dash{position:absolute;inset:0;display:grid;grid-template-rows:auto 1fr auto;gap:3%;padding:4%;color:#F6F4EF;font-size:clamp(7px,1.3vw,12.5px);text-align:left;animation:fadeIn .35s ease}
.dash .dh{display:flex;justify-content:space-between;align-items:center;gap:8px}
.dash .dh b{font:600 1.4em/1 var(--f-disp)}
.dash .pill{font:500 .8em/1 var(--f-mono);letter-spacing:.1em;color:#7fd3ae;background:rgba(21,132,90,.2);border:1px solid rgba(21,132,90,.6);padding:.55em .8em;border-radius:99px;display:inline-flex;align-items:center;gap:.5em}
.dash .pill::before{content:"";width:.55em;height:.55em;border-radius:50%;background:#3fbf8a}
.dash .rows{display:grid;grid-template-columns:1fr 1fr;gap:3%;align-content:start}
.dash .rows.n1,.dash .rows.n3{grid-template-columns:1fr}
.dash .r{display:grid;grid-template-columns:2.6em 1fr;align-items:center;gap:.9em;background:rgba(246,244,239,.04);border:1px solid rgba(246,244,239,.08);border-radius:.8em;padding:1em}
.dash .r i{width:2.6em;height:2.6em;border-radius:.7em;background:rgba(246,244,239,.07);display:grid;place-items:center;font-style:normal;color:var(--orange)}
.dash .r b{display:block;font-weight:600}
.dash .r small{display:block;font:400 .82em/1.35 var(--f-mono);color:var(--muted2)}
.dash .r em{display:block;font:500 .85em/1.4 var(--f-mono);font-style:normal;color:#7fd3ae;margin-top:.2em}
.dash .chart{border-top:1px solid rgba(246,244,239,.08);padding-top:.8em}
.dash .chart small{font:500 .78em/1 var(--f-mono);letter-spacing:.12em;color:var(--muted2);display:flex;justify-content:space-between}
.dash .chart .ok{color:#7fd3ae}
.dash svg{display:block;width:100%;height:auto;margin-top:.5em}
.dash .area{fill:rgba(255,106,61,.18)}.dash .line{fill:none;stroke:var(--orange);stroke-width:2}.dash .dotp{fill:var(--orange)}
@media (max-width:560px){.dash .chart{display:none}.dash .r small{display:none}}
.toast{position:absolute;z-index:3;display:flex;align-items:center;gap:12px;background:var(--surf);border-radius:14px;padding:12px 16px;box-shadow:0 20px 40px -18px rgba(15,26,43,.45),0 0 0 1px var(--line);text-align:left;font-size:14px;animation:float 6s ease-in-out infinite}
.toast b{display:block;color:var(--ink);font-weight:600}
.toast small{font:400 12px/1.3 var(--f-mono);color:var(--muted)}
.toast i{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-style:normal;flex:none}
.toast.t1{left:-2%;top:22%}.toast.t1 i{background:var(--good-bg);color:var(--good)}
.toast.t2{right:-2%;top:62%;animation-delay:-3s}.toast.t2 i{background:var(--orange-soft);color:var(--orange-dk)}
@keyframes float{50%{transform:translateY(-8px)}}
@keyframes fadeIn{from{opacity:0}}
@media (max-width:1080px){.toast{display:none}}

/* ---------- home: facts, tools, tiles ---------- */
.facts{text-align:center;padding-block:48px 28px}
.facts .row{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;max-width:900px;margin-inline:auto}
.facts .row.n3{grid-template-columns:repeat(3,1fr)}.facts .row.n2{grid-template-columns:1fr 1fr}
.facts strong{display:block;font:700 clamp(34px,3.6vw,46px)/1 var(--f-body);letter-spacing:-.04em;color:var(--ink)}
.facts span{font-size:15px;color:var(--muted)}
@media (max-width:700px){.facts .row{grid-template-columns:1fr 1fr!important}}
.toolrow{padding-bottom:70px}
.toolrow .w{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px}
.toolrow .kicker{width:100%;text-align:center;color:var(--muted);margin-bottom:6px}
.toolrow span{background:var(--bg2);border-radius:99px;padding:9px 16px;font-weight:600;font-size:15px;color:var(--ink)}
.tiles-sec .shead{margin-bottom:34px}
.tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px}
.tiles.odd .tile:last-child{grid-column:1/-1}
@media (max-width:760px){.tiles{grid-template-columns:1fr}.tile{min-height:0;padding:40px 22px 0}.tile .art svg{width:min(260px,100%)}}
.tile{border-radius:28px;min-height:500px;padding:52px 32px 0;text-align:center;display:flex;flex-direction:column;align-items:center;overflow:hidden;background:var(--bg2)}
.tile h2{font-size:clamp(28px,2.8vw,36px);line-height:1.06}
.tile p{font-size:clamp(16px,1.3vw,17px);line-height:1.55;margin:10px 0 0;max-width:40ch;color:var(--text)}
.tile .ctas{margin-top:18px}
.tile.dk{background:var(--navy);outline:1px solid var(--line);outline-offset:-1px}.tile.dk h2{color:#fff}.tile.dk p{color:#c9ced8}.tile.dk .lnk{color:var(--orange)}
.tile.dk2{background:var(--navy-2);outline:1px solid var(--line);outline-offset:-1px}.tile.dk2 h2{color:#fff}.tile.dk2 p{color:#c9ced8}.tile.dk2 .lnk{color:var(--orange)}
.tile .kicker{margin-bottom:10px}
/* small mono labels keep their size even inside blocks that style every <p> */
.tile .kicker,.bio .kicker,.report .kicker{font:500 11.5px/1.3 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;max-width:none}
.bio .kicker{color:var(--orange-dk);margin:0}
.tile .art{margin-top:auto;width:100%;display:flex;justify-content:center;padding-top:32px}
.tile .art svg{width:min(340px,100%);height:auto;display:block}
.tile .art .risk-ring{width:min(240px,100%)}
.ring-o{stroke:var(--orange)}.fill-o{fill:var(--orange)}
.tile.promo{background:var(--orange)}
.tile.promo h2,.tile.promo p,.tile.promo .kicker{color:var(--navy-2)}
.tile.promo .big-badge{font:800 clamp(96px,11vw,150px)/.82 var(--f-body);letter-spacing:-.06em;color:var(--navy-2);padding-bottom:10px}
.promo--sale{background:linear-gradient(140deg,#8F1A14,#C7291F 60%,#7d1610)!important}
.promo--cool{background:linear-gradient(140deg,#0F2438,#16324F 50%,#1C7FB0)!important}
.promo--halloween{background:linear-gradient(140deg,#140E1F,#2C1A3D 55%,#F2760F)!important}
.promo--thanksgiving{background:linear-gradient(140deg,#38251A,#5A3A22 55%,#DD7C22)!important}
.promo--christmas{background:linear-gradient(140deg,#0C2119,#153C2C 55%,#B32E2E)!important}
.promo--newyears{background:linear-gradient(140deg,#0D0D15,#1B1C28 55%,#3E3719)!important}
.promo--valentines{background:linear-gradient(140deg,#7A1533,#B3264F 55%,#E86A8D)!important}
.tile.promo:not(.promo--professional) h2,.tile.promo:not(.promo--professional) p,.tile.promo:not(.promo--professional) .kicker,.tile.promo:not(.promo--professional) .big-badge{color:#fff}
.tile.promo:not(.promo--professional) .btn.dk{background:#fff;color:var(--navy-2)}

/* ---------- home: get to know rail + detail sheet ---------- */
.know{padding-block:96px}
.know .head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;margin-bottom:32px}
.know h2{font-size:clamp(30px,3.4vw,42px);line-height:1.05}
.arrows{display:flex;gap:10px}
.arrows button{width:40px;height:40px;border-radius:50%;border:0;background:var(--arrow-bg);color:var(--arrow-ink);font-size:20px;cursor:pointer}
.rail{display:grid;grid-auto-flow:column;grid-auto-columns:min(340px,82%);gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px max(16px,calc((100% - 1000px)/2 + 16px)) 24px;scrollbar-width:none}
.rail::-webkit-scrollbar{display:none}
.card{scroll-snap-align:start;background:var(--surf);border-radius:24px;padding:30px 28px 24px;min-height:400px;display:flex;flex-direction:column;box-shadow:0 2px 6px rgba(20,29,43,.04);transition:transform .3s;position:relative}
.card:hover{transform:scale(1.015)}
.card small{font-size:12px;font-weight:600;color:var(--orange-dk)}
.card h3{font-size:24px;line-height:1.12;margin:8px 0 0}
.card p{margin:auto 0 0;color:var(--text);font-size:16px;padding-right:48px}
.card .big{font:700 68px/1 var(--f-body);letter-spacing:-.05em;color:var(--orange);margin:auto 0 12px}
.card .tchips{display:flex;flex-wrap:wrap;gap:8px;margin:auto 0 16px}
.card .tchips span{border:1px solid var(--line);border-radius:99px;padding:6px 12px;font-size:14px;font-weight:500;color:var(--ink)}
.plus{position:absolute;right:20px;bottom:20px;width:36px;height:36px;border-radius:50%;border:0;background:var(--plus-bg);color:var(--plus-ink);font-size:22px;cursor:pointer;display:grid;place-items:center;transition:transform .2s}
.plus:hover{transform:rotate(90deg)}
.sheet{position:fixed;inset:0;z-index:90;background:rgba(15,26,43,.45);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:grid;place-items:center;padding:16px;animation:fadeIn .25s ease}
.sheet .in{width:min(680px,100%);max-height:88vh;overflow:auto;background:var(--surf);border-radius:28px;padding:clamp(24px,5vw,52px);position:relative;animation:rise .35s cubic-bezier(.2,.8,.2,1)}
.sheet .x{position:absolute;right:16px;top:16px;width:36px;height:36px;border-radius:50%;border:0;background:var(--bg2);color:var(--ink);font-size:20px;cursor:pointer}
.sheet small{font-size:13px;font-weight:600;color:var(--orange-dk)}
.sheet h3{font-size:clamp(26px,3vw,36px);line-height:1.08;margin:8px 0 16px;padding-right:40px}
.sheet p{font-size:17px;color:var(--text);margin:0 0 18px}
.sheet ul{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}
.sheet li{padding:14px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:12px;font-size:16px;color:var(--ink)}
.sheet li span{color:var(--muted);font-size:14px;text-align:right}
@keyframes rise{from{opacity:0;transform:translateY(24px) scale(.98)}}

/* ---------- statement, steps ---------- */
.say{padding-block:clamp(96px,14vw,160px)}
.say-text{font:700 clamp(28px,3.4vw,44px)/1.15 var(--f-body);letter-spacing:-.03em;margin:0;max-width:22ch;color:var(--ink)}
.say-text span{color:var(--dim);transition:color .4s}
.say-text span.on{color:var(--ink)}
.say-text span.hl.on{color:var(--orange-dk)}
.steps3{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;text-align:center}
.steps3.n2{grid-template-columns:1fr 1fr}.steps3.n4{grid-template-columns:repeat(4,1fr)}
@media (max-width:760px){.steps3{grid-template-columns:1fr!important}}
.steps3 .ic{width:64px;height:64px;margin:0 auto 18px;border-radius:50%;background:var(--bg2);display:grid;place-items:center;font:700 22px/1 var(--f-body);color:var(--orange-dk)}
.steps3 h3{font-size:20px;line-height:1.2;margin:0 0 8px}
.steps3 p{margin:0 auto;max-width:28ch;color:var(--text);font-size:16px}

/* ---------- home: chooser + plan columns ---------- */
.chooser{background:var(--surf);border-radius:24px;padding:22px 24px;display:grid;grid-template-columns:1fr 1fr;gap:18px 28px;text-align:left;margin-bottom:44px}
@media (max-width:760px){.chooser{grid-template-columns:minmax(0,1fr)}}
@media (max-width:380px){.chooser .segc{border-radius:18px}.chooser .segc button{border-radius:14px}}
.chooser .qn{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;min-width:0}
.chooser .qn>span{font-size:14px;font-weight:600;color:var(--ink)}
.chooser .segc{justify-content:flex-start;width:max-content;max-width:100%}
.chooser .res{grid-column:1/-1;border-top:1px solid var(--line);padding-top:16px;font-size:16px;color:var(--text);display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;align-items:center}
.chooser .res b{color:var(--ink)}
.cols{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;text-align:center}
.cols.n2{grid-template-columns:1fr 1fr}.cols.n1{grid-template-columns:1fr;max-width:420px;margin-inline:auto}
@media (max-width:820px){.cols{grid-template-columns:1fr!important;max-width:440px;margin-inline:auto}}
.col{display:flex;flex-direction:column;align-items:center;border-radius:24px;padding:28px 16px 12px;transition:background .3s,box-shadow .3s,opacity .3s}
.cols.chosen .col{opacity:.5}
.cols.chosen .col.pick{opacity:1;background:var(--surf);box-shadow:0 0 0 2px var(--orange),0 30px 50px -30px rgba(15,26,43,.35)}
.col .ico{width:72px;height:72px;border-radius:20px;display:grid;place-items:center;background:var(--surf);margin-bottom:18px;color:var(--ink)}
.col .ico svg{width:30px;height:30px}
.col .tag{font-size:12px;font-weight:600;color:var(--orange-dk);min-height:18px}
.col h3{font-size:24px;line-height:1.1;margin:4px 0 6px}
.col .lbl{font:500 12px/1.3 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.col p{margin:0 0 16px;font-size:16px;color:var(--text);max-width:28ch}
.col ul{list-style:none;padding:0;margin:22px 0 0;width:100%;border-top:1px solid var(--line)}
.col li{padding:15px 8px;border-bottom:1px solid var(--line);font-size:15px;color:var(--ink)}
.col li:last-child{border-bottom:0}

/* ---------- quotes, end cta ---------- */
.quotes{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:760px){.quotes{grid-template-columns:1fr}}
.q{background:var(--bg2);border-radius:28px;padding:40px 36px;display:flex;flex-direction:column;gap:24px;margin:0}
.q blockquote{margin:0;font:600 clamp(17px,1.5vw,20px)/1.45 var(--f-body);letter-spacing:-.02em;color:var(--ink)}
.q figcaption{display:flex;align-items:center;gap:12px;margin-top:auto;font-size:14px;color:var(--muted)}
.q figcaption i{font-style:normal;width:40px;height:40px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-weight:600;font-size:13px}
.q figcaption b{display:block;color:var(--ink);font-weight:600}
.endcta{text-align:center}
.endcta h2{font-size:clamp(32px,3.8vw,48px);line-height:1.08;max-width:18ch;margin:0 auto 16px}
.endcta p{font-size:17px;line-height:1.6;color:var(--text);max-width:52ch;margin:0 auto}
.endcta.band{border-top:1px solid var(--line)}

/* ---------- booking (Calendly) ---------- */
.book-band{background:var(--navy);padding-block:clamp(64px,8vw,96px)}
.book-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;align-items:start}
@media (max-width:900px){.book-grid{grid-template-columns:1fr;gap:28px}}
.book-copy .kicker{color:var(--orange)}
.book-copy h2{color:#fff;font-size:clamp(30px,3.2vw,40px);line-height:1.05;margin-top:10px}
.book-copy p{color:#c9ced8;font-size:17px}
.book-copy ul{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:10px}
.book-copy li{display:flex;align-items:center;gap:10px;color:#dfe4ea}
.book-copy li svg{width:18px;height:18px;color:var(--orange)}
.book-card{background:#fff;border-radius:22px;padding:12px;box-shadow:0 40px 70px -42px rgba(0,0,0,.65)}
.calendly-inline-widget{width:100%;border-radius:14px;overflow:hidden;position:relative;background:#fff}
.calendly-inline-widget iframe{position:relative;z-index:1;width:100%}
.cal-fallback{position:absolute;inset:0;z-index:0;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;text-align:center;color:#5b6474;padding:24px;font-size:15px}
.cal-fallback a{color:#E04E2A}

/* ---------- contact ---------- */
.contact{display:grid;grid-template-columns:1fr 1.2fr;gap:clamp(24px,4vw,56px);align-items:start}
@media (max-width:860px){.contact{grid-template-columns:1fr}}
.contact h2{font-size:clamp(30px,3.2vw,40px);line-height:1.05;margin-top:10px}
.reaches{display:grid;gap:10px}
.reach{appearance:none;border:0;text-align:left;background:var(--bg2);border-radius:18px;padding:18px 20px;display:grid;gap:4px;cursor:pointer;color:var(--ink);font-size:16px;text-decoration:none;box-shadow:inset 0 0 0 1.5px var(--card-ring);transition:box-shadow .2s,transform .2s}
.reach:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1.5px var(--card-ring-hover),var(--ctl-hover)}
.reach small{font:500 11px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.reach span{font-weight:600;overflow-wrap:anywhere}
.ticket-bar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;background:var(--surf);border-radius:18px;padding:18px 20px;box-shadow:inset 0 0 0 1px var(--line)}
.ticket-bar b{color:var(--ink)}
.ticket-bar p{margin:2px 0 0;font-size:14.5px;color:var(--text)}

/* ---------- services, problems, risk banner ---------- */
.svc{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.svc>div{grid-column:span 2;background:var(--surf);border-radius:24px;padding:28px 26px}
.svc.n5>div:nth-child(4),.svc.n5>div:nth-child(5),.svc.n2>div,.svc.n4>div{grid-column:span 3}
.svc.n1>div{grid-column:1/-1}
@media (max-width:820px){.svc>div{grid-column:span 6!important}}
.svc .ic{width:48px;height:48px;border-radius:14px;background:var(--bg2);display:grid;place-items:center;color:var(--orange-dk);margin-bottom:14px}
.svc .ic svg{width:24px;height:24px}
.svc h3{font-size:20px;line-height:1.2}
.svc p{margin:8px 0 0;color:var(--text);font-size:16px}
.probs{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
@media (max-width:900px){.probs{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.probs{grid-template-columns:1fr}}
.prob{appearance:none;text-align:left;border:0;background:var(--bg2);border-radius:20px;padding:22px 20px;cursor:pointer;display:flex;flex-direction:column;gap:6px;color:var(--ink);transition:transform .2s,background .2s,box-shadow .2s;box-shadow:inset 0 0 0 1.5px var(--card-ring)}
.cream .prob{background:var(--surf)}
.prob:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1.5px var(--card-ring-hover),var(--ctl-hover)}
.prob b{font-size:17px;letter-spacing:-.015em}
.prob span{font-size:14.5px;color:var(--text)}
.prob em{font-style:normal;margin-top:auto;padding-top:10px;font-size:14px;font-weight:600;color:var(--orange-dk)}
.rc-band-sec{padding-bottom:clamp(64px,8vw,96px)}
.pad+.rc-band-sec,.cream+.rc-band-sec{padding-top:clamp(64px,8vw,96px)}
.promo-band{border-radius:32px;background:radial-gradient(60% 90% at 100% 0,rgba(255,106,61,.28),transparent 65%),var(--navy-2);color:var(--cream);padding:clamp(28px,4.4vw,52px);display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(24px,4vw,48px);align-items:center;outline:1px solid var(--line);outline-offset:-1px}
@media (max-width:820px){.promo-band{grid-template-columns:1fr}}
.promo-band .kicker{color:var(--orange)}
.promo-band h2{color:#fff;font-size:clamp(26px,2.6vw,34px);line-height:1.12;margin:10px 0 14px}
.rb-copy>p:not(.kicker){margin:0;color:#c9ced8;font-size:17px;line-height:1.6;max-width:48ch}
.promo-band .ctas{margin-top:24px}
.nw{white-space:nowrap}
.rb-panel{background:rgba(246,244,239,.05);border:1px solid rgba(246,244,239,.1);border-radius:20px;padding:20px 22px;display:grid;gap:14px}
.rb-head{display:flex;justify-content:space-between;align-items:center;gap:12px}
.rb-head span{font:500 12px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted2)}
.rb-head b{font:600 12px/1 var(--f-body);color:var(--orange);background:rgba(255,106,61,.14);padding:6px 10px;border-radius:99px}
.rb-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:10px 16px}
.rb-list li{display:flex;align-items:center;gap:10px;font-size:15px;color:#fff;min-width:0}
.rb-list svg{width:20px;height:20px;flex:none;color:#3fbf8a}
.rb-foot{display:flex;align-items:center;gap:12px;padding-top:14px;border-top:1px solid rgba(246,244,239,.1);font-size:14px;color:#c9ced8;line-height:1.45}
.rb-score{flex:none;width:36px;height:36px}
.rb-score svg{width:100%;height:100%;display:block}

/* ---------- plans (business + home) ---------- */
.plans-note{text-align:center;color:var(--muted);margin:-26px 0 34px;font-size:15px}
.plans4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch;padding-top:12px}
.plans4.n3{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1080px;margin-inline:auto}.plans4.n2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px;margin-inline:auto}.plans4.n1{grid-template-columns:minmax(0,1fr);max-width:400px;margin-inline:auto}
@media (max-width:900px){.plans4,.plans4.n3{grid-template-columns:minmax(0,1fr);max-width:460px;margin-inline:auto;gap:24px}}
@media (max-width:600px){.plans4.n2{grid-template-columns:minmax(0,1fr)}}
.p4{background:var(--surf);border-radius:24px;padding:28px 24px 24px;display:flex;flex-direction:column;gap:18px;position:relative;box-shadow:inset 0 0 0 1px var(--line)}
.p4.hot{box-shadow:0 0 0 2px var(--orange),0 30px 50px -30px rgba(15,26,43,.35)}
.p4-badge{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);background:var(--orange);color:var(--navy-2);font:600 12.5px/1 var(--f-body);padding:7px 14px;border-radius:99px;white-space:nowrap}
.p4-top{display:grid;gap:6px}
.p4 .tg{font:500 12px/1.3 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--orange-dk)}
.p4 h3{font-size:26px;line-height:1.1}
.p4-top p{margin:0;font-size:15px;line-height:1.5;color:var(--text)}
.price{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 6px}
.price .pre{width:100%;font:500 11px/1.3 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.price .amt{font:700 44px/1 var(--f-body);letter-spacing:-.04em;color:var(--ink)}
.price .amt-q{font-size:32px;letter-spacing:-.03em;line-height:1.1}
.price .per{font-size:15px;color:var(--muted);font-weight:600}
.price .note{width:100%;font-size:13px;color:var(--muted)}
.price.quote{flex-direction:column;align-items:flex-start;gap:3px}
.price.quote b{font:600 18px/1.25 var(--f-disp);color:var(--ink)}
.price.quote small{color:var(--orange-dk);font-size:13px;font-weight:600}
.p4-inc{display:flex;align-items:center;gap:10px;background:var(--orange-soft);color:var(--ink);border-radius:12px;padding:10px 12px;font-size:14.5px;font-weight:600;line-height:1.35}
.p4-inc svg{width:20px;height:20px;flex:none;color:var(--orange-dk)}
.p4 ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.p4 li{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.4;color:var(--ink)}
.p4 li svg{width:16px;height:16px;flex:none;margin-top:2px;color:var(--good)}
.p4 li.inc{font-size:13.5px;font-weight:600;color:var(--muted)}
.p4 .p4-note{background:var(--bg2);border-radius:14px;padding:12px 14px;font-size:14px;color:var(--text)}
.p4-rate{margin-top:auto;display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding-top:14px;border-top:1px dashed var(--line2);font-size:14px;color:var(--muted)}
.p4-rate .r{white-space:nowrap}
.p4-rate b{color:var(--ink);font-size:15px}
.p4-rate s{margin-left:4px;color:var(--muted)}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.p4 .btn{margin-top:auto;width:100%}
.p4-rate+.btn{margin-top:0}
.tools,.vlogos{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:30px}
.tools .kicker,.vlogos .kicker{width:100%;text-align:center;color:var(--muted)}
.tools span{background:var(--surf);border-radius:999px;padding:10px 16px;font-weight:600;font-size:15px;color:var(--ink)}
.vlogo-row{display:flex;flex-wrap:wrap;justify-content:center;gap:28px}
.vlogo-row img{height:34px;width:auto;max-width:150px;object-fit:contain}

/* ---------- residential price estimator ---------- */
.badges{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:-10px 0 28px}
.badges span{background:var(--bg2);border-radius:99px;padding:8px 14px;font-size:14px;font-weight:600;color:var(--ink)}
.est{display:grid;grid-template-columns:1.55fr 1fr;gap:16px;align-items:start}
.est.noest{grid-template-columns:1fr}
@media (max-width:900px){.est{grid-template-columns:1fr}}
.est .list{background:var(--bg2);border-radius:24px;padding:6px 22px}
.erow{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line);cursor:pointer}
.erow:last-child{border-bottom:0}
.erow input{appearance:none;-webkit-appearance:none;width:26px;height:26px;border-radius:8px;border:1.5px solid var(--ctl-border);display:grid;place-items:center;cursor:pointer;margin:0;background:var(--surf);transition:background .15s}
.erow input:checked{background:var(--orange);border-color:var(--orange)}
.erow input:checked::after{content:"✓";color:var(--navy-2);font-weight:700;font-size:15px}
.erow .nobox{width:26px}
.erow b{display:block;font-size:17px;color:var(--ink)}
.erow>div>span{display:block;font-size:14.5px;color:var(--text);margin-top:2px}
.erow .pr{text-align:right;display:grid;grid-template-columns:auto auto;gap:0 8px;align-items:baseline;justify-items:end}
.erow .pr small{font:500 10.5px/1.2 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.erow .pr s{color:var(--muted);font-size:14px}
.erow .pr strong{font-size:22px;letter-spacing:-.02em;color:var(--ink)}
.erow .save{grid-column:1/-1;font-size:12px;font-weight:700;color:var(--good);background:var(--good-bg);border-radius:99px;padding:2px 9px;margin-top:4px}
@media (max-width:560px){.erow{grid-template-columns:auto 1fr}.erow .pr{grid-column:2;justify-items:start;text-align:left}}
.etot{position:sticky;top:84px;background:var(--navy-2);color:var(--cream);border-radius:24px;padding:28px;display:grid;gap:14px;outline:1px solid var(--line);outline-offset:-1px}
@media (max-width:900px){.etot{position:relative;top:0;margin-top:70px}}
.etot small{font:500 11px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted2)}
.etot .big{font:700 60px/1 var(--f-body);letter-spacing:-.04em;color:#fff;font-variant-numeric:tabular-nums}
.etot .row{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:15px;color:#c9ced8;font-variant-numeric:tabular-nums}
.etot .save{color:#7fd3ae;font-weight:600}
.etot .est-empty{margin:0;color:#c9ced8;font-size:14px}
.etot .est-note{font:400 11.5px/1.45 var(--f-mono);color:var(--muted2)}
.stepper{display:flex;align-items:center;gap:12px}
.stepper button{width:34px;height:34px;border-radius:50%;border:0;background:rgba(255,106,61,.2);color:var(--orange);font-size:18px;cursor:pointer}
.stepper output{font:600 18px/1 var(--f-body);min-width:20px;text-align:center;color:#fff}
.anchor{display:block;position:relative;top:-80px;height:0}

/* ---------- support: session + agreement gate ---------- */
.flow{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(24px,4vw,56px);align-items:start}
@media (max-width:900px){.flow{grid-template-columns:1fr}}
.flow h2{font-size:clamp(30px,3.2vw,40px);line-height:1.05;margin-top:10px}
.steps-list{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:16px}
.steps-list li{display:grid;grid-template-columns:40px 1fr;gap:14px;font-size:16.5px;color:var(--text)}
.steps-list li b{width:40px;height:40px;border-radius:50%;background:var(--surf);display:grid;place-items:center;color:var(--orange-dk)}
.safe{display:flex;gap:10px;align-items:flex-start;margin-top:24px;font-size:15px;color:var(--muted)}
.safe svg{width:18px;height:18px;flex:none;color:var(--orange-dk);margin-top:2px}
.connect{background:var(--surf);border-radius:28px;padding:clamp(22px,3vw,32px);display:grid;gap:18px;box-shadow:0 30px 60px -40px rgba(15,26,43,.4)}
.prog3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.prog3 div{display:grid;gap:8px;font-size:13px;font-weight:600;color:var(--muted)}
.prog3 div::before{content:"";height:5px;border-radius:99px;background:var(--bg2)}
.prog3 div.on{color:var(--ink)}.prog3 div.on::before{background:var(--orange)}
.prog3 div.did::before{background:var(--good)}
.rsa-start{text-align:center;padding-block:10px}
.rsa-start h3{font-size:26px;margin-bottom:8px}
.rsa-start p{color:var(--text);margin:0 auto 18px;max-width:52ch}
.rsa-h{font-size:22px}
.agree{height:300px;overflow:auto;border:1.5px solid var(--line);border-radius:16px;padding:18px 20px;font-size:14.5px;color:var(--text);background:var(--bg2);margin-top:10px}
.agree h4{margin:16px 0 4px;font-size:15px;color:var(--ink)}
.agree h4:first-child{margin-top:0}
.agree p{margin:0}
.agree .ver{margin-top:18px;font:500 12px/1.3 var(--f-mono);color:var(--muted)}
.agree-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin:8px 0 14px;font-size:13px;color:var(--muted)}
.agree-meta .ok{color:var(--good)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:560px){.two{grid-template-columns:1fr}}
.field{display:grid;gap:6px;margin-bottom:12px}
.field label,.flabel{font-size:14px;font-weight:600;color:var(--ink)}
.field small{font-weight:400;color:var(--muted)}
.field input,.field textarea,.field select{width:100%;border:1.5px solid var(--ctl-border);border-radius:12px;padding:12px 14px;font:400 16px/1.4 var(--f-body);color:var(--ink);background:var(--surf)}
.field textarea{min-height:110px;resize:vertical}
.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:var(--orange)}
.tick{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;font-size:14.5px;color:var(--text);cursor:pointer;margin-top:6px}
.tick input{width:22px;height:22px;accent-color:var(--orange);margin:1px 0 0}
.tick.dis{opacity:.5;cursor:not-allowed}
.rsa-ts{margin:8px 0 0;font-size:13.5px;font-weight:600;color:var(--good);min-height:1.2em}
.rsa-ready{display:flex;gap:10px;align-items:center;background:var(--good-bg);color:var(--good);border-radius:14px;padding:12px 16px;font-weight:600;font-size:15px}
.rsa-ready svg{width:18px;height:18px;flex:none}
.rsa-record{background:var(--bg2);border-radius:14px;padding:16px 18px}
.rsa-record h4{margin:0 0 10px;font-size:15px;color:var(--ink)}
.rsa-record dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:6px 16px;font-size:14.5px}
.rsa-record dt{color:var(--muted);font-weight:600}.rsa-record dd{margin:0;color:var(--ink);font-weight:600}
.connect-box label{display:block;font-weight:600;font-size:15px;color:var(--ink);margin-bottom:10px}
.assist-widget{width:100%;border:0;border-radius:12px;background:#fff;display:block;height:190px}
.connect-note{margin:10px 0 0;font-size:13.5px;color:var(--muted)}
.trust{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
@media (max-width:900px){.trust{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.trust{grid-template-columns:1fr}}
.trust>div{background:var(--bg2);border-radius:24px;padding:28px}
.trust .ic{width:44px;height:44px;border-radius:12px;background:var(--surf);display:grid;place-items:center;color:var(--orange-dk);margin-bottom:14px}
.trust .ic svg{width:22px;height:22px}
.trust h3{font-size:21px;margin-bottom:8px}
.trust p{margin:0;font-size:15.5px;color:var(--text)}
.never{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,56px);align-items:start}
@media (max-width:820px){.never{grid-template-columns:1fr}}
.never h2{font-size:clamp(28px,3vw,38px);line-height:1.08;margin:4px 0 12px}
.never-intro{color:#c9ced8;font-size:17px;margin:0 0 22px;max-width:48ch}
.never ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.never li{display:grid;grid-template-columns:28px 1fr;gap:10px;background:rgba(246,244,239,.06);border:1px solid rgba(246,244,239,.1);border-radius:14px;padding:14px 16px;color:var(--cream);font-size:15.5px}
.never li::before{content:"✕";color:var(--orange);font-weight:700}
.never .chk{background:var(--surf);color:var(--ink);border-radius:24px;padding:28px}
.never .chk h3{color:var(--ink);font-size:24px;margin-bottom:10px}
.never .chk p{margin:0 0 14px;color:var(--text)}
.copyrow{display:flex;flex-wrap:wrap;align-items:center;gap:10px;background:var(--bg2);border-radius:14px;padding:10px 10px 10px 16px;font:500 15px/1.2 var(--f-mono);color:var(--ink)}
.copyrow span{flex:1;min-width:0;user-select:all;overflow-wrap:anywhere}
.portal{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:640px){.portal{grid-template-columns:1fr}}
.portal a{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;background:var(--surf);border-radius:20px;padding:22px 24px;text-decoration:none;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--card-ring);transition:box-shadow .2s,transform .2s}
.portal a:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1.5px var(--card-ring-hover),var(--ctl-hover)}
.portal .ic{width:44px;height:44px;border-radius:12px;background:var(--bg2);display:grid;place-items:center;color:var(--orange-dk)}
.portal .ic svg{width:22px;height:22px}
.portal b{display:block;font-size:18px}
.portal span{font-size:14.5px;color:var(--text)}
.portal i{font-style:normal;font-size:24px;color:var(--orange-dk)}

/* ---------- about ---------- */
.bio{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(28px,5vw,64px);align-items:start}
@media (max-width:820px){.bio{grid-template-columns:1fr}}
.portrait{border-radius:28px;background:radial-gradient(80% 60% at 30% 20%,rgba(255,106,61,.35),transparent 60%),var(--navy);display:flex;flex-direction:column;justify-content:flex-end;padding:28px;color:var(--cream);max-width:420px;width:100%;min-height:420px;margin:0}
.portrait>b{font:700 120px/.8 var(--f-body);letter-spacing:-.06em;color:#fff}
.portrait ul{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:0}
.portrait li{padding:12px 0;border-top:1px solid rgba(255,255,255,.14)}
.portrait li small{display:block;font:500 11px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted2)}
.portrait li b{display:block;font-size:19px;color:#fff;margin-top:4px}
.portrait.photo{padding:0;min-height:0;overflow:hidden;background:var(--bg2)}
.portrait.photo img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:4/5}
.bio h2{font-size:clamp(30px,3.4vw,42px);line-height:1.05;margin:8px 0 20px}
.bio p{font-size:18px;color:var(--text);margin:0 0 16px;max-width:60ch}
.bio p.lead{font-size:21px;color:var(--ink);font-weight:500;letter-spacing:-.02em}
.owc{border-top:1px solid var(--line);padding-top:18px;margin-top:22px}
.owc h3{font-size:20px;margin-bottom:6px}
.owc p{font-size:16px}
.facts-inline{list-style:none;padding:0;margin:22px 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px}
.facts-inline small{display:block;font:500 11px/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.facts-inline b{color:var(--ink)}
.princ{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:700px){.princ{grid-template-columns:1fr}}
.princ>div{background:var(--bg2);border-radius:24px;padding:30px}
.princ .ic{width:44px;height:44px;border-radius:12px;background:var(--surf);display:grid;place-items:center;color:var(--orange-dk);margin-bottom:14px}
.princ .ic svg{width:22px;height:22px}
.princ h3{font-size:23px;margin-bottom:8px}
.princ p{margin:0;color:var(--text)}
.road{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
@media (max-width:820px){.road{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.road{grid-template-columns:1fr}}
.road>div{border-radius:20px;padding:22px;background:rgba(246,244,239,.06);border:1px solid rgba(246,244,239,.1);display:flex;flex-direction:column;gap:6px}
.road b{color:#fff;font-size:17px}
.road span{font-size:14.5px;color:#c9ced8}
.road em{align-self:flex-start;margin-top:auto;font:500 10.5px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;font-style:normal;color:var(--orange);border:1px solid rgba(255,106,61,.5);border-radius:99px;padding:5px 8px}
.road .rm-done em{color:#7fd3ae;border-color:rgba(127,211,174,.5)}
.faq{max-width:780px;margin:0 auto}
.faq details{border-top:1px solid var(--line);padding-block:22px}
.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;font:600 20px/1.3 var(--f-body);letter-spacing:-.02em;color:var(--ink)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:26px;font-weight:300;color:var(--orange-dk);transition:transform .2s}
.faq summary:hover{color:var(--orange-dk)}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq p{margin:12px 0 0;color:var(--text);max-width:62ch}

/* ---------- risk check ---------- */
/* start screen: two track cards */
.ck-start{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:880px;margin:40px auto 0;text-align:left}
@media (max-width:720px){.ck-start{grid-template-columns:1fr}}
.ck-start button{appearance:none;border:0;text-align:left;border-radius:24px;padding:28px;cursor:pointer;display:flex;flex-direction:column;gap:12px;font:inherit;transition:transform .25s,box-shadow .25s}
.ck-start button:hover{transform:translateY(-3px);box-shadow:0 30px 50px -30px rgba(15,26,43,.45)}
.ck-start .b1{background:var(--navy);color:#dfe3ea;outline:1px solid var(--line);outline-offset:-1px}
.ck-start .b2{background:var(--bg2);color:var(--text);box-shadow:inset 0 0 0 1.5px var(--card-ring)}
.ck-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.ck-ico{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:rgba(255,106,61,.16);color:var(--orange)}
.ck-start .b2 .ck-ico{background:var(--orange-soft);color:var(--orange-dk)}
.ck-ico svg{width:24px;height:24px}
.ck-start small{font:500 12px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--orange)}
.ck-start .b2 small{color:var(--orange-dk)}
.ck-start b{font:700 28px/1.1 var(--f-body);letter-spacing:-.03em;color:var(--ink);margin-top:6px}
.ck-start .b1 b{color:#fff}
.ck-blurb{font-size:15.5px;line-height:1.55}
.ck-cov{display:grid;gap:8px;padding-top:14px;border-top:1px solid var(--line)}
.ck-start .b1 .ck-cov{border-top-color:rgba(246,244,239,.14)}
.ck-cov-l{font:500 12px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;opacity:.75}
.ck-tags{display:flex;flex-wrap:wrap;gap:6px}
.ck-tags span{font-size:13px;font-weight:500;padding:5px 10px;border-radius:99px;background:var(--surf);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}
.ck-start .b1 .ck-tags span{background:rgba(246,244,239,.08);color:#eef0f4;box-shadow:none}
.ck-go{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:99px;font-weight:600;font-size:15px;background:var(--orange);color:var(--navy-2)}
.ck-start .b2 .ck-go{background:var(--btn-dk);color:var(--btn-dk-ink)}
.ck-go i{font-style:normal;transition:transform .2s}
.ck-start button:hover .ck-go i{transform:translateX(3px)}

/* question screen: progress panel on the left, question on the right */
.rc-quiz{padding-block:48px 90px}
.ckq{max-width:1040px;margin:0 auto;display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start}
.ck-side{position:sticky;top:96px;background:var(--navy);border-radius:24px;padding:24px;display:grid;gap:18px;color:#dfe3ea}
.ckmeta{display:grid;gap:6px}
.ckmeta #rcDomain{font:500 12px/1.3 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--orange)}
.ckmeta #rcNum{font:700 22px/1.2 var(--f-body);letter-spacing:-.02em;color:#fff}
.ckbar{display:flex;gap:4px}
.ckbar i{flex:1;height:6px;border-radius:99px;background:rgba(246,244,239,.16);transition:background .3s}
.ckbar i.done{background:var(--orange)}
.ckbar i.now{background:#fff}
.rc-art{display:flex;align-items:center;justify-content:center;background:#F6F4EF;border-radius:16px;padding:18px 14px;color:#1B2A41}
.rc-art svg{width:100%;max-width:220px;height:auto}
.ck-main{display:grid;gap:22px;min-width:0}
.rc-card{display:grid;gap:12px;animation:rise .3s ease}
.rc-card h2{font-size:clamp(24px,2.6vw,32px);line-height:1.15}
.why{margin:0;color:var(--text);font-size:16.5px;line-height:1.6;max-width:60ch}
.ans4{display:grid;gap:10px;margin-top:10px}
.ans4 button{appearance:none;border:1.5px solid var(--ctl-border);background:var(--surf);border-radius:16px;padding:14px 18px;text-align:left;cursor:pointer;display:flex;align-items:center;gap:14px;font:500 16px/1.4 var(--f-body);color:var(--ink);transition:border-color .15s,background .15s,box-shadow .15s,transform .15s}
.ans4 button:hover{border-color:var(--orange);box-shadow:var(--ctl-hover);transform:translateX(2px)}
.ans4 button[aria-pressed="true"]{border-color:var(--orange);background:var(--ctl-sel-bg);color:var(--ctl-sel-ink)}
.ans4 kbd{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font:600 13px/1 var(--f-body);background:var(--bg2);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line);transition:background .15s,color .15s}
.ans4 button:hover kbd,.ans4 button[aria-pressed="true"] kbd{background:var(--orange);color:var(--navy-2);box-shadow:none}
.cknav{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:14px;color:var(--muted)}
.cknav button{appearance:none;border:0;background:none;color:var(--ink);font-weight:600;cursor:pointer;font-size:15px;padding:0}
@media (max-width:860px){
  .ckq{grid-template-columns:1fr;gap:20px;max-width:640px}
  .ck-side{position:static;padding:18px 20px;gap:12px}
  .ckmeta{grid-template-columns:1fr auto;align-items:baseline}
  .ckmeta #rcNum{font-size:15px}
  .rc-art{display:none}
}

/* results: score banner, findings grid, report form */
.ckres{display:grid;gap:28px}
.scorecard{background:var(--navy-2);color:var(--cream);border-radius:28px;padding:clamp(24px,3.4vw,40px);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(24px,4vw,48px);align-items:center;outline:1px solid var(--line);outline-offset:-1px}
@media (max-width:900px){.scorecard{grid-template-columns:1fr}}
.sc-left{display:flex;align-items:center;gap:28px}
@media (max-width:560px){.sc-left{flex-direction:column;align-items:flex-start;gap:18px}}
.scorecard .ring{position:relative;width:168px;height:168px;flex:none}
.scorecard .ring svg{width:100%;height:100%;display:block}
.scorecard .num{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font:700 54px/1 var(--f-body);letter-spacing:-.04em;color:#fff;font-variant-numeric:tabular-nums}
.scorecard .num small{font:500 12px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted2);margin-top:8px}
.sc-copy{display:grid;gap:12px;min-width:0}
.scorecard .lvl{font:700 28px/1.1 var(--f-body);letter-spacing:-.03em}
.scorecard p{margin:0;color:#c9ced8}
.scorecard .ctas{margin-top:6px}
.sc-right{display:grid;gap:12px;min-width:0}
.scorecard .board-sub{font-size:14px;color:var(--muted2)}
.scorecard .rows{display:grid;gap:6px}
.scorecard .rows div{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:12px;background:rgba(246,244,239,.06);border-radius:12px;padding:11px 14px;font-size:15px;color:#fff}
.scorecard .rows i{width:10px;height:10px;border-radius:50%}
.scorecard .rows em{font:600 12px/1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;font-style:normal;padding:5px 8px;border-radius:6px}
.rows .lv-bad i{background:#ff6a3d}.rows .lv-bad em{color:#ff8a63;background:rgba(255,106,61,.14)}
.rows .lv-mid i{background:#f0a33c}.rows .lv-mid em{color:#f5b95c;background:rgba(240,163,60,.14)}
.rows .lv-good i{background:#3fbf8a}.rows .lv-good em{color:#5fd3a0;background:rgba(63,191,138,.14)}
.items{display:grid;gap:16px}
.finds-h{font-size:clamp(22px,2.2vw,28px)}
.finds-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (max-width:820px){.finds-grid{grid-template-columns:1fr}}
.find{background:var(--surf);border-radius:20px;padding:22px 24px;box-shadow:inset 0 0 0 1px var(--line);display:flex;flex-direction:column;gap:10px}
.find .fl{display:flex;justify-content:space-between;align-items:center;gap:10px;font:600 12px/1.3 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.find .fl em{font-style:normal;padding:5px 9px;border-radius:99px;white-space:nowrap}
.find.bad .fl em{background:var(--bad-bg);color:var(--bad)}
.find.mid .fl em{background:var(--warn-bg);color:var(--warn)}
.find.good .fl em{background:var(--good-bg);color:var(--good)}
.find h3{font-size:19px;line-height:1.25}
.find p{color:var(--text);margin:0;font-size:15.5px;line-height:1.6}
.find .fix{margin-top:auto;background:var(--bg2);border-radius:12px;padding:12px 14px;font-size:15px;color:var(--ink)}
.find .fix b{display:block;font:600 10.5px/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--orange-dk);margin-bottom:6px}
.report{background:var(--bg2);border-radius:28px;padding:clamp(22px,3.4vw,40px);display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(20px,4vw,48px);align-items:start}
@media (max-width:860px){.report{grid-template-columns:1fr}}
.report h3{font-size:clamp(22px,2.2vw,28px)}
.rp-copy p{color:var(--text);margin:10px 0 0}
.rp-copy .small{font-size:13.5px;color:var(--muted)}
.rp-fields{min-width:0}
.rc-sent{background:var(--good-bg);color:var(--good);border-radius:12px;padding:12px 14px;font-weight:600;margin-top:12px}

/* ---------- home page: offer strip, who we help, reviews + FAQ, get started (Oct 2026) ---------- */
.hv-promo-sec{padding-block:clamp(24px,4vw,44px)}
.hv-promo{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 20px;background:var(--navy-2);border-radius:20px;padding:18px 22px;outline:1px solid var(--line);outline-offset:-1px}
.hv-promo b{display:block;color:#fff;font-size:18px;letter-spacing:-.01em}
.hv-promo p{margin:3px 0 0;color:#c9ced8;font-size:15px}
.hv-promo>div{min-width:0;flex:1 1 280px}
.hv-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:1100px;margin:0 auto;border-radius:28px;overflow:hidden;box-shadow:0 30px 60px -40px rgba(15,26,43,.45),0 0 0 1px var(--line)}
.hv-duo.one{grid-template-columns:minmax(0,1fr);max-width:640px}
@media (max-width:820px){.hv-duo{grid-template-columns:minmax(0,1fr)}}
.hv-side{padding:clamp(24px,4vw,44px);display:flex;flex-direction:column;gap:14px;text-decoration:none;min-width:0;transition:background .2s}
.hv-side.h{background:var(--surf);color:var(--text)}
.hv-side.b{background:var(--navy-2);color:#c9ced8}
.hv-side .hv-tag{font:500 12px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.hv-side.b .hv-tag{color:#a9b1bf}
.hv-side h3{font-size:clamp(23px,2.4vw,30px);line-height:1.15;color:var(--ink)}
.hv-side.b h3{color:#fff}
.hv-side p{margin:0;font-size:16px;line-height:1.6}
.hv-side ul{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.hv-side li{font-size:14px;font-weight:500;padding:6px 12px;border-radius:99px;background:var(--bg2);color:var(--ink)}
.hv-side.b li{background:rgba(246,244,239,.09);color:#eef0f4}
.hv-go{margin-top:auto;padding-top:8px;font-weight:600;color:var(--orange-dk)}
.hv-side.b .hv-go{color:var(--orange)}
.hv-side:hover .hv-go span,.hv-side:focus-visible .hv-go span{display:inline-block;transform:translateX(3px)}
.hv-side:focus-visible{outline:2px solid var(--orange);outline-offset:-4px}
.hv-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,4vw,56px);align-items:start;max-width:1100px;margin:0 auto}
.hv-pair.one{grid-template-columns:minmax(0,1fr);max-width:760px}
@media (max-width:900px){.hv-pair{grid-template-columns:minmax(0,1fr)}}
.hv-col{min-width:0}
.hv-col h2{font-size:clamp(26px,2.6vw,34px);line-height:1.12;margin:8px 0 18px}
.hv-reviews{background:var(--surf);border-radius:24px;padding:clamp(22px,3vw,34px);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink)}
.hv-mark{font:700 64px/.6 Georgia,"Times New Roman",serif;color:var(--orange);height:28px}
.hv-slide{margin:0;display:grid;gap:18px;animation:hvIn .45s ease}
.hv-slide[hidden]{display:none}
@keyframes hvIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.hv-slide blockquote{margin:0;font:600 clamp(17px,1.8vw,21px)/1.5 var(--f-body);letter-spacing:-.015em;color:var(--ink)}
.hv-who{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--muted)}
.hv-who i{font-style:normal;width:40px;height:40px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-weight:600;font-size:13px;flex:none;outline:1px solid var(--line)}
.hv-who b{display:block;color:var(--ink)}
.hv-nav{display:flex;align-items:center;gap:14px;margin-top:22px}
.hv-dots{display:flex;flex-wrap:wrap}
.hv-dots{gap:4px}
.hv-dots button{width:32px;height:32px;border:0;padding:0;cursor:pointer;background:none;position:relative}
.hv-dots button::before{content:"";position:absolute;left:2px;right:2px;top:13px;height:6px;border-radius:99px;background:var(--line2)}
.hv-dots button[aria-current="true"]::before{background:var(--orange)}
.hv-dots button:focus-visible{outline:2px solid var(--orange);outline-offset:0;border-radius:8px}
.hv-arrow{width:40px;height:40px;border-radius:50%;border:1px solid var(--line2);background:none;color:var(--ink);cursor:pointer;font-size:20px;line-height:1;display:grid;place-items:center;flex:none}
.hv-arrow:hover{border-color:var(--orange);color:var(--orange-dk)}
.hv-faq{display:grid;gap:10px}
.hv-faq details{background:var(--surf);border-radius:14px;box-shadow:inset 0 0 0 1px var(--line)}
.hv-faq summary{cursor:pointer;font-weight:600;color:var(--ink);font-size:16px;list-style:none;padding:15px 18px;min-height:48px;border-radius:14px;display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.hv-faq summary::-webkit-details-marker{display:none}
.hv-faq summary::after{content:"+";color:var(--orange-dk);font-size:22px;line-height:1;flex:none}
.hv-faq details[open] summary::after{content:"\2212"}
.hv-faq p{margin:0;padding:0 18px 16px;color:var(--text);line-height:1.6;font-size:15px}
.hv-faq summary:focus-visible{outline:2px solid var(--orange);outline-offset:-2px}
.hv-gs-sec{padding-block:0 clamp(56px,7vw,88px)}
.hv-gs{background:var(--navy-2);color:var(--cream);border-radius:28px;padding:clamp(24px,4vw,48px);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(24px,4vw,48px);align-items:center;outline:1px solid var(--line);outline-offset:-1px}
@media (max-width:860px){.hv-gs{grid-template-columns:minmax(0,1fr)}}
.hv-gs .kicker{color:var(--orange);font-size:12px}
.hv-gs h2{color:#fff;font-size:clamp(28px,3vw,38px);line-height:1.1;margin:8px 0 12px}
.hv-gs-copy>p:not(.kicker){margin:0;color:#c9ced8;font-size:16.5px;line-height:1.6}
.hv-gs ul{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:8px;color:#e6e9ee;font-size:15px}
.hv-gs li{display:flex;gap:9px;align-items:flex-start}
.hv-gs li svg{width:16px;height:16px;flex:none;margin-top:3px;color:#3fbf8a}
.hv-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:22px}
@media (max-width:560px){.hv-flow{grid-template-columns:minmax(0,1fr)}}
.hv-flow div{background:rgba(246,244,239,.06);border:1px solid rgba(246,244,239,.1);border-radius:14px;padding:14px;min-width:0}
.hv-flow i{font:600 12px/1 var(--f-mono);font-style:normal;color:var(--orange);letter-spacing:.1em}
.hv-flow b{display:block;color:#fff;margin:6px 0 2px}
.hv-flow span{font-size:14px;color:#c9ced8}
.hv-alt{display:grid;gap:10px;min-width:0}
.hv-alt .btn{width:100%;white-space:normal;text-align:center}
.hv-opt{display:flex;justify-content:space-between;align-items:center;gap:12px;background:rgba(246,244,239,.06);border:1px solid rgba(246,244,239,.14);border-radius:14px;padding:14px 16px;color:#fff;text-decoration:none;font:inherit;font-size:15px;cursor:pointer;text-align:left;width:100%;min-width:0}
.hv-opt>span:first-child{min-width:0;overflow-wrap:anywhere}
.hv-opt:hover,.hv-opt:focus-visible{border-color:var(--orange)}
.hv-opt small{display:block;color:#a9b1bf;font-size:13px;margin-top:2px}

/* ---------- footer ---------- */
.site-footer{background:var(--bg2);border-top:1px solid var(--line);padding-block:40px 30px;font-size:14px;color:var(--muted)}
.fgrid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:28px}
@media (max-width:820px){.fgrid{grid-template-columns:1fr 1fr}.fbrand{grid-column:1/-1}}
.fbrand p{margin:12px 0 10px;max-width:32ch}
.fmail{display:block;color:var(--ink);font-weight:500;text-decoration:none;margin-top:4px;overflow-wrap:anywhere}
.fsocial{display:flex;gap:10px;margin-top:14px}
.fsocial a{width:34px;height:34px;border-radius:50%;background:var(--surf);display:grid;place-items:center;color:var(--ink)}
.fsocial svg{width:16px;height:16px}
.fcol b{display:block;color:var(--ink);font-weight:600;margin-bottom:10px}
.fcol a{display:block;text-decoration:none;margin-bottom:8px}
.fcol a:hover,.fmail:hover{color:var(--orange-dk)}
.fbottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;border-top:1px solid var(--line);margin-top:30px;padding-top:18px;font-size:13px}

/* ---------- ticket button + panel ---------- */
@property --sweep{syntax:'<angle>';inherits:false;initial-value:0deg}
.tkt-fab{position:fixed;left:max(16px,env(safe-area-inset-left,0px));bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:84;isolation:isolate;display:inline-flex;align-items:center;gap:10px;padding:13px 18px 13px 16px;border:0;border-radius:999px;background:linear-gradient(135deg,var(--orange-lt) 0%,var(--orange) 45%,var(--orange-dk) 100%);color:var(--navy-2);font:600 15px/1 var(--f-body);cursor:pointer;animation:fabglow 2.8s ease-in-out infinite;transition:transform .2s}
.tkt-fab::before{content:"";position:absolute;inset:-2px;border-radius:inherit;z-index:-1;background:conic-gradient(from var(--sweep),transparent 0deg 250deg,rgba(255,255,255,.95) 300deg,transparent 340deg);animation:sweep 3.2s linear infinite}
.tkt-fab::after{content:"";position:absolute;inset:0;border-radius:inherit;z-index:-1;background:inherit}
.tkt-fab:hover{transform:translateY(-2px) scale(1.02)}
.tkt-fab svg{width:18px;height:18px;flex:none}
.tkt-fab .dot{width:9px;height:9px;border-radius:50%;background:#3fdc8f;margin-left:2px;animation:dotping 2s ease-out infinite}
@keyframes fabglow{0%,100%{box-shadow:0 10px 26px -8px rgba(255,106,61,.7),0 0 0 0 rgba(255,106,61,.4)}50%{box-shadow:0 12px 34px -6px rgba(255,106,61,.9),0 0 0 9px rgba(255,106,61,0)}}
@keyframes sweep{to{--sweep:360deg}}
@keyframes dotping{0%{box-shadow:0 0 0 0 rgba(63,220,143,.7)}80%,100%{box-shadow:0 0 0 7px rgba(63,220,143,0)}}
@media (max-width:420px){.tkt-fab{padding:12px 15px;font-size:14px}}
.tkt-scrim{position:fixed;inset:0;z-index:94;background:rgba(15,26,43,.45);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:fadeIn .25s ease}
.tkt-panel{position:fixed;top:0;left:0;bottom:0;z-index:95;width:min(460px,100vw);background:var(--surf);color:var(--ink);box-shadow:30px 0 60px -20px rgba(15,26,43,.55);display:flex;flex-direction:column;animation:slideIn .38s cubic-bezier(.2,.8,.2,1)}
@keyframes slideIn{from{transform:translateX(-100%)}}
.tkt-head{background:radial-gradient(90% 120% at 100% 0,rgba(255,106,61,.28),transparent 60%),var(--navy-2);color:var(--cream);padding:calc(26px + env(safe-area-inset-top,0px)) 56px 22px 24px;position:relative}
.tkt-head .kicker{color:var(--orange)}
.tkt-head h3{color:#fff;font-size:26px;line-height:1.1;margin:10px 0 8px}
.tkt-head p{margin:0;color:#c9ced8;font-size:15px}
.tkt-close{position:absolute;right:16px;top:calc(16px + env(safe-area-inset-top,0px));width:36px;height:36px;border-radius:50%;border:0;background:rgba(246,244,239,.12);color:#fff;font-size:20px;cursor:pointer}
.tkt-body{flex:1;overflow:auto;padding:22px 24px calc(28px + env(safe-area-inset-bottom,0px))}
.chips-check{display:flex;flex-wrap:wrap;gap:8px}
.chip-check{position:relative;cursor:pointer}
.chip-check input{position:absolute;opacity:0;pointer-events:none}
.chip-check span{display:inline-block;border:1.5px solid var(--ctl-border);border-radius:99px;padding:8px 13px;font-size:14px;color:var(--ink);background:var(--surf);transition:background .15s,border-color .15s}
.chip-check input:checked+span{border-color:var(--orange);background:var(--ctl-sel-bg);color:var(--ctl-sel-ink)}
.chip-check input:focus-visible+span{outline:2px solid var(--orange);outline-offset:2px}
.captcha-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
#tf-captcha-img{height:44px;min-width:120px;border-radius:10px;background:#fff;border:1px solid var(--line)}
#tf-captcha-refresh{width:44px;height:44px;border-radius:50%;border:1.5px solid var(--ctl-border);background:var(--surf);color:var(--ink);cursor:pointer;font-size:18px}
#tf-captcha{flex:1;min-width:120px;width:auto}
.tf-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.tf-agree-box{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:var(--ink);cursor:pointer}
.tf-agree-box input{width:20px;height:20px;margin:1px 0 0;flex:none;accent-color:var(--orange)}
.tf-agree-box a{color:inherit;text-decoration:underline}
.tf-note{margin:12px 0 0;font-size:15px;font-weight:600;color:var(--good)}
.tf-note.err{color:var(--bad)}
.zoho-embed{overflow-x:auto}

/* ---------- Volt AI chat (only when switched on in admin) ---------- */
#vc-open{position:fixed;right:18px;bottom:18px;z-index:86;width:64px;height:64px;border-radius:50%;border:0;background:none;cursor:pointer;padding:0;filter:drop-shadow(0 10px 18px rgba(15,26,43,.35))}
#vc-open svg{width:64px;height:64px;display:block}
#vc-panel{position:fixed;right:16px;bottom:92px;z-index:87;width:min(370px,calc(100vw - 32px));height:min(520px,calc(100vh - 140px));background:var(--surf);border-radius:20px;box-shadow:0 30px 60px -20px rgba(15,26,43,.5),0 0 0 1px var(--line);display:flex;flex-direction:column;overflow:hidden}
.vc-head{display:flex;align-items:center;gap:10px;padding:14px 16px;background:var(--navy);color:#fff}
.vc-head .vc-ava svg{width:34px;height:34px;display:block}
.vc-head small{display:block;font-size:12px;color:#c9ced8}
#vc-close{margin-left:auto;width:30px;height:30px;border-radius:50%;border:0;background:rgba(246,244,239,.12);color:#fff;cursor:pointer;font-size:16px}
#vc-msgs{flex:1;overflow:auto;padding:14px;display:flex;flex-direction:column;gap:10px;background:var(--bg2)}
.vc-m{max-width:85%;padding:10px 14px;border-radius:14px;font-size:14.5px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}
.vc-bot{background:var(--surf);color:var(--ink);border-bottom-left-radius:4px;align-self:flex-start;box-shadow:0 0 0 1px var(--line)}
.vc-user{background:var(--orange);color:var(--navy-2);border-bottom-right-radius:4px;align-self:flex-end}
.vc-m a{color:var(--orange-dk)}
.vc-typing{align-self:flex-start;padding:12px 16px}
.vc-typing span{display:inline-block;width:7px;height:7px;margin:0 2px;border-radius:50%;background:var(--muted);animation:vcdots 1.2s infinite}
.vc-typing span:nth-child(2){animation-delay:.2s}.vc-typing span:nth-child(3){animation-delay:.4s}
@keyframes vcdots{0%,60%,100%{opacity:.3}30%{opacity:1}}
.vc-foot{border-top:1px solid var(--line);padding:10px}
.vc-row{display:flex;gap:8px}
#vc-in{flex:1;min-width:0;border:1.5px solid var(--line2);border-radius:99px;padding:10px 14px;font-size:16px;background:var(--surf);color:var(--ink)}
#vc-send{width:40px;height:40px;border-radius:50%;border:0;background:var(--orange);color:var(--navy-2);cursor:pointer}
.vc-note{font-size:11.5px;color:var(--muted);margin:8px 2px 0}

/* ---------- Volt mascot ---------- */
.volt-slot{width:100px;margin:0 auto 16px}
.volt-slot.left{margin-left:0}
.volt-slot.badge{background:var(--cream);border-radius:50%;padding:10px 8px 4px;width:112px}
.volt-slot svg,.volt-sit svg,.volt-peek svg,[data-volt="avatar"] svg{width:100%;height:auto;display:block;overflow:visible}
.volt-sit{position:absolute;right:9%;bottom:100%;width:clamp(80px,12vw,122px);margin-bottom:calc(clamp(80px,12vw,122px) * -0.2667);z-index:2;pointer-events:none}
.volt-peek{position:absolute;right:26px;bottom:100%;width:92px;pointer-events:none}
.volt *{transform-box:view-box}
.volt .n{fill:var(--vn);stroke:var(--ve);stroke-width:1.2}
.volt .nl{stroke:var(--vn)}
.v-open{animation:vopen 4.6s step-end infinite}.v-shut{animation:vshut 4.6s step-end infinite}
@keyframes vopen{0%{opacity:1}92%{opacity:0}96%{opacity:1}}
@keyframes vshut{0%{opacity:0}92%{opacity:1}96%{opacity:0}}
.v-ball{animation:vglow 2s ease-in-out infinite}
@keyframes vglow{50%{opacity:.55}}
.v-legL{transform-origin:50px 94px;animation:vswing 1.6s ease-in-out infinite}
.v-legR{transform-origin:70px 94px;animation:vswing 1.6s ease-in-out -.8s infinite}
@keyframes vswing{0%,100%{transform:rotate(24deg)}50%{transform:rotate(-16deg)}}
.v-hL{animation:vtype .26s ease-in-out infinite alternate}.v-hR{animation:vtype .26s ease-in-out -.13s infinite alternate}
@keyframes vtype{to{transform:translateY(-3px)}}
.v-dig{transform-origin:78px 78px;animation:vdig 2s ease-in-out infinite}
@keyframes vdig{0%{transform:rotate(95deg)}12%{transform:rotate(86deg)}22%{transform:rotate(100deg)}32%{transform:rotate(90deg)}45%,82%{transform:rotate(0deg)}100%{transform:rotate(95deg)}}
.v-tool{animation:vtool 8s linear infinite}
@keyframes vtool{0%,11%{opacity:0}11.5%,20.5%{opacity:1}21%,100%{opacity:0}}
.v-bag{transform-origin:114px 120px;animation:vbag 2s ease-in-out infinite}
@keyframes vbag{0%,36%,100%{transform:rotate(0)}8%{transform:rotate(-3deg)}18%{transform:rotate(3deg)}28%{transform:rotate(-2deg)}}
.v-nod{transform-origin:60px 70px;animation:vnod 2.6s ease-in-out infinite}
@keyframes vnod{0%,100%{transform:rotate(0)}25%{transform:rotate(-5deg)}55%{transform:rotate(4deg)}}
.v-dot{animation:vdot 1.2s ease-in-out infinite}.v-dot:nth-of-type(2){animation-delay:.2s}.v-dot:nth-of-type(3){animation-delay:.4s}
@keyframes vdot{0%,100%{opacity:.35}50%{opacity:1}}
.v-jump{animation:vjump .9s ease-in-out infinite}
@keyframes vjump{0%,100%{transform:translateY(0)}45%{transform:translateY(-9px)}}
.v-aL{transform-origin:42px 78px;animation:vcheerL .9s ease-in-out infinite}.v-aR{transform-origin:78px 78px;animation:vcheerR .9s ease-in-out infinite}
@keyframes vcheerL{50%{transform:rotate(-14deg)}}@keyframes vcheerR{50%{transform:rotate(14deg)}}
.v-c{animation:vconf 1.9s linear infinite}
@keyframes vconf{0%{transform:translateY(-8px);opacity:0}15%{opacity:1}100%{transform:translateY(34px) rotate(160deg);opacity:0}}
.v-wave{transform-origin:80px 77px;animation:vwave 1.3s ease-in-out infinite}
@keyframes vwave{0%,100%{transform:rotate(0)}25%{transform:rotate(22deg)}50%{transform:rotate(-6deg)}75%{transform:rotate(18deg)}}
.v-z{animation:vz 3.6s linear infinite;opacity:0}
@keyframes vz{0%{transform:translate(0,0) scale(.7);opacity:0}20%{opacity:1}100%{transform:translate(14px,-30px) scale(1.2);opacity:0}}
.v-breathe{transform-origin:60px 104px;animation:vbreathe 3.6s ease-in-out infinite}
@keyframes vbreathe{50%{transform:scaleY(1.03)}}
.v-shake{animation:vshake 3.2s ease-in-out infinite}.v-shake .v-eyes{animation:vlook 3.2s ease-in-out infinite}
@keyframes vshake{0%,36%,100%{transform:translateX(0)}6%{transform:translateX(-5px)}12%{transform:translateX(5px)}18%{transform:translateX(-5px)}24%{transform:translateX(4px)}30%{transform:translateX(-2px)}}
@keyframes vlook{0%,36%,100%{transform:translateX(0)}6%{transform:translateX(-3px)}12%{transform:translateX(3px)}18%{transform:translateX(-3px)}24%{transform:translateX(2.5px)}30%{transform:translateX(-1px)}}
.v-pk{animation:vpeek 6s ease-in-out infinite}
@keyframes vpeek{0%,55%,100%{transform:translateY(0)}65%,80%{transform:translateY(44px)}}
.v-g1{animation:vg1 1.3s step-end infinite}.v-g2{animation:vg2 1.1s step-end infinite}.v-g0{animation:vg0 2.6s step-end infinite}
.v-scan{animation:vscan 1.7s linear infinite}.v-static{animation:vstatic 2.2s step-end infinite}
@keyframes vg1{0%{transform:translate(-1.6px,0)}20%{transform:translate(1px,-.6px)}40%{transform:translate(-2.2px,.4px)}60%{transform:translate(0,0)}80%{transform:translate(2px,.3px)}}
@keyframes vg2{0%{transform:translate(1.6px,0)}25%{transform:translate(-1px,.5px)}50%{transform:translate(2.4px,-.4px)}75%{transform:translate(-.6px,0)}}
@keyframes vg0{0%{transform:none;opacity:1}86%{transform:translateX(2.5px) skewX(-12deg)}89%{transform:translateX(-3px);opacity:.6}92%{transform:translateX(1px) skewX(8deg);opacity:1}95%{transform:none}}
@keyframes vscan{from{transform:translateY(0)}to{transform:translateY(38px)}}
@keyframes vstatic{0%{opacity:.9}30%{opacity:.6}55%{opacity:1}70%{opacity:.5}85%{opacity:.85}}

/* ---------- print (risk check report, agreement) ---------- */
@media print{
  .site-header,.site-footer,.tkt-fab,.tkt-panel,.tkt-scrim,#vc-open,#vc-panel,.announce,.report,.cknav,#rc-intro,.rc-quiz{display:none!important}
  .rc-results{display:block!important;padding:0}
  body{background:#fff;color:#111}
}