/* native-apps.css: the application pages served natively (no Elementor): the two quizzes (AI Readiness 14563,
   AI Scorecard 8938), TimeBridge (9018), the coaching demonstration (8783), and the password form on AB Partner
   Provisioning (9261; its own stylesheet stays inline in the gated partial). Loaded by templates/native-page.php
   after chrome.css. Every rule is scoped under an app root (.sn-native-app-*, #sn-native-*) or the page's main
   class. Generated from the stored widget stylesheets (fonts set to the chrome's type layer, document-level rules
   and partner rules removed) and from the page overrides in chrome.css, rescoped from the Elementor wrapper to the
   native wrapper. Edit this file directly from here on. */

/* ---- 0. Shared wrapper: the generic .sn-legacy rules from chrome.css (the wrapper's color, the element resets, the
   heading and body weights; no page was .sn-legacy-plain, so they applied to all five), rescoped. The type layer in
   chrome.css (html body.sn-v2-chrome :is(h1,...,button){font-family:var(--font)!important}) applies on a native
   document, so every face is Public Sans, as on the served pages. ------------------------------------------------ */
.sn-native .sn-native-app{position:relative;color:#fff}
:where(.sn-native .sn-native-app) :is(h1,h2,h3,h4,h5,h6){margin-block:.5rem 1rem}
:where(.sn-native .sn-native-app) p{margin-block:0 .9rem}
:where(.sn-native .sn-native-app) :is(ul,ol){margin-block:1em;padding-inline-start:40px}
:where(.sn-native .sn-native-app) ul{list-style:disc}
:where(.sn-native .sn-native-app) ol{list-style:decimal}
:where(.sn-native .sn-native-app) :is(dl,dd,figure){margin-block:1em}
:where(.sn-native .sn-native-app) dd{margin-inline-start:40px}
:where(.sn-native .sn-native-app) :is(img,svg,video){display:inline-block}
:where(.sn-native .sn-native-app) button{cursor:pointer}
:where(.sn-native .sn-native-app) a{color:inherit}
.sn-native .sn-native-app :is(h1,h2):not(.sn-x){font-weight:900!important;letter-spacing:-.035em!important;line-height:1.04!important}
.sn-native .sn-native-app :is(h3,h4,h5,h6):not(.sn-x){font-weight:600!important;letter-spacing:-.015em!important}
.sn-native .sn-native-app :is(p,li,dd,td):not(.sn-x){font-weight:400}
/* The bar offset .sn-legacy carried (72 px, 60 px on the phone): main.sn-native pads nothing. The quizzes take it on
   #sn-rd and #sn-sc (section 1b), the coaching page inside its own chapter padding (section 3b, the 8783 override). */
.sn-native :is(.sn-native-app-timebridge,.sn-native-app-provisioning){padding-top:72px}
@media (max-width:767px){
  .sn-native :is(.sn-native-app-timebridge,.sn-native-app-provisioning){padding-top:60px}
}


/* ---- 1. The two quizzes: the widgets' own sheets (#sn-rd, #sn-sc) ------------------------------------------------ */

#sn-rd{background:#070b14;min-height:100vh}#sn-rd .rd-stage{display:none}#sn-rd .rd-stage.active{display:block}#sn-rd .rd-err,#sn-rd .rd-sent{display:none}
#sn-rd{
  --bg:#070b14; --bg-2:#0a1019; --panel:#0d1524; --panel-2:#101a2c;
  --line:rgba(148,176,232,.12); --line-strong:rgba(148,176,232,.22);
  --ink:#E6ECF7; --mist:#9fb0cc; --slate:#64748B;
  --accent:#2563EB; --accent-br:#2563EB; --teal:#00d4aa; --amber:#f5a524; --red:#f04f4f;
  --shadow:0 30px 80px -30px rgba(0,0,0,.8); --r:18px;
  position:relative; overflow:hidden; isolation:isolate;
  font-family:inherit;
  color:var(--ink); line-height:1.5; -webkit-font-smoothing:antialiased;
  background:var(--bg); min-height:100vh; display:flex; flex-direction:column;
}
#sn-rd *{box-sizing:border-box;margin:0;padding:0}
#sn-rd::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(900px 600px at 50% -10%, rgba(37,99,235,.18), transparent 60%),
    radial-gradient(700px 500px at 85% 110%, rgba(0,212,170,.07), transparent 55%),
    linear-gradient(180deg,var(--bg),var(--bg-2));
}
#sn-rd .rd-grid{
  position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.5;
  background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);
  background-size:64px 64px;
  -webkit-mask-image:radial-gradient(circle at 50% 30%,#000 0%,transparent 75%);
  mask-image:radial-gradient(circle at 50% 30%,#000 0%,transparent 75%);
}
#sn-rd .rd-wrap{position:relative;z-index:1;width:100%;max-width:760px;margin:0 auto;padding:48px 24px 80px;flex:1;display:flex;flex-direction:column}
#sn-rd .rd-kicker{margin-top:12px;text-align:center;font-family:inherit;font-size:11.5px;letter-spacing:.34em;color:var(--accent-br);text-transform:uppercase;font-weight:500}

#sn-rd .rd-card{
  margin-top:34px;background:linear-gradient(180deg,var(--panel),var(--panel-2));
  border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);
  padding:40px;position:relative;overflow:hidden;
}
#sn-rd .rd-card::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--line-strong),transparent)}

#sn-rd .rd-stage{display:none}
#sn-rd .rd-stage.active{display:block;animation:rd-rise .55s cubic-bezier(.16,.84,.44,1) both}
@keyframes rd-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

#sn-rd .rd-h1{font-size:clamp(28px,5vw,40px);line-height:1.08;letter-spacing:-.03em;font-weight:800;color:var(--ink)}
#sn-rd .rd-hot{color:var(--accent-br)}
#sn-rd .rd-lede{margin-top:18px;color:var(--mist);font-size:16.5px;max-width:60ch}
#sn-rd .rd-meta{display:flex;gap:30px;margin:30px 0 4px;flex-wrap:wrap}
#sn-rd .rd-m b{display:block;font-size:14px;color:var(--ink);font-weight:700}
#sn-rd .rd-m span{font-size:12.5px;color:var(--slate);font-family:inherit}
#sn-rd .rd-actions{display:grid;grid-template-columns:1fr;gap:12px;margin-top:26px}

#sn-rd .rd-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;
  margin-top:0;padding:17px 24px;border:0;border-radius:13px;cursor:pointer;
  font-family:inherit;font-weight:700;font-size:16px;color:#fff;letter-spacing:.01em;
  background:linear-gradient(180deg,var(--accent-br),var(--accent));
  box-shadow:0 12px 30px -10px rgba(37,99,235,.7),inset 0 1px 0 rgba(255,255,255,.25);
  transition:transform .15s ease,box-shadow .15s ease;
}
#sn-rd .rd-btn:hover{transform:translateY(-1px);box-shadow:0 18px 40px -10px rgba(37,99,235,.8),inset 0 1px 0 rgba(255,255,255,.3)}
#sn-rd .rd-btn:active{transform:translateY(0)}
#sn-rd .rd-arr{transition:transform .2s ease}
#sn-rd .rd-btn:hover .rd-arr{transform:translateX(4px)}
#sn-rd .rd-book{display:inline-flex;align-items:center;justify-content:center;text-align:center;text-decoration:none;border-radius:13px;font-weight:700;transition:transform .15s ease,background .15s ease,border-color .15s ease,color .15s ease}
#sn-rd .rd-book-sent{margin-top:14px;padding:13px 18px;color:#07111f;background:linear-gradient(180deg,#4de6c9,var(--teal));border:1px solid rgba(255,255,255,.16);box-shadow:0 14px 30px -16px rgba(0,212,170,.85)}
#sn-rd .rd-book-sent:hover{transform:translateY(-1px)}

#sn-rd .rd-progress{height:4px;background:rgba(255,255,255,.06);border-radius:99px;overflow:hidden}
#sn-rd .rd-bar{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,var(--accent),var(--teal));transition:width .45s cubic-bezier(.16,.84,.44,1)}
#sn-rd .rd-dim{font-family:inherit;font-size:11px;letter-spacing:.26em;color:var(--teal);text-transform:uppercase;margin:22px 0 6px;font-weight:600}
#sn-rd .rd-qnum{font-family:inherit;font-size:12px;letter-spacing:.28em;color:var(--accent-br);text-transform:uppercase;margin:0 0 14px}
#sn-rd .rd-qtext{font-size:clamp(22px,3.2vw,26px);font-weight:700;letter-spacing:-.02em;line-height:1.28;color:var(--ink)}

#sn-rd .rd-opts{margin-top:24px;display:flex;flex-direction:column;gap:11px}
#sn-rd .rd-opt{
  position:relative;text-align:left;padding:16px 20px;border-radius:13px;cursor:pointer;
  background:rgba(255,255,255,.018);border:1px solid var(--line);color:var(--ink);
  font-family:inherit;font-size:15.5px;font-weight:500;width:100%;
  display:flex;align-items:center;gap:13px;line-height:1.4;
  transition:border-color .15s,background .15s,transform .12s;overflow:hidden;
}
#sn-rd .rd-opt .rd-dot{flex:0 0 auto;width:13px;height:13px;border-radius:50%;border:1.5px solid var(--line-strong);transition:border-color .15s,background .15s}
#sn-rd .rd-opt > span:last-child{min-width:0;white-space:normal;overflow-wrap:anywhere}
#sn-rd .rd-opt::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(var(--accent-br),var(--teal));transform:scaleY(0);transform-origin:top;transition:transform .2s ease}
#sn-rd .rd-opt:hover,#sn-rd .rd-opt:active{border-color:var(--line-strong);background:rgba(79,134,255,.06);transform:translateX(2px)}
#sn-rd .rd-opt:hover::before,#sn-rd .rd-opt:active::before{transform:scaleY(1)}
#sn-rd .rd-opt.sel{border-color:var(--accent-br);background:rgba(37,99,235,.14)}
#sn-rd .rd-opt.sel::before{transform:scaleY(1)}
#sn-rd .rd-opt.sel .rd-dot{border-color:var(--accent-br);background:var(--accent-br);box-shadow:0 0 0 3px rgba(79,134,255,.2)}

#sn-rd .rd-back{margin-top:18px;background:none;border:0;color:var(--slate);font-family:inherit;font-size:12.5px;cursor:pointer;letter-spacing:.05em;padding:10px 4px}
#sn-rd .rd-back:hover{color:var(--mist)}
#sn-rd .rd-back[hidden]{display:none}

#sn-rd .rd-gauge-wrap{display:flex;flex-direction:column;align-items:center;text-align:center}
#sn-rd .rd-tier-tag{font-family:inherit;font-size:12px;letter-spacing:.3em;text-transform:uppercase;padding:6px 14px;border-radius:99px;border:1px solid currentColor;margin-bottom:26px}
#sn-rd .rd-gauge{position:relative;width:230px;height:230px}
#sn-rd .rd-gauge svg{transform:rotate(-90deg)}
#sn-rd .rd-num{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
#sn-rd .rd-num b{font-size:64px;font-weight:800;letter-spacing:-.045em;line-height:.95;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;padding-left:.05em}
#sn-rd .rd-num small{position:absolute;left:0;right:0;top:63%;text-align:center;font-family:inherit;font-size:10.5px;letter-spacing:.2em;color:var(--mist);text-transform:uppercase}
#sn-rd .rd-verdict{margin-top:22px;font-size:16.5px;color:var(--ink);max-width:54ch;text-align:center;line-height:1.5}

#sn-rd .rd-dims{margin-top:34px;display:flex;flex-direction:column;gap:18px}
#sn-rd .rd-dimrow .rd-dimhead{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}
#sn-rd .rd-dimname{font-size:14.5px;font-weight:600;color:var(--ink)}
#sn-rd .rd-dimval{font-family:inherit;font-size:13px;font-weight:600}
#sn-rd .rd-track{height:11px;background:rgba(255,255,255,.05);border-radius:99px;overflow:hidden;box-shadow:inset 0 1px 2px rgba(0,0,0,.35)}
#sn-rd .rd-track i{display:block;height:100%;width:0;border-radius:99px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);transition:width 1.1s cubic-bezier(.16,.84,.44,1)}

#sn-rd .rd-fix{margin-top:32px;padding:24px;border-radius:14px;background:rgba(0,212,170,.05);border:1px solid rgba(0,212,170,.22);text-align:left}
#sn-rd .rd-fix-lbl{font-family:inherit;font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:var(--teal);font-weight:600}
#sn-rd .rd-fix h3{font-size:18px;font-weight:700;margin-top:10px;letter-spacing:-.02em;color:var(--ink)}
#sn-rd .rd-fix p{margin-top:9px;color:var(--mist);font-size:14.5px}

#sn-rd .rd-gate{margin-top:28px;padding-top:26px;border-top:1px dashed var(--line-strong)}
#sn-rd .rd-gate p{font-size:14.5px;color:var(--mist);margin-bottom:16px}
#sn-rd .rd-gate .rd-callout{margin-top:-2px;margin-bottom:10px;color:var(--ink);font-weight:700}
#sn-rd .rd-or{text-align:center;font-family:inherit;text-transform:uppercase;letter-spacing:.13em;font-size:10.5px;color:var(--slate);margin:3px 0 13px}
#sn-rd .rd-gate .rd-report-btn{background:rgba(255,255,255,.04);border:1px solid var(--line-strong);box-shadow:none;color:var(--ink)}
#sn-rd .rd-gate .rd-report-btn:hover{background:rgba(255,255,255,.075);box-shadow:none}
#sn-rd .rd-book-link{color:var(--teal);text-decoration:none;border-bottom:1px solid rgba(0,212,170,.45);font-weight:700}
#sn-rd .rd-book-link:hover{border-color:var(--teal)}
#sn-rd .rd-field{width:100%;padding:15px 17px;border-radius:12px;background:rgba(255,255,255,.02);border:1px solid var(--line);color:var(--ink);font-family:inherit;font-size:16px;margin-bottom:11px;transition:border-color .15s}
#sn-rd .rd-field::placeholder{color:var(--slate)}
#sn-rd .rd-field:focus{outline:none;border-color:var(--accent-br);background:rgba(37,99,235,.06)}
#sn-rd .rd-hp{position:absolute;left:-9999px;top:-9999px;width:1px;height:1px;overflow:hidden}
#sn-rd .rd-err{display:none;text-align:center;padding:12px;border-radius:12px;background:rgba(240,79,79,.08);border:1px solid rgba(240,79,79,.28);color:#ff8a8a;font-weight:600;font-size:14px;margin-top:10px}
#sn-rd .rd-sent{display:none;text-align:center;padding:16px;border-radius:12px;background:rgba(0,212,170,.08);border:1px solid rgba(0,212,170,.25);color:var(--teal);font-weight:600;font-size:14.5px;margin-top:6px}
#sn-rd .rd-sent b{display:block;color:var(--teal);font-size:15px}
#sn-rd .rd-sent span{display:block;color:var(--mist);font-weight:500;margin-top:7px}
#sn-rd .rd-home{display:block;margin-top:12px;padding:11px 14px;border-radius:10px;background:rgba(255,255,255,.05);border:1px solid var(--line-strong);color:var(--ink);text-decoration:none;font-weight:600;font-size:14px;transition:background .15s,border-color .15s}
#sn-rd .rd-home:hover{background:rgba(255,255,255,.09);border-color:var(--accent-br)}

/* intro spec line */
#sn-rd .rd-spec{margin:26px 0 4px;font-family:inherit;font-size:12px;letter-spacing:.12em;color:var(--slate);text-transform:uppercase}
/* maturity band ladder */
#sn-rd .rd-scale{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:26px;width:100%;max-width:440px}
#sn-rd .rd-scale span{font-family:inherit;font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;text-align:center;color:var(--slate);padding:8px 4px 7px;border-radius:8px;border:1px solid var(--line);position:relative}
#sn-rd .rd-scale span::before{content:"";position:absolute;top:-1px;left:8px;right:8px;height:2px;border-radius:2px;background:var(--slate);opacity:.6}
#sn-rd .rd-scale span:nth-child(1)::before{background:#f04f4f}
#sn-rd .rd-scale span:nth-child(2)::before{background:#f5a524}
#sn-rd .rd-scale span:nth-child(3)::before{background:#2563EB}
#sn-rd .rd-scale span:nth-child(4)::before{background:#00d4aa}
#sn-rd .rd-scale span.on{color:var(--ink);background:rgba(255,255,255,.05);border-color:var(--line-strong)}
/* dimension panel */
#sn-rd .rd-dims{margin-top:34px;padding:22px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.012)}
#sn-rd .rd-panel-lbl{font-family:inherit;font-size:10.5px;letter-spacing:.26em;text-transform:uppercase;color:var(--mist);font-weight:600;margin-bottom:18px}
#sn-rd .rd-dleft{display:flex;align-items:baseline;gap:10px}
#sn-rd .rd-idx{font-family:inherit;font-size:11px;color:var(--accent-br);font-weight:600;letter-spacing:.05em}
/* KS recommendation pill */
#sn-rd .rd-fix-pill{display:inline-block;margin-top:16px;padding:7px 14px;border-radius:99px;background:rgba(0,212,170,.12);border:1px solid rgba(0,212,170,.32);color:var(--teal);font-family:inherit;font-size:11px;letter-spacing:.08em;font-weight:600}
/* premium polish */
#sn-rd .rd-card{box-shadow:var(--shadow),0 1px 0 rgba(255,255,255,.04) inset,0 0 0 1px rgba(0,0,0,.4)}
#sn-rd .rd-fix{margin-top:32px;padding:24px 24px 24px 28px;border-radius:14px;background:radial-gradient(120% 100% at 0% 0%,rgba(0,212,170,.10),transparent 60%),rgba(0,212,170,.04);border:1px solid rgba(0,212,170,.22);box-shadow:inset 0 1px 0 rgba(0,212,170,.12);text-align:left;position:relative;overflow:hidden}
#sn-rd .rd-fix::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(var(--teal),rgba(0,212,170,.2))}
#sn-rd .rd-btn{position:relative;overflow:hidden}
#sn-rd .rd-btn::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.18) 48%,transparent 60%);transform:translateX(-120%);transition:transform .6s ease}
#sn-rd .rd-btn:hover::after{transform:translateX(120%)}
#sn-rd .rd-opt{opacity:0;transform:translateY(6px);animation:rd-opt-in .4s cubic-bezier(.16,.84,.44,1) forwards}
@keyframes rd-opt-in{to{opacity:1;transform:none}}
#sn-rd .rd-stage[data-stage="result"].active .rd-reveal{opacity:0;transform:translateY(10px);animation:rd-rise .6s cubic-bezier(.16,.84,.44,1) forwards}
#sn-rd .rd-tier-tag.rd-reveal{animation-delay:.05s}
#sn-rd .rd-scale.rd-reveal{animation-delay:1.35s}
#sn-rd .rd-verdict.rd-reveal{animation-delay:1.5s}
#sn-rd .rd-dims.rd-reveal{animation-delay:1.65s}
#sn-rd .rd-fix.rd-reveal{animation-delay:2.4s}
#sn-rd .rd-opt:focus-visible,#sn-rd .rd-btn:focus-visible,#sn-rd .rd-field:focus-visible{outline:2px solid var(--accent-br);outline-offset:2px}
@media(prefers-reduced-motion:reduce){#sn-rd .rd-opt,#sn-rd .rd-reveal{animation:none!important;opacity:1!important;transform:none!important}}

@media(max-width:560px){
  #sn-rd .rd-wrap{padding:24px 20px 60px}
  #sn-rd .rd-card{padding:26px 22px;margin-top:20px}
  #sn-rd .rd-lede{margin-top:14px;font-size:15.5px}
  #sn-rd .rd-spec{margin:20px 0 4px;font-size:11px;letter-spacing:.06em}
  #sn-rd .rd-actions{margin-top:20px}
  #sn-rd .rd-gauge{width:200px;height:200px}
  #sn-rd .rd-num b{font-size:50px}
  #sn-rd .rd-scale span{font-size:8.5px;padding:7px 2px}
}
#sn-sc{background:#070b14;min-height:100vh;-webkit-tap-highlight-color:transparent}#sn-sc .sc-stage{display:none}#sn-sc .sc-stage.active{display:block}#sn-sc .sc-err,#sn-sc .sc-sent{display:none}
#sn-sc{
  --bg:#070b14; --bg-2:#0a1019; --panel:#0d1524; --panel-2:#101a2c;
  --line:rgba(148,176,232,.12); --line-strong:rgba(148,176,232,.22);
  --ink:#E6ECF7; --mist:#9fb0cc; --slate:#64748B;
  --accent:#2563EB; --accent-br:#2563EB; --teal:#00d4aa; --amber:#f5a524; --red:#f04f4f;
  --shadow:0 30px 80px -30px rgba(0,0,0,.8); --r:18px;
  position:relative; overflow:hidden; isolation:isolate;
  font-family:inherit;
  color:var(--ink); line-height:1.5; -webkit-font-smoothing:antialiased;
  background:var(--bg);
  min-height:100vh; display:flex; flex-direction:column;
}
#sn-sc *{box-sizing:border-box;margin:0;padding:0}
#sn-sc::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(900px 600px at 50% -10%, rgba(37,99,235,.18), transparent 60%),
    radial-gradient(700px 500px at 85% 110%, rgba(0,212,170,.07), transparent 55%),
    linear-gradient(180deg,var(--bg),var(--bg-2));
}
#sn-sc .sc-grid{
  position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.5;
  background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);
  background-size:64px 64px;
  -webkit-mask-image:radial-gradient(circle at 50% 30%,#000 0%,transparent 75%);
  mask-image:radial-gradient(circle at 50% 30%,#000 0%,transparent 75%);
}
#sn-sc .sc-wrap{position:relative;z-index:1;width:100%;max-width:760px;margin:0 auto;padding:48px 24px 80px;flex:1;display:flex;flex-direction:column}

#sn-sc .sc-kicker{margin-top:12px;text-align:center;font-family:inherit;font-size:11.5px;letter-spacing:.42em;color:var(--accent-br);text-transform:uppercase;font-weight:500}

#sn-sc .sc-card{
  margin-top:34px;background:linear-gradient(180deg,var(--panel),var(--panel-2));
  border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);
  padding:40px;position:relative;overflow:hidden;
}
#sn-sc .sc-card::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--line-strong),transparent)}

#sn-sc .sc-stage{display:none}
#sn-sc .sc-stage.active{display:block;animation:sc-rise .55s cubic-bezier(.16,.84,.44,1) both}
@keyframes sc-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

#sn-sc .sc-h1{font-size:40px;line-height:1.08;letter-spacing:0;font-weight:800;color:var(--ink)}
#sn-sc .sc-hot{color:var(--accent-br)}
#sn-sc .sc-lede{margin-top:18px;color:var(--mist);font-size:16.5px;max-width:60ch}
#sn-sc .sc-meta{display:flex;gap:30px;margin:30px 0 4px;flex-wrap:wrap}
#sn-sc .sc-m b{display:block;font-size:14px;color:var(--ink);font-weight:700}
#sn-sc .sc-m span{font-size:12.5px;color:var(--slate);font-family:inherit}
#sn-sc .sc-actions{display:grid;grid-template-columns:1fr;gap:12px;margin-top:26px}

#sn-sc .sc-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;
  margin-top:0;padding:17px 24px;border:0;border-radius:13px;cursor:pointer;
  font-family:inherit;font-weight:700;font-size:16px;color:#fff;letter-spacing:.01em;
  background:linear-gradient(180deg,var(--accent-br),var(--accent));
  box-shadow:0 12px 30px -10px rgba(37,99,235,.7),inset 0 1px 0 rgba(255,255,255,.25);
  transition:transform .15s ease,box-shadow .15s ease;
}
#sn-sc .sc-btn:hover{transform:translateY(-1px);box-shadow:0 18px 40px -10px rgba(37,99,235,.8),inset 0 1px 0 rgba(255,255,255,.3)}
#sn-sc .sc-btn:active{transform:translateY(0)}
#sn-sc .sc-arr{transition:transform .2s ease}
#sn-sc .sc-btn:hover .sc-arr{transform:translateX(4px)}
#sn-sc .sc-footnote{text-align:center;color:var(--slate);font-size:12.5px;margin-top:26px;font-family:inherit}
#sn-sc .sc-book{display:inline-flex;align-items:center;justify-content:center;text-align:center;text-decoration:none;border-radius:13px;font-weight:700;transition:transform .15s ease,background .15s ease,border-color .15s ease,color .15s ease}
#sn-sc .sc-book-sent{margin-top:14px;padding:13px 18px;color:#07111f;background:linear-gradient(180deg,#4de6c9,var(--teal));border:1px solid rgba(255,255,255,.16);box-shadow:0 14px 30px -16px rgba(0,212,170,.85)}
#sn-sc .sc-book-sent:hover{transform:translateY(-1px)}

#sn-sc .sc-progress{height:4px;background:rgba(255,255,255,.06);border-radius:99px;overflow:hidden}
#sn-sc .sc-bar{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,var(--accent),var(--teal));transition:width .45s cubic-bezier(.16,.84,.44,1)}
#sn-sc .sc-qnum,#sn-sc .sc-route-num{font-family:inherit;font-size:12px;letter-spacing:.28em;color:var(--accent-br);text-transform:uppercase;margin:24px 0 14px}
#sn-sc .sc-qtext,#sn-sc .sc-route-text{font-size:21px;font-weight:700;letter-spacing:0;line-height:1.28;color:var(--ink)}

#sn-sc .sc-opts,#sn-sc .sc-route-opts{margin-top:24px;display:flex;flex-direction:column;gap:11px}
#sn-sc .sc-opt,#sn-sc .sc-route-opt{
  position:relative;text-align:left;padding:17px 20px;border-radius:13px;cursor:pointer;
  background:rgba(255,255,255,.018);border:1px solid var(--line);color:var(--ink);
  font-family:inherit;font-size:15.5px;font-weight:500;width:100%;
  white-space:normal;overflow-wrap:anywhere;line-height:1.4;
  transition:border-color .15s,background .15s,transform .12s;overflow:hidden;
}
#sn-sc .sc-opt::before,#sn-sc .sc-route-opt::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(var(--accent-br),var(--teal));transform:scaleY(0);transform-origin:top;transition:transform .2s ease}
#sn-sc .sc-opt:hover,#sn-sc .sc-route-opt:hover{border-color:var(--line-strong);background:rgba(79,134,255,.06);transform:translateX(2px)}
#sn-sc .sc-opt:hover::before,#sn-sc .sc-route-opt:hover::before{transform:scaleY(1)}
#sn-sc .sc-opt.sel,#sn-sc .sc-opt:active,#sn-sc .sc-route-opt:active{border-color:var(--accent-br);background:rgba(37,99,235,.14)}
#sn-sc .sc-opt.sel::before,#sn-sc .sc-opt:active::before,#sn-sc .sc-route-opt:active::before{transform:scaleY(1)}

#sn-sc .sc-back{margin-top:18px;background:none;border:0;color:var(--slate);font-family:inherit;font-size:12.5px;cursor:pointer;letter-spacing:.05em;padding:10px 4px}
#sn-sc .sc-back:hover{color:var(--mist)}
#sn-sc .sc-back[hidden]{display:none}

#sn-sc .sc-gauge-wrap{display:flex;flex-direction:column;align-items:center;text-align:center}
#sn-sc .sc-tier-tag{font-family:inherit;font-size:12px;letter-spacing:.3em;text-transform:uppercase;padding:6px 14px;border-radius:99px;border:1px solid currentColor;margin-bottom:26px}
#sn-sc .sc-gauge{position:relative;width:230px;height:230px}
#sn-sc .sc-gauge svg{transform:rotate(-90deg)}
#sn-sc .sc-num{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
#sn-sc .sc-num b{font-size:64px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}
#sn-sc .sc-num small{position:absolute;left:0;right:0;top:63%;text-align:center;font-family:inherit;font-size:11px;letter-spacing:.2em;color:var(--mist);text-transform:uppercase}
#sn-sc .sc-dollar{margin-top:26px;font-size:17px;color:var(--mist)}
#sn-sc .sc-dollar b{color:var(--ink);font-weight:800;font-size:23px;letter-spacing:0;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}
#sn-sc .sc-verdict{margin-top:10px;font-size:15px;color:var(--mist);max-width:54ch;text-align:center}
#sn-sc .sc-disclaimer{margin-top:14px;font-family:inherit;font-size:11px;color:var(--slate);letter-spacing:.04em}

#sn-sc .sc-fix{margin-top:32px;padding:24px 24px 24px 28px;border-radius:14px;background:radial-gradient(120% 100% at 0% 0%,rgba(0,212,170,.10),transparent 60%),rgba(0,212,170,.04);border:1px solid rgba(0,212,170,.22);box-shadow:inset 0 1px 0 rgba(0,212,170,.12);text-align:left;position:relative;overflow:hidden}
#sn-sc .sc-fix::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(var(--teal),rgba(0,212,170,.2))}
#sn-sc .sc-fix-lbl{font-family:inherit;font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:var(--teal);font-weight:600}
#sn-sc .sc-fix h3{font-size:18px;font-weight:700;margin-top:10px;letter-spacing:0;color:var(--ink)}
#sn-sc .sc-fix p{margin-top:9px;color:var(--mist);font-size:14.5px}

#sn-sc .sc-gate{margin-top:28px;padding-top:26px;border-top:1px dashed var(--line-strong)}
#sn-sc .sc-gate p{font-size:14.5px;color:var(--mist);margin-bottom:16px}
#sn-sc .sc-gate .sc-callout{margin-top:-2px;margin-bottom:10px;color:var(--ink);font-weight:700}
#sn-sc .sc-or{text-align:center;font-family:inherit;text-transform:uppercase;letter-spacing:.13em;font-size:10.5px;color:var(--slate);margin:3px 0 13px}
#sn-sc .sc-gate .sc-report-btn{background:rgba(255,255,255,.04);border:1px solid var(--line-strong);box-shadow:none;color:var(--ink)}
#sn-sc .sc-gate .sc-report-btn:hover{background:rgba(255,255,255,.075);box-shadow:none}
#sn-sc .sc-book-link{color:var(--teal);text-decoration:none;border-bottom:1px solid rgba(0,212,170,.45);font-weight:700}
#sn-sc .sc-book-link:hover{border-color:var(--teal)}
#sn-sc .sc-field{width:100%;padding:15px 17px;border-radius:12px;background:rgba(255,255,255,.02);border:1px solid var(--line);color:var(--ink);font-family:inherit;font-size:16px;margin-bottom:11px;transition:border-color .15s}
#sn-sc .sc-field::placeholder{color:var(--slate)}
#sn-sc .sc-field:focus{outline:none;border-color:var(--accent-br);background:rgba(37,99,235,.06)}
#sn-sc .sc-privacy{text-align:center;margin-top:12px;font-family:inherit;font-size:12px;color:var(--slate);letter-spacing:.03em}
#sn-sc .sc-hp{position:absolute;left:-9999px;top:-9999px;width:1px;height:1px;overflow:hidden}
#sn-sc .sc-sent{display:none;text-align:center;padding:16px;border-radius:12px;background:rgba(0,212,170,.08);border:1px solid rgba(0,212,170,.25);color:var(--teal);font-weight:600;font-size:14.5px;margin-top:6px}
#sn-sc .sc-sent b{display:block;color:var(--teal);font-size:15px}
#sn-sc .sc-sent span{display:block;color:var(--mist);font-weight:500;margin-top:7px}
#sn-sc .sc-err{display:none;text-align:center;padding:12px;border-radius:12px;background:rgba(240,79,79,.08);border:1px solid rgba(240,79,79,.28);color:#ff8a8a;font-weight:600;font-size:14px;margin-top:10px}
#sn-sc .sc-home{display:block;margin-top:12px;padding:11px 14px;border-radius:10px;background:rgba(255,255,255,.05);border:1px solid var(--line-strong);color:var(--ink);text-decoration:none;font-weight:600;font-size:14px;transition:background .15s,border-color .15s}
#sn-sc .sc-home:hover{background:rgba(255,255,255,.09);border-color:var(--accent-br)}


/* premium polish */
#sn-sc .sc-card{box-shadow:var(--shadow),0 1px 0 rgba(255,255,255,.04) inset,0 0 0 1px rgba(0,0,0,.4)}
#sn-sc .sc-btn{position:relative;overflow:hidden}
#sn-sc .sc-btn::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.18) 48%,transparent 60%);transform:translateX(-120%);transition:transform .6s ease}
#sn-sc .sc-btn:hover::after{transform:translateX(120%)}
#sn-sc .sc-opt,#sn-sc .sc-route-opt{opacity:0;transform:translateY(6px);animation:sc-opt-in .4s cubic-bezier(.16,.84,.44,1) forwards}
@keyframes sc-opt-in{to{opacity:1;transform:none}}
#sn-sc .sc-stage[data-stage="result"].active .sc-reveal{opacity:0;transform:translateY(10px);animation:sc-rise .6s cubic-bezier(.16,.84,.44,1) forwards}
#sn-sc .sc-tier-tag.sc-reveal{animation-delay:.05s}
#sn-sc .sc-dollar.sc-reveal{animation-delay:1.35s}
#sn-sc .sc-verdict.sc-reveal{animation-delay:1.5s}
#sn-sc .sc-disclaimer.sc-reveal{animation-delay:1.6s}
#sn-sc .sc-fix.sc-reveal{animation-delay:1.75s}
#sn-sc .sc-gate.sc-reveal{animation-delay:1.95s}
#sn-sc .sc-opt:focus-visible,#sn-sc .sc-route-opt:focus-visible,#sn-sc .sc-btn:focus-visible,#sn-sc .sc-field:focus-visible{outline:2px solid var(--accent-br);outline-offset:2px}
@media(prefers-reduced-motion:reduce){#sn-sc .sc-opt,#sn-sc .sc-reveal{animation:none!important;opacity:1!important;transform:none!important}}

@media(max-width:560px){
  #sn-sc .sc-wrap{padding:24px 20px 60px}
  #sn-sc .sc-card{padding:26px 22px;margin-top:20px}
  #sn-sc .sc-h1{font-size:30px}
  #sn-sc .sc-lede{margin-top:14px;font-size:15.5px}
  #sn-sc .sc-meta{gap:16px;margin:20px 0 4px}
  #sn-sc .sc-actions{margin-top:20px}
  #sn-sc .sc-gauge{width:200px;height:200px}
  #sn-sc .sc-num b{font-size:52px}
}

/* ---- 1a. The quizzes in the V2 system: the chrome.css overrides, rescoped ------------------------------------------ */
.sn-native-app-quiz :is(.rd-kicker,.sc-kicker){margin-top:0!important;font-size:15px!important;font-weight:500!important;letter-spacing:.06em!important;color:rgba(255,255,255,.62)!important}
.sn-native-app-quiz :is(.rd-wrap,.sc-wrap){padding-top:40px!important}
.sn-native-app-quiz :is(#sn-rd,#sn-sc){min-height:calc(100vh - 72px)!important}
.sn-native-app-quiz :is(.rd-h1,.sc-h1){font-weight:900!important;letter-spacing:-.035em!important}
.sn-native-app-quiz :is(#sn-rd,#sn-sc){background:var(--navy-black)!important}
.sn-native-app-quiz #sn-rd::before,.sn-native-app-quiz #sn-sc::before,.sn-native-app-quiz :is(.rd-grid,.sc-grid){display:none!important}
.sn-native-app-quiz :is(.rd-hot,.sc-hot){color:inherit!important}
.sn-native-app-quiz :is(.rd-btn,.sc-btn){font-weight:600!important;font-size:16px!important;letter-spacing:.005em!important;border-radius:3px!important;background:var(--accent)!important;box-shadow:none!important;transform:none!important;transition:filter .3s var(--ease)!important;padding:0 24px!important;height:56px!important}
.sn-native-app-quiz :is(.rd-btn,.sc-btn):hover{transform:none!important;box-shadow:none!important;filter:brightness(1.14)}
.sn-native-app-quiz :is(.rd-btn,.sc-btn)::after,.sn-native-app-quiz :is(.rd-arr,.sc-arr){display:none!important}
.sn-native-app-quiz :is(.rd-card,.sc-card){background:#0d1117!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:6px!important;box-shadow:none!important}
.sn-native-app-quiz :is(.rd-card,.sc-card)::before{display:none!important}
.sn-native-app-quiz :is(.rd-opt,.sc-opt,.sc-route-opt){border-radius:4px!important;transform:none!important}
.sn-native-app-quiz :is(.rd-opt,.sc-opt,.sc-route-opt)::before{background:var(--accent)!important}
.sn-native-app-quiz :is(.rd-tier-tag,.sc-tier-tag){border:0!important;padding:0!important;border-radius:0!important;font-size:13px!important;font-weight:500!important;letter-spacing:.08em!important}
.sn-native-app-quiz .rd-scale span{border:0!important;background:none!important;border-radius:0!important;padding:8px 0 0!important;font-size:12px!important;letter-spacing:.06em!important;border-top:2px solid rgba(255,255,255,.14)!important}
.sn-native-app-quiz .rd-fix-pill{background:none!important;border:0!important;padding:0!important;border-radius:0!important;font-size:15px!important;letter-spacing:0!important}
.sn-native-app-quiz :is(.rd-fix,.sc-fix){border-radius:6px!important;background:rgba(255,255,255,.03)!important;background-image:none!important;border:1px solid rgba(255,255,255,.12)!important;border-left:3px solid var(--accent)!important;box-shadow:none!important}
.sn-native-app-quiz :is(.rd-fix-lbl,.sc-fix-lbl,.rd-dim,.rd-panel-lbl){color:var(--slate)!important;letter-spacing:.08em!important;font-size:12px!important}
.sn-native-app-quiz .rd-fix-pill{color:#fff!important}
.sn-native-app-quiz .rd-fix-pill a{color:#fff!important}
.sn-native-app-quiz :is(.rd-field,.sc-field){height:56px!important;padding:0 18px!important;border:0!important;border-radius:3px!important;background:#fff!important;color:var(--ink)!important;font-size:17px!important;margin-bottom:12px!important;outline:2px solid transparent!important;outline-offset:3px!important;transition:outline-color .2s var(--ease)!important}
.sn-native-app-quiz :is(.rd-field,.sc-field)::placeholder{color:#64748B!important}
.sn-native-app-quiz :is(.rd-field,.sc-field):focus{background:#fff!important;outline-color:#fff!important;border:0!important}
.sn-native-app-quiz :is(.rd-track,.rd-track i){border-radius:0!important;box-shadow:none!important}
.sn-native-app-quiz :is(.rd-err,.rd-sent,.sc-err,.sc-sent){border-radius:4px!important}
.sn-native-app-quiz :is(.rd-cred,.sc-cred){font-size:13px!important;letter-spacing:0!important}
.sn-native-app-quiz :is(.rd-dim,.rd-panel-lbl,.rd-fix-lbl,.sc-fix-lbl,.sc-disclaimer,.rd-or,.sc-or,.rd-num small,.sc-num small,.rd-scale span,.rd-idx,.rd-kicker,.sc-kicker){font-size:12px!important}
.sn-native-app-quiz :is(.rd-kicker,.sc-kicker){font-size:15px!important}
.sn-native-app-quiz .rd-idx{display:none!important}
.sn-native-app-quiz :is(.rd-book,.sc-book){display:inline-flex!important;align-items:center;justify-content:center;height:52px!important;padding:0 24px!important;border-radius:3px!important;background:var(--accent)!important;background-image:none!important;color:#fff!important;font-size:16px!important;font-weight:600!important;letter-spacing:.005em!important;box-shadow:none!important;text-shadow:none!important;transform:none!important;transition:filter .3s var(--ease)!important}
.sn-native-app-quiz :is(.rd-book,.sc-book):hover{filter:brightness(1.14);transform:none!important;box-shadow:none!important}
@media (max-width:767px){.sn-native-app-quiz :is(.rd-wrap,.sc-wrap){padding-top:28px!important}
.sn-native-app-quiz :is(#sn-rd,#sn-sc){min-height:calc(100vh - 60px)!important}}
@media (max-width:767px){.sn-native-app-quiz .rd-scale span{font-size:12px!important;letter-spacing:.04em!important}}
/* Narrow phones (to 430 px): the four tier labels under the gauge. Four equal tracks could not hold the words at the
   phone size above (Public Sans at 12 px, .04em: the four words run 300 px plus the gaps, in a 298 px row at 360, so
   the last label ran past the column). The tracks now size to their words and spread across the column, the colored
   rule spans each word, and the type steps to 10 px at the same tracking (the widget's own phone size was 8.5 px).
   Nothing is clipped, no label wraps, the four words and their order are unchanged. Scoped over the 767 px rule above
   by the #sn-rd id; the question screens and the scoring are untouched. */
@media (max-width:430px){
  .sn-native-app-quiz #sn-rd .rd-scale{grid-template-columns:repeat(4,auto);justify-content:space-between;gap:6px;width:100%;max-width:none;min-width:0}
  .sn-native-app-quiz #sn-rd .rd-scale span{font-size:10px!important;letter-spacing:.04em!important;padding:8px 0 0!important;min-width:0;white-space:nowrap}
  .sn-native-app-quiz #sn-rd .rd-scale span::before{left:0;right:0}
}

/* ---- 1b. Native additions: the bar offset .sn-legacy-plain>*:first-child carried (72 px, 60 px on the phone). The
   widgets' own sheets already carry the phone layout (560 px), the selected state (.sel), and :focus-visible rings;
   the lifted rules above carry the V2 button, card, field, and scale treatment. Nothing else is added. ------------ */
.sn-native-app-quiz>:is(#sn-rd,#sn-sc){padding-top:72px}
@media (max-width:767px){
  .sn-native-app-quiz>:is(#sn-rd,#sn-sc){padding-top:60px}
}


/* ---- 2. TimeBridge: the widget's own sheet (#timebridge-root, #tb-modal) ------------------------------------------ */

#timebridge-root{--tb-bg: #0a0e1a;
  --tb-bg2: #0d1220;
  --tb-panel: rgba(255,255,255,0.025);
  --tb-panel2: rgba(255,255,255,0.04);
  --tb-text: #f1f5f9;
  --tb-body: #dbe7ef;
  --tb-muted: #94b8d4;
  --tb-muted2: #6f8aa0;
  --tb-accent: #2563EB;
  --tb-accent2: #5a9bff;
  --tb-border: rgba(37,99,235,0.18);
  --tb-border-strong: rgba(37,99,235,0.32);
  --tb-ok: #5fd680;

  font-family:inherit;
  background-color: var(--tb-bg);
  color: var(--tb-body);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  line-height: 1.6;
  box-sizing: border-box;}
#timebridge-root *, #timebridge-root *::before, #timebridge-root *::after{box-sizing: inherit;}
#timebridge-root h1, #timebridge-root h2, #timebridge-root h3,
#timebridge-root h4, #timebridge-root p, #timebridge-root ul,
#timebridge-root li, #timebridge-root a{margin: 0; padding: 0;}
#timebridge-root ul{list-style: none;}
#timebridge-root a{text-decoration: none;}
#timebridge-root .tb-wrap{max-width: 1152px;
  margin: 0 auto;
  padding: 0 1rem;}
#timebridge-root .tb-main-card{background: var(--tb-bg2);
  border: 1px solid var(--tb-border);
  border-radius: 1.25rem;
  overflow: hidden;
  box-shadow: 0 30px 80px -20px rgba(0,0,0,0.6);}
#timebridge-root .tb-topbar{display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 0 0.75rem;}
#timebridge-root .tb-back-link{color: var(--tb-muted);
  font-size: 13px;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: color 0.2s;}
#timebridge-root .tb-back-link:hover{color: var(--tb-accent);}
#timebridge-root .tb-eyebrow{display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(37,99,235,0.10);
  border: 1px solid var(--tb-border-strong);
  color: var(--tb-muted);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  padding: 5px 12px;
  border-radius: 4px;}
#timebridge-root .tb-eyebrow-dot{width: 6px; height: 6px;
  background: var(--tb-accent);
  border-radius: 50%;
  box-shadow: 0 0 6px rgba(37,99,235,0.7);
  flex-shrink: 0;}
#timebridge-root .tb-btn-ghost{background: rgba(255,255,255,0.04);
  color: var(--tb-text);
  border: 1px solid rgba(255,255,255,0.18);
  border-radius: 6px;
  padding: 0.5rem 1.25rem;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: background 0.2s, border-color 0.2s, transform 0.2s;}
#timebridge-root .tb-btn-ghost:hover{background: rgba(255,255,255,0.08);
  border-color: rgba(255,255,255,0.32);
  transform: translateY(-1px);}
#timebridge-root .tb-btn-primary{background: var(--tb-accent);
  color: #fff;
  border: 1px solid rgba(255,255,255,0.18);
  border-radius: 6px;
  padding: 1rem 2rem;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition: transform 0.2s, box-shadow 0.25s, background 0.25s;
  box-shadow: 0 6px 24px rgba(37,99,235,0.45), inset 0 1px 0 rgba(255,255,255,0.25);}
#timebridge-root .tb-btn-primary:hover{background: #2563EB;
  transform: translateY(-2px);
  box-shadow: 0 12px 32px rgba(37,99,235,0.6), inset 0 1px 0 rgba(255,255,255,0.3);}
#timebridge-root .tb-btn-primary:disabled{opacity: 0.7;
  cursor: not-allowed;
  transform: none;}
#timebridge-root .tb-grad-title{background: linear-gradient(180deg, #ffffff 0%, #ffffff 50%, rgba(255,255,255,0.78) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;}
#timebridge-root .tb-card-edge{position: relative;
  overflow: hidden;}
#timebridge-root .tb-card-edge::before{content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(37,99,235,0.5) 50%, transparent);
  pointer-events: none;}
#timebridge-root .tb-hero{position: relative;
  height: 28rem;
  overflow: hidden;
  background: var(--tb-bg);}
@media (min-width: 768px){#timebridge-root .tb-hero{height: 34rem;}}
@media (min-width: 1024px){#timebridge-root .tb-hero{height: 38rem;}}
#timebridge-root .tb-hero-glow{position: absolute;
  top: -50px; left: 50%;
  transform: translateX(-50%);
  width: 1200px; height: 600px;
  background: radial-gradient(ellipse 50% 50% at 50% 0%, rgba(37,99,235,0.30) 0%, transparent 70%);
  filter: blur(40px);
  pointer-events: none;
  z-index: 1;}
#timebridge-root .tb-hero-img{width: 100%; height: 100%;
  object-fit: cover;
  opacity: 0.30;
  filter: hue-rotate(200deg) saturate(0.8);
  transition: transform 20s ease-out;}
#timebridge-root .tb-hero:hover .tb-hero-img{transform: scale(1.05);}
#timebridge-root .tb-hero-overlay{position: absolute; inset: 0;
  background: linear-gradient(to top, rgba(10,14,26,1) 0%, rgba(10,14,26,0.85) 30%, rgba(10,14,26,0.5) 60%, rgba(10,14,26,0.2) 100%);}
#timebridge-root .tb-hero-content{position: absolute;
  bottom: 2.5rem; left: 1rem; right: 1rem;
  z-index: 10;}
@media (min-width: 768px){#timebridge-root .tb-hero-content{bottom: 4rem; left: 2rem; right: 2rem;}}
@media (min-width: 1024px){#timebridge-root .tb-hero-content{left: 4rem; right: 4rem;}}
#timebridge-root .tb-hero-title{font-size: clamp(2.5rem, 8vw, 5.5rem);
  font-weight: 700;
  letter-spacing: -0.04em;
  line-height: 1.05;
  margin: 1rem 0 1.25rem;
  user-select: none;}
#timebridge-root .tb-hero-sub{font-size: clamp(1rem, 2vw, 1.375rem);
  font-weight: 300;
  line-height: 1.3;
  max-width: 42rem;
  color: var(--tb-body);
  opacity: 0.95;
  letter-spacing: -0.01em;}
#timebridge-root .tb-section-problem{padding: 3.5rem 1.5rem;
  background: var(--tb-bg2);
  display: grid;
  gap: 2.5rem;}
@media (min-width: 768px){#timebridge-root .tb-section-problem{padding: 4rem 2.5rem;}}
@media (min-width: 1024px){#timebridge-root .tb-section-problem{padding: 5rem 4rem; grid-template-columns: 1fr 1fr; gap: 5rem;}}
#timebridge-root .tb-section-h2{font-size: clamp(1.75rem, 4vw, 3.25rem);
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1.1;
  margin: 0.75rem 0;}
#timebridge-root .tb-section-h3{font-size: clamp(1.25rem, 3vw, 2.25rem);
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.1;
  margin: 0.5rem 0;}
#timebridge-root .tb-problem-body{font-size: clamp(1rem, 1.5vw, 1.25rem);
  color: var(--tb-muted);
  line-height: 1.7;
  font-weight: 300;}
#timebridge-root .tb-quote-block{padding: 1.5rem 2rem;
  border-radius: 8px;
  border: 1px solid var(--tb-border);
  border-left: 4px solid var(--tb-accent);
  background: rgba(37,99,235,0.08);
  margin-top: 1.5rem;}
#timebridge-root .tb-quote-block p{font-size: clamp(1rem, 1.5vw, 1.2rem);
  color: var(--tb-text);
  font-weight: 500;
  line-height: 1.6;
  font-style: italic;}
#timebridge-root .tb-feature-list{display: flex; flex-direction: column; gap: 1rem; margin-top: 1rem;}
#timebridge-root .tb-feature-item{display: flex;
  align-items: flex-start;
  padding: 1.25rem 1.5rem;
  border-radius: 8px;
  border: 1px solid var(--tb-border);
  background: var(--tb-panel);
  transition: border-color 0.2s, background 0.2s;}
#timebridge-root .tb-feature-item:hover{border-color: var(--tb-border-strong);
  background: rgba(255,255,255,0.03);}
#timebridge-root .tb-feature-icon{margin-top: 2px;
  padding: 0.5rem;
  border-radius: 6px;
  margin-right: 1rem;
  flex-shrink: 0;
  background: rgba(37,99,235,0.12);
  border: 1px solid var(--tb-border-strong);
  color: var(--tb-accent);
  display: flex; align-items: center; justify-content: center;}
#timebridge-root .tb-feature-icon svg{width: 18px; height: 18px;}
#timebridge-root .tb-feature-title{font-size: 1rem;
  font-weight: 600;
  color: var(--tb-text);
  margin-bottom: 4px;}
#timebridge-root .tb-feature-desc{font-size: 0.875rem;
  color: var(--tb-muted);
  line-height: 1.6;
  font-weight: 300;}
#timebridge-root .tb-estimator{margin: 0 0.5rem 4rem;
  background: rgba(255,255,255,0.025);
  border: 1px solid var(--tb-border);
  border-radius: 1.25rem;
  padding: 2rem 1.5rem;
  box-shadow: 0 20px 60px -20px rgba(37,99,235,0.25);
  position: relative;
  overflow: hidden;}
#timebridge-root .tb-estimator::before{content: '';
  position: absolute; top: 0; left: 0; right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(37,99,235,0.6) 50%, transparent);
  pointer-events: none;}
@media (min-width: 768px){#timebridge-root .tb-estimator{margin: 0 1.5rem 5rem; padding: 3rem 2.5rem;}}
@media (min-width: 1024px){#timebridge-root .tb-estimator{margin: 0 4rem 5rem; padding: 3.5rem;}}
#timebridge-root .tb-est-header{display: flex;
  flex-direction: column;
  gap: 1rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid var(--tb-border);
  margin-bottom: 2.5rem;}
@media (min-width: 1280px){#timebridge-root .tb-est-header{flex-direction: row; align-items: flex-end; justify-content: space-between;}}
#timebridge-root .tb-est-title{font-size: clamp(1.75rem, 4vw, 3rem);
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1.1;
  margin: 0.5rem 0 0.375rem;}
#timebridge-root .tb-est-sub{font-size: clamp(0.9rem, 1.3vw, 1.0625rem);
  color: var(--tb-muted);
  font-weight: 300;}
#timebridge-root .tb-live-badge{padding: 0.5rem 1rem;
  background: rgba(37,99,235,0.10);
  border: 1px solid var(--tb-border-strong);
  border-radius: 6px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  color: var(--tb-accent2);
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  align-self: flex-start;}
#timebridge-root .tb-live-dot{width: 6px; height: 6px;
  border-radius: 50%;
  background: var(--tb-accent);
  box-shadow: 0 0 8px var(--tb-accent);}
#timebridge-root .tb-input-grid{display: grid;
  gap: 1.5rem;
  margin-bottom: 2.5rem;}
@media (min-width: 768px){#timebridge-root .tb-input-grid{grid-template-columns: 1fr 1fr;}}
@media (min-width: 1024px){#timebridge-root .tb-input-grid{grid-template-columns: 1fr 1fr 1fr;}}
#timebridge-root .tb-input-label{display: block;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.25em;
  color: var(--tb-muted);
  margin-bottom: 0.625rem;}
#timebridge-root .tb-input-wrap{position: relative;}
#timebridge-root .tb-input{width: 100%;
  padding: 1.125rem 4rem 1.125rem 1.25rem;
  background: rgba(255,255,255,0.04);
  border: 1px solid var(--tb-border);
  border-radius: 6px;
  font-size: clamp(1.5rem, 3vw, 2.25rem);
  font-weight: 700;
  color: var(--tb-text);
  font-family: inherit;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.03em;
  outline: none;
  transition: border-color 0.2s, box-shadow 0.2s, background 0.2s;
  -moz-appearance: textfield;}
#timebridge-root .tb-input::-webkit-inner-spin-button,
#timebridge-root .tb-input::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}
#timebridge-root .tb-input:hover{background: rgba(255,255,255,0.06);}
#timebridge-root .tb-input:focus{border-color: var(--tb-accent);
  box-shadow: 0 0 0 3px rgba(37,99,235,0.15);}
#timebridge-root .tb-input-unit{position: absolute;
  right: 1rem; top: 50%;
  transform: translateY(-50%);
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  color: var(--tb-muted2);
  pointer-events: none;}
#timebridge-root .tb-fee-card{background: var(--tb-accent);
  border: 1px solid rgba(255,255,255,0.18);
  border-radius: 6px;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-height: 140px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 15px 40px rgba(37,99,235,0.45), inset 0 1px 0 rgba(255,255,255,0.25);}
@media (min-width: 768px){#timebridge-root .tb-fee-card{grid-column: span 2;}}
@media (min-width: 1024px){#timebridge-root .tb-fee-card{grid-column: span 1; min-height: 160px;}}
#timebridge-root .tb-fee-label{font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.2em; color: rgba(255,255,255,0.8); margin-bottom: 0.5rem;}
#timebridge-root .tb-fee-value{font-size: clamp(1.75rem, 3vw, 2.5rem);
  font-weight: 700;
  color: #fff;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.03em;
  line-height: 1;}
#timebridge-root .tb-fee-sub{font-size: 9px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.15em; color: rgba(255,255,255,0.8); margin-top: 0.5rem;}
#timebridge-root .tb-result-grid{display: grid;
  gap: 1.5rem;
  margin-bottom: 2.5rem;}
@media (min-width: 768px){#timebridge-root .tb-result-grid{grid-template-columns: 1fr 1fr;}}
#timebridge-root .tb-result-card{border-radius: 1rem;
  border: 1px solid var(--tb-border);
  padding: 2rem 1.75rem;
  background: rgba(255,255,255,0.03);
  position: relative;
  overflow: hidden;}
#timebridge-root .tb-result-card::before{content: '';
  position: absolute; top: 0; left: 0; right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(37,99,235,0.5) 50%, transparent);
  pointer-events: none;}
#timebridge-root .tb-result-card-header{display: flex; align-items: center; gap: 0.75rem; margin-bottom: 1.5rem;}
#timebridge-root .tb-result-card-icon{width: 2.25rem; height: 2.25rem;
  border-radius: 6px;
  background: rgba(37,99,235,0.12);
  border: 1px solid var(--tb-border-strong);
  color: var(--tb-accent);
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;}
#timebridge-root .tb-result-card-icon svg{width: 16px; height: 16px;}
#timebridge-root .tb-result-card-label{font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.2em; color: var(--tb-accent);}
#timebridge-root .tb-result-row{display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.25rem 0;
  border-bottom: 1px solid var(--tb-border);}
#timebridge-root .tb-result-row:last-child{border-bottom: none; padding-bottom: 0;}
#timebridge-root .tb-result-row-label{font-size: clamp(0.9rem, 1.2vw, 1.0625rem);
  color: var(--tb-muted);
  font-weight: 500;
  flex-shrink: 0;}
#timebridge-root .tb-result-row-label.tb-bold{color: var(--tb-text); font-weight: 700; font-style: italic;}
#timebridge-root .tb-result-value{font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.03em;
  color: var(--tb-text);
  text-align: right;
  white-space: nowrap;}
#timebridge-root .tb-result-value.tb-ok{color: var(--tb-ok);}
#timebridge-root .tb-result-value.tb-accent{color: var(--tb-accent2);}
#timebridge-root .tb-result-unit{font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em; color: var(--tb-muted2); margin-left: 0.375rem;}
#timebridge-root .tb-synthesis-box{border-radius: 1rem;
  border: 1px solid var(--tb-border);
  padding: 2rem 1.75rem;
  background: rgba(255,255,255,0.03);
  position: relative;
  overflow: hidden;}
#timebridge-root .tb-synthesis-box::before{content: '';
  position: absolute; top: 0; left: 0; right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(37,99,235,0.5) 50%, transparent);
  pointer-events: none;}
#timebridge-root .tb-synthesis-inner{display: flex;
  flex-direction: column;
  gap: 1.5rem;}
@media (min-width: 1024px){#timebridge-root .tb-synthesis-inner{flex-direction: row; align-items: center; justify-content: space-between;}}
#timebridge-root .tb-synthesis-h3{font-size: clamp(1.25rem, 2vw, 1.75rem);
  font-weight: 700; letter-spacing: -0.02em; line-height: 1.2; margin-bottom: 0.375rem;}
#timebridge-root .tb-synthesis-p{font-size: clamp(0.8rem, 1.2vw, 0.9375rem);
  color: var(--tb-muted); font-weight: 300; line-height: 1.6; max-width: 38rem;}
#timebridge-root .tb-gen-btn{flex-shrink: 0;
  width: 100%;}
@media (min-width: 1024px){#timebridge-root .tb-gen-btn{width: auto;}}
#timebridge-root .tb-ai-output{display: none;
  margin-top: 2.5rem;}
#timebridge-root .tb-ai-card{border-radius: 1.25rem;
  border: 1px solid var(--tb-border-strong);
  padding: 2rem 1.75rem;
  background: var(--tb-bg);
  position: relative;
  overflow: hidden;}
#timebridge-root .tb-ai-card::before{content: '';
  position: absolute; top: 0; left: 0; right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(37,99,235,0.6) 50%, transparent);
  pointer-events: none;}
#timebridge-root .tb-copy-btn{position: absolute; top: 1.5rem; right: 1.5rem;
  font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.2em;
  color: var(--tb-accent); background: none; border: none; cursor: pointer; font-family: inherit;
  transition: color 0.2s;}
#timebridge-root .tb-copy-btn:hover{color: var(--tb-accent2);}
#timebridge-root .tb-ai-heading{display: flex; align-items: center; gap: 0.75rem;
  font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.3em;
  color: var(--tb-accent); margin-bottom: 1.5rem;}
#timebridge-root .tb-ai-pulse{width: 8px; height: 8px; border-radius: 50%;
  background: var(--tb-accent); box-shadow: 0 0 10px var(--tb-accent);}
#timebridge-root .tb-ai-content{color: var(--tb-body);
  font-size: clamp(0.9rem, 1.3vw, 1.0625rem);
  line-height: 1.8;
  font-weight: 300;
  white-space: pre-line;
  max-height: 24rem;
  overflow-y: auto;
  padding-right: 0.75rem;}
#timebridge-root .tb-ai-content::-webkit-scrollbar{width: 6px;}
#timebridge-root .tb-ai-content::-webkit-scrollbar-track{background: transparent;}
#timebridge-root .tb-ai-content::-webkit-scrollbar-thumb{background: rgba(37,99,235,0.25); border-radius: 4px;}
#timebridge-root .tb-section-econ{padding: 0 1rem 4rem;
  background: var(--tb-bg2);}
@media (min-width: 768px){#timebridge-root .tb-section-econ{padding: 0 2rem 5rem;}}
@media (min-width: 1024px){#timebridge-root .tb-section-econ{padding: 0 4rem 5rem;}}
#timebridge-root .tb-section-center{text-align: center; max-width: 48rem; margin: 0 auto 2.5rem;}
#timebridge-root .tb-section-eyebrow-wrap{display: flex; justify-content: center; margin-bottom: 1rem;}
#timebridge-root .tb-econ-p{font-size: clamp(0.9rem, 1.3vw, 1.0625rem);
  color: var(--tb-muted); font-weight: 300; margin-top: 0.75rem;}
#timebridge-root .tb-table-wrap{border-radius: 1rem;
  border: 1px solid var(--tb-border);
  overflow: hidden;
  background: var(--tb-panel);
  position: relative;
  overflow-x: auto;}
#timebridge-root .tb-table-wrap::before{content: '';
  position: absolute; top: 0; left: 0; right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(37,99,235,0.5) 50%, transparent);
  pointer-events: none;}
#timebridge-root .tb-table{width: 100%; text-align: left; min-width: 520px; border-collapse: collapse;}
#timebridge-root .tb-table thead{background: rgba(37,99,235,0.08);
  border-bottom: 1px solid var(--tb-border);}
#timebridge-root .tb-table th{padding: 1.25rem 2rem;
  font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.25em;
  color: var(--tb-muted);}
#timebridge-root .tb-table th.tb-accent-col{color: var(--tb-accent);}
#timebridge-root .tb-table td{padding: 1.25rem 2rem;
  border-bottom: 1px solid var(--tb-border);}
#timebridge-root .tb-table tr:last-child td{border-bottom: none;}
#timebridge-root .tb-table tbody tr:hover{background: rgba(255,255,255,0.02);}
#timebridge-root .tb-table .tb-td-main{font-size: clamp(1.125rem, 2vw, 1.5rem);
  font-weight: 700;
  color: var(--tb-text);
  font-variant-numeric: tabular-nums;}
#timebridge-root .tb-table .tb-td-sub{font-size: clamp(1rem, 1.5vw, 1.25rem);
  font-weight: 300;
  color: var(--tb-muted);
  font-variant-numeric: tabular-nums;}
#timebridge-root .tb-table .tb-td-accent{font-size: clamp(1.125rem, 2vw, 1.5rem);
  font-weight: 700;
  font-style: italic;
  color: var(--tb-accent);
  font-variant-numeric: tabular-nums;}
#timebridge-root .tb-section-cta{padding: 3.5rem 1.5rem 2.5rem;
  background: var(--tb-bg);
  position: relative;
  overflow: hidden;
  border-radius: 0 0 1.25rem 1.25rem;}
#timebridge-root .tb-cta-glow{position: absolute; top: 50%; left: 50%;
  transform: translate(-50%,-50%);
  width: 800px; height: 400px; border-radius: 50%;
  background: radial-gradient(ellipse 50% 50% at 50% 50%, rgba(37,99,235,0.18) 0%, transparent 70%);
  filter: blur(40px); pointer-events: none;}
#timebridge-root .tb-cta-inner{position: relative; z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  text-align: center;}
@media (min-width: 1024px){#timebridge-root .tb-cta-inner{flex-direction: row; justify-content: space-between; text-align: left;}}
#timebridge-root .tb-cta-h2{font-size: clamp(2rem, 5vw, 4rem);
  font-weight: 700; letter-spacing: -0.04em; line-height: 1.05; margin: 0.5rem 0 0.75rem;}
#timebridge-root .tb-cta-p{font-size: clamp(0.9rem, 1.5vw, 1.125rem);
  color: var(--tb-muted); font-weight: 300; max-width: 36rem; line-height: 1.6;}
#timebridge-root .tb-cta-link{display: block;
  background: var(--tb-accent);
  color: #fff !important;
  border: 1px solid rgba(255,255,255,0.18);
  border-radius: 6px;
  padding: 1rem 2.5rem;
  font-size: 1.0625rem;
  font-weight: 600;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  text-decoration: none !important;
  transition: transform 0.2s, box-shadow 0.25s, background 0.25s;
  box-shadow: 0 6px 24px rgba(37,99,235,0.45), inset 0 1px 0 rgba(255,255,255,0.25);
  white-space: nowrap;}
#timebridge-root .tb-cta-link:hover{background: #2563EB;
  transform: translateY(-2px);
  box-shadow: 0 12px 32px rgba(37,99,235,0.6);}
#timebridge-root .tb-footer{position: relative; z-index: 2;
  margin-top: 2.5rem;
  padding-top: 1.25rem;
  border-top: 1px solid var(--tb-border);
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.25em;
  color: var(--tb-muted2);
  text-align: center;}
#tb-modal{display: none;
  position: fixed; inset: 0; z-index: 9999;
  align-items: center; justify-content: center;
  padding: 1rem;
  background: rgba(5,8,16,0.85);
  backdrop-filter: blur(12px);}
#tb-modal.tb-modal-open{display: flex;}
#tb-modal .tb-modal-card{border-radius: 1.25rem;
  padding: 2.5rem 2rem;
  max-width: 28rem;
  width: 100%;
  text-align: center;
  border: 1px solid var(--tb-border-strong);
  background: var(--tb-bg2);
  box-shadow: 0 30px 80px rgba(0,0,0,0.6);
  position: relative; overflow: hidden;}
#tb-modal .tb-modal-card::before{content: '';
  position: absolute; top: 0; left: 0; right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(37,99,235,0.6) 50%, transparent);
  pointer-events: none;}
#tb-modal .tb-modal-icon{margin-bottom: 1.5rem;}
#tb-modal .tb-modal-icon-inner{width: 4rem; height: 4rem; border-radius: 50%;
  display: flex; align-items: center; justify-content: center; margin: 0 auto;}
#tb-modal .tb-modal-icon-inner svg{width: 2rem; height: 2rem;}
#tb-modal .tb-modal-title{font-size: 1.75rem; font-weight: 700; letter-spacing: -0.02em; margin-bottom: 0.75rem;}
#tb-modal .tb-modal-body{font-size: 1rem; color: var(--tb-muted); font-weight: 300; line-height: 1.6; margin-bottom: 1.5rem;}
#tb-modal .tb-modal-dismiss{width: 100%;
  background: var(--tb-accent);
  color: #fff; border: 1px solid rgba(255,255,255,0.18);
  border-radius: 6px; padding: 0.875rem;
  font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.2em;
  cursor: pointer; font-family: inherit;
  box-shadow: 0 6px 24px rgba(37,99,235,0.45);
  transition: background 0.2s;}
#tb-modal .tb-modal-dismiss:hover{background: #2563EB;}
#timebridge-root .tb-spinner{border: 2px solid rgba(255,255,255,0.1);
  border-radius: 50%; border-top: 2px solid var(--tb-accent);
  width: 16px; height: 16px;
  animation: tb-spin 0.8s cubic-bezier(0.4,0,0.2,1) infinite;
  display: inline-block;}
@keyframes tb-spin{ 0%{ transform: rotate(0deg); } 100%{ transform: rotate(360deg); } }
@media print{#timebridge-root .tb-no-print{display: none !important;}}
@media (min-width: 768px){#timebridge-root .tb-section-cta{padding: 3.5rem 2.5rem 2.5rem;}}
@media (min-width: 1024px){#timebridge-root .tb-section-cta{padding: 3.5rem 4rem 2.5rem;}}

/* ---- 2a. TimeBridge in the V2 system: the chrome.css overrides, rescoped ------------------------------------------- */

.sn-native-app-timebridge .tb-grad-title{background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;-webkit-text-fill-color:#fff!important;color:#fff!important}
.sn-native-app-timebridge .tb-wrap{max-width:none!important;padding:0!important}
.sn-native-app-timebridge :is(.tb-section-problem,.tb-section-econ){background:transparent!important}
.sn-native-app-timebridge{position:relative}
.sn-native-app-timebridge .tb-main-card{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important}
.sn-native-app-timebridge .tb-hero{height:auto!important;min-height:74svh;display:flex;flex-direction:column;justify-content:flex-end;padding:calc(72px + 104px) 0 112px}
.sn-native-app-timebridge .tb-hero-img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 30%!important;opacity:.85!important;filter:none!important;transform:none!important;z-index:0}
.sn-native-app-timebridge .tb-hero-overlay{position:absolute!important;inset:0!important;z-index:1}
.sn-native-app-timebridge .tb-hero:hover .tb-hero-img{transform:none!important}
.sn-native-app-timebridge .tb-hero-overlay{background:linear-gradient(90deg,rgba(10,14,26,.9) 0%,rgba(10,14,26,.78) 40%,rgba(10,14,26,.32) 100%),linear-gradient(180deg,rgba(10,14,26,.26) 0%,rgba(10,14,26,.58) 100%)!important}
.sn-native-app-timebridge .tb-hero-content{position:relative!important;inset:auto!important;width:min(1300px,calc(100% - 2*var(--gutter)));margin:0 auto;z-index:10}
.sn-native-app-timebridge .tb-hero-title{font-size:clamp(72px,7.8vw,112px)!important;font-weight:900!important;line-height:.96!important;letter-spacing:-.045em!important;margin:0 0 24px!important;max-width:1100px}
.sn-native-app-timebridge .tb-hero-sub{font-size:24px!important;font-weight:400!important;line-height:1.45!important;color:#fff!important;opacity:1!important;max-width:860px!important;letter-spacing:0!important}
.sn-native-app-timebridge :is(.tb-section-problem,.tb-section-econ,.tb-section-cta){padding-left:max(var(--gutter),calc((100% - 1300px)/2))!important;padding-right:max(var(--gutter),calc((100% - 1300px)/2))!important}
.sn-native-app-timebridge .tb-section-problem{padding-top:112px!important;padding-bottom:112px!important}
.sn-native-app-timebridge .tb-estimator{margin:0 max(var(--gutter),calc((100% - 1300px)/2)) 112px!important;border-radius:6px!important;box-shadow:none!important;border:1px solid rgba(255,255,255,.12)!important}
.sn-native-app-timebridge :is(.tb-fee-card,.tb-result-card,.tb-synthesis-box,.tb-table-wrap){box-shadow:none!important;border-radius:6px!important}
.sn-native-app-timebridge .tb-live-badge{background:none!important;border:0!important;padding:0!important;letter-spacing:.08em!important;font-size:13px!important;font-weight:500!important;color:var(--slate)!important}
.sn-native-app-timebridge .tb-hero-content .tb-btn-ghost{margin-top:40px}
.sn-native-app-timebridge .tb-result-value.tb-ok{color:#fff!important}
.sn-native-app-timebridge .tb-section-h2{font-size:clamp(36px,3.4vw,48px)!important;line-height:1.04!important;letter-spacing:-.03em!important}
.sn-native-app-timebridge .tb-section-cta{padding-top:0!important;padding-bottom:112px!important}
.sn-native-app-timebridge :is(.tb-btn-primary,.tb-cta-link){display:inline-flex!important;align-items:center;justify-content:center;height:58px!important;padding:0 30px!important;border:0!important;border-radius:3px!important;background:var(--accent)!important;color:#fff!important;font-size:16px!important;font-weight:600!important;letter-spacing:.005em!important;text-transform:none!important;box-shadow:none!important;transform:none!important;transition:filter .3s var(--ease)!important}
.sn-native-app-timebridge :is(.tb-btn-primary,.tb-cta-link):hover{filter:brightness(1.14)!important;transform:none!important;box-shadow:none!important}
.sn-native-app-timebridge .tb-btn-ghost{display:inline-flex!important;align-items:center;height:48px!important;padding:0 20px!important;border:0!important;border-radius:3px!important;background:transparent!important;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.55)!important;color:#fff!important;font-size:15px!important;font-weight:600!important;letter-spacing:.005em!important;text-transform:none!important;transform:none!important}
.sn-native-app-timebridge .tb-btn-ghost:hover{box-shadow:inset 0 0 0 1.5px #fff!important;background:transparent!important}
.sn-native-app-timebridge .tb-table-wrap{border-radius:6px!important}
.sn-native-app-timebridge .tb-table th{font-size:14px!important;font-weight:500!important;letter-spacing:.04em!important;color:var(--slate)!important}
.sn-native-app-timebridge .tb-table .tb-td-accent{font-style:normal!important}
.sn-native-app-timebridge :is(.tb-input-label,.tb-input-unit,.tb-fee-label,.tb-fee-sub,.tb-result-card-label,.tb-result-unit,.tb-copy-btn,.tb-live-badge,.tb-table th){font-size:13px!important}
.sn-native-app-timebridge .tb-td-sub span{font-size:12px!important}
@media (max-width:767px){.sn-native-app-timebridge .tb-hero{min-height:0;padding:calc(60px + 72px) 0 64px}
.sn-native-app-timebridge .tb-hero-title{font-size:46px!important;line-height:1!important}
.sn-native-app-timebridge .tb-hero-sub{font-size:18px!important}
.sn-native-app-timebridge .tb-section-problem{padding-top:64px!important;padding-bottom:64px!important}
.sn-native-app-timebridge .tb-estimator{margin-bottom:64px!important;padding:28px 20px!important}
.sn-native-app-timebridge .tb-section-cta{padding-bottom:64px!important}
.sn-native-app-timebridge .tb-table{min-width:0!important}
.sn-native-app-timebridge .tb-table :is(th,td){padding:14px 12px!important}
.sn-native-app-timebridge .tb-table th{font-size:11px!important;letter-spacing:.06em!important}
.sn-native-app-timebridge .tb-table :is(.tb-td-main,.tb-td-accent){font-size:18px!important}
.sn-native-app-timebridge .tb-table .tb-td-sub{font-size:15px!important}}
@media (max-width:767px){.sn-native-app-timebridge .tb-table th{font-size:12px!important}}

/* ---- 2b. Native additions: the business-case control prints (the served page hid it; it now writes a local report),
   on the family's card: the widget's gradient hairlines, the 10 px letterspaced labels, and the 300-weight body copy
   give way to the V2 card, the 13 px label, and body copy at 17 px. Two ids outrank the widget's #timebridge-root
   rules without !important. The hero's print button sits under the lead line (the chrome.php move). ------------- */
#sn-native-timebridge #timebridge-root .tb-synthesis-box{display:block;margin-top:28px;padding:28px;border:1px solid rgba(255,255,255,.12);border-radius:6px;background:rgba(255,255,255,.03);overflow:visible}
#sn-native-timebridge #timebridge-root .tb-synthesis-box::before,#sn-native-timebridge #timebridge-root .tb-ai-card::before{display:none}
#sn-native-timebridge #timebridge-root .tb-synthesis-inner{display:flex;flex-direction:column;gap:20px}
#sn-native-timebridge #timebridge-root .tb-synthesis-h3{font-size:22px;margin:0 0 8px}
#sn-native-timebridge #timebridge-root .tb-synthesis-p{margin:0;max-width:640px;font-size:16px;font-weight:400;line-height:1.5;color:rgba(255,255,255,.72)}
#sn-native-timebridge #timebridge-root .tb-ai-output{display:none;margin-top:20px}
#sn-native-timebridge #timebridge-root .tb-ai-card{padding:28px;border:1px solid rgba(255,255,255,.12);border-left:3px solid var(--accent,#2563EB);border-radius:6px;background:rgba(255,255,255,.03);overflow:visible}
#sn-native-timebridge #timebridge-root .tb-ai-heading{display:block;font-size:13px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--slate,#64748B);margin:0 0 14px;padding-right:160px}
#sn-native-timebridge #timebridge-root .tb-ai-content{font-size:17px;font-weight:400;line-height:1.6;color:#fff;white-space:normal;max-height:none;overflow:visible;padding-right:0}
#sn-native-timebridge #timebridge-root .tb-ai-content p{margin:0 0 16px}
#sn-native-timebridge #timebridge-root .tb-ai-content p:last-child{margin-bottom:0}
#sn-native-timebridge #timebridge-root .tb-copy-btn{position:absolute;top:20px;right:20px;display:inline-flex;align-items:center;height:40px;padding:0 16px;border:0;border-radius:3px;background:transparent;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.55);color:#fff;font-size:13px;font-weight:600;letter-spacing:.005em;text-transform:none;cursor:pointer}
#sn-native-timebridge #timebridge-root .tb-copy-btn:hover{color:#fff;box-shadow:inset 0 0 0 1.5px #fff}
#sn-native-timebridge #timebridge-root .tb-input:focus-visible{outline:2px solid #fff;outline-offset:2px}
@media (min-width:1024px){
  #sn-native-timebridge #timebridge-root .tb-synthesis-inner{flex-direction:row;align-items:center;justify-content:space-between;gap:24px}
}
@media (max-width:767px){
  #sn-native-timebridge #timebridge-root .tb-synthesis-box{padding:22px 18px}
  #sn-native-timebridge #timebridge-root .tb-ai-card{padding:68px 18px 22px}
  #sn-native-timebridge #timebridge-root .tb-ai-heading{padding-right:0}
  #sn-native-timebridge #timebridge-root .tb-copy-btn{top:16px;right:16px}
  #sn-native-timebridge #timebridge-root .tb-ai-content{font-size:16px}
}


/* ---- 3. The coaching demonstration: the widget's own sheet, scoped under #sn-native-icf --------------------------- */

#sn-native-icf .chat-container{width: 100%;
      max-width: 600px;
      background-color: white;
      border-radius: 14px;
      border: 1px solid #d0d0d0;
      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
      display: flex;
      flex-direction: column;
      height: 90vh;
      overflow: hidden;}
#sn-native-icf .chat-header{background-color: #001F3F;
      color: white;
      padding: 12px 15px;
      display: flex;
      align-items: center;
      gap: 10px;
      font-size: 0.95em;
      font-weight: 500;
      letter-spacing: 0.2px;
      line-height: 1.1;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;}
#sn-native-icf .header-logo{max-height: 24px;
      width: auto;
      background-color: white;
      border-radius: 8px;
      padding: 2px 5px;
      object-fit: contain;
      display: block;}
#sn-native-icf .chat-messages{flex: 1;
      padding: 20px 15px;
      overflow-y: auto;
      display: flex;
      flex-direction: column;
      gap: 15px;}
#sn-native-icf .message{margin-bottom: 0;
      padding: 12px 15px;
      border-radius: 12px;
      max-width: 80%;
      display: flex;
      align-items: flex-start;
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
      opacity: 0;
      transform: translateY(4px);
      animation: fadeIn 0.3s ease forwards;}
@keyframes fadeIn{
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }
#sn-native-icf .user-message{background-color: #001F3F;
      color: #fff;
      align-self: flex-end;
      border-top-right-radius: 0;
      flex-direction: row-reverse;
      padding: 10px 14px;}
#sn-native-icf .bot-message{background-color: #f1f4fa;
      border: 1px solid #e0e0e0;
      align-self: flex-start;
      display: flex;
      align-items: flex-start;
      gap: 10px;}
#sn-native-icf .avatar-container{width: 42px;
      height: 42px;
      border-radius: 50%;
      background-color: #fff;
      overflow: hidden;
      border: 2px solid #ccc;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-shrink: 0;
      box-shadow: 0 1px 3px rgba(0,0,0,0.2);
      margin-right: 10px;}
#sn-native-icf .avatar-container img{width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 50%;}
#sn-native-icf .message-content{line-height: 1.5;
      word-break: break-word;}
#sn-native-icf .message-content a,#sn-native-icf .resource-link{color: #0066cc;
      text-decoration: none;
      display: inline-flex;
      align-items: center;
      gap: 4px;}
#sn-native-icf .message-content a:hover,#sn-native-icf .resource-link:hover{text-decoration: underline;}
#sn-native-icf .external-icon{font-size: 0.8em;
      opacity: 0.6;}
#sn-native-icf .resources{margin-top: 10px;
      font-size: 0.9em;}
#sn-native-icf .chat-input{display: flex;
      padding: 15px;
      border-top: 1px solid #ddd;
      align-items: center;
      background-color: #fff;}
#sn-native-icf .attach-btn{background: none;
      border: none;
      font-size: 14px;
      cursor: pointer;
      margin-right: 10px;
      color: #666;
      transition: color 0.2s ease;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 28px;
      height: 28px;
      border-radius: 6px;}
#sn-native-icf .attach-btn:hover{color: #001F3F;
      background-color: #f1f1f1;}
#sn-native-icf #file-input{display: none;}
#sn-native-icf .chat-input input{flex: 1;
      padding: 12px 15px;
      border: 1px solid #ccc;
      border-radius: 10px;
      margin-right: 10px;
      font-size: 1em;
      background-color: #fafafa;
      box-shadow: inset 0 1px 3px rgba(0,0,0,0.05);
      transition: border-color 0.2s ease, background-color 0.2s ease;}
#sn-native-icf .chat-input input:focus{outline: none;
      border-color: #001F3F;
      background-color: #fff;}
#sn-native-icf .chat-input button{padding: 12px 24px;
      background-color: #001F3F;
      color: white;
      border: none;
      border-radius: 10px;
      cursor: pointer;
      font-weight: 500;
      transition: background-color 0.2s ease;}
#sn-native-icf .chat-input button:hover{background-color: #003366;}
#sn-native-icf .chat-footer{padding: 12px 20px;
      background-color: #001F3F;
      display: flex;
      justify-content: space-between;
      align-items: center;
      color: white;
      font-size: 0.85em;}
#sn-native-icf .footer-section{display: flex;
      align-items: center;
      gap: 8px;}
#sn-native-icf .footer-section span{font-size: 0.75em;}
#sn-native-icf .chat-footer img{height: 26px;
      width: auto;}
#sn-native-icf .copy-btn{background: none;
      border: 1px solid rgba(255,255,255,0.4);
      color: white;
      padding: 5px 12px;
      border-radius: 8px;
      cursor: pointer;
      font-size: 0.75em;
      transition: all 0.2s ease;}
#sn-native-icf .copy-btn:hover{background-color: rgba(255,255,255,0.1);
      border-color: white;}
#sn-native-icf .typing-indicator{display: flex;
      align-items: center;
      gap: 4px;
      margin-left: 50px;}
#sn-native-icf .typing-dot{width: 6px;
      height: 6px;
      background-color: white;
      border-radius: 50%;
      animation: blink 1.4s infinite both;}
#sn-native-icf .typing-dot:nth-child(2){animation-delay: 0.2s;}
#sn-native-icf .typing-dot:nth-child(3){animation-delay: 0.4s;}
@keyframes blink{
      0%, 80%, 100% { opacity: 0.3; }
      40% { opacity: 1; }
    }

/* ---- 3a. The coaching demonstration in the V2 system: the chrome.css overrides, rescoped -------------------------- */
#sn-native-icf{min-height:0;padding:calc(72px + 56px) 0 96px}
#sn-native-icf .chat-container{height:min(760px,calc(100vh - 240px))!important;min-height:520px!important;max-width:600px!important;margin:0 auto!important;border-radius:6px!important;color:#1f2937}
#sn-native-icf .chat-container :is(.chat-messages,.chat-messages *,.chat-input input,.chat-input textarea){color:#1f2937}
#sn-native-icf .chat-container .chat-messages .user-message,#sn-native-icf .chat-container .chat-messages .user-message *{color:#fff}
#sn-native-icf .chat-container .chat-input :is(input,textarea)::placeholder{color:#64748B}
#sn-native-icf .chat-header{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;font-size:15px!important;line-height:1.35!important;padding:14px 20px!important;background:var(--navy)!important;letter-spacing:0!important}
#sn-native-icf .chat-footer{justify-content:flex-end!important;background:var(--navy)!important}
#sn-native-icf .chat-input{padding:14px 16px!important;gap:10px}
#sn-native-icf .chat-input input[type="text"]{flex:1 1 auto!important;min-width:0!important;height:48px!important;margin:0!important;padding:0 16px!important;border:1.5px solid #CBD5E1!important;border-radius:3px!important;background:#fff!important;box-shadow:none!important;font-size:16px!important}
#sn-native-icf .chat-input input[type="text"]:focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px rgba(37,99,235,.16)!important}
#sn-native-icf .chat-input button{height:48px!important;padding:0 22px!important;border-radius:3px!important;background:var(--navy)!important;font-size:15px!important;font-weight:600!important}
#sn-native-icf .copy-btn{border-radius:3px!important}
#sn-native-icf .copy-btn{font-size:13px!important}
@media (max-width:767px){#sn-native-icf{padding:calc(60px + 32px) 0 64px}
#sn-native-icf .chat-container{height:min(680px,calc(100vh - 200px))!important;min-height:460px!important}
#sn-native-icf .chat-header{font-size:14px!important;padding:12px 16px!important}
#sn-native-icf .chat-input{padding:12px!important}
#sn-native-icf .chat-input input[type="text"]{padding:0 12px!important;font-size:16px!important}
#sn-native-icf .chat-input button{padding:0 16px!important}}

/* ---- 3b. Native additions: the chapter around the panel (the Elementor container carried it before), the panel
   centered under the bar, the input and buttons at the boxed control. ------------------------------------------- */
#sn-native-icf{display:block;padding:calc(72px + 56px) var(--gutter,24px) 96px;min-height:0;height:auto}
#sn-native-icf .chat-container{height:min(760px,calc(100vh - 240px))!important;min-height:520px!important;max-width:600px!important;margin:0 auto!important;border-radius:6px!important;color:#1f2937}
#sn-native-icf .chat-input input[type="text"]:focus-visible{outline:2px solid #2563EB;outline-offset:2px}
#sn-native-icf .chat-input button:focus-visible,#sn-native-icf .copy-btn:focus-visible{outline:2px solid #fff;outline-offset:2px}
@media (max-width:767px){
  #sn-native-icf{padding:calc(60px + 32px) var(--gutter,20px) 64px}
  #sn-native-icf .chat-container{height:min(680px,calc(100vh - 200px))!important;min-height:460px!important}
  /* The bot bubble takes the pane: the 80% cap and the doubled avatar gap (flex gap plus margin-right) left a 154 px
     text column at 390. The avatar, padding, and the user bubble are unchanged. */
  #sn-native-icf .chat-messages{padding:16px 12px}
  #sn-native-icf .chat-messages .bot-message{max-width:100%;padding:12px}
  #sn-native-icf .chat-messages .bot-message .avatar-container{margin-right:0}
  #sn-native-icf .chat-messages .bot-message .message-content{min-width:0;flex:1 1 auto}
}


/* ---- 4. AB Partner Provisioning: nothing beyond section 0. This sheet loads only on an unlocked page (the shell
   skips it when post_password_required), so the gate is styled by css/native-pages.css alone; the application's own
   sheet is inline in the gated partial. ------------------------------------------------------------------------- */