html,body{margin:0;padding:0;background:#040c20;}

/* ---------- TOKENS (Truepulse: navy, gold, white) ---------- */
#tpcv, #tp-screen {
  --navy-950:#040c20; --navy-900:#06112b; --navy-800:#0c1a38; --navy-700:#11224a; --navy-600:#1a2f5e;
  --gold:#e2b855; --gold-light:#f3d27e; --gold-deep:#c9952b; --gold-50:#fbf5e6; --on-gold:#0a1630;
  --white:#ffffff; --mist:#f5f7fb; --line:#e3e8f2; --ink:#0a1630; --body:#3d4a66; --muted:#6b7794;
  --green:#12a150; --green-50:#e8f7ee;
  --r-sm:8px; --r-md:12px; --r-lg:18px; --r-xl:24px;
  --sh-sm:0 2px 8px rgba(6,17,43,.06); --sh-md:0 14px 30px rgba(6,17,43,.10); --sh-xl:0 26px 60px rgba(2,8,24,.5);
  --f-head:"Poppins",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --f-body:"Inter",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
}

/* ---------- SCOPED RESET (beats theme + Elementor kit styles) ---------- */
#tpcv, #tpcv *, #tpcv *::before, #tpcv *::after,
#tp-screen, #tp-screen *, #tp-screen *::before, #tp-screen *::after { box-sizing:border-box; }
#tpcv { font-family:var(--f-body); color:var(--body); background:var(--mist); line-height:1.6; font-size:16px; -webkit-font-smoothing:antialiased; overflow-x:hidden; width:100%; }
#tpcv h1, #tpcv h2, #tpcv h3, #tpcv h4, #tpcv p, #tpcv ul, #tpcv li,
#tp-screen h3, #tp-screen p, #tp-screen form { margin:0; padding:0; text-transform:none; }
#tpcv h1, #tpcv h2, #tpcv h3, #tpcv h4, #tp-screen h3 { font-family:var(--f-head); color:var(--ink); letter-spacing:-.02em; line-height:1.2; font-weight:700; }
#tpcv a, #tpcv a:hover, #tpcv a:focus, #tp-screen a, #tp-screen a:hover { color:inherit; text-decoration:none; box-shadow:none; }
#tpcv button, #tp-screen button { all:unset; box-sizing:border-box; cursor:pointer; font-family:inherit; }
#tpcv svg, #tp-screen svg { display:inline-block; vertical-align:middle; }
#tpcv :focus-visible, #tp-screen :focus-visible { outline:2px solid var(--gold); outline-offset:2px; }

#tpcv .tp-wrap { width:100%; max-width:1160px; margin:0 auto; padding:0 20px; }

/* ---------- SUB-NAV ---------- */
#tpcv .tp-nav { position:sticky; top:0; z-index:50; background:rgba(6,17,43,.95); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); border-bottom:1px solid rgba(255,255,255,.08); }
#tpcv .tp-nav-in { display:flex; align-items:center; justify-content:space-between; min-height:68px; gap:12px; }
#tpcv .tp-brand { display:flex; align-items:center; gap:11px; }
#tpcv .tp-mark { width:38px; height:38px; border-radius:10px; background:linear-gradient(135deg,var(--navy-700),var(--navy-900)); border:1px solid rgba(226,184,85,.4); color:var(--gold); display:flex; align-items:center; justify-content:center; flex-shrink:0; }
#tpcv .tp-brand-t { font-family:var(--f-head); font-size:1.05rem; font-weight:700; color:var(--white); line-height:1.15; }
#tpcv .tp-brand-s { font-size:.68rem; font-weight:600; color:var(--gold); letter-spacing:.06em; text-transform:uppercase; }
#tpcv .tp-links { display:none; align-items:center; gap:26px; font-size:.88rem; font-weight:600; color:#c4cde0; }
#tpcv .tp-links a:hover { color:var(--gold); }

/* ---------- BUTTONS ---------- */
#tpcv .tp-btn, #tp-screen .tp-btn { display:inline-flex; align-items:center; justify-content:center; gap:8px; font-family:var(--f-head); font-weight:600; border-radius:var(--r-md); text-align:center; line-height:1.2; transition:transform .15s ease, background-color .15s ease, box-shadow .15s ease; }
#tpcv .tp-btn:active, #tp-screen .tp-btn:active { transform:scale(.98); }
#tpcv .tp-btn-nav { background:var(--gold); color:var(--on-gold); font-size:.84rem; padding:10px 16px; }
#tpcv .tp-btn-nav:hover { background:var(--gold-light); color:var(--on-gold); }
#tpcv .tp-btn-gold { background:linear-gradient(135deg,var(--gold-light),var(--gold) 55%,var(--gold-deep)); color:var(--on-gold); font-size:1rem; padding:15px 24px; box-shadow:0 10px 28px rgba(226,184,85,.28); }
#tpcv .tp-btn-gold:hover { box-shadow:0 14px 34px rgba(226,184,85,.4); color:var(--on-gold); }
#tpcv .tp-btn-ghost { background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.2); color:var(--white); font-size:.96rem; padding:14px 22px; }
#tpcv .tp-btn-ghost:hover { background:rgba(255,255,255,.13); color:var(--white); }

/* ---------- HERO ---------- */
#tpcv .tp-hero { position:relative; background-color:var(--navy-900); background-image:radial-gradient(circle at 82% 18%,rgba(226,184,85,.16) 0%,rgba(6,17,43,0) 48%),radial-gradient(circle at 12% 88%,rgba(26,47,94,.9) 0%,rgba(6,17,43,0) 50%),linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px); background-size:100% 100%,100% 100%,36px 36px,36px 36px; color:var(--white); padding:48px 0 72px; overflow:hidden; }
#tpcv .tp-hero-grid { display:grid; grid-template-columns:1fr; gap:44px; align-items:center; }
#tpcv .tp-pill { display:inline-flex; align-items:center; gap:8px; background:rgba(12,26,56,.9); border:1px solid rgba(226,184,85,.4); color:var(--gold); font-size:.72rem; font-weight:700; letter-spacing:.08em; padding:7px 14px; border-radius:999px; margin-bottom:20px; text-transform:uppercase; }
#tpcv .tp-dot { width:8px; height:8px; border-radius:50%; background:var(--gold); box-shadow:0 0 0 4px rgba(226,184,85,.22); animation:tpPulse 2s infinite; }
@keyframes tpPulse { 0%,100%{box-shadow:0 0 0 4px rgba(226,184,85,.22);} 50%{box-shadow:0 0 0 8px rgba(226,184,85,0);} }
#tpcv .tp-hero h1 { font-size:2.15rem; font-weight:800; line-height:1.12; letter-spacing:-.03em; margin-bottom:18px; color:var(--white); }
#tpcv .tp-hero h1 span { color:var(--gold); }
#tpcv .tp-hero-sub { font-size:1.02rem; color:#c4cde0; margin-bottom:28px; max-width:560px; }
#tpcv .tp-cta-row { display:flex; flex-direction:column; gap:12px; margin-bottom:28px; }
#tpcv .tp-trust { display:flex; flex-wrap:wrap; gap:10px 20px; padding-top:20px; border-top:1px solid rgba(255,255,255,.1); font-size:.83rem; font-weight:600; color:#c4cde0; }
#tpcv .tp-trust span { display:inline-flex; align-items:center; gap:6px; }
#tpcv .tp-trust b { color:var(--gold); }

/* ---------- MOCKUP ---------- */
#tpcv .tp-mock { position:relative; width:100%; max-width:500px; margin:0 auto; }
#tpcv .tp-win { background:var(--white); color:var(--ink); border-radius:var(--r-xl); border:1px solid rgba(255,255,255,.18); box-shadow:var(--sh-xl); overflow:hidden; }
#tpcv .tp-win-top { background:var(--navy-950); padding:12px 14px; display:flex; flex-direction:column; gap:10px; border-bottom:1px solid rgba(255,255,255,.08); }
#tpcv .tp-win-meta { display:flex; align-items:center; justify-content:space-between; gap:8px; }
#tpcv .tp-dots { display:flex; gap:6px; }
#tpcv .tp-dots i { width:9px; height:9px; border-radius:50%; display:inline-block; background:#334366; }
#tpcv .tp-dots i:first-child { background:var(--gold); }
#tpcv .tp-url { font-size:.7rem; font-weight:600; color:#c4cde0; background:rgba(255,255,255,.07); padding:3px 10px; border-radius:999px; display:flex; align-items:center; gap:5px; white-space:nowrap; }
#tpcv .tp-sample { font-size:.62rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--gold); }
#tpcv .tp-tabs { display:grid; grid-template-columns:repeat(3,1fr); gap:6px; background:rgba(255,255,255,.06); padding:4px; border-radius:10px; }
#tpcv .tp-tab { font-size:.74rem; font-weight:600; color:#c4cde0; padding:7px 6px; border-radius:7px; text-align:center; white-space:nowrap; transition:all .15s ease; }
#tpcv .tp-tab:hover { color:var(--white); }
#tpcv .tp-tab.is-active { background:var(--gold); color:var(--on-gold); box-shadow:0 2px 6px rgba(0,0,0,.25); }
#tpcv .tp-win-body { padding:18px; background:var(--mist); min-height:372px; }
#tpcv .tp-panel { display:none; animation:tpFade .22s ease; }
#tpcv .tp-panel.is-active { display:block; }
@keyframes tpFade { from{opacity:0;transform:translateY(4px);} to{opacity:1;transform:none;} }

#tpcv .tp-card { background:var(--white); border:1px solid var(--line); border-radius:var(--r-lg); padding:15px; margin-bottom:12px; }
#tpcv .tp-card-top { display:flex; align-items:flex-start; justify-content:space-between; gap:10px; }
#tpcv .tp-biz { display:flex; align-items:center; gap:11px; }
#tpcv .tp-ava { width:44px; height:44px; border-radius:12px; background:linear-gradient(135deg,var(--navy-900),var(--navy-600)); color:var(--gold); font-family:var(--f-head); font-weight:700; font-size:.95rem; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
#tpcv .tp-biz-name { font-family:var(--f-head); font-size:.95rem; font-weight:700; color:var(--ink); display:flex; align-items:center; gap:5px; flex-wrap:wrap; }
#tpcv .tp-biz-meta { font-size:.74rem; color:var(--muted); margin-top:2px; }
#tpcv .tp-chip-gold { font-size:.66rem; font-weight:700; color:var(--on-gold); background:var(--gold-50); border:1px solid rgba(201,149,43,.35); padding:4px 8px; border-radius:999px; white-space:nowrap; }
#tpcv .tp-tags { display:flex; flex-wrap:wrap; gap:6px; margin-top:12px; padding-top:12px; border-top:1px solid var(--line); }
#tpcv .tp-tag { font-size:.71rem; font-weight:600; color:var(--body); background:var(--mist); padding:4px 9px; border-radius:6px; }
#tpcv .tp-tag.ok { color:var(--green); background:var(--green-50); }
#tpcv .tp-answer { background:var(--white); border:1px solid var(--line); border-left:3px solid var(--gold); border-radius:var(--r-md); padding:13px; }
#tpcv .tp-answer-lbl { font-size:.66rem; font-weight:700; text-transform:uppercase; letter-spacing:.05em; color:var(--muted); margin-bottom:6px; display:flex; align-items:center; justify-content:space-between; gap:6px; }
#tpcv .tp-answer p { font-size:.8rem; color:var(--body); line-height:1.5; }
#tpcv .tp-answer strong { color:var(--ink); }

#tpcv .tp-kpis { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-bottom:12px; }
#tpcv .tp-kpi { background:var(--white); border:1px solid var(--line); border-radius:var(--r-md); padding:10px; }
#tpcv .tp-kpi-l { font-size:.66rem; font-weight:600; color:var(--muted); }
#tpcv .tp-kpi-v { font-family:var(--f-head); font-size:1.1rem; font-weight:700; color:var(--ink); margin-top:2px; }
#tpcv .tp-kpi-d { font-size:.64rem; font-weight:700; color:var(--green); }
#tpcv .tp-chart { background:var(--white); border:1px solid var(--line); border-radius:var(--r-md); padding:12px; margin-bottom:12px; }
#tpcv .tp-chart-h { display:flex; justify-content:space-between; font-size:.72rem; font-weight:600; color:var(--body); margin-bottom:8px; }
#tpcv .tp-list { background:var(--white); border:1px solid var(--line); border-radius:var(--r-md); padding:11px 12px; }
#tpcv .tp-list-t { font-size:.68rem; font-weight:700; text-transform:uppercase; letter-spacing:.04em; color:var(--muted); margin-bottom:7px; }
#tpcv .tp-row { display:flex; align-items:center; justify-content:space-between; font-size:.76rem; background:var(--mist); border:1px solid var(--line); padding:6px 10px; border-radius:8px; color:var(--ink); font-weight:600; margin-top:6px; }
#tpcv .tp-row span:last-child { font-size:.7rem; color:var(--gold-deep); font-weight:700; }

#tpcv .tp-feed-h { display:flex; align-items:center; justify-content:space-between; background:var(--white); border:1px solid var(--line); border-radius:var(--r-md); padding:10px 12px; margin-bottom:10px; font-size:.75rem; gap:8px; }
#tpcv .tp-feed-h strong { color:var(--ink); }
#tpcv .tp-live { color:var(--green); background:var(--green-50); font-weight:700; font-size:.68rem; padding:3px 8px; border-radius:999px; white-space:nowrap; }
#tpcv .tp-prod { background:var(--white); border:1px solid var(--line); border-radius:var(--r-md); padding:11px 13px; display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:9px; }
#tpcv .tp-prod h4 { font-family:var(--f-body); font-size:.8rem; font-weight:700; color:var(--ink); letter-spacing:0; }
#tpcv .tp-prod-m { display:flex; gap:8px; margin-top:3px; font-size:.74rem; }
#tpcv .tp-price { font-weight:700; color:var(--navy-900); }
#tpcv .tp-stock { color:var(--green); font-weight:600; font-size:.7rem; }
#tpcv .tp-synced { font-size:.68rem; font-weight:700; color:var(--green); background:var(--green-50); border:1px solid #b9e6cb; padding:4px 9px; border-radius:999px; white-space:nowrap; }

#tpcv .tp-float { position:relative; margin:-18px auto 0 12px; z-index:3; display:inline-flex; align-items:center; gap:10px; background:var(--navy-800); color:var(--white); border:1px solid rgba(226,184,85,.5); border-radius:14px; padding:10px 15px; box-shadow:0 14px 30px rgba(0,0,0,.35); font-size:.78rem; font-weight:600; }
#tpcv .tp-float i { width:26px; height:26px; border-radius:8px; background:var(--gold); color:var(--on-gold); display:flex; align-items:center; justify-content:center; flex-shrink:0; font-style:normal; }

/* ---------- SECTIONS ---------- */
#tpcv .tp-sec { padding:72px 0; }
#tpcv .tp-sec-white { background:var(--white); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
#tpcv .tp-head { text-align:center; max-width:680px; margin:0 auto 44px; }
#tpcv .tp-eyebrow, #tp-screen .tp-eyebrow { display:inline-block; font-size:.72rem; font-weight:700; text-transform:uppercase; letter-spacing:.08em; color:var(--on-gold); background:var(--gold-50); border:1px solid rgba(201,149,43,.35); padding:4px 12px; border-radius:999px; margin-bottom:12px; }
#tpcv .tp-h2 { font-size:1.75rem; font-weight:700; }
#tpcv .tp-desc { font-size:.98rem; color:var(--body); margin-top:12px; }

#tpcv .tp-g3, #tpcv .tp-g4 { display:grid; grid-template-columns:1fr; gap:22px; }
#tpcv .tp-value { background:var(--mist); border:1px solid var(--line); border-radius:var(--r-lg); padding:28px 24px; transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
#tpcv .tp-value:hover { transform:translateY(-3px); box-shadow:var(--sh-md); border-color:rgba(226,184,85,.6); }
#tpcv .tp-ico { width:46px; height:46px; border-radius:12px; background:var(--navy-900); color:var(--gold); display:flex; align-items:center; justify-content:center; margin-bottom:18px; }
#tpcv .tp-value h3 { font-size:1.1rem; margin-bottom:10px; }
#tpcv .tp-value p, #tpcv .tp-step p { font-size:.92rem; color:var(--body); }
#tpcv .tp-step { background:var(--white); border:1px solid var(--line); border-radius:var(--r-lg); padding:24px 22px; box-shadow:var(--sh-sm); }
#tpcv .tp-num { display:inline-flex; align-items:center; justify-content:center; width:38px; height:38px; border-radius:10px; background:var(--navy-900); color:var(--gold); font-family:var(--f-head); font-weight:700; font-size:.95rem; margin-bottom:14px; }
#tpcv .tp-step:last-child .tp-num { background:var(--gold); color:var(--on-gold); }
#tpcv .tp-step h3 { font-size:1.03rem; margin-bottom:8px; }

/* ---------- PRICING ---------- */
#tpcv .tp-pricing { background:var(--navy-900); color:var(--white); }
#tpcv .tp-pricing .tp-h2 { color:var(--white); }
#tpcv .tp-pricing .tp-desc { color:#c4cde0; }
#tpcv .tp-pgrid { display:grid; grid-template-columns:1fr; gap:26px; max-width:940px; margin:0 auto; }
#tpcv .tp-pcard { background:var(--navy-800); border:1px solid rgba(255,255,255,.14); border-radius:var(--r-xl); padding:32px 26px; display:flex; flex-direction:column; justify-content:space-between; position:relative; }
#tpcv .tp-pcard.pop { background:var(--white); color:var(--body); border:2px solid var(--gold); box-shadow:var(--sh-xl); }
#tpcv .tp-pop { position:absolute; top:-13px; right:24px; background:var(--gold); color:var(--on-gold); font-size:.7rem; font-weight:700; text-transform:uppercase; letter-spacing:.06em; padding:4px 12px; border-radius:999px; }
#tpcv .tp-ptitle { font-family:var(--f-head); font-size:1.22rem; font-weight:700; color:var(--white); }
#tpcv .pop .tp-ptitle { color:var(--ink); }
#tpcv .tp-pideal { font-size:.87rem; color:#c4cde0; margin-top:6px; }
#tpcv .pop .tp-pideal { color:var(--body); }
#tpcv .tp-ptag { margin:22px 0; padding:18px 0; border-top:1px solid rgba(255,255,255,.12); border-bottom:1px solid rgba(255,255,255,.12); display:flex; align-items:baseline; gap:8px; flex-wrap:wrap; }
#tpcv .pop .tp-ptag { border-color:var(--line); }
#tpcv .tp-pfig { font-family:var(--f-head); font-size:2.35rem; font-weight:800; color:var(--gold); letter-spacing:-.025em; }
#tpcv .pop .tp-pfig { color:var(--navy-900); }
#tpcv .tp-pnote { font-size:.84rem; color:#c4cde0; }
#tpcv .pop .tp-pnote { color:var(--muted); }
#tpcv .tp-plist { list-style:none; display:flex; flex-direction:column; gap:12px; margin-bottom:28px; font-size:.9rem; }
#tpcv .tp-plist li { display:flex; align-items:flex-start; gap:10px; list-style:none; }
#tpcv .tp-plist li::before { content:""; flex-shrink:0; width:18px; height:18px; margin-top:2px; background:no-repeat center/18px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e2b855' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 13l4 4L19 7'/%3E%3C/svg%3E"); }
#tpcv .pop .tp-plist li::before { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c9952b' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 13l4 4L19 7'/%3E%3C/svg%3E"); }
#tpcv .pop .tp-plist strong { color:var(--ink); }
#tpcv .tp-btn-pdark { width:100%; background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.24); color:var(--white); padding:15px 20px; font-size:.96rem; }
#tpcv .tp-btn-pdark:hover { background:rgba(255,255,255,.18); color:var(--white); }
#tpcv .tp-btn-pgold { width:100%; background:var(--navy-900); color:var(--gold); padding:15px 20px; font-size:.96rem; }
#tpcv .tp-btn-pgold:hover { background:var(--navy-700); color:var(--gold-light); }
#tpcv .tp-pfoot { max-width:940px; margin:28px auto 0; text-align:center; font-size:.85rem; color:#c4cde0; }
#tpcv .tp-pfoot b { color:var(--gold); font-weight:600; }

/* ---------- FAQ ---------- */
#tpcv .tp-faq { max-width:780px; margin:0 auto; display:flex; flex-direction:column; gap:12px; }
#tpcv .tp-fitem { border:1px solid var(--line); border-radius:var(--r-md); background:var(--white); overflow:hidden; }
#tpcv .tp-fbtn { width:100%; padding:18px 20px; font-family:var(--f-head); font-size:.97rem; font-weight:600; color:var(--ink); display:flex; align-items:center; justify-content:space-between; gap:14px; background:var(--mist); }
#tpcv .tp-fbtn:hover { background:#edf1f8; }
#tpcv .tp-fico { transition:transform .2s ease; flex-shrink:0; color:var(--gold-deep); }
#tpcv .tp-fitem.is-open .tp-fico { transform:rotate(180deg); }
#tpcv .tp-fpanel { display:none; padding:16px 20px 20px; font-size:.92rem; color:var(--body); border-top:1px solid var(--line); }
#tpcv .tp-fpanel strong { color:var(--ink); }
#tpcv .tp-fitem.is-open .tp-fpanel { display:block; }

/* ---------- BOTTOM CTA / FOOTER ---------- */
#tpcv .tp-bottom { background:linear-gradient(135deg,var(--navy-950),var(--navy-700)); color:var(--white); padding:68px 0; text-align:center; }
#tpcv .tp-bottom h2 { font-size:1.8rem; font-weight:700; max-width:640px; margin:0 auto 14px; color:var(--white); }
#tpcv .tp-bottom h2 span { color:var(--gold); }
#tpcv .tp-bottom p { color:#c4cde0; max-width:540px; margin:0 auto 28px; font-size:.98rem; }
#tpcv .tp-bottom-row { display:flex; flex-direction:column; gap:12px; max-width:440px; margin:0 auto; }
#tpcv .tp-foot { background:var(--navy-950); color:#8e9ab5; padding:28px 0; font-size:.82rem; border-top:1px solid rgba(255,255,255,.08); text-align:center; }
#tpcv .tp-foot a { color:var(--gold); font-weight:600; }
#tpcv .tp-foot small { display:block; margin-top:8px; font-size:.74rem; color:#6f7c99; max-width:760px; margin-left:auto; margin-right:auto; }

/* ---------- RESPONSIVE ---------- */
@media (min-width:768px) {
  #tpcv .tp-links { display:flex; }
  #tpcv .tp-hero { padding:80px 0 96px; }
  #tpcv .tp-hero-grid { grid-template-columns:1.08fr .92fr; gap:48px; }
  #tpcv .tp-hero h1 { font-size:3rem; }
  #tpcv .tp-cta-row { flex-direction:row; }
  #tpcv .tp-float { margin-left:-18px; }
  #tpcv .tp-g3 { grid-template-columns:repeat(3,1fr); }
  #tpcv .tp-g4 { grid-template-columns:repeat(2,1fr); }
  #tpcv .tp-pgrid { grid-template-columns:repeat(2,1fr); }
  #tpcv .tp-bottom-row { flex-direction:row; justify-content:center; max-width:600px; }
  #tpcv .tp-h2 { font-size:2.05rem; }
}
@media (min-width:1024px) { #tpcv .tp-g4 { grid-template-columns:repeat(4,1fr); } }
@media (max-width:420px) { #tpcv .tp-kpis { grid-template-columns:1fr 1fr; } #tpcv .tp-kpi:last-child { grid-column:span 2; } #tpcv .tp-url { display:none; } }
@media (prefers-reduced-motion:reduce) { #tpcv *, #tp-screen * { animation:none !important; transition:none !important; } }

/* =====================================================================
   SCREENING MODAL
   ===================================================================== */
#tp-screen { position:fixed; inset:0; z-index:9999; background:rgba(4,12,32,.86); backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:none; align-items:center; justify-content:center; padding:16px; overflow-y:auto; font-family:var(--f-body); color:var(--body); line-height:1.55; font-size:16px; }
#tp-screen.is-open { display:flex; }
#tp-screen .tp-mcard { background:var(--white); width:100%; max-width:480px; border-radius:var(--r-xl); padding:28px 24px 24px; position:relative; box-shadow:var(--sh-xl); margin:auto; border-top:4px solid var(--gold); }
#tp-screen .tp-mclose { position:absolute; top:14px; right:14px; width:34px; height:34px; border-radius:50%; background:var(--mist); color:var(--body); font-weight:700; display:flex; align-items:center; justify-content:center; }
#tp-screen .tp-mclose:hover { background:var(--line); }
#tp-screen .tp-back { font-size:.8rem; font-weight:600; color:var(--muted); display:inline-flex; align-items:center; gap:4px; margin-bottom:10px; }
#tp-screen .tp-back:hover { color:var(--ink); }
#tp-screen .tp-pips { display:flex; gap:6px; margin:2px 40px 18px 0; }
#tp-screen .tp-pips i { flex:1; height:5px; border-radius:99px; background:var(--line); }
#tp-screen .tp-pips i.on { background:var(--gold); }
#tp-screen .tp-step { display:none; animation:tpFade .22s ease; }
#tp-screen .tp-step.is-active { display:block; }
#tp-screen .tp-qnum { font-size:.72rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--gold-deep); }
#tp-screen h3 { font-size:1.3rem; margin:6px 0 6px; }
#tp-screen .tp-msub { font-size:.88rem; color:var(--muted); margin:0 0 18px; }
#tp-screen .tp-yn { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
#tp-screen .tp-choice { display:flex; align-items:center; justify-content:center; gap:8px; padding:15px 12px; border-radius:var(--r-md); border:1.5px solid var(--line); background:var(--mist); font-family:var(--f-head); font-weight:600; color:var(--ink); transition:all .15s ease; text-align:center; }
#tp-screen .tp-choice:hover { border-color:var(--gold); background:var(--gold-50); }
#tp-screen .tp-choice.yes:hover { border-color:var(--green); background:var(--green-50); }
#tp-screen .tp-pkg { display:block; width:100%; text-align:left; padding:16px; border-radius:var(--r-md); border:1.5px solid var(--line); background:var(--mist); margin-bottom:10px; transition:all .15s ease; }
#tp-screen .tp-pkg:hover { border-color:var(--gold); background:var(--gold-50); }
#tp-screen .tp-pkg b { display:flex; justify-content:space-between; gap:10px; font-family:var(--f-head); font-weight:700; color:var(--ink); font-size:.98rem; }
#tp-screen .tp-pkg b span { color:var(--gold-deep); }
#tp-screen .tp-pkg small { display:block; color:var(--muted); font-size:.8rem; margin-top:3px; }
#tp-screen .tp-icon { width:56px; height:56px; border-radius:16px; display:flex; align-items:center; justify-content:center; margin-bottom:14px; font-size:1.6rem; }
#tp-screen .tp-icon.warn { background:#fdf0e1; color:#b5650f; }
#tp-screen .tp-icon.ok { background:var(--green-50); color:var(--green); }
#tp-screen .tp-icon.gold { background:var(--gold-50); color:var(--gold-deep); }
#tp-screen .tp-note { font-size:.84rem; background:var(--mist); border:1px solid var(--line); border-radius:var(--r-md); padding:12px 14px; margin:14px 0 0; }
#tp-screen .tp-note ul { margin:6px 0 0 18px; padding:0; }
#tp-screen .tp-offer { background:linear-gradient(135deg,var(--navy-900),var(--navy-700)); color:#fff; border-radius:var(--r-lg); padding:18px; margin:4px 0 14px; border:1px solid rgba(226,184,85,.5); }
#tp-screen .tp-offer-tag { display:inline-block; background:var(--gold); color:var(--on-gold); font-size:.66rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; padding:3px 10px; border-radius:99px; }
#tp-screen .tp-offer-price { font-family:var(--f-head); font-size:2rem; font-weight:800; color:var(--gold); margin:8px 0 2px; }
#tp-screen .tp-offer ul { margin:10px 0 0; padding:0; list-style:none; font-size:.86rem; color:#d6dcea; }
#tp-screen .tp-offer li { padding-left:22px; position:relative; margin-top:6px; }
#tp-screen .tp-offer li::before { content:"✓"; position:absolute; left:0; color:var(--gold); font-weight:700; }
#tp-screen .tp-warn { font-size:.8rem; color:#b5650f; background:#fdf0e1; border-radius:var(--r-sm); padding:9px 12px; margin-bottom:14px; font-weight:600; }
#tp-screen .tp-sum { border:1px solid var(--line); border-radius:var(--r-md); overflow:hidden; margin:4px 0 14px; }
#tp-screen .tp-sum div { display:flex; justify-content:space-between; gap:12px; padding:11px 14px; font-size:.88rem; border-bottom:1px solid var(--line); }
#tp-screen .tp-sum div:last-child { border-bottom:0; background:var(--navy-900); color:#fff; font-weight:700; font-family:var(--f-head); }
#tp-screen .tp-sum div:last-child span:last-child { color:var(--gold); }
#tp-screen .tp-sum .later { color:var(--muted); font-size:.8rem; background:var(--mist); }
#tp-screen details { font-size:.82rem; margin-bottom:12px; }
#tp-screen summary { cursor:pointer; font-weight:600; color:var(--ink); }
#tp-screen details ul { margin:8px 0 0 18px; padding:0; color:var(--body); }
#tp-screen details li { margin-bottom:5px; }
#tp-screen .tp-agree { display:flex; gap:10px; align-items:flex-start; font-size:.84rem; color:var(--ink); margin-bottom:14px; cursor:pointer; }
#tp-screen .tp-agree input { width:18px; height:18px; margin:2px 0 0; accent-color:var(--navy-900); flex-shrink:0; }
#tp-screen .tp-btn { display:inline-flex; align-items:center; justify-content:center; gap:8px; font-family:var(--f-head); font-weight:600; border-radius:var(--r-md); text-align:center; line-height:1.2; transition:all .15s ease; }
#tp-screen .tp-btn-main { width:100%; background:var(--navy-900); color:var(--gold); padding:15px 18px; font-size:.98rem; }
#tp-screen .tp-btn-main:hover { background:var(--navy-700); }
#tp-screen .tp-btn-main[aria-disabled="true"] { opacity:.45; pointer-events:none; }
#tp-screen .tp-btn-goldfill { width:100%; background:linear-gradient(135deg,var(--gold-light),var(--gold) 55%,var(--gold-deep)); color:var(--on-gold); padding:15px 18px; font-size:.98rem; }
#tp-screen .tp-btn-link { width:100%; color:var(--muted); padding:12px; font-size:.85rem; font-weight:500; text-decoration:underline; }
#tp-screen .tp-secure { text-align:center; font-size:.74rem; color:var(--muted); margin-top:10px; }