/* Layout: marketing site (sky hero, glass mega nav, sections) plus the logged in Dial Haul app (sidebar + views), one file with hash routes. */
:root{
  --sky-top:#1f5e93; --sky-mid:#4f86b8; --sky-low:#9cbcd8;
  --ink:#07111b; --ink2:#111c27; --white:#fff; --glass:rgba(255,255,255,.22); --glass-line:rgba(255,255,255,.38);
  --paper:#f2f5f8; --line:#d9e2ea; --muted:#516374; --soft:#e7eef4; --state:#2c6cb0; --state-dark:#7db8ee;
  --warn:#b4542d; --ok:#2f7d5b;
  --display:"Host Grotesk","Helvetica Neue",Arial,sans-serif;
  --brand:"Archivo","Arial Black",Arial,sans-serif;
  color-scheme:light;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{margin:0}
body{font-family:var(--display);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;overflow-x:hidden}
button,input,select,textarea{font:inherit}
a{color:inherit}
:focus-visible{outline:3px solid var(--sky-mid);outline-offset:2px}

/* ---------- logo ---------- */
.logo{display:flex;align-items:center;gap:9px;color:var(--ink);text-decoration:none}
.logo svg{display:block;width:38px;height:38px;flex:none}
.logo .word{font-family:var(--brand);font-weight:900;font-stretch:125%;font-size:17px;line-height:.84;letter-spacing:.02em;text-transform:uppercase;display:flex;flex-direction:column}
.logo.light{color:#fff}

/* ---------- hero ---------- */
.sky{position:relative;min-height:100svh;background:
  radial-gradient(60% 40% at 18% 78%,rgba(255,255,255,.28),transparent 70%),
  radial-gradient(45% 30% at 85% 62%,rgba(255,255,255,.18),transparent 70%),
  radial-gradient(80% 50% at 50% 110%,rgba(255,255,255,.35),transparent 70%),
  linear-gradient(180deg,var(--sky-top) 0%,var(--sky-mid) 48%,var(--sky-low) 100%);
  overflow:hidden;padding-inline:clamp(16px,2.2vw,32px)}
.haze{position:absolute;inset:0;pointer-events:none;opacity:.55;background:
  radial-gradient(30% 12% at 30% 70%,rgba(255,255,255,.35),transparent 70%),
  radial-gradient(25% 10% at 70% 80%,rgba(255,255,255,.3),transparent 70%);filter:blur(18px);animation:drift 40s ease-in-out infinite alternate}
@keyframes drift{from{transform:translateX(-3%)}to{transform:translateX(3%)}}
.promo{position:relative;z-index:3;margin-inline:calc(-1*clamp(16px,2.2vw,32px));background:#0a2a45;color:#fff;text-align:center;font-size:13px;letter-spacing:.12em;text-transform:uppercase;padding:12px 16px;font-weight:500}
.promo a{text-decoration:none}

/* ---------- mega nav ---------- */
.topnav{position:relative;z-index:20;margin-top:16px}
.navbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:10px 12px 10px 14px;border-radius:16px;background:var(--glass);border:1px solid var(--glass-line);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.navl,.navr{display:flex;gap:4px;align-items:center}
.navr{justify-content:flex-end}
.nlink{appearance:none;border:0;background:none;cursor:pointer;color:var(--ink);text-decoration:none;font-size:15.5px;font-weight:500;letter-spacing:-.005em;padding:10px 14px;border-radius:10px;display:inline-flex;align-items:center;gap:6px;transition:background .15s}
.nlink:hover,.nlink[aria-expanded="true"]{background:rgba(255,255,255,.35)}
.nlink .chev{width:10px;height:10px;transition:transform .2s}
.nlink[aria-expanded="true"] .chev{transform:rotate(180deg)}
.btn-nav{background:var(--ink);color:#fff!important;padding:12px 20px;border-radius:11px;font-weight:600;font-size:15px;text-decoration:none;margin-left:6px}
.btn-nav:hover{background:var(--ink2)}
.mega{position:absolute;left:0;right:0;top:calc(100% + 10px);background:rgba(255,255,255,.94);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.7);border-radius:20px;box-shadow:0 30px 60px rgba(7,17,27,.22);padding:22px;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:22px;opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity .18s,transform .18s}
.mega.open{opacity:1;transform:none;pointer-events:auto}
.mega-links{display:grid;grid-template-columns:1fr 1fr;gap:6px;align-content:start}
.mlink{display:grid;grid-template-columns:44px 1fr;gap:4px 12px;padding:12px;border-radius:14px;text-decoration:none;color:var(--ink);align-items:center}
.mlink:hover{background:var(--soft)}
.mlink .ic{grid-row:1 / span 2;width:44px;height:44px;border-radius:12px;background:var(--ink);display:grid;place-items:center}
.mlink .ic svg{width:22px;height:22px}
.mlink b{font-size:16px;font-weight:600}
.mlink span{font-size:13.5px;color:var(--muted)}
.mega-feature{position:relative;border-radius:16px;overflow:hidden;min-height:230px;display:block;text-decoration:none;color:#fff}
.mega-feature img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mega-feature::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(7,17,27,.85))}
.mega-feature div{position:absolute;left:18px;right:18px;bottom:16px;z-index:1}
.mega-feature b{display:block;font-size:20px;font-weight:600}
.mega-feature span{font-size:14px;opacity:.85}
.mburger{display:none;appearance:none;border:0;background:none;padding:10px;border-radius:10px;cursor:pointer}
.mburger svg{width:24px;height:24px;display:block}
.msheet{position:fixed;inset:0;z-index:50;background:var(--paper);padding:20px;overflow:auto}
.msheet .row{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}
.msheet a.big{display:block;font-size:28px;font-weight:500;letter-spacing:-.02em;padding:14px 0;border-bottom:1px solid var(--line);text-decoration:none}

.hero{position:relative;z-index:2;text-align:center;padding-top:clamp(28px,6vh,64px)}
h1.big{margin:0;font-weight:500;font-size:clamp(64px,12.5vw,190px);line-height:.92;letter-spacing:-.045em;background:linear-gradient(90deg,rgba(255,255,255,.55) 0%,#fff 28%,#fff 70%,rgba(255,255,255,.6) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-wrap:balance}
.sub{margin:18px auto 0;color:rgba(255,255,255,.92);font-size:clamp(17px,1.4vw,20px)}
.packs{margin:clamp(24px,4.5vh,44px) auto 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:940px}
.pack{position:relative;appearance:none;border:1px solid var(--glass-line);background:rgba(255,255,255,.2);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:#fff;border-radius:16px;padding:20px 20px 18px;text-align:left;cursor:pointer;display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 12px;transition:transform .18s,background .18s,box-shadow .18s;min-width:0}
.pack:hover{transform:translateY(-3px);background:rgba(255,255,255,.3);box-shadow:0 18px 40px rgba(7,17,27,.18)}
.pack .name{font-size:13px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;opacity:.9}
.pack .price{font-size:32px;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums;grid-row:2}
.pack .meta{font-size:14px;opacity:.85;grid-row:3}
.pack .go{grid-row:1 / span 3;grid-column:2;width:46px;height:46px;border-radius:50%;background:#fff;display:grid;place-items:center}
.pack .go svg{width:18px;height:18px}
.pack.hot{background:var(--ink);border-color:var(--ink)}
.pack.hot:hover{background:var(--ink2)}
.badge{position:absolute;top:-11px;left:20px;padding:4px 10px;border-radius:999px;background:#fff;color:var(--ink);font-size:10.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.stage{--pw:min(390px,86vw);--sh:clamp(340px,46vh,450px);position:relative;z-index:1;display:flex;justify-content:center;margin-top:clamp(22px,4vh,40px);height:var(--sh)}
.phonewrap{position:relative;width:var(--pw);aspect-ratio:768/1152;align-self:flex-start}
.phonewrap img{position:absolute;inset:0;width:100%;height:100%}
.pscreen{position:absolute;left:19.5%;right:16.5%;top:21.3%;bottom:auto;height:calc(var(--sh) - var(--pw)*.3195);color:#fff;padding:2px 10px 0;display:flex;flex-direction:column;-webkit-mask:linear-gradient(#000 80%,transparent);mask:linear-gradient(#000 80%,transparent)}
#heroLeads{flex:1;display:flex;flex-direction:column}
.ph-h{font-size:13px;font-weight:600;display:flex;justify-content:space-between;margin:2px 2px 10px;opacity:.95}
.ph-h span:last-child{opacity:.55;font-weight:500}
.plead{display:grid;grid-template-columns:26px 1fr auto;gap:1px 10px;align-items:center;padding:9px 2px;border-bottom:1px solid rgba(255,255,255,.08)}
.plead .st{grid-row:1 / span 2;width:24px;height:24px}
.plead b{font-size:14px;font-weight:600}
.plead small{font-size:12px;color:#93a3b2}
.plead .t{grid-row:2;grid-column:3;font-size:11px;color:#7db8ee;text-align:right;font-weight:600}
.plead .p{grid-row:1;grid-column:3;font-size:13px;font-weight:600;text-align:right}

/* ---------- sections ---------- */
.sec{padding:clamp(72px,11vw,140px) clamp(16px,4vw,56px)}
.wrap{max-width:1180px;margin:0 auto}
.paper{background:var(--paper)}
.dark{background:var(--ink);color:#fff}
.kicker{font-size:13px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--muted);margin:0 0 18px}
.dark .kicker{color:#8fa3b6}
.h2{margin:0;font-weight:500;font-size:clamp(40px,6.4vw,92px);line-height:.98;letter-spacing:-.04em;text-wrap:balance;max-width:16ch}
.lede{margin:22px 0 0;font-size:clamp(17px,1.5vw,21px);line-height:1.5;color:var(--muted);max-width:52ch}
.dark .lede{color:#aab9c7}
.how-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:end}
.howgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:clamp(40px,6vw,72px)}
.howcard{position:relative;border-radius:24px;overflow:hidden;background:var(--ink);color:#fff;min-height:520px;display:flex;flex-direction:column;justify-content:flex-end}
.howcard img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.howcard:hover img{transform:scale(1.04)}
.howcard::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(7,17,27,.05) 0%,rgba(7,17,27,.15) 40%,rgba(7,17,27,.92) 100%)}
.howcard .chip{position:absolute;top:20px;left:20px;z-index:2;width:64px;height:64px;border-radius:20px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.45);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:grid;place-items:center}
.howcard .chip svg{width:30px;height:30px}
.howcard .num{position:absolute;top:24px;right:24px;z-index:2;font-size:15px;font-weight:600;opacity:.8;font-variant-numeric:tabular-nums}
.howcard .txt{position:relative;z-index:2;padding:26px}
.howcard h3{margin:0 0 10px;font-size:30px;font-weight:600;letter-spacing:-.025em}
.howcard p{margin:0;font-size:16px;line-height:1.5;color:#d3dde6}
.types{margin-top:clamp(40px,6vw,72px);border-top:1px solid #1f2b37}
.type{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,2fr) 110px 96px;gap:20px;align-items:center;padding:22px 0;border-bottom:1px solid #1f2b37}
.type b{font-size:clamp(20px,2vw,26px);font-weight:500}
.type span{color:#93a5b6;font-size:15px}
.type .from{color:#fff;font-size:18px;font-weight:600;text-align:right;white-space:nowrap}
.type .from small{display:block;color:#93a5b6;font-size:12px;font-weight:500}
.type .new{font-size:11px;letter-spacing:.12em;text-transform:uppercase;border:1px solid #3a4a5a;color:#cfd9e2;border-radius:999px;padding:4px 10px;justify-self:start}
.statesrow{display:flex;flex-wrap:wrap;gap:10px;margin-top:40px}
.statechip{display:flex;align-items:center;gap:8px;border:1px solid #1f2b37;border-radius:999px;padding:7px 14px 7px 8px;font-size:14px;color:#cfd9e2}
.statechip svg{width:20px;height:20px}
.vs{margin-top:clamp(40px,6vw,72px);overflow-x:auto}
.vs table{width:100%;min-width:640px;border-collapse:collapse;font-size:16px}
.vs th,.vs td{text-align:left;padding:18px 16px;border-bottom:1px solid var(--line)}
.vs thead th{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:600}
.vs td:nth-child(2){font-weight:600;background:#fff}
.vs th:nth-child(2){background:#fff}
.vs td:nth-child(3){color:var(--muted)}
.plans{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:clamp(40px,6vw,64px)}
.plan{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px 22px;display:flex;flex-direction:column;gap:14px;min-width:0}
.plan.hotp{background:var(--ink);color:#fff;border-color:var(--ink)}
.plan .pn{font-size:13px;letter-spacing:.14em;text-transform:uppercase;font-weight:600}
.plan .pp{font-size:40px;font-weight:600;letter-spacing:-.03em;line-height:1}
.plan .pp small{font-size:15px;font-weight:500;letter-spacing:0;color:var(--muted)}
.plan.hotp .pp small{color:#9fb1c2}
.plan ul{margin:0;padding:0;list-style:none;display:grid;gap:9px;font-size:15px;line-height:1.4;color:var(--muted)}
.plan.hotp ul{color:#c2cfda}
.plan li{padding-left:18px;position:relative}
.plan li::before{content:"";position:absolute;left:0;top:8px;width:8px;height:2px;background:currentColor}
.plan .who{font-size:14px;color:var(--muted)}
.plan.hotp .who{color:#9fb1c2}
.buy{margin-top:auto;appearance:none;border:0;border-radius:12px;padding:15px;font-weight:600;font-size:16px;cursor:pointer;background:var(--ink);color:#fff;text-align:center;text-decoration:none}
.plan.hotp .buy{background:#fff;color:var(--ink)}
.toggle{display:inline-flex;margin-top:28px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:4px}
.toggle button{appearance:none;border:0;background:none;border-radius:999px;padding:10px 18px;font-weight:600;font-size:14px;color:var(--muted);cursor:pointer}
.toggle button[aria-pressed="true"]{background:var(--ink);color:#fff}
.wallet-note{margin-top:18px;display:flex;flex-wrap:wrap;gap:10px 24px;font-size:15px;color:var(--muted)}
.wallet-note b{color:var(--ink)}
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,96px);align-items:start}
.split .h2{font-size:clamp(38px,4.6vw,68px)}
.brackets{border-top:1px solid #1f2b37}
.bk{display:grid;grid-template-columns:1fr auto;gap:4px 16px;padding:20px 0;border-bottom:1px solid #1f2b37}
.bk b{font-size:20px;font-weight:600}
.bk span{color:#93a5b6;font-size:15px}
.bk .cut{grid-row:1 / span 2;grid-column:2;align-self:center;font-size:clamp(34px,4vw,52px);font-weight:500;letter-spacing:-.03em}
.ghost{display:inline-block;margin-top:32px;border:1px solid #3a4a5a;color:#fff;text-decoration:none;border-radius:12px;padding:15px 22px;font-weight:600}
.crmshow{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:40px;align-items:center}
.crmshow .photo{border-radius:24px;overflow:hidden;aspect-ratio:4/3}
.crmshow .photo img{width:100%;height:100%;object-fit:cover;display:block}
.crm{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:40px}
.crm div{border-top:2px solid var(--ink);padding-top:18px}
.crm b{display:block;font-size:20px;font-weight:600}
.crm .cp{display:block;font-size:30px;font-weight:500;letter-spacing:-.03em;margin:8px 0}
.crm p{margin:0;color:var(--muted);font-size:15px;line-height:1.5}
.faq{margin-top:clamp(40px,6vw,64px);border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line);padding:22px 0}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;font-size:clamp(18px,1.8vw,22px);font-weight:500}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--muted)}
.faq details[open] summary::after{content:"\2212"}
.faq p{margin:12px 0 0;color:var(--muted);font-size:16px;line-height:1.6;max-width:70ch}
.end{text-align:center;background:linear-gradient(180deg,var(--sky-low),var(--sky-mid) 60%,var(--sky-top));padding:clamp(90px,12vw,160px) clamp(16px,4vw,56px)}
.end .h2{margin:0 auto;color:#fff;max-width:none}
footer.site{background:var(--ink);color:#8fa3b6;padding:48px clamp(16px,4vw,56px);font-size:14px}
footer.site .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:24px;align-items:center}
footer.site .fl{display:flex;flex-wrap:wrap;gap:22px}
footer.site a{color:#c7d3de;text-decoration:none}
.buybar{position:fixed;left:50%;bottom:18px;transform:translate(-50%,140%);z-index:30;display:flex;gap:6px;align-items:center;background:rgba(7,17,27,.92);backdrop-filter:blur(12px);padding:6px;border-radius:16px;box-shadow:0 18px 40px rgba(0,0,0,.3);transition:transform .3s,opacity .3s,visibility .3s;max-width:calc(100vw - 32px)}
.buybar.show{transform:translate(-50%,0)}
.buybar button{appearance:none;border:0;border-radius:11px;padding:12px 16px;font-weight:600;font-size:14px;cursor:pointer;background:#1b2733;color:#fff;white-space:nowrap}
.buybar button.hotb{background:#fff;color:var(--ink)}

/* ---------- checkout sheet + toast ---------- */
.sheet-bg{position:fixed;inset:0;z-index:60;background:rgba(7,17,27,.45);backdrop-filter:blur(6px);display:grid;place-items:end center;padding:16px}
.sheet{width:min(540px,100%);background:#fff;border-radius:22px;padding:26px;box-shadow:0 30px 80px rgba(0,0,0,.3);color:var(--ink);max-height:calc(100svh - 32px);overflow:auto}
.sheet h2{margin:0;font-size:28px;letter-spacing:-.02em;font-weight:600}
.sheet p{margin:6px 0 0;color:#46586a;font-size:15px}
.rows{margin:18px 0;border-top:1px solid #e4ebf1}
.rows div{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #e4ebf1;font-size:15px}
.rows div span:last-child{font-weight:600;text-align:right}
.payopts{display:grid;gap:8px;margin:0 0 16px}
.payopt{display:flex;gap:10px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:12px 14px;cursor:pointer;font-size:15px}
.payopt input{accent-color:var(--ink)}
.payopt small{margin-left:auto;color:var(--muted)}
.pay{width:100%;border:0;border-radius:14px;background:var(--ink);color:#fff;font-weight:600;font-size:17px;padding:17px;cursor:pointer}
.pay:disabled{opacity:.5;cursor:not-allowed}
.close{margin-top:10px;width:100%;border:0;background:none;color:#46586a;font-weight:500;font-size:14px;padding:8px;cursor:pointer}
.fine{font-size:12px;color:#6b7c8c;text-align:center;margin:10px 0 0}
.toast{position:fixed;left:50%;top:20px;transform:translate(-50%,-160%);opacity:0;visibility:hidden;z-index:80;background:var(--ink);color:#fff;padding:14px 18px;border-radius:14px;box-shadow:0 18px 40px rgba(0,0,0,.3);font-size:15px;font-weight:500;transition:transform .3s,opacity .3s,visibility .3s;max-width:calc(100vw - 32px)}
.toast.show{transform:translate(-50%,0);opacity:1;visibility:visible}

/* ---------- app ---------- */
#app{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100svh;background:var(--paper)}
.side{background:var(--ink);color:#c7d3de;padding:22px 14px;display:flex;flex-direction:column;gap:4px;position:sticky;top:0;height:100svh;overflow:auto}
.side .logo{color:#fff;padding:4px 10px 22px}
.snav{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:11px;text-decoration:none;color:#c7d3de;font-weight:500;font-size:15px}
.snav svg{width:20px;height:20px;flex:none}
.snav:hover{background:#121e2a;color:#fff}
.snav[aria-current="page"]{background:#fff;color:var(--ink)}
.snav .ct{margin-left:auto;font-size:12px;background:#1f2c39;color:#fff;border-radius:999px;padding:2px 8px;font-variant-numeric:tabular-nums}
.snav[aria-current="page"] .ct{background:var(--ink)}
.side .sep{height:1px;background:#1b2733;margin:12px 6px}
.side .back{margin-top:auto}
.main{min-width:0;display:flex;flex-direction:column}
.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:12px;padding:14px clamp(16px,3vw,32px);background:rgba(242,245,248,.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.topbar h1{margin:0;font-size:22px;font-weight:600;letter-spacing:-.02em;margin-right:auto}
.pill{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 14px;font-weight:600;font-size:14px;cursor:pointer;text-decoration:none;color:var(--ink)}
.pill svg{width:18px;height:18px}
.pill .n{background:var(--ink);color:#fff;border-radius:999px;padding:1px 7px;font-size:12px}
.appmenu{display:none}
.view{padding:clamp(16px,3vw,32px);display:grid;gap:20px;align-content:start}
.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;min-width:0}
.card h2{margin:0 0 14px;font-size:18px;font-weight:600;letter-spacing:-.01em;display:flex;align-items:center;gap:10px}
.card h2 .r{margin-left:auto}
.card h2 > svg{width:20px;height:20px;flex:none}
.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.kpi{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px 20px}
.kpi span{display:block;font-size:13px;color:var(--muted);font-weight:500}
.kpi b{display:block;font-size:36px;font-weight:600;letter-spacing:-.03em;margin-top:6px;font-variant-numeric:tabular-nums}
.kpi small{color:var(--muted);font-size:13px}
.grid2{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:20px}
.btn{appearance:none;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:11px;padding:10px 14px;font-weight:600;font-size:14px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;text-decoration:none;white-space:nowrap}
.btn:hover{border-color:#b7c6d3}
.btn svg{width:16px;height:16px}
.btn.dark{background:var(--ink);color:#fff;border-color:var(--ink)}
.btn.dark:hover{background:var(--ink2)}
.btn.sm{padding:7px 10px;font-size:13px;border-radius:9px}
.btn.warn{color:var(--warn)}
.filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.filters select,.filters input,.field input,.field select,.field textarea{border:1px solid var(--line);background:#fff;border-radius:11px;padding:10px 12px;font-size:14px;color:var(--ink);min-width:0}
.filters input[type=search]{flex:1 1 220px}
.tbl{width:100%;border-collapse:collapse;font-size:14.5px}
.tbl th{text-align:left;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:600;padding:10px 10px;border-bottom:1px solid var(--line);white-space:nowrap}
.tbl td{padding:12px 10px;border-bottom:1px solid var(--soft);vertical-align:middle}
.tbl tr.click{cursor:pointer}
.tbl tr.click:hover td{background:#f7fafc}
.tbl .num{text-align:right;font-variant-numeric:tabular-nums}
.tscroll{overflow-x:auto}
.stc{display:inline-flex;align-items:center;gap:8px;font-weight:600}
.stc svg{width:22px;height:22px;flex:none}
.tag{display:inline-block;font-size:12px;font-weight:600;padding:4px 9px;border-radius:999px;background:var(--soft);color:var(--ink);white-space:nowrap}
.tag.new{background:#e3eefa;color:#1f5e93}
.tag.contacted{background:#eef0f3;color:#3b4a58}
.tag.appointment{background:#fff1dc;color:#8a5a12}
.tag.sold{background:#e1f2e9;color:#215f43}
.tag.dead{background:#f6e4dd;color:#8c3b1d}
.statsel{border:1px solid var(--line);border-radius:999px;padding:5px 10px;font-size:13px;font-weight:600;background:#fff}
.chk{width:18px;height:18px;accent-color:var(--ink)}
.cartbar{position:sticky;bottom:0;z-index:5;display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--ink);color:#fff;border-radius:16px;padding:12px 14px 12px 18px;margin-top:4px}
.cartbar b{font-size:16px}
.cartbar .sp{margin-left:auto}
.cartbar .btn{border-color:#fff}
.empty{padding:40px 10px;text-align:center;color:var(--muted)}
.empty b{display:block;color:var(--ink);font-size:18px;margin-bottom:6px}
.drawer-bg{position:fixed;inset:0;z-index:55;background:rgba(7,17,27,.35)}
.drawer{position:fixed;top:0;right:0;bottom:0;z-index:56;width:min(520px,100%);background:#fff;box-shadow:-20px 0 60px rgba(0,0,0,.2);overflow:auto;padding:24px;display:grid;gap:18px;align-content:start}
.drawer .hd{display:flex;align-items:flex-start;gap:14px}
.drawer .hd svg.stbig{width:52px;height:52px;flex:none}
.drawer h2{margin:0;font-size:26px;letter-spacing:-.02em;font-weight:600}
.drawer .x{margin-left:auto}
.kv{display:grid;grid-template-columns:auto 1fr;gap:8px 18px;font-size:15px}
.kv dt{color:var(--muted)}
.kv dd{margin:0;font-weight:600;text-align:right}
.phone-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--paper);border-radius:14px;padding:14px}
.phone-row b{font-size:22px;letter-spacing:.01em;font-variant-numeric:tabular-nums;margin-right:auto;user-select:all}
.outcomes{display:flex;flex-wrap:wrap;gap:8px}
.log{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.log li{border-left:2px solid var(--line);padding:2px 0 2px 12px;font-size:14px}
.log li small{display:block;color:var(--muted)}
.field{display:grid;gap:6px;font-size:13px;color:var(--muted);font-weight:600}
.field textarea{min-height:80px;resize:vertical}
.kanban{display:grid;grid-template-columns:repeat(5,minmax(220px,1fr));gap:14px;overflow-x:auto;padding-bottom:8px}
.col{background:#e9eff4;border-radius:16px;padding:12px;min-height:300px;display:flex;flex-direction:column;gap:10px}
.col.over{outline:2px dashed var(--sky-mid)}
.col h3{margin:0 4px 4px;font-size:14px;font-weight:600;display:flex;justify-content:space-between}
.kcard{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px;cursor:grab;display:grid;grid-template-columns:24px 1fr;gap:2px 10px;align-items:center}
.kcard svg{grid-row:1 / span 2;width:22px;height:22px}
.kcard b{font-size:14px}
.kcard small{color:var(--muted);font-size:12.5px}
.kcard .mv{grid-column:1 / span 2;display:flex;gap:6px;margin-top:8px}
.task{display:flex;align-items:center;gap:12px;padding:12px 4px;border-bottom:1px solid var(--soft)}
.task.done span{text-decoration:line-through;color:var(--muted)}
.task .due{margin-left:auto;font-size:13px;color:var(--muted);white-space:nowrap}
.task .due.late{color:var(--warn);font-weight:600}
.count{font-size:56px;font-weight:600;letter-spacing:-.04em;font-variant-numeric:tabular-nums;line-height:1}
@media (max-width:600px){.count{font-size:40px}}
.switch{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--soft);font-size:15px}
.switch input{width:44px;height:24px;accent-color:var(--ink)}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips label{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;padding:6px 12px 6px 8px;font-size:13.5px;cursor:pointer;background:#fff}
.chips label:has(input:checked){background:var(--ink);color:#fff;border-color:var(--ink)}
.chips input{position:absolute;opacity:0;pointer-events:none}
.chips svg{width:18px;height:18px}
.bar{height:10px;border-radius:999px;background:var(--soft);overflow:hidden}
.bar i{display:block;height:100%;background:var(--ink);border-radius:999px}
.bal{font-size:56px;font-weight:600;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.loadgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.loadbtn{appearance:none;border:1px solid var(--line);background:#fff;border-radius:16px;padding:18px;text-align:left;cursor:pointer}
.loadbtn b{display:block;font-size:24px;font-weight:600}
.loadbtn span{color:var(--muted);font-size:14px}
.loadbtn:hover{border-color:var(--ink)}
.demo-note{font-size:12.5px;color:var(--muted)}

/* ---------- pack icons ---------- */
.pack .name{display:flex;align-items:center;gap:9px}
.pico{width:28px;height:28px;border-radius:9px;background:rgba(255,255,255,.24);display:inline-grid;place-items:center;flex:none;color:#fff}
.pico svg{width:16px;height:16px}
.pack.hot .pico{background:rgba(255,255,255,.14)}
.plan .pn{display:flex;align-items:center;gap:10px}
.plan .pico{width:34px;height:34px;border-radius:10px;background:var(--ink)}
.plan .pico svg{width:18px;height:18px}
.plan.hotp .pico{background:#fff;color:var(--ink)}
.pico.dark{background:var(--ink);color:#fff;width:34px;height:34px;border-radius:10px}
.perks{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;opacity:.55;transition:opacity .2s}
.perks.on{opacity:1}
.perk{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 14px;font-size:14px;font-weight:500}
.perk svg{width:16px;height:16px}
.more{display:inline-flex;align-items:center;gap:8px;margin-top:32px;font-weight:600;font-size:16px;text-decoration:none;border-bottom:1.5px solid currentColor;padding-bottom:2px}

/* ---------- sub pages ---------- */
.sky.sub{min-height:0;padding-bottom:clamp(56px,8vw,110px)}
.sky.sub .hero,.sky.sub .stage{display:none}
.phero{position:relative;z-index:2;max-width:1180px;margin:0 auto;padding-top:clamp(48px,8vw,110px);color:#fff}
.phero .crumb{font-size:13px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;opacity:.85;margin:0 0 20px}
.phero .crumb a{text-decoration:none}
.phero h1{margin:0;font-weight:500;font-size:clamp(48px,8vw,124px);line-height:.95;letter-spacing:-.045em;max-width:13ch;text-wrap:balance}
.phero p{margin:24px 0 0;font-size:clamp(17px,1.5vw,21px);line-height:1.5;max-width:58ch;color:rgba(255,255,255,.92)}
.phero .acts{display:flex;gap:10px;flex-wrap:wrap;margin-top:32px}
.cta{display:inline-flex;align-items:center;gap:10px;background:var(--ink);color:#fff;border:0;border-radius:12px;padding:15px 22px;font-weight:600;font-size:16px;text-decoration:none;cursor:pointer}
.cta svg{width:18px;height:18px;flex:none}
.cta.light{background:#fff;color:var(--ink)}
.cta.glass{background:rgba(255,255,255,.2);border:1px solid var(--glass-line);color:#fff;backdrop-filter:blur(12px)}
.pg{padding:clamp(56px,7vw,100px) clamp(16px,4vw,56px)}
.pg.paper + .pg.paper{padding-top:0}
.h3{margin:0;font-weight:500;font-size:clamp(32px,4vw,56px);line-height:1.02;letter-spacing:-.035em;max-width:20ch;text-wrap:balance}
.dark .h3{color:#fff}
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:40px}
.tile{position:relative;background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:10px;text-decoration:none;color:var(--ink);transition:border-color .15s,transform .15s}
.tile .ti{width:46px;height:46px;border-radius:13px;background:var(--ink);color:#fff;display:grid;place-items:center}
.tile .ti svg{width:22px;height:22px}
.tile h3{margin:6px 0 0;font-size:21px;font-weight:600;letter-spacing:-.015em}
.tile p{margin:0;color:var(--muted);font-size:15.5px;line-height:1.5}
a.tile:hover{border-color:var(--ink);transform:translateY(-2px)}
.tile .tprice{color:var(--muted);font-weight:500;font-size:16px;margin-left:6px}
.tile .tbig{font-size:44px;font-weight:600;letter-spacing:-.03em;line-height:1}
.tfoot{display:flex;align-items:center;gap:10px;margin-top:auto;padding-top:10px;font-size:15px}
.tfoot .arr{margin-left:auto;font-size:18px}
.new2{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--line);border-radius:999px;padding:3px 8px;color:var(--muted);font-weight:600}
.dark .tile{background:#0e1924;border-color:#1f2b37;color:#fff}
.dark .tile p{color:#93a5b6}
.dark .tile .ti{background:#1d2c3a}
.steps{margin-top:40px;border-top:1px solid var(--line)}
.step{display:grid;grid-template-columns:70px minmax(0,1fr) minmax(0,1.3fr);gap:24px;padding:28px 0;border-bottom:1px solid var(--line);align-items:center}
.step .n{font-size:15px;font-weight:600;color:var(--muted);font-variant-numeric:tabular-nums}
.step .sh{display:flex;align-items:center;gap:14px}
.step .ti{width:46px;height:46px;border-radius:13px;background:var(--ink);color:#fff;display:grid;place-items:center;flex:none}
.step .ti svg{width:22px;height:22px}
.step h3{margin:0;font-size:24px;font-weight:600;letter-spacing:-.02em}
.step p{margin:0;color:var(--muted);font-size:16.5px;line-height:1.6}
.split2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,80px);align-items:center}
.checks{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:12px;font-size:17px}
.checks li{padding-left:30px;position:relative}
.checks li::before{content:"";position:absolute;left:0;top:3px;width:18px;height:18px;border-radius:50%;background:var(--ink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='m5 9.3 2.6 2.5L13 6.4' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/18px no-repeat}
.sample{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:0 30px 60px rgba(7,17,27,.08)}
.sample .hd{display:flex;gap:12px;align-items:center;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--soft)}
.sample .hd svg{width:42px;height:42px;flex:none}
.sample .hd b{font-size:20px}
.sample .lbl{margin-left:auto;font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:4px 9px;white-space:nowrap}
.ptable table{min-width:600px}
.ptable td,.ptable th{font-variant-numeric:tabular-nums}
.ptable tbody th a{text-decoration:none;font-weight:600}
.ptable tbody th a:hover{text-decoration:underline}
.ptable td:nth-child(2){font-weight:600;background:#fff;color:var(--ink)}
.ptable td:nth-child(3){color:var(--ink)}
.facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.facts div{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px}
.facts span{display:block;font-size:13px;color:var(--muted);font-weight:500}
.facts b{display:block;font-size:26px;font-weight:600;letter-spacing:-.02em;margin-top:6px}
.factsv{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.factsv div{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px}
.factsv b{display:block;font-size:52px;font-weight:600;letter-spacing:-.04em;line-height:1}
.factsv span{color:var(--muted);font-size:15px}
.body{font-size:17px;line-height:1.65;color:var(--muted);max-width:58ch;margin:20px 0 0}
.mini{font-size:20px;font-weight:600;margin:32px 0 12px}
.tips{margin:0;padding-left:22px;display:grid;gap:10px;font-size:16.5px;line-height:1.5;color:var(--muted)}
.chips.static{margin-top:22px}
.chips.static span{border:1px solid var(--line);border-radius:999px;padding:7px 14px;font-size:14px;background:#fff}
.statesrow.light .statechip{border-color:var(--line);color:var(--ink);background:#fff}
.calc{background:#0e1924;border:1px solid #1f2b37;border-radius:22px;padding:26px;margin-top:32px;display:grid;gap:20px}
.cl{display:grid;gap:10px;font-size:15px;color:#aab9c7}
.cl{grid-template-columns:1fr auto;align-items:center}.cl b{color:#fff;font-size:18px}.cl input{grid-column:1 / -1}
.calc input[type=range]{width:100%;accent-color:#7db8ee}
.cres{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;border-top:1px solid #1f2b37;padding-top:20px}
.cres span{display:block;font-size:12.5px;color:#93a5b6}
.cres b{display:block;font-size:clamp(20px,2.2vw,30px);font-weight:600;letter-spacing:-.02em;color:#fff;margin-top:4px}
.faqwrap{display:grid;grid-template-columns:220px minmax(0,1fr);gap:clamp(24px,5vw,72px);align-items:start}
.faqnav{position:sticky;top:24px;display:grid;gap:4px}
.faqnav a:not(.cta){text-decoration:none;font-weight:500;padding:9px 12px;border-radius:10px;color:var(--muted)}
.faqnav a:not(.cta):hover{background:#fff;color:var(--ink)}
.fqh{margin-top:48px;font-size:clamp(26px,3vw,40px)}
.fqh:first-child{margin-top:0}
.fqh + .faq{margin-top:20px}
.form{display:grid;gap:4px;padding:26px}
.form textarea,.form select{border:1px solid var(--line);border-radius:12px;padding:14px;font-size:16px;background:#fff;width:100%}
.clist{display:grid;gap:14px}
.legal{max-width:760px}
.legal h2{font-size:26px;font-weight:600;letter-spacing:-.02em;margin:40px 0 10px}
.legal h2:first-child{margin-top:0}
.legal p,.legal li{color:var(--muted);line-height:1.7;font-size:17px}
.draft{display:inline-block;background:#fff1dc;color:#8a5a12;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600;margin-right:6px;vertical-align:2px}
footer.site .fgrid{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(4,minmax(0,1fr));gap:32px;align-items:start}
footer.site .fbrand p{max-width:34ch;line-height:1.6;margin:18px 0 0}
footer.site h4{color:#fff;font-size:14px;font-weight:600;margin:0 0 14px}
footer.site .fgrid > div:not(.fbrand){display:grid;gap:10px}
footer.site .fbot{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:48px;padding-top:24px;border-top:1px solid #1b2733}
footer.site .fbot .sp{flex:1}
.imp h3{font-size:15px;margin:22px 0 10px}
.imp .tag{display:inline-block;width:auto;min-height:0}.imp .btn[disabled]{opacity:.45;cursor:not-allowed}
.msheet.st{display:none!important}.msheet.st.open{display:flex!important}
/* phone menu groups */
.mlist .mgrp{border-bottom:1px solid #edf0f3}.mlist .mgrp summary{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:16px 2px;font-size:20px;font-weight:500;letter-spacing:-.01em;color:var(--ink);cursor:pointer}.mlist .mgrp summary::-webkit-details-marker{display:none}.mlist .mchev{width:20px;height:20px;color:#9aa8b6;transition:transform .2s}.mlist .mgrp[open] .mchev{transform:rotate(180deg)}.mlist .msub{display:grid;grid-template-columns:1fr 1fr;gap:2px 14px;padding:0 2px 14px}.mlist .msub a{display:block;padding:10px 0;font-size:15.5px;font-weight:500;color:#3d4c5a;border:0;text-decoration:none}.mlist .msub a:hover{color:var(--ink)}

/* contrast fixes (WCAG AA) */
.perks{opacity:.78!important}.perks.on{opacity:1!important}
.fine{color:#4f5f6f!important}
.pdrop{opacity:1!important}.pdrop b,.promo .pdrop b{color:#fff!important;font-weight:700}

.faq .fsrc{font-size:13.5px;opacity:.8;margin-top:-4px}.faq .fsrc a{text-decoration:underline;text-underline-offset:3px}.xsite{font-size:15px;margin:18px 0 0}.xsite a{font-weight:600;text-decoration:underline;text-underline-offset:3px}
footer.site{padding-bottom:110px!important}
.imp-drop{display:grid;gap:6px;place-items:center;text-align:center;padding:40px 20px;border:2px dashed #c9d3dc;border-radius:16px;cursor:pointer;transition:border-color .15s,background .15s}
.imp-drop:hover,.imp-drop.on{border-color:#07111b;background:#f4f7f9}.imp-drop b{font-size:17px}.imp-drop span{color:#5b6b7a;font-size:14px;max-width:420px}
.imp-map{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px 14px}.imp-map .field{margin:0}.imp-map .filebtn{display:inline-flex;margin-top:6px;cursor:pointer}
.imp-sum{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.imp-sum span{display:grid;padding:10px 14px;border-radius:12px;background:#f1f4f7;font-size:13px;color:#4a5a69;min-width:110px}.imp-sum b{font-size:20px;color:#07111b}.imp-sum .ok{background:#e6f4ec}.imp-sum .bad{background:#fbeeee}
.imp-ok{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.45;margin:6px 0 14px;max-width:720px}.imp-ok input{margin-top:3px;width:18px;height:18px;flex:none}
footer.site .fbot a.rw{display:inline-flex;align-items:center;gap:8px;color:#fff;text-decoration:none}footer.site .fbot a.rw img{height:22px;width:auto;display:block}footer.site .fbot a.rw span{opacity:.8;font-size:13px}footer.site .fbot a.rw:hover b{text-decoration:underline}


/* ---------- auth ---------- */
#auth{min-height:100svh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:var(--paper)}
.auth-l{display:flex;flex-direction:column;padding:28px clamp(20px,5vw,72px);min-height:100svh}
.auth-box{width:100%;max-width:440px;margin:auto;padding:40px 0}
.auth-box h1{font-size:clamp(32px,3.4vw,44px);font-weight:600;letter-spacing:-.03em;margin:0;line-height:1.05}
.sub2{color:var(--muted);margin:10px 0 28px;font-size:16.5px;line-height:1.5}
.af{display:grid;gap:7px;margin-bottom:16px;font-size:14px;font-weight:600;color:var(--ink)}
.af input,.af select,.af textarea{border:1px solid var(--line);border-radius:12px;padding:14px;font-size:16px;background:#fff;color:var(--ink);width:100%;font-weight:400}
.af input:focus,.af textarea:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 3px rgba(79,134,184,.25)}
.af input[aria-invalid=true]{border-color:var(--warn);background:#fffaf8}
.af .opt{color:var(--muted);font-weight:500;margin-left:4px}
.err{color:var(--warn);font-size:13.5px;font-weight:500}
.err:empty{display:none}
.pw{position:relative;display:block}
.pw input{padding-right:72px}
.pw button{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:0;background:none;font-weight:600;color:var(--muted);cursor:pointer;font-size:13px;padding:8px 10px;border-radius:8px}
.pw button:hover{background:var(--soft)}
.rules{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12.5px;color:var(--muted);font-weight:500}
.rules .ok{color:var(--ok)}
.roles{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}
.role{position:relative;border:1px solid var(--line);border-radius:14px;padding:14px;cursor:pointer;background:#fff}
.role:has(input:checked){border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.role input{position:absolute;opacity:0}
.role b{display:block;font-size:15.5px}
.role span{font-size:13px;color:var(--muted)}
.otpin{text-align:center;font-size:30px!important;letter-spacing:.5em;padding:16px 0 16px .5em!important;font-variant-numeric:tabular-nums}
.demo-box{background:#e3eefa;color:#1f5e93;border-radius:12px;padding:12px 14px;font-size:14px;margin:0 0 16px}
.warnbox{background:#fbeae3;color:#8c3b1d}
.arow{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:-4px 0 18px;font-size:14px}
.rem{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--muted);cursor:pointer}
.rem input{width:17px;height:17px;accent-color:var(--ink)}
.rem.terms{margin:4px 0 6px}
.alink{color:var(--ink);font-weight:600;background:none;border:0;padding:0;cursor:pointer;font-size:inherit;text-decoration:underline;text-underline-offset:2px}
.alink:disabled{color:var(--muted);text-decoration:none;cursor:default}
.abtn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--line);background:#fff;border-radius:14px;padding:15px;font-weight:600;font-size:15.5px;cursor:pointer;margin-top:10px;color:var(--ink)}
.abtn svg{width:18px;height:18px}
.abtn:hover{border-color:var(--ink)}
.auth-alt{margin:20px 0 0;font-size:14.5px;color:var(--muted);text-align:center}
.auth-fine{font-size:12.5px;color:var(--muted);margin:0}
.divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:13px;margin:18px 0 8px}
.divider::before,.divider::after{content:"";flex:1;height:1px;background:var(--line)}
.aflabel{font-size:14px;font-weight:600;margin:18px 0 10px}
.auth-r{position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:48px;color:#fff;background:var(--ink);margin:12px;border-radius:24px}
.auth-r img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.auth-r::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,17,27,0) 40%,rgba(7,17,27,.8))}
.auth-r .q{position:relative;z-index:1;font-size:clamp(30px,3.2vw,48px);font-weight:500;letter-spacing:-.035em;line-height:1.02;max-width:14ch}
.steps-dots{display:flex;gap:6px;margin-bottom:24px}
.steps-dots i{height:4px;flex:1;border-radius:4px;background:var(--line)}
.steps-dots i.on{background:var(--ink)}

/* ---------- app extras ---------- */
.acct{position:relative}
.avatar{width:40px;height:40px;border-radius:50%;background:var(--ink);color:#fff;font-weight:600;font-size:14px;border:0;cursor:pointer}
.amenu{position:absolute;right:0;top:calc(100% + 8px);background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 20px 50px rgba(7,17,27,.15);padding:8px;min-width:240px;z-index:20}
.amenu .who{padding:8px 10px 12px;border-bottom:1px solid var(--soft);margin-bottom:6px;display:grid;gap:3px}
.amenu .who span{font-size:13px;color:var(--muted)}
.amenu .who .tag{justify-self:start;margin-top:4px;color:var(--ink)}
.amenu a,.amenu button{display:block;width:100%;text-align:left;padding:10px;border-radius:9px;border:0;background:none;font-weight:500;font-size:14.5px;text-decoration:none;color:var(--ink);cursor:pointer}
.amenu a:hover,.amenu button:hover{background:var(--soft)}
.hello h2{margin:0;font-size:clamp(26px,3vw,36px);font-weight:600;letter-spacing:-.03em}
.hello p{margin:6px 0 0;font-size:14.5px}
.onboard .bar{margin-bottom:14px}
.oblist{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.oblist li{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:12px;padding:12px;font-size:14.5px;font-weight:500}
.oblist li.done{color:var(--muted);background:var(--paper)}
.oblist a{color:var(--ink)}
.obx{width:22px;height:22px;border-radius:50%;border:1.5px solid var(--line);display:grid;place-items:center;font-size:12px;flex:none}
.done .obx{background:var(--ok);border-color:var(--ok);color:#fff}
.subrow{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:14px 0;border-bottom:1px solid var(--soft)}
.sinfo{flex:1 1 240px}
.sacts{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.mini-sel{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--muted);font-weight:600}
.mini-sel select{border:1px solid var(--line);border-radius:9px;padding:6px 8px;font-size:13px;background:#fff}
.loadbtn{display:grid;gap:4px;align-content:start}
.loadbtn .pico{margin-bottom:6px}
.loadbtn small{color:var(--muted);font-size:12.5px}
.loadbtn em{font-style:normal;font-weight:600;font-size:13px;margin-top:8px}
.loadbtn.on{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.loadbtn:disabled{opacity:.55;cursor:default}
.grid2.even{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.script h2 .pico{width:30px;height:30px}
.script h3{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:16px 0 6px}
.script p,.script li{font-size:15px;line-height:1.55;margin:0}
.script ol{margin:0;padding-left:20px;display:grid;gap:6px}
mark{background:#e3eefa;color:#1f5e93;border-radius:4px;padding:0 3px}
.obj{display:grid;gap:4px 24px;grid-template-columns:minmax(0,1fr) minmax(0,2fr);margin:0}
.obj dt{font-weight:600;padding:12px 0;border-bottom:1px solid var(--soft)}
.obj dd{margin:0;color:var(--muted);padding:12px 0;border-bottom:1px solid var(--soft);line-height:1.5}
.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.formgrid.one{grid-template-columns:1fr}
.field input:disabled{background:var(--paper);color:var(--muted)}
.mono-sm{font-size:17px!important}

/* ---------- responsive ---------- */
@media (max-width:1000px){.facts,.oblist,.cres{grid-template-columns:repeat(2,minmax(0,1fr))}footer.site .fgrid{grid-template-columns:repeat(2,minmax(0,1fr))}footer.site .fbrand{grid-column:1 / -1}.plans{grid-template-columns:repeat(2,minmax(0,1fr))}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.grid2{grid-template-columns:1fr}}
@media (max-width:900px){
  .navl,.navr .nlink{display:none}.mburger{display:block}.navbar{grid-template-columns:auto 1fr auto}.navr{order:3}
  .packs{grid-template-columns:1fr;max-width:460px;gap:16px}
  .how-head,.howgrid,.crm,.split,.crmshow{grid-template-columns:1fr}.howcard{min-height:420px}
  .type{grid-template-columns:1fr auto}.type span:not(.from){grid-column:1}.type .new,.type .blank{display:none}
  #app{grid-template-columns:1fr}.side{display:none}.appmenu{display:inline-flex}
  .side.open{display:flex;position:fixed;inset:0 auto 0 0;width:min(300px,86vw);z-index:70;box-shadow:20px 0 60px rgba(0,0,0,.3)}
  .loadgrid{grid-template-columns:1fr}
  .grid3,.split2,.faqwrap,.grid2.even,#auth{grid-template-columns:1fr}.auth-r{display:none}.step{grid-template-columns:1fr;gap:12px}.faqnav{position:static;display:flex;flex-wrap:wrap}.faqnav .cta{display:none}.obj{grid-template-columns:1fr}.obj dt{border:0;padding-bottom:0}
}
@media (max-width:560px){.facts,.oblist{grid-template-columns:1fr 1fr}.formgrid{grid-template-columns:1fr}.roles{grid-template-columns:1fr 1fr}footer.site .fgrid{grid-template-columns:1fr 1fr}.plans{grid-template-columns:1fr}.buybar button{padding:11px 12px;font-size:13px}.buybar .bl{display:none}.kpi b{font-size:28px}.topbar h1{font-size:18px}.pill .lbl{display:none}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
/* ================= MOTION + V3 COMPONENTS ================= */
@property --ang{syntax:'<angle>';initial-value:0deg;inherits:false}
[data-rv]{opacity:0;transform:translateY(26px);transition:opacity .75s cubic-bezier(.2,.7,.2,1) var(--d,0ms),transform .75s cubic-bezier(.2,.7,.2,1) var(--d,0ms)}
[data-rv].in{opacity:1;transform:none}
@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes pop{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.08);opacity:1}100%{transform:scale(1)}}
@keyframes spin{to{--ang:360deg}}
@keyframes rot{to{transform:rotate(360deg)}}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(125,184,238,.55)}50%{box-shadow:0 0 0 10px rgba(125,184,238,0)}}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.35}}
.live{display:inline-flex;align-items:center;gap:6px}
.live i,.live-dot i{display:none!important}
.live-dot{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--ok)}

/* hero packs that beg to be clicked */
.hero .pack{animation:bob 6s ease-in-out infinite;animation-delay:calc(var(--k,0)*-1.2s)}
.hero .pack:nth-child(2){--k:1}.hero .pack:nth-child(3){--k:2}
@keyframes bob{0%,100%{translate:0 0}50%{translate:0 -6px}}
.pack::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.45) 50%,transparent 60%) no-repeat;background-size:250% 100%;background-position:150% 0;animation:sweepbg 5.5s ease-in-out infinite;animation-delay:calc(var(--k,0)*.7s + 1s);pointer-events:none}
@keyframes sweepbg{0%,70%{background-position:150% 0}100%{background-position:-60% 0}}
@keyframes sweep{0%,70%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
.pack.hot{box-shadow:0 0 0 1px rgba(125,184,238,.4),0 20px 50px rgba(7,17,27,.35)}
.pack.hot::before{content:"";position:absolute;inset:-1px;border-radius:17px;padding:1.5px;background:conic-gradient(from var(--ang),#7db8ee,#ffffff,#8b5cf6,#7db8ee);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:spin 4s linear infinite;pointer-events:none}
.pack .go{transition:transform .25s}
.pack:hover .go{transform:translateX(4px) scale(1.06)}
.pack:active{transform:scale(.98)}
.hero .badge{animation:pop .6s .4s both;z-index:3}
.hero-note{margin:18px auto 0;color:rgba(255,255,255,.92);font-size:14.5px;display:flex;gap:8px 18px;justify-content:center;flex-wrap:wrap}
.hero-note b{font-variant-numeric:tabular-nums}

/* hero phone scenes */
.sc{flex:1;display:flex;flex-direction:column}
.ph-big{display:flex;align-items:baseline;gap:8px;margin:0 2px 6px}
.ph-big b{font-size:34px;font-weight:600;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.ph-big span{font-size:12.5px;color:#9fb1c2}
.sc.buy{gap:12px;padding:2px 0}
.ph-pack{padding:14px 12px!important}
.ph-pack .pico{width:38px;height:38px;border-radius:11px;background:#1b2f8f!important}
.ph-pack .pico svg{width:20px;height:20px}
.ph-pack b{font-size:16px!important}.ph-pack small{font-size:12px!important}
.ph-price{font-size:18px}
.ph-chips{display:flex;gap:6px;flex-wrap:wrap}
.ph-chips span{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:500;color:#c8d4df;background:rgba(255,255,255,.07);border-radius:999px;padding:5px 8px}
.ph-chips svg{width:12px;height:12px}
.ph-btn{padding:14px!important;font-size:15px!important;border-radius:14px!important}
.ph-added{display:flex;align-items:baseline;gap:8px;justify-content:center}
.ph-added b{display:inline!important;font-size:30px!important}
.sc.call{justify-content:flex-start;gap:4px!important;padding-top:4px!important}
.sc.call .ring{width:68px!important;height:68px!important;background:#1f5e93!important;font-weight:600;font-size:20px;animation:none!important;box-shadow:0 0 0 6px rgba(125,184,238,.15),0 0 0 14px rgba(125,184,238,.07)}
.sc.call b{font-size:19px!important;margin-top:10px!important}
.sc.call .timer{font-size:20px!important;color:#4ade80}
.ph-script{margin-top:10px;text-align:left;font-size:12px;line-height:1.45;color:#c8d4df;background:rgba(255,255,255,.07);border-radius:12px;padding:10px 12px;width:100%}
.ph-script em{display:block;font-style:normal;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#7db8ee;margin-bottom:3px}
.ph-ctrls{display:flex;gap:16px;margin-top:12px}
.ph-ctrls i{width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.1);display:grid;place-items:center}
.ph-ctrls i svg{width:18px;height:18px}
.ph-ctrls i.hang{background:#dc2626}
.sc.win{justify-content:flex-start;padding-top:8px!important}
.sc.win .check{width:56px!important;height:56px!important;font-size:28px!important}
.sc.win b{font-size:17px!important;margin-top:10px!important}
.sc.win .money{font-size:46px!important}
.ph-bars{display:flex;align-items:flex-end;gap:10px;height:72px;margin-top:16px}
.ph-bars i{position:relative;width:22px;height:var(--h);border-radius:6px 6px 3px 3px;background:#7db8ee;transform-origin:bottom;animation:growup .6s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i)*.08s + .3s)}
.ph-bars i:last-child{background:#4ade80}
.ph-bars em{position:absolute;bottom:-16px;left:0;right:0;text-align:center;font-style:normal;font-size:10px;color:#7f93a6}

.pscreen{overflow:hidden}
.ph-h .live{opacity:.9}
.ph-h .earn{color:#4ade80;opacity:1!important;font-weight:700!important;font-variant-numeric:tabular-nums}
.sc{animation:rise .35s both}
.plead.in{animation:slidein .45s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i)*.28s)}
@keyframes slidein{from{opacity:0;transform:translateY(-14px) scale(.96)}to{opacity:1;transform:none}}

.sc.buy{display:grid;gap:10px;padding:6px 4px}
.ph-pack{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:10px}
.ph-pack .pico{background:#2a56c6}
.ph-pack b{display:block;font-size:14px}.ph-pack small{font-size:11.5px;color:#93a3b2}
.ph-price{margin-left:auto;font-weight:700}
.ph-btn{position:relative;overflow:hidden;border:0;border-radius:12px;background:#fff;color:#07111b;font-weight:700;font-size:14px;padding:12px;transition:transform .15s}
.sc.buy.go .ph-btn{transform:scale(.95)}
.ph-btn .tap{position:absolute;left:50%;top:50%;width:10px;height:10px;border-radius:50%;background:rgba(42,86,198,.35);transform:translate(-50%,-50%) scale(0)}
.sc.buy.go .tap{animation:tap .6s ease-out}
@keyframes tap{to{transform:translate(-50%,-50%) scale(30);opacity:0}}
.ph-prog{height:6px;border-radius:6px;background:rgba(255,255,255,.12);overflow:hidden}
.ph-prog i{display:block;height:100%;width:0;background:#7db8ee;transition:width 1.1s ease}
.sc.buy.go .ph-prog i{width:100%}
.ph-added{font-size:13px;color:#93a3b2;text-align:center}
.ph-added b{font-size:26px;color:#fff;display:block;font-variant-numeric:tabular-nums}
.sc.call{display:grid;justify-items:center;gap:4px;padding-top:10px;text-align:center}
.sc.call .ring{width:58px;height:58px;border-radius:50%;background:#1d4ed8;display:grid;place-items:center;animation:pulse 1.2s infinite}
.sc.call .ring svg{width:30px;height:30px}
.sc.call b{font-size:17px;margin-top:6px}.sc.call small{font-size:12px;color:#93a3b2}
.sc.call .timer{font-size:22px;font-weight:600;font-variant-numeric:tabular-nums;margin-top:4px}
.sc.win{display:grid;justify-items:center;text-align:center;padding-top:6px;position:relative}
.sc.win .check{width:46px;height:46px;border-radius:50%;background:#16a34a;color:#fff;display:grid;place-items:center;font-size:24px;animation:pop .5s both}
.sc.win b{font-size:15px;margin-top:6px}
.sc.win .money{font-size:40px;font-weight:700;letter-spacing:-.03em;background:linear-gradient(180deg,#bbf7d0,#4ade80);-webkit-background-clip:text;background-clip:text;color:transparent;animation:pop .6s .15s both;font-variant-numeric:tabular-nums}
.sc.win small{font-size:12px;color:#93a3b2}
.coins{position:absolute;inset:-20px 0 auto;height:200px;pointer-events:none}
.coins i{position:absolute;top:-10px;width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff3b0,#f5c451 55%,#b8860b);animation:coin 1.6s ease-in forwards}
.coins i:nth-child(1){left:8%;animation-delay:.1s}.coins i:nth-child(2){left:20%;animation-delay:.3s}.coins i:nth-child(3){left:32%;animation-delay:.05s}.coins i:nth-child(4){left:44%;animation-delay:.4s}.coins i:nth-child(5){left:56%;animation-delay:.2s}.coins i:nth-child(6){left:68%;animation-delay:.5s}.coins i:nth-child(7){left:80%;animation-delay:.15s}.coins i:nth-child(8){left:90%;animation-delay:.35s}.coins i:nth-child(9){left:26%;animation-delay:.6s}.coins i:nth-child(10){left:62%;animation-delay:.7s}
@keyframes coin{0%{transform:translateY(0) rotate(0);opacity:0}15%{opacity:1}100%{transform:translateY(190px) rotate(540deg);opacity:0}}
.htoast{position:absolute;z-index:3;top:40px;display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.86);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.9);border-radius:16px;padding:12px 16px 12px 12px;box-shadow:0 24px 50px rgba(7,17,27,.2);color:var(--ink);animation:tin .6s cubic-bezier(.2,.8,.2,1) both;max-width:300px}
.htoast.l{right:calc(50% + 220px)}.htoast.r{left:calc(50% + 220px);top:120px}
.htoast.out{transition:opacity .6s,transform .6s;opacity:0;transform:translateY(-12px)}
.htoast .hi{width:38px;height:38px;border-radius:11px;background:var(--ink);color:#fff;display:grid;place-items:center;flex:none}
.htoast .hi svg{width:18px;height:18px}
.htoast b{display:block;font-size:14px}.htoast small{font-size:12.5px;color:var(--muted)}
@keyframes tin{from{opacity:0;transform:translateY(16px) scale(.95)}to{opacity:1;transform:none}}

/* ROI */
.roi-sec{position:relative;overflow:hidden}
.roi-sec::before{content:"";position:absolute;width:900px;height:900px;left:50%;top:-300px;transform:translateX(-50%);background:radial-gradient(circle,rgba(79,134,184,.28),transparent 60%);pointer-events:none}
.roi-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:48px}
.roi-stats div{border-top:1px solid #1f2b37;padding-top:20px}
.roi-stats b{display:block;font-size:clamp(48px,7vw,104px);font-weight:500;letter-spacing:-.05em;line-height:1;background:linear-gradient(180deg,#fff,#7db8ee);-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums}
.roi-stats span{color:#93a5b6;font-size:15px}
.roi{position:relative;margin-top:40px;background:linear-gradient(180deg,#0e1924,#0b141d);border:1px solid #1f2b37;border-radius:24px;padding:28px;display:grid;gap:24px;color:#fff}
.roi-in{display:grid;grid-template-columns:auto 1fr 1fr;gap:24px;align-items:end}
.roi .cl{color:#aab9c7}
.seg{display:inline-flex;background:rgba(255,255,255,.06);border:1px solid #1f2b37;border-radius:12px;padding:3px;gap:2px}
.seg button{appearance:none;border:0;background:none;color:#aab9c7;font-weight:600;font-size:14px;padding:9px 14px;border-radius:9px;cursor:pointer}
.seg button[aria-pressed="true"]{background:#fff;color:var(--ink)}
.card .seg,.dscript .seg,.dq .seg{background:var(--paper);border-color:var(--line)}
.card .seg button,.dscript .seg button,.dq .seg button{color:var(--muted)}
.card .seg button[aria-pressed="true"],.dscript .seg button[aria-pressed="true"],.dq .seg button[aria-pressed="true"]{background:var(--ink);color:#fff}
.seg.sm button{padding:6px 10px;font-size:12.5px}
.roi-out{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:12px}
.roi-out div{background:rgba(255,255,255,.04);border:1px solid #1f2b37;border-radius:18px;padding:18px}
.roi-out span{display:block;color:#93a5b6;font-size:13px}
.roi-out b{display:block;font-size:clamp(28px,3.4vw,46px);font-weight:600;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.roi-out .big{background:linear-gradient(135deg,#1d4ed8,#7c3aed);border-color:transparent}
.roi-out .big span{color:#dbe7ff}
.roi-years{border-top:1px solid #1f2b37;padding-top:20px}
.ry-h{color:#aab9c7;font-size:15px}.ry-h b{color:#fff}
.ry-bars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:end;height:220px;margin-top:16px}
.ry{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;gap:8px}
.ry i{display:block;width:100%;max-width:140px;height:var(--h,0%);min-height:6px;border-radius:12px 12px 4px 4px;background:linear-gradient(180deg,#7db8ee,#2a56c6);transition:height 1s cubic-bezier(.2,.8,.2,1)}
.ry:last-child i{background:linear-gradient(180deg,#ffd76a,#b8860b)}
.ry b{font-size:clamp(20px,2.6vw,34px);font-weight:600;letter-spacing:-.02em;order:-1}
.ry span{color:#93a5b6;font-size:13px}
.roi-fine{font-size:12.5px;color:#7f93a6;margin:0;line-height:1.5}
.roi.compact .roi-in{grid-template-columns:1fr}

/* bento lead types */
.bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(190px,auto);gap:14px;margin-top:clamp(40px,6vw,72px)}
.bento-card{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:8px;padding:22px;border-radius:22px;text-decoration:none;color:#fff;background:#0d1822;border:1px solid #1c2a37;transition:transform .25s,border-color .25s}
.bento-card::before{content:"";position:absolute;inset:0;background:radial-gradient(420px circle at var(--sx,50%) var(--sy,0%),rgba(125,184,238,.18),transparent 45%);opacity:0;transition:opacity .3s;pointer-events:none}
.bento-card:hover{transform:translateY(-3px);border-color:#2c4154}
.bento-card:hover::before{opacity:1}
.bento-card.feat{grid-column:span 2;grid-row:span 2;padding:30px;background:radial-gradient(120% 90% at 100% 0%,rgba(42,86,198,.45),transparent 55%),radial-gradient(90% 80% at 0% 100%,rgba(124,58,237,.3),transparent 55%),#0d1822}
.bento-card.feat:nth-child(2){background:radial-gradient(120% 90% at 100% 0%,rgba(16,185,129,.35),transparent 55%),radial-gradient(90% 80% at 0% 100%,rgba(42,86,198,.35),transparent 55%),#0d1822}
.b-ic{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:#fff}
.b-ic svg{width:22px;height:22px}
.feat .b-ic{width:62px;height:62px;border-radius:18px}.feat .b-ic svg{width:30px;height:30px}
.b-only{position:absolute;top:22px;right:22px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:6px 11px;border-radius:999px;color:#07111b;background:linear-gradient(90deg,#7db8ee,#c4b5fd,#7ee0b5,#7db8ee);background-size:300% 100%;animation:shimmer 4s linear infinite}
@keyframes shimmer{to{background-position:300% 0}}
.b-name{font-size:21px;font-weight:600;letter-spacing:-.015em;margin-top:8px}
.feat .b-name{font-size:clamp(32px,3.4vw,48px);font-weight:500;letter-spacing:-.035em;margin-top:auto}
.b-desc{color:#93a5b6;font-size:14.5px;line-height:1.45}
.feat .b-desc{font-size:17px;color:#c3d1dd}
.b-jobs{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.b-jobs em{font-style:normal;font-size:13px;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:5px 11px;color:#dbe6ef}
.b-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-top:auto;padding-top:12px}
.feat .b-foot{margin-top:18px}
.b-from{font-size:14px;color:#93a5b6}.b-from b{color:#fff;font-size:18px}
.b-bars{display:flex;align-items:flex-end;gap:4px;height:34px}
.b-bars i{width:9px;height:var(--h);border-radius:3px;background:linear-gradient(180deg,#7db8ee,#2a56c6);opacity:.9;transform-origin:bottom;transition:transform .5s}
.bento-card:hover .b-bars i{transform:scaleY(1.08)}
.b-arr{position:absolute;right:22px;bottom:20px;opacity:0;transform:translateX(-6px);transition:.25s}
.bento-card:hover .b-arr{opacity:1;transform:none}
.bento-card:hover .b-foot .b-bars{margin-right:24px;transition:margin .25s}
.marquee{margin-top:36px;overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.mq-track{display:flex;gap:10px;width:max-content;animation:mq 38s linear infinite}
.marquee:hover .mq-track{animation-play-state:paused}
@keyframes mq{to{transform:translateX(-50%)}}
.pg.paper .bento-card{box-shadow:0 20px 40px rgba(7,17,27,.08)}

/* trading cards */
.tcs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:clamp(40px,6vw,64px);perspective:1200px}
.tcs.pick{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:18px}
.tc{--c1:#0b1e3d;--c2:#2a56c6;--c3:#9ec5ff;--ac:#7db8ee;position:relative;cursor:default}
.tc-rookie{--c1:#08261f;--c2:#147a5a;--c3:#8ff0c6;--ac:#5eead4}
.tc-closer{--c1:#0a1533;--c2:#3b2bd1;--c3:#b9c8ff;--ac:#a78bfa}
.tc-pro{--c1:#2a1903;--c2:#a16207;--c3:#ffe08a;--ac:#fbbf24}
.tc-agency{--c1:#07070d;--c2:#262640;--c3:#e8e8ff;--ac:#f0abfc}
.tc-in{position:relative;overflow:hidden;border-radius:24px;padding:18px;min-height:520px;display:flex;flex-direction:column;color:#fff;
  background:radial-gradient(120% 70% at 50% 0%,color-mix(in srgb,var(--c2) 85%,transparent),transparent 70%),linear-gradient(160deg,var(--c2) -20%,var(--c1) 55%,#05080d 120%);
  border:1px solid color-mix(in srgb,var(--c3) 35%,transparent);box-shadow:0 30px 60px -20px color-mix(in srgb,var(--c1) 80%,#000),inset 0 1px 0 rgba(255,255,255,.18);
  transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-style:preserve-3d;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .3s}
.tc.tilting .tc-in{transition:transform .08s linear}
.tc:hover .tc-in{box-shadow:0 40px 80px -20px color-mix(in srgb,var(--c2) 70%,#000),0 0 0 1px color-mix(in srgb,var(--c3) 55%,transparent),inset 0 1px 0 rgba(255,255,255,.25)}
.tc-foil{position:absolute;inset:0;pointer-events:none;mix-blend-mode:color-dodge;opacity:.07;transition:opacity .3s;background:
  repeating-linear-gradient(115deg,rgba(255,0,140,.0) 0px,rgba(255,0,140,.35) 18px,rgba(0,220,255,.35) 36px,rgba(140,255,0,.3) 54px,rgba(255,200,0,.3) 72px,rgba(255,0,140,0) 90px);
  background-size:260% 260%;background-position:var(--mx,50%) var(--my,50%);transition:background-position .2s}
.tc-agency .tc-foil{opacity:.12}.tc:hover .tc-foil{opacity:.2}
.tc-glare{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at var(--mx,50%) var(--my,20%),rgba(255,255,255,.35),transparent 42%);opacity:.0;transition:opacity .3s}
.tc:hover .tc-glare,.tc.tilting .tc-glare{opacity:1}
.tc-in::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.22) 50%,transparent 60%);transform:translateX(-130%);animation:sweep 7s ease-in-out infinite;pointer-events:none}
.tc-closer .tc-in::after{animation-delay:1.2s}.tc-pro .tc-in::after{animation-delay:2.4s}.tc-agency .tc-in::after{animation-delay:3.6s}
.tc-top{position:relative;display:flex;align-items:center;justify-content:center;min-height:26px;gap:8px;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.tc-rar{padding:5px 10px;border-radius:999px;background:color-mix(in srgb,var(--c3) 22%,transparent);border:1px solid color-mix(in srgb,var(--c3) 45%,transparent);color:var(--c3)}
.tc.sm.sel .tc-pop{margin-right:28px}.tc-pop{white-space:nowrap;padding:5px 9px;border-radius:999px;background:#fff;color:var(--ink)}
.tc-num{margin-left:auto;opacity:.6;font-variant-numeric:tabular-nums}
.tc-art{position:relative;height:190px;display:grid;place-items:center;margin:8px 0 4px}
.tc-rings{position:absolute;width:190px;height:190px;fill:none;stroke:color-mix(in srgb,var(--c3) 30%,transparent);stroke-width:1}
.tc-orb{position:relative;width:100px;height:100px;border-radius:30px;display:grid;place-items:center;color:#fff;transform:translateZ(40px) rotate(45deg);
  background:linear-gradient(135deg,color-mix(in srgb,var(--c3) 70%,#fff),var(--c2) 60%,var(--c1));box-shadow:0 20px 50px -10px var(--c2),0 0 60px -10px var(--ac),inset 0 2px 0 rgba(255,255,255,.5)}
.tc-orb svg{width:46px;height:46px;transform:rotate(-45deg);stroke-width:1.6;filter:drop-shadow(0 2px 6px rgba(0,0,0,.35))}
.tc-spark i{position:absolute;left:50%;top:50%;width:6px;height:6px;border-radius:50%;background:var(--c3);box-shadow:0 0 12px var(--ac);transform:rotate(calc(var(--i)*51deg)) translateX(92px);animation:twinkle 2.4s ease-in-out infinite;animation-delay:calc(var(--i)*.33s)}
@keyframes twinkle{0%,100%{opacity:.15;scale:.6}50%{opacity:1;scale:1.2}}
.tc-name{position:relative;text-align:center;font-size:28px;font-weight:600;letter-spacing:-.025em}
.tc-who{position:relative;text-align:center;min-height:2.9em;font-size:13.5px;color:color-mix(in srgb,var(--c3) 75%,#fff);opacity:.85;margin-top:2px}
.tc-stats{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:16px 0}
.tc-stats div{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:9px 11px}
.tc-stats span{display:block;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;opacity:.7}
.tc-stats b{font-size:16px;font-weight:600}
.tc-price{position:relative;display:flex;align-items:baseline;gap:10px;margin-top:auto}
.tc-price .pp{font-size:40px;font-weight:600;letter-spacing:-.03em;line-height:1}
.tc-price .pp small{font-size:14px;font-weight:500;opacity:.75}
.tc-price>small{font-size:13px;opacity:.75}
.tc-buy{position:relative;margin-top:14px;appearance:none;border:0;border-radius:14px;padding:15px;font-weight:700;font-size:15.5px;cursor:pointer;text-align:center;text-decoration:none;background:#fff;color:var(--ink);transition:transform .15s,box-shadow .2s}
.tc-buy:hover{transform:translateY(-1px);box-shadow:0 10px 30px -6px var(--ac)}
.tc-check{position:absolute;top:10px;right:10px;z-index:2;width:30px;height:30px;border-radius:50%;background:#fff;color:var(--ink);display:grid;place-items:center;font-weight:700;animation:pop .4s both}
.tc.sm .tc-in{min-height:0;padding:16px}
.tc.sm .tc-art{height:130px}.tc.sm .tc-rings{width:130px;height:130px}.tc.sm .tc-orb{width:70px;height:70px;border-radius:22px}.tc.sm .tc-orb svg{width:32px;height:32px}.tc.sm .tc-spark i{transform:rotate(calc(var(--i)*51deg)) translateX(64px)}
.tc.sm .tc-name{font-size:22px}.tc.sm .tc-stats b{font-size:13.5px}.tc.sm .tc-stats span{font-size:9.5px}.tc.sm .tc-price{flex-direction:column;align-items:flex-start;gap:2px}.tc.sm .tc-who{font-size:12.5px}.tc.sm .tc-price .pp{font-size:30px}.tc.sm .tc-stats{margin:12px 0}
.tc[data-choose]{cursor:pointer}
.tc.sel .tc-in{box-shadow:0 0 0 3px #fff,0 0 0 6px var(--ac),0 30px 60px -20px var(--c2)}
.tcs.pick .tc:not(.sel){opacity:.72;filter:saturate(.75);transition:opacity .2s,filter .2s}
.tcs.pick .tc:not(.sel):hover{opacity:1;filter:none}


/* confetti + pack opening */
.confetti{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:120}
.opener{position:fixed;inset:0;z-index:100;display:grid;place-items:center;opacity:0;transition:opacity .3s}
.opener.show{opacity:1}
.op-bg{position:absolute;inset:0;background:radial-gradient(60% 50% at 50% 45%,rgba(42,86,198,.55),rgba(7,17,27,.96) 70%);backdrop-filter:blur(8px)}
.op-skip{position:absolute;top:20px;right:20px;z-index:3;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.08);color:#fff;border-radius:999px;padding:9px 16px;font-weight:600;cursor:pointer}
.op-stage{position:relative;width:min(900px,100vw);height:min(640px,100svh);display:grid;place-items:center}
.pouch{--c1:#0a1533;--c2:#3b2bd1;--c3:#b9c8ff;--ac:#a78bfa;position:absolute;width:260px;height:380px;cursor:pointer;transition:transform .6s cubic-bezier(.2,.8,.2,1),opacity .5s;animation:float 3s ease-in-out infinite}
@keyframes float{50%{transform:translateY(-10px) rotate(-1deg)}}
.pouch-body,.pouch-top{position:absolute;left:0;right:0;background:linear-gradient(160deg,var(--c2),var(--c1) 60%,#05080d);border:1px solid color-mix(in srgb,var(--c3) 40%,transparent);overflow:hidden}
.pouch-top{top:0;height:44px;border-radius:14px 14px 0 0;z-index:2;-webkit-mask:linear-gradient(#000 0 0);background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.2) 0 2px,transparent 2px 8px),linear-gradient(160deg,var(--c2),var(--c1));transition:transform .7s cubic-bezier(.3,1.4,.4,1),opacity .6s}
.pouch-body{top:40px;bottom:0;border-radius:0 0 18px 18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#fff;text-align:center;padding:16px;box-shadow:0 40px 90px -20px var(--c2),0 0 80px -20px var(--ac)}
.pouch-body::after{content:"";position:absolute;bottom:0;left:0;right:0;height:16px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.2) 0 2px,transparent 2px 8px)}
.pouch .tc-art{height:150px}.pouch .tc-rings{width:150px;height:150px}.pouch .tc-orb{width:80px;height:80px}.pouch .tc-spark i{transform:rotate(calc(var(--i)*51deg)) translateX(72px)}
.pouch-body b{font-size:22px}.pouch-body small{opacity:.75}
.pouch-foil{position:absolute;inset:0;z-index:3;pointer-events:none;mix-blend-mode:color-dodge;opacity:.35;border-radius:18px;background:repeating-linear-gradient(115deg,rgba(255,0,140,0) 0px,rgba(255,0,140,.35) 18px,rgba(0,220,255,.35) 36px,rgba(140,255,0,.3) 54px,rgba(255,0,140,0) 72px);background-size:200% 200%;animation:foilmove 3s linear infinite}
@keyframes foilmove{to{background-position:200% 200%}}
.tap-hint{margin-top:8px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;opacity:.8;animation:blink 1.4s infinite}
.s-shake .pouch{animation:shake .5s cubic-bezier(.36,.07,.19,.97) 2}
@keyframes shake{10%,90%{transform:translateX(-2px) rotate(-1deg)}20%,80%{transform:translateX(4px) rotate(2deg)}30%,50%,70%{transform:translateX(-7px) rotate(-3deg)}40%,60%{transform:translateX(7px) rotate(3deg)}}
.s-open .pouch-top{transform:translate(60px,-180px) rotate(28deg);opacity:0}
.s-open .pouch{animation:none;transform:scale(1.05)}
.s-fan .pouch{transform:translateY(120px) scale(.7);opacity:0}
.burst{position:absolute;width:20px;height:20px;border-radius:50%;background:radial-gradient(circle,#fff,rgba(167,139,250,.6) 40%,transparent 70%);opacity:0;pointer-events:none}
.s-open .burst{animation:burst .9s ease-out forwards}
@keyframes burst{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(60)}}
.fan{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}
.lc{position:absolute;width:150px;height:210px;perspective:900px;opacity:0;transform:translateY(60px) scale(.6);transition:transform .7s cubic-bezier(.2,.9,.25,1.15),opacity .4s;transition-delay:calc(var(--i)*60ms)}
.s-fan .lc{opacity:1;transform:translateX(calc(var(--o)*92px)) translateY(calc(var(--a)*14px - 20px)) rotate(calc(var(--o)*7deg))}
.lc-in{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s;transition-delay:calc(var(--i)*90ms)}
.s-flip .lc-in{transform:rotateY(180deg)}
.lc-back,.lc-front{position:absolute;inset:0;border-radius:16px;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 20px 40px rgba(0,0,0,.4)}
.lc-back{display:grid;place-items:center;background:linear-gradient(160deg,#2a56c6,#0a1533);border:1px solid rgba(255,255,255,.25)}
.lc-back svg{width:56px;height:56px}
.lc-back svg path:first-child{fill:#fff}.lc-back svg path:last-child{fill:#0a1533}
.lc-front{transform:rotateY(180deg);background:#fff;color:var(--ink);padding:14px;display:flex;flex-direction:column;gap:2px;border:2px solid #c7d7ff}
.lc-front svg{width:34px;height:34px;margin-bottom:6px}
.lc-front b{font-size:16px}.lc-front small{font-size:12px;color:var(--muted)}
.lc-type{margin-top:auto;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#1f5e93;background:#e3eefa;border-radius:999px;padding:4px 8px;align-self:flex-start}
.lc-cov{font-size:20px;font-weight:700;margin-top:4px}
.s-fly .lc{transition:transform .7s cubic-bezier(.6,0,.4,1),opacity .7s;transition-delay:calc(var(--i)*55ms);transform:translate(var(--tx,0px),var(--ty,-300px)) scale(.12) rotate(20deg);opacity:0}
.op-done{position:absolute;inset:auto 0 auto 0;top:50%;transform:translateY(-40%);text-align:center;color:#fff;opacity:0;pointer-events:none;transition:opacity .5s,transform .5s}
.s-done .op-done{opacity:1;transform:translateY(-50%);pointer-events:auto}
.op-count{font-size:clamp(72px,12vw,140px);font-weight:600;letter-spacing:-.05em;line-height:1;background:linear-gradient(180deg,#fff,#a5c8ff);-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums}
.op-done p{font-size:20px;margin:8px 0 26px;opacity:.9}
.op-acts{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.snav .ct.bump{animation:pop .6s}

/* buy page */
.buy-wrap{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:24px;align-items:start}
.buy-main{display:grid;gap:20px}
.bstep{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px}
.bs-h{display:flex;gap:14px;align-items:flex-start}
.bs-n{width:34px;height:34px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-weight:700;flex:none}
.bs-h h2{margin:0;font-size:22px;font-weight:600;letter-spacing:-.02em}
.bs-h p{margin:4px 0 0;color:var(--muted);font-size:14.5px}
.bs-h .opt{font-size:13px;color:var(--muted);font-weight:500}
.freqs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}
.freq{appearance:none;text-align:left;border:1.5px solid var(--line);background:#fff;border-radius:18px;padding:18px;cursor:pointer;display:grid;gap:6px;transition:border-color .2s,transform .2s,box-shadow .2s}
.freq:hover{transform:translateY(-2px);border-color:#b7c6d3}
.freq.on{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink),0 18px 40px -16px rgba(7,17,27,.35)}
.fr-top{display:flex;justify-content:space-between;align-items:center;gap:8px}
.fr-top b{font-size:16px}
.save{font-size:11.5px;font-weight:700;color:#166534;background:#dcfce7;border-radius:999px;padding:4px 8px}
.fr-p{font-size:28px;font-weight:600;letter-spacing:-.02em}
.fr-p small{font-size:14px;color:var(--muted);font-weight:500}
.fr-s{font-size:13px;color:var(--muted);line-height:1.4}
.chips.big label{padding:9px 14px 9px 10px;font-size:14px;transition:transform .15s}
.chips.big label:active{transform:scale(.96)}
.chips .ci{width:22px;height:22px;border-radius:7px;background:var(--ink);color:#fff;display:grid;place-items:center}
.chips .ci svg{width:13px;height:13px}
.chips label:has(input:checked) .ci{background:#fff;color:var(--ink)}
.buy-sum{position:sticky;top:84px}
.bsum{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 30px 60px -30px rgba(7,17,27,.25);padding:0 20px 20px}
.bsum-art{margin:0 -20px;padding:18px 20px;display:flex;align-items:center;gap:14px;color:#fff;background:radial-gradient(120% 90% at 0% 0%,var(--c2),var(--c1) 70%)}
.bsum-art .tc-art{height:84px;width:84px;margin:0}.bsum-art .tc-rings{width:84px;height:84px}.bsum-art .tc-orb{width:54px;height:54px;border-radius:16px}.bsum-art .tc-orb svg{width:24px;height:24px}.bsum-art .tc-spark{display:none}
.bsum-art b{display:block;font-size:22px;margin-top:6px}.bsum-art small{opacity:.8}
.bsum .rows{margin:14px 0}
.bsum .rows .good span:last-child{color:var(--ok)}
.bsum-total{display:flex;justify-content:space-between;align-items:baseline;margin:6px 0 4px}
.bsum-total span{font-weight:600}
.bsum-total b{font-size:36px;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.openbtn{position:relative;overflow:hidden;width:100%;border:0;border-radius:16px;padding:19px;font-weight:700;font-size:18px;color:#fff;cursor:pointer;background:linear-gradient(135deg,#1d4ed8,#7c3aed 60%,#0ea5e9);background-size:200% 200%;animation:grad 6s ease infinite;box-shadow:0 18px 40px -12px rgba(124,58,237,.6);transition:transform .15s}
.openbtn:hover{transform:translateY(-2px)}.openbtn:active{transform:scale(.98)}
.openbtn i{position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.4) 50%,transparent 60%);transform:translateX(-120%);animation:sweep 3.5s ease-in-out infinite}
@keyframes grad{50%{background-position:100% 100%}}
.bsum-roi{display:block;background:#ecfdf5;color:#14532d;border-radius:14px;padding:12px 14px;font-size:13.5px;line-height:1.45;margin:14px 0 0}
.bsum-roi svg{width:16px;height:16px;vertical-align:-3px;margin-right:6px}

/* dialer */
.dial-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#fff;border:1px solid var(--line);border-radius:18px;padding:12px 16px}
.ring-goal{position:relative;width:48px;height:48px;flex:none;--p:0}
.ring-goal svg{width:100%;height:100%;transform:rotate(-90deg)}
.ring-goal circle{fill:none;stroke:var(--soft);stroke-width:4}
.ring-goal circle.v{stroke:var(--ink);stroke-linecap:round;stroke-dasharray:119.4;stroke-dashoffset:calc(119.4 - 119.4*var(--p));transition:stroke-dashoffset 1s cubic-bezier(.2,.8,.2,1)}
.ring-goal>b{position:absolute;inset:0;display:grid;place-items:center;font-size:14px}
.dt-txt{margin-right:auto}.dt-txt b{display:block;font-size:15px}.dt-txt small{color:var(--muted);font-size:13px}
.dchip{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:12px;padding:8px 12px;font-size:13px;color:var(--muted)}
.dchip svg{width:16px;height:16px}.dchip b{color:var(--ink);font-size:15px;font-variant-numeric:tabular-nums}
.dauto{display:flex;align-items:center;gap:6px;font-size:13.5px;font-weight:600}
.dauto input{width:18px;height:18px;accent-color:var(--ink)}
.dial{display:grid;grid-template-columns:270px minmax(0,1fr) 330px;gap:16px;align-items:start}
.dq,.dscript{background:#fff;border:1px solid var(--line);border-radius:18px;padding:12px;position:sticky;top:84px}
.dq-list{display:grid;gap:4px;margin-top:10px;max-height:calc(100svh - 230px);overflow:auto}
.dq-item{appearance:none;border:0;background:none;display:grid;grid-template-columns:24px 1fr auto;gap:10px;align-items:center;text-align:left;padding:10px;border-radius:12px;cursor:pointer;color:var(--ink)}
.dq-item svg{width:22px;height:22px}
.dq-item b{font-size:14px;display:block}.dq-item small{font-size:12px;color:var(--muted)}
.dq-item:hover{background:var(--paper)}
.dq-item.on{background:var(--ink);color:#fff}.dq-item.on small{color:#9fb1c2}.dq-item.on svg path{fill:#7db8ee}
.dcard{position:relative;background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;display:grid;gap:18px;animation:rise .35s both}
.dcard.live{border-color:#16a34a;box-shadow:0 0 0 4px rgba(22,163,74,.12)}
.dc-h{display:flex;gap:14px;align-items:center}
.dc-h svg.stbig{width:56px;height:56px;flex:none}
.dc-h h2{margin:0;font-size:30px;font-weight:600;letter-spacing:-.025em}
.dc-h p{margin:2px 0 0;color:var(--muted)}
.dc-h .tag{margin-left:auto}
.dc-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.dc-facts div{background:var(--paper);border-radius:14px;padding:12px}
.dc-facts span{display:block;font-size:12px;color:var(--muted)}.dc-facts b{font-size:15px}
.dc-phone{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:linear-gradient(135deg,#07111b,#14243a);color:#fff;border-radius:18px;padding:18px 18px 18px 22px}
.dc-phone>b{font-size:30px;letter-spacing:.01em;font-variant-numeric:tabular-nums;margin-right:auto}
.dc-timer{font-size:22px;font-weight:600;font-variant-numeric:tabular-nums;color:#4ade80}
.callbtn{display:inline-flex;align-items:center;gap:10px;border:0;border-radius:14px;padding:15px 26px;font-weight:700;font-size:17px;background:#16a34a;color:#fff;text-decoration:none;cursor:pointer;box-shadow:0 10px 30px -8px rgba(22,163,74,.7);animation:pulse 2s infinite}
.callbtn svg{width:20px;height:20px}
.callbtn.end{background:#dc2626;box-shadow:0 10px 30px -8px rgba(220,38,38,.7);animation:none}
.dispo{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.dbtn{appearance:none;border:1px solid var(--line);background:#fff;border-radius:12px;padding:12px 10px;font-weight:600;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:8px;justify-content:center;transition:transform .12s,background .15s}
.dbtn:hover{border-color:var(--ink)}.dbtn:active{transform:scale(.96)}
kbd{font:600 11px var(--display);border:1px solid var(--line);border-bottom-width:2px;border-radius:6px;padding:1px 6px;color:var(--muted);background:#fff}
.d-appt{background:#fff7e6;border-color:#f3d9a8}.d-sold{background:#e8f7ee;border-color:#b5e0c7}.d-notint,.d-bad{color:var(--warn)}
.soldbox{background:#e8f7ee;border-radius:16px;padding:16px;display:grid;gap:10px}
.dc-foot{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.dc-foot .demo-note{margin-right:auto}
.dnext{position:absolute;left:50%;bottom:-18px;transform:translateX(-50%);background:var(--ink);color:#fff;border-radius:999px;padding:8px 10px 8px 16px;display:flex;gap:10px;align-items:center;font-size:14px;box-shadow:0 14px 30px rgba(7,17,27,.3);animation:rise .3s both}
.dnext .btn{border-color:#3a4a5a;background:transparent;color:#fff}
.dscript h3{display:flex;align-items:center;gap:10px;font-size:16px;margin:14px 0 8px}
.dscript .pico.dark{width:28px;height:28px}
.dscript p,.dscript li{font-size:14.5px;line-height:1.55}
.dscript ol{padding-left:20px;display:grid;gap:8px;margin:0}
.sc-open{background:var(--paper);border-radius:12px;padding:12px;margin:0 0 12px}
.dscript .obj{grid-template-columns:1fr}

/* new dashboard */
.dhero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;border-radius:26px;padding:clamp(22px,3vw,36px);color:#fff;background:radial-gradient(70% 90% at 90% 10%,rgba(255,255,255,.22),transparent 60%),linear-gradient(135deg,#1f5e93,#4f86b8 55%,#2a56c6)}
.dhero::after{content:"";position:absolute;inset:0;background:radial-gradient(40% 60% at 15% 110%,rgba(255,255,255,.25),transparent 70%);pointer-events:none}
.dh-k{margin:0;font-size:14px;opacity:.9;font-weight:500}
.dhero h2{margin:6px 0 0;font-size:clamp(28px,3.4vw,46px);font-weight:500;letter-spacing:-.035em;line-height:1.02;max-width:18ch}
.dhero p{margin:10px 0 0;opacity:.9;max-width:52ch}
.dh-acts{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px;position:relative;z-index:1}
.dh-acts .cta svg{width:18px;height:18px}
.dh-r{display:flex;gap:18px;align-items:center;position:relative;z-index:1}
.ring-goal.xl{width:132px;height:132px}
.ring-goal.xl circle{stroke:rgba(255,255,255,.25);stroke-width:3.5}.ring-goal.xl circle.v{stroke:#fff}
.ring-goal.xl>div{position:absolute;inset:0;display:grid;place-content:center;text-align:center}
.ring-goal.xl b{font-size:36px;line-height:1}.ring-goal.xl small{font-size:12px;opacity:.85}
.dh-drop{display:grid;gap:4px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(10px);border-radius:18px;padding:16px 18px}
.dh-drop span{font-size:12px;opacity:.85}.dh-drop b{font-size:24px;font-variant-numeric:tabular-nums}
.dh-drop a{display:inline-flex;gap:6px;align-items:center;font-size:13px;font-weight:600;text-decoration:none}
.dh-drop a svg{width:14px;height:14px}
.kpi span{display:flex;align-items:center;gap:6px}.kpi span svg{width:15px;height:15px}
.spark{display:block;width:100%;height:30px;margin-top:8px;overflow:visible}
.spark polyline{fill:none;stroke:var(--sky-mid);stroke-width:2;vector-effect:non-scaling-stroke;stroke-linejoin:round}
.spark polyline.fill{fill:rgba(79,134,184,.12);stroke:none}
.nextlist{display:grid;gap:6px}
.nx{appearance:none;border:1px solid var(--soft);background:#fff;border-radius:14px;display:grid;grid-template-columns:26px 1fr auto;gap:12px;align-items:center;padding:11px 12px;text-align:left;cursor:pointer;color:var(--ink);transition:border-color .15s,transform .15s}
.nx:hover{border-color:var(--ink);transform:translateX(2px)}
.nx svg{width:24px;height:24px}.nx b{display:block;font-size:14.5px}.nx small{color:var(--muted);font-size:12.5px}
.nx-go{width:34px;height:34px;border-radius:50%;background:#16a34a;color:#fff;display:grid;place-items:center}
.nx-go svg{width:16px;height:16px}
.view>*{animation:rise .45s cubic-bezier(.2,.8,.2,1) both}
.view>*:nth-child(2){animation-delay:.05s}.view>*:nth-child(3){animation-delay:.1s}.view>*:nth-child(4){animation-delay:.15s}.view>*:nth-child(5){animation-delay:.2s}
.grn{color:var(--ok)}

/* agency HQ */
.hq-head{display:grid;gap:14px}
.hq-brand{display:flex;align-items:center;gap:14px}
.hq-brand h2{margin:0;font-size:26px;font-weight:600;letter-spacing:-.02em}
.hq-brand small{color:var(--muted);font-size:13.5px}
.hq-brand .btn{margin-left:auto}
.hq-tabs{display:flex;gap:4px;overflow-x:auto;border-bottom:1px solid var(--line)}
.hq-tabs button{appearance:none;border:0;background:none;display:inline-flex;align-items:center;gap:8px;padding:12px 14px;font-weight:600;font-size:14.5px;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap}
.hq-tabs button svg{width:17px;height:17px}
.hq-tabs button[aria-selected="true"]{color:var(--ink);border-bottom-color:var(--ink)}
.hq-body{display:grid;gap:20px}
.hq-setup{display:grid;gap:10px;justify-items:start;max-width:560px}
.hq-setup h2{margin:6px 0 0}
.av{--h:205;width:34px;height:34px;border-radius:50%;flex:none;display:inline-grid;place-items:center;font-size:12.5px;font-weight:700;color:hsl(var(--h) 60% 22%);background:hsl(var(--h) 70% 88%)}
.av.big{width:56px;height:56px;font-size:18px}
.feed{display:grid;gap:4px;max-height:420px;overflow:auto}
.fe{display:flex;align-items:center;gap:12px;padding:10px;border-radius:12px;font-size:14.5px}
.fe small{display:block;color:var(--muted);font-size:12px}
.fe.new{animation:feedin .6s cubic-bezier(.2,.8,.2,1) both;background:#f0f7ff}
@keyframes feedin{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}
.fe-sold{background:linear-gradient(90deg,#ecfdf5,transparent)}
.fe-amt{margin-left:auto;font-weight:700;color:var(--ok)}
.contest{background:linear-gradient(135deg,#fff7e6,#fff);border-color:#f3d9a8}
.flame{display:inline-flex;align-items:center;gap:2px;font-size:12px;font-weight:700;color:#c2410c}
.flame svg{width:13px;height:13px}
.podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:end;max-width:560px;margin:10px auto 24px}
.pod{display:grid;justify-items:center;gap:6px;text-align:center}
.pod .av{width:54px;height:54px;font-size:17px;box-shadow:0 0 0 3px #fff,0 10px 24px rgba(7,17,27,.15)}
.pod b{font-size:15px}.pod span{font-size:13px;color:var(--muted);font-weight:600}
.pod-bar{width:100%;border-radius:14px 14px 4px 4px;display:grid;place-items:center;color:#fff;font-size:28px;font-weight:700;animation:growup .8s cubic-bezier(.2,.8,.2,1) both}
.p1 .pod-bar{height:130px;background:linear-gradient(180deg,#fbbf24,#b45309)}.p2 .pod-bar{height:96px;background:linear-gradient(180deg,#cbd5e1,#64748b)}.p3 .pod-bar{height:72px;background:linear-gradient(180deg,#fdba74,#9a3412)}
.pod-bar em{font-style:normal}
@keyframes growup{from{transform:scaleY(0);transform-origin:bottom}to{transform:scaleY(1);transform-origin:bottom}}
.lb{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.lb li{display:grid;grid-template-columns:28px 34px minmax(120px,1fr) 2fr 90px;gap:12px;align-items:center;padding:8px 6px;border-bottom:1px solid var(--soft)}
.lb-n{font-weight:700;color:var(--muted);text-align:center}
.lb-bar{height:10px;background:var(--soft);border-radius:999px;overflow:hidden}
.lb-bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#4f86b8,#2a56c6);animation:growx 1s cubic-bezier(.2,.8,.2,1) both}
@keyframes growx{from{transform:scaleX(0);transform-origin:left}to{transform:none;transform-origin:left}}
.lb-v{text-align:right;font-variant-numeric:tabular-nums}
.cnt{background:var(--soft);border-radius:999px;padding:1px 7px;font-size:12px;color:var(--muted);margin-left:2px}
.chips label:has(input:checked) .cnt{background:#1f2c39;color:#fff}
.sel{border:1px solid var(--line);border-radius:11px;padding:10px 12px;font-size:14px;background:#fff;width:100%}
.emailprev{width:100%;height:560px;border:1px solid var(--line);border-radius:14px;background:#e9eff4}
.smsprev{background:var(--paper);border-radius:16px;padding:24px;min-height:200px}
.bubble{max-width:320px;background:#e5e7eb;border-radius:18px 18px 18px 4px;padding:12px 14px;font-size:14.5px;line-height:1.45;margin-bottom:10px}
.kv4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.kv4 div{background:var(--paper);border-radius:12px;padding:10px}
.kv4 span{display:block;font-size:11.5px;color:var(--muted)}.kv4 b{font-size:15px}
.log.calls li b{font-weight:600}
.mini-in{border:1px solid var(--line);border-radius:10px;padding:7px 10px;font-size:13px}

/* alarms */
.al-list{display:grid;gap:8px;margin-bottom:14px}
.al{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:14px;padding:12px}
.al b{display:block}.al small{color:var(--muted);font-size:13px}
.al>div{margin-right:auto}
.al-ic{width:38px;height:38px;border-radius:11px;background:var(--soft);display:grid;place-items:center;color:var(--muted)}
.al-ic svg{width:18px;height:18px}.al-ic.on{background:var(--ink);color:#fff;animation:ring 3s ease-in-out infinite}
@keyframes ring{0%,90%,100%{transform:rotate(0)}92%{transform:rotate(14deg)}94%{transform:rotate(-12deg)}96%{transform:rotate(8deg)}98%{transform:rotate(-4deg)}}
.toggle-sw{position:relative;width:44px;height:26px;flex:none}
.toggle-sw input{position:absolute;opacity:0;inset:0;cursor:pointer;z-index:1}
.toggle-sw i{position:absolute;inset:0;border-radius:999px;background:#cbd5e1;transition:background .2s}
.toggle-sw i::after{content:"";position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:transform .2s}
.toggle-sw input:checked+i{background:var(--ink)}.toggle-sw input:checked+i::after{transform:translateX(18px)}
.al-new{display:flex;flex-wrap:wrap;gap:10px;align-items:center;background:var(--paper);border-radius:14px;padding:12px}
.al-more{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.alarm-pop{position:fixed;inset:0;z-index:110;display:grid;place-items:center;background:rgba(7,17,27,.55);backdrop-filter:blur(6px);opacity:0;transition:opacity .25s}
.alarm-pop.show{opacity:1}
.ap-card{background:#fff;border-radius:26px;padding:32px;text-align:center;max-width:420px;width:calc(100% - 32px);animation:pop .45s both}
.bell{width:80px;height:80px;border-radius:24px;margin:0 auto 16px;background:linear-gradient(135deg,#1d4ed8,#7c3aed);color:#fff;display:grid;place-items:center;animation:ring 1.2s ease-in-out infinite}
.bell svg{width:40px;height:40px}
.ap-card h2{margin:0;font-size:28px;letter-spacing:-.02em}.ap-card p{color:var(--muted)}
.ap-acts{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:18px}
.cta.light2{background:var(--soft);color:var(--ink)}

/* AI helper */
.ai-fab{position:fixed;right:20px;bottom:20px;z-index:85;display:flex;align-items:center;gap:8px;border:0;border-radius:999px;padding:13px 18px 13px 14px;font-weight:700;font-size:15px;color:#fff;cursor:pointer;background:linear-gradient(135deg,#1d4ed8,#7c3aed);box-shadow:0 18px 40px -10px rgba(124,58,237,.6);transition:transform .2s}
.ai-fab:hover{transform:translateY(-2px) scale(1.03)}
.ai-fab svg{width:20px;height:20px}
.ai-panel{position:fixed;right:20px;bottom:84px;z-index:86;width:min(400px,calc(100vw - 32px));height:min(560px,calc(100svh - 120px));background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 40px 90px -20px rgba(7,17,27,.4);display:flex;flex-direction:column;overflow:hidden;animation:rise .3s both}
.ai-h{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--soft)}
.ai-h .btn{margin-left:auto}
.ai-dot{width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,#1d4ed8,#7c3aed);box-shadow:0 0 0 4px rgba(124,58,237,.15)}
.ai-body{flex:1;overflow:auto;padding:16px;display:flex;flex-direction:column;gap:10px}
.ai-hi b{font-size:18px}.ai-hi p{margin:6px 0 0;color:var(--muted)}
.ai-sugs{display:flex;flex-wrap:wrap;gap:8px}
.ai-sugs button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 12px;font-size:13.5px;cursor:pointer}
.ai-sugs button:hover{border-color:var(--ink)}
.ai-msg{max-width:88%;padding:11px 14px;border-radius:16px;font-size:14.5px;line-height:1.5;white-space:pre-wrap;animation:rise .25s both}
.ai-msg.user{align-self:flex-end;background:var(--ink);color:#fff;border-bottom-right-radius:4px}
.ai-msg.assistant{align-self:flex-start;background:var(--paper);border-bottom-left-radius:4px}
.ai-msg.think span{font-size:13.5px;font-weight:500;background:linear-gradient(90deg,var(--muted) 0%,var(--muted) 35%,#0b5cad 50%,var(--muted) 65%,var(--muted) 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:aiShine 1.8s linear infinite}@keyframes aiShine{from{background-position:100% 0}to{background-position:-150% 0}}@media (prefers-reduced-motion:reduce){.ai-msg.think span{animation:none;color:var(--muted)}}
.ai-f{display:flex;gap:8px;padding:12px;border-top:1px solid var(--soft)}
.ai-f input{flex:1;border:1px solid var(--line);border-radius:12px;padding:12px;font-size:15px}

/* tour + guide */
.tour{position:fixed;inset:0;z-index:105;opacity:0;transition:opacity .25s}
.tour.show{opacity:1}
.tour-spot{position:fixed;border-radius:14px;box-shadow:0 0 0 9999px rgba(7,17,27,.62),0 0 0 3px #7db8ee;transition:all .35s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.tour-dim{position:fixed;inset:0;background:rgba(7,17,27,.62)}
.tour-card{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(420px,calc(100vw - 32px));background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 40px 90px -20px rgba(0,0,0,.5);animation:pop .4s both}
.tour-card[style]{transform:none}
.tour-img{height:210px;background:var(--paper);overflow:hidden}
.tour-img img{width:100%;height:100%;object-fit:cover;object-position:top left;display:block}
.tour-txt{padding:20px 22px 22px}
.tour-txt .kicker{margin:0 0 8px;font-size:11.5px}
.tour-txt h2{margin:0;font-size:24px;letter-spacing:-.02em}
.tour-txt p{margin:8px 0 0;color:var(--muted);line-height:1.5}
.tour-dots{display:flex;gap:5px;margin:16px 0}
.tour-dots i{height:4px;flex:1;border-radius:4px;background:var(--line)}.tour-dots i.on{background:var(--ink)}
.tour-acts{display:flex;gap:8px;justify-content:flex-end}
.tour-acts [data-tskip]{margin-right:auto}
.guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.gstep{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;display:grid;grid-template-rows:auto 1fr}
.gstep>div:last-child{padding:18px}
.g-img{position:relative;height:190px;background:var(--paper)}
.g-img img{width:100%;height:100%;object-fit:cover;object-position:top left;display:block}
.g-n{position:absolute;top:12px;left:12px;width:32px;height:32px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-weight:700}
.gstep h3{margin:0;font-size:19px}.gstep p{color:var(--muted);font-size:14.5px;line-height:1.5;margin:6px 0 12px}

/* command bar */
.cmdk{position:fixed;inset:0;z-index:108;background:rgba(7,17,27,.45);backdrop-filter:blur(6px);display:grid;justify-items:center;align-items:start;padding-top:12vh}
.ck-box{width:min(620px,calc(100vw - 32px));background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 40px 90px -20px rgba(0,0,0,.5);animation:pop .25s both}
.ck-box input{width:100%;border:0;border-bottom:1px solid var(--soft);padding:20px 22px;font-size:18px;outline:none}
.ck-list{max-height:380px;overflow:auto;padding:8px}
.ck-it{display:flex;align-items:center;gap:12px;width:100%;border:0;background:none;text-align:left;padding:11px 12px;border-radius:12px;font-size:15px;cursor:pointer;color:var(--ink)}
.ck-it svg{width:18px;height:18px;flex:none}
.ck-it.on,.ck-it:hover{background:var(--soft)}
.ck-foot{padding:10px 16px;border-top:1px solid var(--soft);font-size:12.5px;color:var(--muted);display:flex;gap:6px;align-items:center}
.searchbtn{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--line);background:#fff;border-radius:12px;padding:9px 12px;color:var(--muted);font-size:14px;cursor:pointer;min-width:240px}
.searchbtn svg{width:16px;height:16px}.searchbtn kbd{margin-left:auto}
.side .sgroup{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#5f7386;font-weight:600;padding:14px 12px 6px}
.snav.buy-n{background:linear-gradient(135deg,#1d4ed8,#7c3aed);color:#fff}
.snav.buy-n:hover{filter:brightness(1.1)}
.snav.buy-n[aria-current="page"]{background:#fff;color:var(--ink)}

/* answers */
.qa{max-width:820px}
.qa-answer{background:#fff;border:1px solid var(--line);border-left:4px solid var(--ink);border-radius:18px;padding:24px 26px;margin-bottom:12px}
.qa-answer .kicker{display:block;margin-bottom:10px}
.qa-answer p{margin:0;font-size:clamp(19px,1.8vw,23px);line-height:1.5;letter-spacing:-.01em}
.qa-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}
.qa .ptable{margin-top:28px}
.phero h1{max-width:18ch}

@media (max-width:1100px){.dial{grid-template-columns:240px minmax(0,1fr)}.dscript{grid-column:1 / -1;position:static}.tcs{grid-template-columns:repeat(2,minmax(0,1fr))}.bento{grid-template-columns:repeat(2,minmax(0,1fr))}.buy-wrap{grid-template-columns:1fr}.buy-sum{position:static}.guide{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){.htoast{display:none}.roi-in,.roi-out,.roi-stats{grid-template-columns:1fr}.dial{grid-template-columns:1fr}.dq{position:static}.dq-list{max-height:260px}.dhero{grid-template-columns:1fr}.dh-r{justify-content:flex-start}.searchbtn{min-width:0}.searchbtn span,.searchbtn kbd{display:none}.lb li{grid-template-columns:24px 34px 1fr 70px}.lb-bar{display:none}.kv4{grid-template-columns:repeat(2,minmax(0,1fr))}.freqs{grid-template-columns:1fr}.tcs.pick{grid-template-columns:1fr}}
@media (max-width:620px){.tcs{grid-template-columns:1fr}.bento{grid-template-columns:1fr}.bento-card.feat{grid-column:auto;grid-row:auto}.dispo{grid-template-columns:repeat(2,minmax(0,1fr))}.dc-facts{grid-template-columns:1fr 1fr}.dc-phone>b{font-size:24px}.guide{grid-template-columns:1fr}.ai-fab span{display:none}.ai-fab{padding:14px}.ring-goal.xl{width:104px;height:104px}.ring-goal.xl b{font-size:28px}.lc{width:110px;height:154px}.s-fan .lc{transform:translateX(calc(var(--o)*40px)) translateY(calc(var(--a)*10px - 20px)) rotate(calc(var(--o)*7deg))}}
@media (prefers-reduced-motion:reduce){[data-rv]{opacity:1;transform:none}}

/* ===== v4: calmer, product grade UI ===== */
#app,.ai-panel,.cmdk,.tour,.alarm-pop,.sheet,.drawer,.opener{font-family:"Geist","Inter",system-ui,sans-serif}
#app{--line:#e6eaef;--soft:#f1f4f7;letter-spacing:-.005em}
#app .btn{height:34px;padding:0 12px;border-radius:8px;font-weight:500;font-size:13.5px;border:1px solid #e3e8ee;box-shadow:0 1px 2px rgba(16,24,40,.05);transition:background .15s,border-color .15s}
#app .btn:hover{background:#f7f9fb;border-color:#d5dde5}
#app .btn.dark{background:#0b1520;border-color:#0b1520;color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 2px rgba(0,0,0,.25)}
#app .btn.dark:hover{background:#17222e}
#app .btn.warn{color:#b42318}
#app .btn.sm{height:28px;padding:0 10px;font-size:12.5px;border-radius:7px}
#app .btn svg{width:15px;height:15px}
#app .card,#app .kpi,.bstep,.dq,.dscript,.dcard,.dial-top,.bsum{border-radius:14px;border-color:#e6eaef;box-shadow:0 1px 2px rgba(16,24,40,.04)}
#app .card h2{font-size:15px;font-weight:600;letter-spacing:-.01em}
#app .kpi b{font-size:30px;font-weight:600;letter-spacing:-.025em}
#app .kpi span{font-size:12.5px;font-weight:500}
#app .tag{border-radius:6px;font-weight:500;font-size:11.5px;padding:3px 7px}
#app .tbl th{font-size:11px;font-weight:500;letter-spacing:.06em}
.topbar{padding:10px clamp(16px,3vw,28px);min-height:56px;background:rgba(242,245,248,.85)}
.topbar h1{font-size:17px;font-weight:600}
.pill{border-radius:8px;padding:0 12px;height:34px;font-weight:500;font-size:13.5px;box-shadow:0 1px 2px rgba(16,24,40,.05)}
.searchbtn{height:34px;border-radius:8px;font-size:13px;box-shadow:0 1px 2px rgba(16,24,40,.05)}
.avatar{width:34px;height:34px;font-size:12.5px}
.side{background:#0b1520;padding:18px 12px;gap:2px}
.snav{height:34px;padding:0 10px;border-radius:8px;font-size:13.5px;color:#aebccb}
.snav svg{width:17px;height:17px;opacity:.85}
.snav:hover{background:rgba(255,255,255,.05);color:#fff}
.snav[aria-current="page"]{background:rgba(255,255,255,.1);color:#fff}
.snav[aria-current="page"] .ct{background:rgba(255,255,255,.16)}
.snav.buy-n{background:transparent;color:#fff;margin:6px 0 4px;font-weight:600;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)}
.snav.buy-n:hover{background:rgba(255,255,255,.08);color:#fff;filter:none}
.snav.buy-n[aria-current="page"]{background:#fff;color:#0b1520;box-shadow:0 0 0 2px #7db8ee}
.side .sgroup{font-size:10.5px;color:#5c6f82;padding:14px 10px 4px}
#app .field input,#app .field select,#app .filters input,#app .filters select{border-radius:8px;border-color:#e3e8ee;height:34px;font-size:13.5px}
#app .field textarea{border-radius:8px;border-color:#e3e8ee}
.openbtn{background:#0b1520;animation:none;box-shadow:0 1px 2px rgba(0,0,0,.2);border-radius:12px;font-weight:600;font-size:16px;padding:16px}
.openbtn:hover{background:#17222e;transform:none}
.openbtn i{display:none}
.ai-fab{background:#0b1520;box-shadow:0 10px 30px -8px rgba(7,17,27,.5);font-weight:600}
.ai-dot{background:#1f5e93;box-shadow:0 0 0 4px rgba(31,94,147,.15)}
.bell{background:#0b1520;border-radius:18px}
.roi-out .big{background:#1f5e93}
.b-only{background:#fff;animation:none;color:#0b1520}
.bento-card.feat{background:radial-gradient(120% 90% at 100% 0%,rgba(31,94,147,.45),transparent 55%),#0d1822}
.bento-card.feat:nth-child(2){background:radial-gradient(120% 90% at 100% 0%,rgba(20,122,90,.4),transparent 55%),#0d1822}
.pack.hot::before{background:conic-gradient(from var(--ang),#7db8ee,#ffffff,#4f86b8,#7db8ee)}
.callbtn{animation:none;box-shadow:0 1px 2px rgba(0,0,0,.2);border-radius:10px;font-weight:600;font-size:15px;padding:12px 20px}
.dbtn{border-radius:10px;font-weight:500;font-size:13.5px;box-shadow:0 1px 2px rgba(16,24,40,.04)}
.lb-bar i{background:#0b1520}
.dhero{background:linear-gradient(135deg,#1f5e93,#3a76ad);border-radius:18px}
.dhero::after{display:none}
.dhero .cta{height:40px;padding:0 16px;border-radius:9px;font-size:14px;font-weight:600}
.ring-goal circle.v{stroke:#0b1520}
.ring-goal.xl circle.v{stroke:#fff}
.view>*{animation-duration:.3s}
.chips label{border-radius:8px}
.hq-tabs button{font-weight:500;font-size:13.5px}
.seg button{font-weight:500}
.op-bg{background:radial-gradient(60% 50% at 50% 45%,rgba(31,94,147,.5),rgba(7,17,27,.96) 70%)}
.notice{display:flex;align-items:center;gap:12px;background:#fff8eb;border:1px solid #f3dfb4;color:#7a4b06;border-radius:12px;padding:12px 14px;font-size:14px}
.notice svg{width:18px;height:18px;flex:none}
.notice>div{flex:1}
.notice span{color:#8a6a2c}
.tag.warnt{background:#fff1dc!important;color:#8a5a12!important}
.life{background:#fff;border:1px solid #e6eaef;border-radius:14px;padding:16px 18px}
.life-h{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline}
.life-h b{font-size:15px}.life-h span{color:var(--muted);font-size:13.5px}
.life-steps{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.life-steps li{position:relative;display:grid;gap:2px;background:var(--paper);border-radius:10px;padding:10px 12px}
.life-steps li:not(:last-child)::after{content:"\2192";position:absolute;right:-9px;top:50%;transform:translateY(-50%);color:#9fb1c2;font-size:13px;z-index:1}
.ls-n{display:none}
.life-steps b{font-size:14px}.life-steps small{color:var(--muted);font-size:12px}.life-steps em{font-style:normal;font-weight:600;font-size:13px;color:#1f5e93}
.tcs{align-items:stretch}
.tc{display:flex}
.tc>.tc-in{flex:1;width:100%}
.how-head{grid-template-columns:1fr;gap:18px}
.how-head .h2{max-width:none;white-space:nowrap;font-size:clamp(40px,6.4vw,100px)}
.how-head .h2 em{font-style:normal;color:#1f5e93}
.how-head .lede{max-width:62ch;margin-top:0}
@media (max-width:760px){.how-head .h2{white-space:normal}.life-steps{grid-template-columns:1fr 1fr}.life-steps li::after{display:none}}

/* ===== v5: demo views, live board, image slots ===== */
.vswitch{display:inline-flex;background:#fff;border:1px solid #e3e8ee;border-radius:9px;padding:2px;box-shadow:0 1px 2px rgba(16,24,40,.05)}
.vswitch:empty{display:none}
.vswitch button{appearance:none;border:0;background:none;height:28px;padding:0 10px;border-radius:7px;font:500 12.5px "Geist",system-ui,sans-serif;color:var(--muted);cursor:pointer}
.vswitch button[aria-pressed="true"]{background:#0b1520;color:#fff}
.demo2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.demo2 .abtn{margin-top:10px;font-size:14px}
footer.site .fai{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:40px;padding:16px 18px;border:1px solid #1b2733;border-radius:14px}
footer.site .fai span{color:#fff;font-weight:600;margin-right:6px}
footer.site .fai a{display:inline-flex;align-items:center;gap:6px;background:#121e2a;border:1px solid #223241;border-radius:9px;padding:8px 12px;font-weight:500}
footer.site .fai a:hover{background:#1a2836}
.livetag{display:inline-block;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#166534;background:#dcfce7;border-radius:6px;padding:3px 7px;margin-left:4px}
.lb li{transition:background .4s}
.lb li.me{background:#eef5fc;border-radius:10px}
.lb li.hit{background:#f0fdf4;border-radius:10px}
.lb li.hit .lb-v{color:var(--ok)}
.lb li.up .lb-n{color:var(--ok)}
/* image slots: photos layer over the brand colors and fall back to them */
.sky::before{content:"";position:absolute;inset:0;background:url(/img/hero-sky.webp) center/cover no-repeat;opacity:.55;mix-blend-mode:soft-light;pointer-events:none}
.sky.sub.has-img{background:linear-gradient(90deg,rgba(23,74,118,.96) 0%,rgba(31,94,147,.82) 42%,rgba(31,94,147,.3) 100%),var(--pimg) center/cover no-repeat,linear-gradient(180deg,var(--sky-top) 0%,var(--sky-mid) 48%,var(--sky-low) 100%)}
.sky.sub.has-img::before{display:none}
#h-types{background:linear-gradient(180deg,rgba(7,17,27,.93),rgba(7,17,27,.97)),url(/img/home-types-bg.webp) center/cover,var(--ink)}
#h-leaders{background:linear-gradient(90deg,rgba(7,17,27,.97) 0%,rgba(7,17,27,.88) 50%,rgba(7,17,27,.7) 100%),url(/img/home-leaders-bg.webp) center/cover,var(--ink)}
.end{background:linear-gradient(180deg,rgba(156,188,216,.55),rgba(79,134,184,.7) 60%,rgba(31,94,147,.92)),url(/img/end-sky.webp) center/cover,linear-gradient(180deg,var(--sky-low),var(--sky-mid) 60%,var(--sky-top))}
.bento-card{background:linear-gradient(180deg,rgba(13,24,34,.55) 0%,rgba(13,24,34,.9) 55%,#0d1822 100%),var(--bimg) center/cover no-repeat,#0d1822}
.bento-card.feat,.bento-card.feat:nth-child(2){background:linear-gradient(180deg,rgba(13,24,34,.25) 0%,rgba(13,24,34,.75) 50%,#0d1822 100%),var(--bimg) center/cover no-repeat,#0d1822}
.auth-r{background-size:cover;background-position:center}

/* ===== v6 ===== */
.tc-rookie{--c1:#022c22;--c2:#059669;--c3:#a7f3d0;--ac:#34d399}
.tc-pro{--c1:#2a0c02;--c2:#c2410c;--c3:#fed7aa;--ac:#fb923c}
/* phone: fixed design box scaled to the screen, same look at every size */
.stage{--sh:calc(var(--pw)*1.08)}
.pscreen{padding:0;display:block;overflow:hidden}
.phx{position:absolute;left:0;top:0;width:250px;height:var(--phh,296px);transform-origin:0 0;transform:scale(var(--k,1));padding:4px 12px 0;display:flex;flex-direction:column}
/* hero note pills */
.hero-note{gap:10px;margin-top:20px}
.hero-note>span{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:8px 14px;font-size:14px;font-weight:500;background:rgba(255,255,255,.88);color:var(--ink);box-shadow:0 6px 20px rgba(7,17,27,.12)}
.hero-note>span svg{width:16px;height:16px;flex:none}
.hero-note>span.nd{background:var(--ink);color:#fff}
.hero-note>span.nd b{color:#ffd166;font-weight:600;font-variant-numeric:tabular-nums;min-width:96px}
/* the second hero button is easy to see */
.cta.glass{background:rgba(255,255,255,.16);border:1.5px solid rgba(255,255,255,.75);color:#fff}
.cta.glass:hover{background:rgba(255,255,255,.28)}
/* builder */
.bhead h2{margin:0;font-size:26px;font-weight:600;letter-spacing:-.02em}
.bhead p{margin:4px 0 0;color:var(--muted)}
.presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.preset{appearance:none;display:flex;align-items:center;gap:12px;text-align:left;border:1px solid #e3e8ee;background:#fff;border-radius:14px;padding:12px 14px;cursor:pointer;box-shadow:0 1px 2px rgba(16,24,40,.04);transition:border-color .15s,box-shadow .15s;color:var(--ink)}
.preset .pico{width:38px;height:38px;border-radius:11px;background:var(--c2,#0b1520);color:#fff}
.preset.custom .pico{background:#0b1520}
.preset b{display:block;font-size:14.5px}.preset small{color:var(--muted);font-size:12.5px}
.preset.on{border-color:#0b1520;box-shadow:0 0 0 1px #0b1520}
.bs-big{margin-left:auto;font-size:34px;font-weight:600;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
#bQty{width:100%;margin:18px 0 10px;accent-color:#0b1520}
.qbtns{display:flex;flex-wrap:wrap;gap:6px}
.qbtns button{appearance:none;border:1px solid #e3e8ee;background:#fff;border-radius:8px;height:32px;padding:0 12px;font:500 13px inherit;cursor:pointer}
.qbtns button[aria-pressed="true"]{background:#0b1520;color:#fff;border-color:#0b1520}
.vol{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.vol span{font-size:12.5px;color:var(--muted);background:var(--paper);border-radius:6px;padding:4px 8px}
.vol span.on{background:#dcfce7;color:#166534;font-weight:500}
.tiers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px}
.tier,.sold{appearance:none;text-align:left;border:1px solid #e3e8ee;background:#fff;border-radius:14px;padding:14px;cursor:pointer;display:grid;gap:4px;color:var(--ink);transition:border-color .15s,box-shadow .15s}
.tier:hover,.sold:hover{border-color:#b7c6d3}
.tier.on,.sold.on{border-color:#0b1520;box-shadow:0 0 0 1px #0b1520}
.t-top{display:flex;justify-content:space-between;align-items:center}
.t-top b{font-size:14px}
.tchk{width:20px;height:20px;border-radius:50%;background:#0b1520;color:#fff;display:grid;place-items:center;font-size:11px}
.t-p{font-size:24px;font-weight:600;letter-spacing:-.02em}
.t-p small{font-size:12px;color:var(--muted);font-weight:500}
.t-s{font-size:12px;color:var(--muted)}
.t-bar{height:6px;border-radius:6px;background:var(--soft);overflow:hidden;margin-top:6px}
.t-bar i{display:block;height:100%;background:#1f5e93;border-radius:6px}
.solds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}
.sold b{font-size:14.5px}.sold small{color:var(--muted);font-size:12.5px}
.sold em{font-style:normal;font-size:12px;font-weight:600;color:#1f5e93;margin-top:4px}
.paym{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0 10px}
.pm{appearance:none;height:40px;border-radius:10px;border:1px solid #e3e8ee;background:#fff;font:600 14px "Geist",system-ui,sans-serif;cursor:pointer;color:var(--ink)}
.pm.on{border-color:#0b1520;box-shadow:0 0 0 1px #0b1520}
.pm:disabled{opacity:.45;cursor:default}
.openbtn.apple,.openbtn.google{background:#000;font-family:-apple-system,"SF Pro Text","Geist",system-ui,sans-serif}
.paywall{max-width:640px;margin:40px auto;text-align:center;display:grid;justify-items:center;gap:6px;padding:32px}
.paywall .pico.dark{width:52px;height:52px;border-radius:15px}
.paywall .pico svg{width:24px;height:24px}
.paywall h2{justify-content:center;font-size:24px!important;margin:10px 0 0!important}
.paywall p{color:var(--muted);max-width:46ch;margin:4px 0}
.pw-opts{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;margin:16px 0 8px}
.pw-opt{appearance:none;text-align:left;border:1px solid #e3e8ee;background:#fff;border-radius:14px;padding:16px;cursor:pointer;display:grid;gap:3px;color:var(--ink)}
.pw-opt b{font-size:15px}.pw-opt span{font-size:22px;font-weight:600}.pw-opt small{color:var(--muted);font-size:12.5px;line-height:1.4}
.pw-opt.on{border-color:#0b1520;box-shadow:0 0 0 1px #0b1520}
.trialbar{display:flex;align-items:center;gap:10px;background:#eef5fc;border:1px solid #d3e4f5;color:#174a76;border-radius:12px;padding:10px 14px;font-size:13.5px}
.trialbar svg{width:16px;height:16px;flex:none}
.trialbar span{flex:1}
@media (max-width:1100px){.presets{grid-template-columns:1fr 1fr}.tiers{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.solds,.pw-opts{grid-template-columns:1fr}.hero-note>span{font-size:13px;padding:7px 12px}}

/* phone always sits on the bottom edge of the hero, never floats half empty */
.sky:not(.sub){display:flex;flex-direction:column}
.sky:not(.sub) .hero{padding-bottom:clamp(22px,4vh,40px)}
.sky:not(.sub) .stage{margin-top:auto;overflow:hidden;flex:none}
@media (max-width:900px){.stage{--pw:min(360px,84vw)}}
/* ===== v7: simple pack cards, colors, ads, nav, footer logos ===== */
/* pack cards: white, Closer black, the arrow carries the pack color */
.pc-rookie,.pack[data-pack="rookie"]{--pk:#14936c;--pkf:#fff}
.pc-closer,.pack[data-pack="closer"]{--pk:#1f5e93;--pkf:#fff}
.pc-pro,.pack[data-pack="pro"]{--pk:#e0b04a;--pkf:#241803}
.pc-agency{--pk:#1f5e93;--pkf:#fff}
.pack .go{background:var(--pk,#fff);color:var(--pkf,#07111b)}
.pcs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:clamp(32px,5vw,52px);align-items:stretch}
.pc{position:relative;appearance:none;border:1px solid #e3e8ee;background:#fff;color:var(--ink);border-radius:16px;padding:20px 20px 18px;text-align:left;cursor:pointer;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto auto 1fr;align-items:center;gap:2px 12px;text-decoration:none;font:inherit;min-width:0;box-shadow:0 1px 2px rgba(16,24,40,.04);transition:transform .18s,box-shadow .18s}
.pc:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(7,17,27,.12)}
.pc:focus-visible{outline:3px solid #7db8ee;outline-offset:3px}
.pc .badge{top:-11px;left:20px}
.pc-name{display:flex;align-items:center;gap:9px;font-size:13px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;grid-column:1;opacity:.9}
.pc .pico{width:28px;height:28px;border-radius:9px;background:#eef2f6;color:var(--ink)}
.pc-price{grid-column:1;font-size:32px;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.pc-meta{grid-column:1;font-size:14px;opacity:.7}
.pc .go{grid-column:2;grid-row:1 / span 3;width:46px;height:46px;border-radius:50%;background:var(--pk);color:var(--pkf);display:grid;place-items:center;transition:transform .25s}
.pc .go svg{width:18px;height:18px}
.pc:hover .go{transform:translateX(3px)}
.pc-list{grid-column:1 / -1;display:grid;gap:7px;margin:16px 0 0;padding-top:14px;border-top:1px solid #edf0f3;font-size:14px;align-self:start;opacity:.85}
.pc-list span{display:flex;gap:9px;align-items:flex-start;line-height:1.35}
.pc-list span::before{content:"";flex:none;width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.45;margin-top:7px}
.pc-cta{display:none}
@media (max-width:1100px){.pcs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.pcs{grid-template-columns:1fr;gap:16px}}
.pico.big{width:56px;height:56px;border-radius:16px;background:#eef2f6;color:var(--ink)}
.pico.big svg{width:26px;height:26px}
/* quick buy bar: white, Closer black */
.buybar{background:rgba(255,255,255,.94);border:1px solid #e3e8ee}
.buybar .bl{color:var(--muted)!important}
.buybar button{background:#fff;color:var(--ink);border:1px solid #e3e8ee;display:inline-flex;align-items:center;gap:8px}
.buybar button::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--pk)}
.buybar button[data-pack="rookie"]{--pk:#14936c}.buybar button[data-pack="pro"]{--pk:#e0b04a}
/* buy page presets + summary */
.preset .pico{background:var(--ink);color:#fff}
.preset.on{box-shadow:0 0 0 3px color-mix(in srgb,var(--pcb,#0b1520) 25%,transparent)}
.bsum-art{background:#fff;color:var(--ink);border-bottom:1px solid #e6eaef}
.bsum-art small{color:var(--muted);opacity:1}
.bsum-art .pico.big{width:54px;height:54px;border-radius:15px}
.bsum-art .pico.big svg{width:24px;height:24px}
.bsum-art b{margin-top:0}
/* opener order card */
.pouch.ocard{width:250px;height:330px;animation:float 3s ease-in-out infinite}
.ocard .pouch-body{top:0;border-radius:22px;background:#fff;color:var(--ink);border:0;box-shadow:0 40px 90px -30px rgba(0,0,0,.6);gap:10px}
.ocard .pico.big{background:var(--pk);color:var(--pkf)}
.ocard .pouch-body::after{display:none}
.ocard .pouch-body b{font-size:22px;margin-top:6px}
.ocard .pouch-body small{color:var(--muted);opacity:1}
.ocard .tap-hint{margin-top:10px;font-size:13px;padding:6px 12px;border-radius:999px;background:#eef2f6}
.s-shake .pouch.ocard{animation:shake .5s cubic-bezier(.36,.07,.19,.97) 2}
.s-open .pouch.ocard{animation:none;transform:scale(1.06)}
/* how it works chips */
.howcard .chip{background:#fff;border-color:#fff;color:var(--ink);box-shadow:0 10px 24px -10px rgba(7,17,27,.45)}
.howcard .chip svg{width:30px;height:30px}
/* hero sits lower */
.hero{padding-top:clamp(44px,8vh,96px)}
.roi-stats div:nth-child(3) b{background:linear-gradient(180deg,#ffe49a,#e0a82e);-webkit-background-clip:text;background-clip:text}
.roi-stats div:nth-child(1) b{opacity:.75}
@media (max-width:620px){.hero{padding-top:clamp(36px,7vh,64px)}}
/* ROI colors + key numbers */
.ry:nth-child(1) i{background:linear-gradient(180deg,#7db8ee,#2a56c6)}
.ry:nth-child(2) i{background:linear-gradient(180deg,#5ee0ad,#0f8a63)}
.ry:nth-child(3) i{background:linear-gradient(180deg,#ffd76a,#b8860b)}
.ry:nth-child(3) b{color:#f5c451}
.roi-out div:first-child b{font-size:clamp(24px,2.6vw,34px);color:#c7d3de}
.roi-out div:nth-child(2) b{font-size:clamp(32px,4vw,54px);color:#fff}
.roi-out .big{background:linear-gradient(160deg,#2a1d05,#07111b);border:1px solid #6b5420}
.roi-out .big span{color:#e9d49c}
.roi-out .big b{color:#f5c451;font-size:clamp(40px,5vw,66px)}
.cres div:nth-child(3) b,.cres div:nth-child(4) b{color:#f5c451;font-size:clamp(20px,1.7vw,26px)}
.cres div:nth-child(2) b{color:#7ee2b8}
/* builder extras */
.tiers{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.t-top b small{display:block;font-size:12px;font-weight:500;color:var(--muted);margin-top:2px}
.solds{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.freqs{grid-template-columns:repeat(4,minmax(0,1fr))}
.fine2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}
.fine2 .field{display:grid;gap:6px;font-size:13px;font-weight:600;color:var(--ink)}
.fine2 select{appearance:auto;height:46px;border:1px solid #e3e8ee;border-radius:12px;padding:0 12px;font:inherit;font-size:15px;background:#fff;color:var(--ink)}
.switch2{grid-column:span 1;display:flex;gap:12px;align-items:flex-start;border:1px solid #e3e8ee;border-radius:14px;padding:14px;cursor:pointer;background:#fff}
.switch2:has(input:checked){border-color:#0b1520;box-shadow:0 0 0 1px #0b1520}
.switch2 input{width:20px;height:20px;margin:2px 0 0;accent-color:#0b1520;flex:none}
.switch2 b{display:block;font-size:14.5px}.switch2 small{display:block;color:var(--muted);font-size:12.5px;margin-top:2px}
@media (max-width:1100px){.freqs{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.fine2{grid-template-columns:1fr}.freqs{grid-template-columns:1fr}.tiers{grid-template-columns:1fr 1fr}.solds{grid-template-columns:1fr 1fr}.presets{grid-template-columns:1fr 1fr}}
/* story ads */
.ads{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:20px}
.ad{margin:0;display:grid;gap:10px}
.ad canvas{display:block;width:100%;height:auto;aspect-ratio:9/16;border-radius:16px;background:#e9eef3;box-shadow:0 1px 2px rgba(16,24,40,.06),0 18px 36px -24px rgba(7,17,27,.45)}
.ad figcaption{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:14px}
.ad figcaption .btn svg{width:15px;height:15px}
.lede-s{color:var(--muted);max-width:640px;margin:10px 0 0;font-size:16px;line-height:1.55}
@media (max-width:1000px){.ads{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:420px){.ads{gap:10px}.ad figcaption{flex-direction:column;align-items:flex-start}}
/* nav buy button */
.btn-nav{position:relative;overflow:hidden;isolation:isolate;animation:navring 2.6s ease-out infinite}
.btn-nav::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.38) 50%,transparent 65%);background-size:250% 100%;background-position:130% 0;animation:navshine 3.2s ease-in-out infinite}
@keyframes navshine{0%,55%{background-position:130% 0}100%{background-position:-30% 0}}
@keyframes navring{0%{box-shadow:0 0 0 0 rgba(31,94,147,.55)}70%{box-shadow:0 0 0 10px rgba(31,94,147,0)}100%{box-shadow:0 0 0 0 rgba(31,94,147,0)}}
.btn-nav:hover{animation-play-state:paused}
@media (prefers-reduced-motion:reduce){.btn-nav,.btn-nav::after{animation:none}}
/* footer AI logos */
footer.site .fai{justify-content:flex-start;gap:10px;padding:14px 16px}
footer.site .fai>span{margin-right:8px}
footer.site .fai a{gap:8px}
footer.site .fai .ail{width:16px;height:16px;flex:none}
/* phone top bar fits */
@media (max-width:620px){
 .topbar{flex-wrap:wrap;gap:8px;row-gap:8px}
 .topbar h1{flex:1 1 0;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:16px}
 .topbar>span:has(.vswitch){order:20;flex-basis:100%;display:flex}
 .topbar .vswitch{width:100%;display:grid;grid-template-columns:1fr 1fr}
 .topbar .pill{padding-left:9px;padding-right:9px;font-size:13px;gap:5px}
}
@media (max-width:620px){
 .buybar{left:12px;right:74px;transform:translateY(140%);justify-content:space-between}
 .buybar.show,.buybar.on{transform:none}
 .buybar .bl{display:none}
 .buybar button{flex:1;padding:11px 6px;font-size:13px}
 .topbar .searchbtn{display:none}
}
/* nav spacing */
.navbar{padding:12px 14px 12px 18px}
.navl,.navr{gap:10px}
.nlink{font-size:16px;padding:10px 16px}
@media (min-width:1500px){.topnav{max-width:1500px;margin-inline:auto}}
/* promo strip nudge */
.promo a{display:inline-block;animation:promoshake 5s ease-in-out infinite;font-weight:600}
@keyframes promoshake{0%,82%,100%{transform:none}84%{transform:translateX(-5px) rotate(-1deg)}86%{transform:translateX(5px) rotate(1deg)}88%{transform:translateX(-4px)}90%{transform:translateX(4px)}92%{transform:translateX(-2px)}94%{transform:none}}
@media (prefers-reduced-motion:reduce){.promo a{animation:none}}
/* countdown in brand blue */
.hero-note>span.nd{background:rgba(255,255,255,.88);color:var(--ink)}
.hero-note>span.nd b{color:#1f5e93}
/* hero phone shows more */
/* full phone, drawn in CSS */
.sky:not(.sub) .stage{height:auto;padding:4px 0 clamp(36px,6vh,64px)}
.phonewrap{--fw:min(296px,72vw);position:relative;width:var(--fw);aspect-ratio:9/19.2;border-radius:calc(var(--fw)*.17);background:#0c1117;padding:calc(var(--fw)*.04);box-shadow:inset 0 0 0 1.5px #3b4452,inset 0 0 0 4px #0c1117,0 0 0 1px #6b7380,0 50px 90px -40px rgba(7,17,27,.75),0 24px 40px -24px rgba(7,17,27,.45)}
.phonewrap img{display:none}
.phonewrap .isl{position:absolute;z-index:3;top:calc(var(--fw)*.075);left:50%;transform:translateX(-50%);width:31%;height:calc(var(--fw)*.088);border-radius:999px;background:#000}
.phonewrap .sb{position:absolute;width:3px;background:#4a525e;border-radius:2px}
.phonewrap .sb1{left:-3px;top:18%;height:5%}.phonewrap .sb2{left:-3px;top:26%;height:9%}.phonewrap .sb3{right:-3px;top:24%;height:13%}
.pscreen{position:absolute;inset:calc(var(--fw)*.04);height:auto;border-radius:calc(var(--fw)*.13);background:linear-gradient(180deg,#10294a 0%,#0a1a33 60%,#081428 100%);-webkit-mask:none;mask:none;overflow:hidden}
.phx{padding-top:46px!important}
.htoast.l{right:calc(50% + 190px);top:90px}.htoast.r{left:calc(50% + 190px);top:90px}
.hero{padding-top:clamp(28px,4.5vh,64px)}
.sky:not(.sub) .hero{padding-bottom:clamp(10px,1.6vh,18px)}
.hero .packs{margin-top:clamp(18px,2.8vh,30px)}
.hero .hero-note{margin-top:14px}
/* mega menu photo swap */
.mega-feature img{transition:none}
.mega-feature img.mf-next{opacity:0;transition:opacity .24s ease;z-index:0}.mega-feature img.mf-next.in{opacity:1}
/* page headers: show the whole photo, text on the left */
.sky.sub.has-img{min-height:min(88svh,820px);display:flex;flex-direction:column;background:linear-gradient(90deg,rgba(23,74,118,.95) 0%,rgba(31,94,147,.78) 38%,rgba(31,94,147,.12) 72%,rgba(31,94,147,0) 100%),var(--pimg) 70% 35%/cover no-repeat,linear-gradient(180deg,var(--sky-top) 0%,var(--sky-mid) 48%,var(--sky-low) 100%)}
.sky.sub.has-img .phero{margin:auto 0;width:100%;max-width:none;padding-left:clamp(4px,2vw,40px);padding-right:0}
.sky.sub.has-img .phero h1{font-size:clamp(42px,6vw,92px);max-width:12ch}
.sky.sub.has-img .phero p{max-width:44ch}
@media (max-width:900px){.sky.sub.has-img{min-height:0;background:linear-gradient(180deg,rgba(23,74,118,.55) 0%,rgba(23,74,118,.9) 70%),var(--pimg) 60% 30%/cover no-repeat}.sky.sub.has-img .phero{margin:0;padding-left:0}}
/* lead store: a site page, one panel, one summary */
.shop-pg{padding-top:clamp(28px,4vw,48px)}
.shop{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px;align-items:start}
.sp-packs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}
.spk{position:relative;appearance:none;text-align:left;font:inherit;color:var(--ink);background:#fff;border:1px solid #e3e8ee;border-radius:14px;padding:14px 16px;cursor:pointer;display:grid;gap:2px;transition:border-color .15s,box-shadow .15s}
.spk:hover{border-color:#c9d3dc}
.spk.on{border-color:#1f5e93;box-shadow:0 0 0 1px #1f5e93}
.spk-n{font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:#516374}
.spk-p{font-size:24px;font-weight:600;letter-spacing:-.02em}.spk-p.sm{font-size:18px;line-height:1.35}
.spk-m{font-size:13px;color:var(--muted)}
.spk-dot{position:absolute;top:14px;right:14px;width:20px;height:20px;border-radius:50%;border:1.5px solid #d5dde5;display:grid;place-items:center;font-size:11px;color:#fff}
.spk.on .spk-dot{background:#1f5e93;border-color:#1f5e93}
.sp-panel{background:#fff;border:1px solid #e3e8ee;border-radius:16px}
.sp-row{display:grid;grid-template-columns:200px minmax(0,1fr);gap:20px;padding:20px 22px;border-top:1px solid #edf0f3}
.sp-row:first-child{border-top:0}
.sp-row.wide{grid-template-columns:1fr;padding:14px 22px}
.sp-l b{display:block;font-size:15px;font-weight:600}
.sp-l small{display:block;color:var(--muted);font-size:13px;margin-top:3px;line-height:1.4}
.sp-qty{display:flex;align-items:baseline;gap:8px}
.sp-qty b{font-size:30px;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.sp-qty span{color:var(--muted)}
.sp-c input[type=range]{width:100%;accent-color:#1f5e93;margin:8px 0 6px}
.sp-quick{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.sp-quick button{appearance:none;border:1px solid #e3e8ee;background:#fff;border-radius:8px;padding:6px 10px;font:inherit;font-size:13px;cursor:pointer;color:var(--ink)}
.sp-quick button[aria-pressed=true]{border-color:#1f5e93;color:#1f5e93;background:#eef5fb}
.sp-vol{font-size:13px;color:#15803d;margin-left:4px}
.chips2{display:flex;flex-wrap:wrap;gap:8px}
.chip2{appearance:none;font:inherit;cursor:pointer;border:1px solid #e3e8ee;background:#fff;color:var(--ink);border-radius:10px;padding:8px 12px;font-size:14px;display:inline-flex;align-items:baseline;gap:6px;transition:border-color .15s,background .15s}
.chip2:hover{border-color:#c9d3dc}
.chip2 b{font-weight:600}.chip2 span{color:var(--muted);font-size:13px}.chip2 em{font-style:normal;font-size:13px;color:#516374}
.chip2.on{background:#eef5fb;border-color:#1f5e93;color:#0f3b63}
.chip2.on span,.chip2.on em{color:#2a5a86}
.chips2.sm .chip2{padding:6px 11px;font-size:13.5px}
.seg2{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px;background:#eef2f6;border-radius:12px;padding:4px}
.seg2 button{appearance:none;border:0;background:transparent;border-radius:9px;padding:9px 6px;font:inherit;font-size:14px;font-weight:500;cursor:pointer;color:#33414e;display:grid;gap:1px;text-align:center}
.seg2 button small{font-size:11.5px;color:var(--muted);font-weight:500}
.seg2 button.on{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(16,24,40,.12)}
.seg2 button.on small{color:#15803d}
.seg2 button:disabled{opacity:.45;cursor:not-allowed}
.sp-more summary{cursor:pointer;font-weight:600;font-size:14.5px;list-style:none;display:flex;gap:10px;align-items:baseline}
.sp-more summary::-webkit-details-marker{display:none}
.sp-more summary::before{content:"+";width:20px;height:20px;border-radius:6px;background:#eef2f6;display:inline-grid;place-items:center;font-weight:600}
.sp-more[open] summary::before{content:"\2212"}
.sp-more summary small{color:var(--muted);font-weight:500;font-size:13px}
.sp-more-in{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}
.sp-more-in .field{display:grid;gap:6px;font-size:13px;font-weight:600}
.sp-more-in select{height:42px;border:1px solid #e3e8ee;border-radius:10px;padding:0 10px;font:inherit;background:#fff}
.tog{display:flex;gap:10px;align-items:center;font-size:14px;border:1px solid #e3e8ee;border-radius:10px;padding:10px 12px;cursor:pointer}
.tog input{width:18px;height:18px;accent-color:#1f5e93;margin:0}
.tog small{color:var(--muted)}
.shop-sum{position:sticky;top:20px}
.ss{background:#fff;border:1px solid #e3e8ee;border-radius:16px;padding:20px}
.ss-h{display:flex;gap:12px;align-items:center;padding-bottom:14px;border-bottom:1px solid #edf0f3}
.ss-h .pico{width:40px;height:40px;border-radius:11px;background:#eef2f6;color:var(--ink)}
.ss-h b{display:block;font-size:17px}.ss-h small{color:var(--muted);font-size:13px}
.ss .rows{margin:10px 0}
.ss .rows>div{display:flex;justify-content:space-between;gap:12px;padding:6px 0;font-size:14px}
.ss .rows .good span:last-child{color:#15803d}
.ss .bsum-total{border-top:1px solid #edf0f3;padding-top:12px}
.ss-then{font-size:13px;color:var(--muted);margin:2px 0 0}
.sp-acct{display:grid;gap:8px;margin:16px 0 4px;padding:14px;background:#f6f8fa;border-radius:12px}
.sp-acct p{margin:0 0 2px;display:grid}
.sp-acct p b{font-size:14.5px}.sp-acct p span{font-size:12.5px;color:var(--muted)}
.sp-acct input{height:42px;border:1px solid #dfe5eb;border-radius:10px;padding:0 12px;font:inherit;font-size:14.5px;background:#fff;width:100%;box-sizing:border-box}
.sp-acct input:focus{outline:2px solid #7db8ee;border-color:#1f5e93}
.sp-err{margin:0;color:#b42318;font-size:13px}
.sp-have{font-size:12.5px;color:var(--muted)}
.ss .pms{margin-top:14px}
.sp-pay{appearance:none;border:0;width:100%;margin-top:10px;height:50px;border-radius:12px;background:#1f5e93;color:#fff;font:inherit;font-size:16px;font-weight:600;cursor:pointer}
.sp-pay:hover{background:#174b77}
.sp-pay.apple,.sp-pay.google{background:#000}
.ss .fine{text-align:left;margin-top:10px}
@media (max-width:1100px){.shop{grid-template-columns:1fr}.shop-sum{position:static}.sp-packs{grid-template-columns:1fr 1fr}}
@media (max-width:700px){.sp-row{grid-template-columns:1fr;gap:10px;padding:16px}.sp-row.wide{padding:12px 16px}.sp-more-in{grid-template-columns:1fr}.seg2{grid-auto-flow:row;grid-template-columns:1fr 1fr}.spk-p{font-size:20px}}
.csvnote{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#ecfdf5;color:#14532d;border-radius:14px;padding:12px 16px;margin:0;font-size:14.5px}
.csvnote svg{width:18px;height:18px;flex:none}

/* all packs look the same; the arrow carries the color */
.pack.hot{background:rgba(255,255,255,.2);border-color:var(--glass-line);box-shadow:none}
.pack.hot:hover{background:rgba(255,255,255,.3)}
.pack.hot::before{display:none}
.pack.hot .pico{background:rgba(255,255,255,.24)}
.buybar button[data-pack="closer"]{--pk:#1f5e93}
.pc .badge,.pack .badge{background:#fff;color:var(--ink);box-shadow:0 2px 8px rgba(7,17,27,.12)}
/* navbar: logo left, links centered, actions right */
@media (min-width:901px){
 .navbar{grid-template-columns:1fr auto 1fr;padding:12px 16px}
 .navbar .logo{order:-1;justify-self:start}
 .navl{justify-self:center}
 .navr{justify-self:end}
}
/* ===== CRM: calmer, flatter, tighter ===== */
#app .card,#app .kpi,#app .dq,#app .dscript,#app .dcard,#app .dial-top{border-radius:10px}
#app .card{padding:18px 20px}
#app .view{gap:16px}
#app .btn,#app .pill,#app .mini-sel,#app select,#app input:not([type=range]):not([type=checkbox]):not([type=radio]){border-radius:8px}
#app .tag{border-radius:5px;padding:2px 7px;font-size:11.5px}
#app .trialbar{border-radius:8px;padding:10px 14px}
.kpis{gap:12px}
.kpi{padding:14px 16px!important}
.kpi b{font-size:26px}
.kpi .spark{height:22px;margin-top:6px}
.dhero{background:#fff!important;color:var(--ink)!important;border:1px solid #e3e8ee;border-radius:10px!important;padding:22px 24px!important}
.dhero::after{display:none}
.dhero h2{font-size:clamp(24px,2.4vw,32px)!important;font-weight:600;letter-spacing:-.025em}
.dhero p{color:var(--muted);opacity:1}
.dh-k{color:var(--muted);opacity:1}
.dhero .cta{border-radius:8px!important;height:38px!important}
.dhero .cta.light{background:var(--ink);color:#fff}
.dhero .cta.glass{background:#fff;border:1px solid #d5dde5;color:var(--ink)}
.ring-goal.xl{width:96px;height:96px}
.ring-goal.xl circle{stroke:#e6ebf0}.ring-goal.xl circle.v{stroke:#1f5e93}
.ring-goal.xl b{font-size:26px}.ring-goal.xl small{color:var(--muted);opacity:1}
.dh-drop{background:#f6f8fa;border:1px solid #e9edf1;backdrop-filter:none;border-radius:8px;color:var(--ink)}
.dh-drop span{color:var(--muted);opacity:1}.dh-drop a{color:#1f5e93}
.nx{border-radius:8px;border-color:#edf0f3;padding:9px 10px}
.nx:hover{transform:none;border-color:#c9d3dc;background:#fafbfc}
.nx-go{width:auto;height:30px;border-radius:7px;background:#fff;border:1px solid #d5dde5;color:var(--ink);padding:0 10px;display:inline-flex;gap:6px;align-items:center;font-size:13px;font-weight:600}
.nx-go::after{content:"Call"}
.dbtn{border-radius:8px;padding:10px 8px;font-weight:500}
.dbtn:active{transform:none}
.d-appt,.d-sold{background:#fff!important;border-color:var(--line)!important}
.d-sold{color:#15803d}.d-appt{color:#9a6700}
.soldbox{border-radius:8px}
.col{border-radius:10px;background:#eef2f6;padding:10px;gap:8px}
.kcard{border-radius:8px;padding:10px}
.snav{border-radius:7px}
.snav.buy-n{box-shadow:none!important;background:rgba(255,255,255,.06)}
.ai-fab{border-radius:10px!important;padding:11px 14px!important}
.callbtn{border-radius:10px}
.dnext{border-radius:10px}

/* store: hide quick buy bar, shorter header photo, calm age chips */
body.on-buy .buybar{display:none!important}
.sky.sub.has-img.short{min-height:0;padding-bottom:clamp(40px,5vw,64px)}
.sky.sub.has-img.short .phero{margin:0}
.chip2.tier.on{border-color:#1f5e93;box-shadow:none}
.chip2.tier{box-shadow:none}
.card .seg,.dscript .seg,.dq .seg{background:#eef2f6;border-color:transparent;border-radius:9px}
.card .seg button,.dscript .seg button,.dq .seg button{border-radius:7px}
.card .seg button[aria-pressed="true"],.dscript .seg button[aria-pressed="true"],.dq .seg button[aria-pressed="true"]{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(16,24,40,.12)}
.dq-item{border-radius:8px!important}
.dq-item.on{background:#eef5fb!important;color:var(--ink)!important;box-shadow:inset 3px 0 0 #1f5e93}
.dq-item.on small{color:var(--muted)!important}
.dq-item.on .tag{background:#fff}
.dq-item.on svg path{fill:#1f5e93}
/* ===== hero sizing ===== */
@media (min-width:901px){
 .phonewrap{--fw:237px}
 .htoast.l{right:calc(50% + 160px)}.htoast.r{left:calc(50% + 160px)}
 .hero{padding-top:clamp(56px,10vh,120px)}
 h1.big{font-size:clamp(96px,14vw,230px)}
 .hero .packs{margin-top:clamp(28px,4vh,44px)}
 .hero .hero-note{margin-top:20px}
 .sky:not(.sub) .hero{padding-bottom:clamp(20px,3vh,32px)}
 .topnav{max-width:none}
}
/* ===== mobile hero: 3 cards in a row, phone and pop ups ===== */
@media (max-width:620px){
 .hero{padding-top:28px}
 h1.big{font-size:clamp(64px,19vw,96px)}
 .hero .sub{margin-top:12px;font-size:16px}
 .hero .packs{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:none;margin-top:22px}
 .hero .pack{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:30px 10px 12px;border-radius:14px;animation:none}
 .hero .pack .name{font-size:9.5px;letter-spacing:.08em;white-space:nowrap}
 .hero .pack .name .pico{display:none}
 .hero .pack .price{font-size:21px;margin-top:4px}
 .hero .pack .meta{font-size:11px;line-height:1.3}
 .hero .pack .go{position:absolute;top:8px;right:8px;width:24px;height:24px}
 .hero .pack .go svg{width:12px;height:12px}
 .hero .pack .badge{font-size:8.5px;padding:3px 7px;left:8px;top:-9px;letter-spacing:.08em}
 .hero .hero-note>span:not(.nd){display:none}
 .hero .hero-note{margin-top:14px}
 .phonewrap{--fw:min(236px,62vw)}
 .sky:not(.sub) .stage{padding-bottom:40px}
 .htoast{display:flex!important;transform:scale(.82);padding:8px 10px;gap:8px;max-width:210px}
 .htoast.l{left:4px;right:auto;top:30px;transform-origin:left top}
 .htoast.r{right:4px;left:auto;top:200px;transform-origin:right top}
 .htoast .hi{width:30px;height:30px;border-radius:9px}
 .htoast b{font-size:13px}.htoast small{font-size:11.5px}
 .htoast.out{transform:scale(.82) translateY(-12px)}
}
/* ===== mobile nav ===== */
@media (max-width:900px){
 .topnav{margin-top:10px}
 .navbar{padding:8px 8px 8px 14px;border-radius:14px;grid-template-columns:auto 1fr auto!important}
 .navbar .logo{order:-1;justify-self:start}
 .mburger{order:4;justify-self:end;width:40px;height:40px;border-radius:10px;background:rgba(255,255,255,.35);border:0;display:grid!important;place-items:center}
 .mburger svg{width:20px;height:20px}
 .navr{order:3;justify-self:end}
 .navr .btn-nav{padding:10px 14px;font-size:14px;margin-right:6px}
 .promo{padding:9px 12px;font-size:11.5px}
}
.msheet{background:#fff;padding:16px 20px calc(24px + env(safe-area-inset-bottom));display:flex;flex-direction:column}
.msheet .row{margin-bottom:12px}
.msheet .mx{appearance:none;border:0;width:40px;height:40px;border-radius:10px;background:#eef2f6;display:grid;place-items:center;color:var(--ink)}
.msheet .mx svg{width:20px;height:20px}
.mlist{display:grid}
.mlist a{display:flex;justify-content:space-between;align-items:center;padding:16px 2px;font-size:20px;font-weight:500;letter-spacing:-.01em;text-decoration:none;color:var(--ink);border-bottom:1px solid #edf0f3}
.mlist a span{color:#9aa8b6;font-size:24px;line-height:1}
.mfoot{margin-top:auto;display:grid;gap:10px;padding-top:24px}
.mbuy,.mlog{display:block;text-align:center;padding:15px;border-radius:12px;font-weight:600;text-decoration:none;font-size:16px}
.mbuy{background:var(--ink);color:#fff}
.mlog{background:#eef2f6;color:var(--ink)}
.mfoot p{margin:4px 0 0;text-align:center;font-size:14px;color:var(--muted)}
.mfoot b{color:#1f5e93;font-variant-numeric:tabular-nums}
/* ===== footer ===== */
footer.site{padding:64px clamp(16px,4vw,56px) 36px}
footer.site .fcta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:22px}
footer.site .fbuy{background:#fff;color:var(--ink)!important;padding:11px 18px;border-radius:10px;font-weight:600;text-decoration:none}
footer.site .fdrop{font-size:13.5px;color:#8fa3b6}
footer.site .fdrop b{color:#7db8ee;font-variant-numeric:tabular-nums}
footer.site h4{color:#fff;font-size:13px;letter-spacing:.08em;text-transform:uppercase;margin:0 0 4px}
footer.site .fgrid>div:not(.fbrand) a{color:#a9b8c6;text-decoration:none}
footer.site .fgrid>div:not(.fbrand) a:hover{color:#fff}
footer.site .fai{margin-top:48px;border-color:#18242f;background:#0b1622}
@media (max-width:620px){
 footer.site{padding:44px 20px 28px}
 footer.site .fgrid{gap:28px 16px}
 footer.site .fgrid>div:not(.fbrand){gap:8px}
 footer.site .fai{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:14px;margin-top:32px}
 footer.site .fai>span{grid-column:1 / -1;margin:0 0 2px}
 footer.site .fai a{justify-content:center;padding:10px 6px;font-size:13px}
 footer.site .fai .fs,footer.site .fai a>span[aria-hidden]{display:none}
 footer.site .fbot{flex-wrap:wrap;gap:8px 16px}
}
/* quick buy bar hides over the footer */
body.foot-in .buybar{transform:translate(-50%,140%)!important}
@media (max-width:620px){body.foot-in .buybar{transform:translateY(140%)!important}}
/* phone scenes: one centered layout for every screen */
.phx{padding-left:14px!important;padding-right:14px!important}
.sc.buy{justify-items:stretch;text-align:center;padding:6px 0!important}
.ph-chips{justify-content:center}
.ph-added{display:flex!important;flex-direction:column;align-items:center;gap:0!important;text-align:center}
.ph-added b{font-size:30px;line-height:1.1}
.ph-big{justify-content:center;margin:0 0 8px!important;text-align:center}
.sc.drop .plead{padding-left:0;padding-right:0}
.sc.call,.sc.win{justify-items:center;text-align:center}
.ph-script{text-align:left}
/* ===================== v9 ===================== */
/* nav: full width, roomier */
@media (min-width:901px){
 .navbar{padding:14px 18px 14px 22px;border-radius:18px}
 .navl{gap:14px}.nlink{padding:10px 16px}
 .navbar .logo svg{width:34px;height:34px}
}
/* hero spacing */
@media (min-width:901px){ .hero .sub{margin-top:clamp(34px,5vh,56px)} }
/* phone: wider, bottom cut off by the section edge */
.stage{--sfw:min(330px,82vw)}
.phonewrap{--fw:var(--sfw)}
.sky:not(.sub) .stage{height:calc(var(--sfw)*2.1333*.74);padding:0!important;overflow:hidden}
@media (min-width:901px){.phonewrap{--fw:var(--sfw)}}
.htoast.l{right:calc(50% + 215px)!important;top:40px}.htoast.r{left:calc(50% + 215px)!important;top:40px}
/* side cards around the phone */
.scard{position:absolute;z-index:2;display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.95);border-radius:14px;padding:12px 16px 12px 12px;box-shadow:0 14px 34px -18px rgba(7,17,27,.45);color:var(--ink);animation:bob 7s ease-in-out infinite}
.scard .si{width:36px;height:36px;border-radius:10px;background:#eef3f8;color:#1f5e93;display:grid;place-items:center;flex:none}
.scard .si svg{width:18px;height:18px}
.scard small{display:block;font-size:12px;color:var(--muted)}
.scard b{display:block;font-size:15px;font-weight:600;white-space:nowrap}
.scard b[data-countdown]{color:#1f5e93;font-variant-numeric:tabular-nums;font-size:17px}
.sl1{right:calc(50% + 230px);top:150px}.sl2{right:calc(50% + 260px);top:250px;animation-delay:-2s}
.sr1{left:calc(50% + 230px);top:150px;animation-delay:-3.5s}.sr2{left:calc(50% + 260px);top:250px;animation-delay:-5s}
@media (max-width:1100px){.sl2,.sr2{display:none}}
@media (max-width:900px){.scard{display:none}}
.promo .pdrop{display:none}
@media (max-width:900px){.promo{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.promo .pdrop{display:inline;opacity:.85}.promo .pdrop b{color:#9cc8f0;font-variant-numeric:tabular-nums}}
/* pack cards everywhere: same border, plain arrow, Closer in gold */
.pack,.pack.hot{border:1px solid rgba(255,255,255,.55)!important}
.pack .go,.pack.hot .go{background:#fff!important;color:var(--ink)!important}
.pack[data-pack="closer"] .meta{opacity:.8}
.pack .badge,.pc .badge,.spk .badge{left:0!important;right:0;margin:0 auto;width:max-content;background:var(--ink)!important;color:#fff!important}
.pc,.pc.pc-closer{border:1px solid #dbe3ea}
.pc .go,.pc.pc-closer .go{background:var(--ink)!important;color:#fff!important}
.pc.pc-closer .pc-list{border-color:rgba(36,24,3,.14)}
.buybar button::before{display:none}
.ocard .pico.big{background:#eef2f6;color:var(--ink)}
/* second button on blue headers: same shape, readable */
.cta.glass{background:rgba(255,255,255,.62)!important;border:1.5px solid #fff!important;color:var(--ink)!important}
.cta.glass:hover{background:rgba(255,255,255,.8)!important}
/* white cards on gray: give them an edge */
.sec.paper .card,.pg.paper .card{border-color:#dbe3ea;box-shadow:0 1px 2px rgba(16,24,40,.05),0 10px 24px -16px rgba(16,24,40,.18)}
/* ===== lead store v2: white page, clean tiles, gray summary ===== */
.shop-pg{background:#fff!important}
.shop{grid-template-columns:minmax(0,1fr) 380px;gap:clamp(24px,4vw,56px)}
.sp-packs{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:8px}
.spk{border:1px solid #d5dce3;border-radius:14px;padding:16px;background:#fff}
.spk.on{border-color:#1f5e93;box-shadow:inset 0 0 0 1px #1f5e93}
.spk.pc-closer .spk-n,.spk.pc-closer .spk-m{color:#3d2a08}
.spk.pc-closer.on{box-shadow:inset 0 0 0 1px #8a6418;border-color:#8a6418}
.spk.pc-closer .spk-dot{border-color:rgba(36,24,3,.35)}
.sp-panel{background:none;border:0;border-radius:0}
.sx{padding:28px 0;border-top:1px solid #e9edf1}
.sx:first-child{border-top:0}
.sx h3{margin:0 0 14px;font-size:20px;font-weight:600;letter-spacing:-.015em}
.aopts{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.aopt{appearance:none;font:inherit;text-align:left;cursor:pointer;background:#fff;border:1px solid #d5dce3;border-radius:12px;padding:12px 14px;display:grid;gap:2px;color:var(--ink);transition:border-color .15s}
.aopt:hover{border-color:#9fb0c0}
.aopt b{font-size:14.5px;font-weight:600}
.aopt em{font-style:normal;font-size:13px;color:var(--muted)}
.aopt.on{border-color:#1f5e93;box-shadow:inset 0 0 0 1px #1f5e93}
.aopt.on em{color:#1f5e93}
.chip2{border-color:#d5dce3;border-radius:999px;padding:8px 14px}
.chip2.on{background:#1f5e93;border-color:#1f5e93;color:#fff}
.chips2.sm .chip2{padding:7px 13px}
.seg2{background:#f1f4f7;border-radius:12px}
.sp-more summary{font-size:16px}
.shop-sum{top:90px}
.ss{background:#f5f7f9;border:0;border-radius:18px;padding:24px}
.ss-h{border-color:#e3e8ee}
.ss-h .pico{background:#fff}
.ss .rows>div{font-size:14.5px}
.ss .bsum-total{border-color:#e3e8ee}
.sp-acct{background:#fff;border-radius:12px;padding:14px;margin:18px 0 0}
.sp-acct p b{font-size:15px}
.ss .pms{display:grid;grid-template-columns:1fr 1fr;grid-auto-flow:row;gap:6px;background:none;padding:0;margin-top:16px}
.ss .pms button{background:#fff;border:1px solid #d5dce3;border-radius:10px;padding:11px 8px;font-size:14px;display:flex;justify-content:center;gap:6px;align-items:baseline;min-width:0;white-space:nowrap}
.ss .pms button small{font-size:12px}
.ss .pms button.on{border-color:#1f5e93;box-shadow:inset 0 0 0 1px #1f5e93;color:var(--ink)}
.sp-pay{margin-top:12px;height:52px}
@media (max-width:1100px){.sp-packs{grid-template-columns:1fr 1fr}.shop{grid-template-columns:1fr}}
@media (max-width:700px){.sx{padding:22px 0}.aopts{grid-template-columns:1fr 1fr}.seg2{grid-template-columns:1fr 1fr}.ss{padding:18px}}
/* mobile phone size */
@media (max-width:620px){.stage{--sfw:min(272px,72vw)}}
/* ===== CRM v3: light shell, white canvas, hairlines ===== */
#app{background:#fff!important}
#app .side{background:#f7f8fa!important;border-right:1px solid #eaeef2;color:#33414e}
#app .side .logo svg path:nth-child(1){fill:#07111b}#app .side .logo svg path:nth-child(2){fill:#fff}
#app .side .logo,#app .side .logo .word{color:var(--ink)!important}
#app .snav{color:#3b4a58!important;font-weight:500}
#app .snav svg{opacity:.8}
#app .snav:hover{background:#eef1f4!important;color:var(--ink)!important}
#app .snav[aria-current="page"]{background:#fff!important;color:var(--ink)!important;box-shadow:0 1px 2px rgba(16,24,40,.08),0 0 0 1px #e6eaee}
#app .snav .ct{background:#e6ebf0!important;color:#3b4a58!important}
#app .snav.buy-n{background:#1f5e93!important;color:#fff!important}
#app .snav.buy-n svg{opacity:1}
#app .snav.buy-n:hover{background:#174b77!important}
#app .side .sgroup{color:#8796a5!important}
#app .topbar{background:rgba(255,255,255,.92)!important;border-bottom:1px solid #eef1f4}
#app .card,#app .dq,#app .dscript,#app .dcard,#app .dial-top{background:#fff;border:1px solid #e8ecf0!important;box-shadow:none!important}
#app .kpis{gap:0!important;border:1px solid #e8ecf0;border-radius:10px;overflow:hidden}
#app .kpi{border:0!important;border-left:1px solid #e8ecf0!important;border-radius:0!important;box-shadow:none!important}
#app .kpi:first-child{border-left:0!important}
#app .dhero{border-color:#e8ecf0!important}
#app .dc-phone{background:#f5f7f9!important;color:var(--ink)!important;border:1px solid #e8ecf0;border-radius:10px!important}
#app .dc-phone>b{color:var(--ink)}
#app .dbtn{border-color:#e3e8ee}
#app .trialbar{background:#f5f8fb;border:1px solid #e3ebf3;color:#24425f}
#app .ob-box,#app .obx{border-radius:8px}
#app .tag{background:#eef2f6}
#app .col{background:#f7f8fa;border:1px solid #eef1f4}
#app .loadbtn{border-radius:12px!important;border:1px solid #dbe3ea!important;background:#fff!important;box-shadow:none!important;color:var(--ink)!important}
#app .loadbtn .pico.dark{background:#eef2f6!important;color:var(--ink)!important}
#app .loadbtn small,#app .loadbtn span{opacity:.85}
#app .pw-opt{border-radius:12px}
.sp-qty{justify-content:flex-start}
/* store: sticky checkout bar on phones */
.shop-mbar{display:none}
@media (max-width:1100px){.shop-mbar{display:flex;position:fixed;left:12px;right:12px;bottom:12px;z-index:40;align-items:center;justify-content:space-between;gap:12px;background:var(--ink);color:#fff;border-radius:14px;padding:10px 10px 10px 18px;box-shadow:0 18px 40px -12px rgba(7,17,27,.5)}
 .shop-mbar small{display:block;font-size:12px;color:#aab9c7}.shop-mbar b{font-size:20px;font-variant-numeric:tabular-nums}
 .shop-mbar button{appearance:none;border:0;background:#fff;color:var(--ink);font:inherit;font-weight:600;padding:12px 18px;border-radius:10px;cursor:pointer}
 body.on-buy .ai-fab{bottom:84px}
 body.on-buy footer.site{padding-bottom:100px}}
#app .dbtn{min-width:0;font-size:13px;padding:10px 6px;gap:6px;text-align:center;line-height:1.2}
@media (max-width:1400px){#app .dbtn kbd{display:none}}

/* ===== active card is black: Closer by default, any card you touch ===== */
.pack.act{background:var(--ink)!important;border-color:var(--ink)!important;color:#fff!important}
.pack.act .pico{background:rgba(255,255,255,.14)!important;color:#fff!important}
.pack.act .meta{opacity:.75}
.pc.act{background:var(--ink)!important;border-color:var(--ink)!important;color:#fff!important}
.pc.act .pico{background:rgba(255,255,255,.14)!important;color:#fff!important}
.pc.act .go{background:#fff!important;color:var(--ink)!important}
.pc.act .pc-list{border-color:rgba(255,255,255,.14)!important}
.pc.act .pc-meta{opacity:.75}
.pack,.pc{transition:background .2s,color .2s,border-color .2s,transform .18s,box-shadow .18s!important}
.pack .badge,.pc .badge{background:#fff!important;color:var(--ink)!important;box-shadow:0 2px 8px rgba(7,17,27,.18)}
.spk.on{background:var(--ink);border-color:var(--ink);box-shadow:none;color:#fff}
.spk.on .spk-n,.spk.on .spk-m{color:#c4d0db}
.spk.on .spk-dot{background:#fff;border-color:#fff;color:var(--ink)}
.buybar button[data-pack="closer"]{background:var(--ink);border-color:var(--ink);color:#fff}
#app .loadbtn.act{background:var(--ink)!important;color:#fff!important;border-color:var(--ink)!important}
#app .loadbtn.act .pico.dark{background:rgba(255,255,255,.14)!important;color:#fff!important}
.ocard.pc-closer .pouch-body{background:var(--ink);color:#fff}
.ocard.pc-closer .pouch-body small{color:#aab9c7}
.ocard.pc-closer .tap-hint{background:rgba(255,255,255,.12)}
.ocard.pc-closer .pico.big{background:rgba(255,255,255,.14);color:#fff}
/* ===== mobile pop ups: one clean banner inside the phone ===== */
@media (max-width:620px){
 .htoast,.htoast.l,.htoast.r{left:50%!important;right:auto!important;top:62px!important;width:calc(var(--sfw)*.84);max-width:none;transform:translateX(-50%)!important;transform-origin:center top;padding:10px 12px;border-radius:16px;background:rgba(255,255,255,.94);z-index:4}
 .htoast.out{transform:translateX(-50%) translateY(-10px)!important}
 .htoast b{font-size:13px}.htoast small{font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
 .htoast>div{min-width:0}
}
@media (max-width:900px){.hq-tabs{flex-wrap:wrap;overflow:visible;gap:6px;border-bottom:0}.hq-tabs button{border:1px solid #e3e8ee;border-radius:8px}}
/* ===== store v3 ===== */
.sx h3{display:flex;align-items:baseline;gap:10px}
.sx h3 small{font-size:13px;font-weight:500;color:var(--muted)}
.spk,.qt{transition:background .18s,color .18s,border-color .18s}
.spk.on{background:#fff;color:var(--ink);border-color:#d5dce3}
.spk.on .spk-n,.spk.on .spk-m{color:var(--muted)}
.spk.on .spk-dot{background:var(--ink);border-color:var(--ink);color:#fff}
.spk.act{background:var(--ink)!important;color:#fff!important;border-color:var(--ink)!important;box-shadow:none!important}
.spk.act .spk-n,.spk.act .spk-m{color:#aebccb!important}
.spk.act .spk-dot{border-color:rgba(255,255,255,.4)}
.spk.act.on .spk-dot{background:#fff;border-color:#fff;color:var(--ink)}
.qtiles{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.qt{appearance:none;font:inherit;cursor:pointer;background:#fff;border:1px solid #d5dce3;border-radius:12px;padding:14px 8px;display:grid;justify-items:center;gap:2px;color:var(--ink);text-align:center;min-width:0}
.qt b{font-size:19px;font-weight:600;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.qt small{font-size:12px;color:#15803d}
.qt.act{background:var(--ink);border-color:var(--ink);color:#fff}
.qt.act small{color:#86efac}
.qcust input{width:100%;border:0;background:transparent;font:inherit;font-size:19px;font-weight:600;text-align:center;color:inherit;padding:0;outline:0;-moz-appearance:textfield}
.qcust input::-webkit-outer-spin-button,.qcust input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.qcust input::placeholder{color:#9aa8b6}
.qcust small{color:var(--muted)!important}
.qt.qcust.act input::placeholder{color:#8a9aa9}
.agelist{border:1px solid #d5dce3;border-radius:14px;overflow:hidden}
.ag{appearance:none;font:inherit;cursor:pointer;width:100%;display:grid;grid-template-columns:22px minmax(0,1fr) auto;grid-template-areas:"c d p" "c l p";column-gap:14px;align-items:center;text-align:left;background:#fff;border:0;border-top:1px solid #eceff2;padding:13px 16px;color:var(--ink);transition:background .15s}
.ag:first-child{border-top:0}
.ag:hover{background:#f7f9fb}
.ag-c{grid-area:c;width:20px;height:20px;border-radius:6px;border:1.5px solid #c3ccd5;display:grid;place-items:center}
.ag b{grid-area:d;font-size:15px;font-weight:600}
.ag-l{grid-area:l;font-size:12.5px;color:var(--muted)}
.ag em{grid-area:p;font-style:normal;font-weight:600;font-size:15px;font-variant-numeric:tabular-nums}
.ag em small{font-weight:500;color:var(--muted);font-size:12px}
.ag.on{background:#f4f6f8}
.ag.on .ag-c{background:var(--ink);border-color:var(--ink)}
.ag.on .ag-c::after{content:"";width:9px;height:5px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) translate(1px,-1px)}
@media (max-width:700px){.qtiles{grid-template-columns:repeat(3,minmax(0,1fr))}.ag{padding:12px 14px}}
/* the old slider is gone */
#bQty{display:none}
/* lead store opens at the top: no gap above the promo */
body.on-buy{scroll-behavior:auto}
/* ===== mobile: smaller how it works and lead type cards ===== */
@media (max-width:620px){
 .howgrid,.how-cards,.howcards{gap:12px}
 .howcard{min-height:0!important;height:300px!important;aspect-ratio:auto!important}
 .howcard .txt h3{font-size:20px}
 .howcard .txt p{font-size:14px}
 .howcard .chip{width:48px;height:48px;border-radius:14px;top:14px;left:14px}
 .howcard .chip svg{width:22px;height:22px}
 .bento{grid-template-columns:1fr 1fr!important;gap:10px}
 .bento-card{min-height:170px!important;padding:14px!important}
 .bento-card.feat{grid-column:1 / -1!important;min-height:200px!important}
 .bento-card .b-desc,.bento-card .b-jobs,.bento-card .b-bars{display:none}
 .bento-card .b-name{font-size:17px!important}
 .bento-card .b-ic{width:34px;height:34px}
 .bento-card .b-only{font-size:9px;padding:3px 6px}
}

.sky.sub{margin:0!important;color:inherit;font-size:inherit}
.ag.tier,.ag.tier.on{border:0;border-top:1px solid #eceff2;box-shadow:none;border-radius:0}
.ag.tier:first-child{border-top:0}
@media (max-width:620px){
 .howgrid{display:grid!important;grid-auto-flow:column;grid-auto-columns:80%;grid-template-columns:none!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin-inline:-16px;padding:0 16px 6px;scrollbar-width:none}
 .howgrid::-webkit-scrollbar{display:none}
 .howcard{height:250px!important;scroll-snap-align:start;border-radius:18px}
 .howcard .txt{padding:16px!important}
 .howcard .txt p{font-size:13px;line-height:1.45}
 .howcard .num{font-size:12px}
 .bento-card{min-height:132px!important;border-radius:16px!important;gap:4px!important}
 .bento-card.feat{min-height:160px!important}
 .bento-card .b-from{font-size:13px}
}
@media (max-width:620px){.bento{grid-auto-rows:auto!important;grid-template-rows:none!important}.bento-card{height:auto!important;min-height:120px!important}.bento-card.feat{min-height:150px!important}.bento-card .b-foot{margin-top:auto}}
/* ===== one line pack meta, mobile hero ===== */
.pack .meta{white-space:nowrap}
.pc-meta{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pc-who{font-weight:600;opacity:1}.pc-list .pc-who::before{display:none}
@media (max-width:620px){
 .hero .pack .meta{font-size:11px;white-space:nowrap;letter-spacing:-.01em}
 .hero .pack .ml{display:none}
 .hero .pack{padding-left:9px;padding-right:9px}
 h1.big#h1{font-size:15.4vw!important;white-space:nowrap;letter-spacing:-.05em;line-height:1}
 .hero{padding-top:34px}
}
@media (max-width:360px){.hero .pack .meta{font-size:10px}}
/* mobile pop ups: small, in the open space beside the phone */
@media (max-width:620px){
 .htoast,.htoast.l,.htoast.r{width:auto!important;max-width:134px!important;transform:none!important;padding:7px 9px!important;gap:7px!important;border-radius:12px!important;background:rgba(255,255,255,.95)!important;box-shadow:0 10px 24px -12px rgba(7,17,27,.5)}
 .htoast.l{left:6px!important;right:auto!important;top:96px!important}
 .htoast.r{right:6px!important;left:auto!important;top:230px!important}
 .htoast.out{transform:translateY(-8px)!important}
 .htoast .hi{width:24px!important;height:24px!important;border-radius:7px!important}
 .htoast .hi svg{width:13px!important;height:13px!important}
 .htoast b{font-size:11.5px!important;line-height:1.2}
 .htoast small{font-size:10px!important;white-space:normal!important;line-height:1.25;display:block}
}
/* calmer podium */
.p1 .pod-bar,.p2 .pod-bar,.p3 .pod-bar{background:#eef2f6!important;color:var(--ink)!important;border:1px solid #e3e8ee}
.p1 .pod-bar{background:var(--ink)!important;color:#fff!important;border-color:var(--ink)}
/* ===== phone scenes v3: lock screen, drop, call, sold ===== */
.s2{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;animation:rise .35s both}
.s2.lock{padding-top:6px}
.lk-time{font-size:64px;font-weight:600;letter-spacing:-.04em;line-height:1;margin-top:4px}
.lk-date{font-size:13px;color:#b8c7d6;margin-top:6px}
.lk-w{margin:16px 0 12px;width:100%;box-sizing:border-box;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:12px;display:grid;gap:2px}
.lk-w small{font-size:11px;color:#9fb3c6;letter-spacing:.06em;text-transform:uppercase}
.lk-w b{font-size:24px;font-weight:600;font-variant-numeric:tabular-nums;color:#9cc8f0}
.lk-w span{font-size:11px;color:#8aa0b4}
.nt{width:100%;box-sizing:border-box;display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:9px;align-items:center;text-align:left;background:rgba(255,255,255,.92);color:var(--ink);border-radius:14px;padding:9px 10px;margin-top:8px;animation:ntIn .5s cubic-bezier(.2,.9,.3,1.2) both;animation-delay:calc(.5s + var(--d)*.7s)}
.nt-ic{width:28px;height:28px;border-radius:8px;background:var(--ink);display:grid;place-items:center}
.nt-ic svg{width:17px;height:17px}
.nt-ic svg path:nth-child(1){fill:#fff}.nt-ic svg path:nth-child(2){fill:var(--ink)}
.nt b{display:block;font-size:12px}
.nt span{display:block;font-size:11.5px;line-height:1.3;color:#33414e}
.nt em{font-style:normal;font-size:10px;color:#7c8b99;align-self:start}
@keyframes ntIn{from{opacity:0;transform:translateY(-14px) scale(.96)}to{opacity:1;transform:none}}
.s2.drop{align-items:stretch;text-align:left}
.dr-big{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 0 8px;text-align:left}
.dr-big b{font-size:40px;font-weight:600;line-height:1}
.dr-big span{font-size:12px;color:#9fb3c6;line-height:1.3}
.s2.call{padding-top:10px}
.cl-av{width:76px;height:76px;border-radius:50%;background:#1f5e93;display:grid;place-items:center;font-size:24px;font-weight:600;box-shadow:0 0 0 7px rgba(125,184,238,.14),0 0 0 15px rgba(125,184,238,.06);margin-bottom:14px}
.s2.call>b{font-size:20px}
.s2.call>small{font-size:12px;color:#9fb3c6;margin-top:3px}
.cl-t{font-size:22px;font-weight:600;color:#4ade80;font-variant-numeric:tabular-nums;margin-top:12px}
.cl-wave{display:flex;gap:3px;align-items:center;height:34px;margin:12px 0 14px}
.cl-wave i{width:4px;border-radius:3px;background:#7db8ee;height:30%;animation:wv 1s ease-in-out infinite}
.cl-wave i:nth-child(odd){animation-delay:-.3s}.cl-wave i:nth-child(3n){animation-delay:-.6s}.cl-wave i:nth-child(4n){animation-delay:-.15s}
@keyframes wv{0%,100%{height:25%}50%{height:95%}}
.cl-ctrls{display:flex;gap:16px;justify-content:center}
.cl-ctrls i{width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.1);display:grid;place-items:center}
.cl-ctrls i svg{width:18px;height:18px}
.cl-ctrls i.hang{background:#dc2626}
.s2.win{padding-top:16px}
.wn-check{width:64px;height:64px;border-radius:50%;background:#16a34a;display:grid;place-items:center;font-size:30px;animation:pop .5s both;box-shadow:0 0 0 8px rgba(74,222,128,.12)}
.s2.win>b{font-size:18px;margin-top:14px}
.wn-money{font-size:44px;font-weight:600;color:#4ade80;letter-spacing:-.03em;margin-top:6px;font-variant-numeric:tabular-nums}
.s2.win>small{font-size:12px;color:#9fb3c6}
.wn-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%;margin-top:22px}
.wn-row span{display:grid;gap:1px;background:rgba(255,255,255,.07);border-radius:12px;padding:10px 4px;font-size:11px;color:#9fb3c6}
.wn-row b{font-size:18px;color:#fff}
.ph-h span:empty{display:none}
/* ready to dial: keep the y */
h1.big{padding-bottom:.08em;line-height:1.02}
@media (max-width:620px){h1.big#h1{line-height:1.08!important;padding-bottom:.1em}}
/* phone pop ups: desktop only */
.htoast{display:none!important}
.nt-ic{display:flex!important;align-items:center;justify-content:center;width:30px!important;height:30px!important;border-radius:8px;background:var(--ink)}
.nt-ic svg{width:19px!important;height:19px!important;display:block;margin:0!important;position:static!important}
.nt-ic svg path:nth-child(1){fill:#fff!important}.nt-ic svg path:nth-child(2){fill:#07111b!important}
.bento-card.bento-cta{background:#fff!important;color:var(--ink)!important;border:1px solid #dbe3ea!important}
.bento-cta .b-ic{background:var(--ink)!important;color:#fff!important}
.bento-cta .b-desc{color:var(--muted)!important}
.bento-cta .b-from{color:var(--ink)!important;font-weight:600}
.bento-cta:hover{background:var(--ink)!important;color:#fff!important}
.bento-cta:hover .b-desc,.bento-cta:hover .b-from{color:#c7d3de!important}
.bento-cta:hover .b-ic{background:#fff!important;color:var(--ink)!important}
/* top 5 list */
.top5{list-style:none;margin:28px 0;padding:0;display:grid;gap:12px}
.top5 li{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:16px;align-items:center;background:#fff;border:1px solid #dbe3ea;border-radius:14px;padding:18px 20px}
.top5 li:first-child{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}
.t5n{width:40px;height:40px;border-radius:12px;background:#eef2f6;display:grid;place-items:center;font-weight:700;font-size:18px}
.top5 li:first-child .t5n{background:var(--ink);color:#fff}
.top5 h3{margin:0;font-size:18px}.top5 p{margin:4px 0 0;color:var(--muted);font-size:15px;line-height:1.5}
@media (max-width:620px){.top5 li{grid-template-columns:36px minmax(0,1fr)}.top5 li .cta{grid-column:1 / -1}}
/* legal */
.legal-toc{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 30px;padding:0 0 22px;border-bottom:1px solid #e3e8ee}
.legal-toc a{font-size:13px;padding:6px 10px;border:1px solid #dbe3ea;border-radius:8px;background:#fff;color:var(--ink);text-decoration:none}
.legal-toc a:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.legal h2{font-size:20px;margin-top:30px}
.legal p{font-size:16px}
/* store chips: black when picked, states with their shape */
.chip2.on{background:var(--ink)!important;border-color:var(--ink)!important;color:#fff!important}
.chip2:hover{border-color:var(--ink)}
.stchip{align-items:center!important;gap:7px!important}
.stchip svg{width:18px;height:18px;flex:none}
/* hero packs: solid white cards with a dark edge, never see through */
.hero .pack,.hero .pack.hot{background:#fff!important;color:var(--ink)!important;border:1.5px solid #07111b!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:0 14px 34px -18px rgba(7,17,27,.55)}
.hero .pack .pico{background:#eef2f6!important;color:var(--ink)!important}
.hero .pack .go{background:var(--ink)!important;color:#fff!important}
.hero .pack .meta{opacity:.7}
.hero .pack.act{background:var(--ink)!important;color:#fff!important}
.hero .pack.act .pico{background:rgba(255,255,255,.14)!important;color:#fff!important}
.hero .pack.act .go{background:#fff!important;color:var(--ink)!important}
.pc{border-color:#07111b!important;border-width:1.5px!important}
.spk{border-color:#07111b!important}
/* story ads */
.ad-tap{position:relative;display:block;padding:0;border:0;background:none;cursor:pointer;border-radius:16px}
.ad-hint{position:absolute;left:50%;bottom:14px;transform:translateX(-50%) translateY(6px);display:inline-flex;gap:6px;align-items:center;background:var(--ink);color:#fff;font-size:13px;font-weight:600;padding:8px 12px;border-radius:999px;opacity:0;transition:.2s;white-space:nowrap}
.ad-hint svg{width:14px;height:14px}
button.ad-tap:hover .ad-hint,button.ad-tap:focus-visible .ad-hint{opacity:1;transform:translateX(-50%)}
@media (hover:none){button.ad-tap .ad-hint{opacity:1;transform:translateX(-50%)}}
.ad-acts{display:flex;gap:6px}
.story-sheet{position:fixed;inset:0;z-index:200;background:rgba(7,17,27,.45);display:grid;place-items:center;padding:16px}
.ss-card{background:#fff;border-radius:18px;padding:24px;max-width:440px;width:100%;box-shadow:0 30px 60px rgba(7,17,27,.3)}
.ss-card h3{margin:0 0 14px;font-size:20px}
.ss-card ol{margin:0 0 16px;padding-left:20px;display:grid;gap:10px}
.ss-card li b{display:block}.ss-card li span{color:var(--muted);font-size:14px}
.ss-link{display:flex;gap:8px;align-items:center;background:#f5f7f9;border-radius:10px;padding:8px 8px 8px 12px;margin-bottom:14px}
.ss-link code{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
.ss-acts{display:flex;gap:8px;flex-wrap:wrap}
.dc-texts{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:10px 0 2px}
.dc-texts>span{font-size:12px;color:var(--muted);margin-right:4px}
.dc-texts .btn svg{width:14px;height:14px}
#app .dispo{grid-template-columns:repeat(4,minmax(0,1fr))}
.d-dnc{color:#b42318}
/* ===== v10 ===== */
/* one pack card style everywhere: solid white, dark edge, the touched card black */
.pack,.pack.hot{background:#fff!important;color:var(--ink)!important;border:1.5px solid #07111b!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:0 14px 34px -18px rgba(7,17,27,.55)}
.pack .pico{background:#eef2f6!important;color:var(--ink)!important}
.pack .go{background:var(--ink)!important;color:#fff!important}
.pack .meta{opacity:.7}
.pack.act{background:var(--ink)!important;color:#fff!important}
.pack.act .pico{background:rgba(255,255,255,.14)!important;color:#fff!important}
.pack.act .go{background:#fff!important;color:var(--ink)!important}
/* mobile: centered pack cards, arrow in the middle under the price */
@media (max-width:620px){
 .packs .pack{align-items:center!important;text-align:center;padding:14px 8px 12px!important;gap:3px!important}
 .packs .pack .name{justify-content:center}
 .packs .pack .go{position:static!important;width:28px!important;height:28px!important;margin-top:6px;order:9}
 .packs .pack .go svg{width:13px!important;height:13px!important}
 .packs .pack .badge{left:0!important;right:0!important}
 .packs .pack .meta{text-align:center}
}
/* mobile: next drop chip on top of the phone */
.mdrop{display:none}
@media (max-width:900px){.mdrop{display:inline-flex;position:absolute;z-index:4;top:6px;left:50%;transform:translateX(-50%);align-items:center;gap:8px;white-space:nowrap;background:#fff;color:var(--ink);border:1.5px solid #07111b;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:500;box-shadow:0 10px 24px -12px rgba(7,17,27,.5)}
 .mdrop b{color:#1f5e93;font-variant-numeric:tabular-nums}.mdrop svg{width:15px;height:15px}
 .sky:not(.sub) .stage{padding-top:22px!important}}
/* one line section titles on phones */
@media (max-width:620px){#how-h{font-size:clamp(26px,8.2vw,34px);white-space:nowrap}#how-h br{display:none}}
/* lead type cards: clean white cards, photo on top */
.bento-card{background:linear-gradient(#fff,#fff) 0 var(--ih,132px)/100% 100% no-repeat,var(--bimg) center top/100% var(--ihb,150px) no-repeat,#fff!important;color:var(--ink)!important;border:1.5px solid #07111b!important;padding:calc(var(--ih,132px) + 16px) 18px 16px!important;border-radius:18px!important;box-shadow:0 14px 34px -22px rgba(0,0,0,.6)}
.bento-card.feat{--ih:220px;--ihb:240px}
.bento-card::before{display:none!important}
.bento-card .b-ic{position:absolute;top:12px;left:12px;background:#fff!important;border:0!important;color:var(--ink)!important;width:38px!important;height:38px!important;border-radius:11px!important;box-shadow:0 6px 16px -6px rgba(0,0,0,.4)}
.bento-card .b-ic svg{width:19px!important;height:19px!important}
.bento-card .b-only{top:14px;right:12px;background:#fff!important;color:var(--ink)!important}
.bento-card .b-name{margin-top:0!important;color:var(--ink)!important}
.bento-card.feat .b-name{font-size:clamp(26px,2.6vw,36px)!important}
.bento-card .b-desc{color:var(--muted)!important;font-size:14px}
.bento-card .b-jobs em{background:#eef2f6!important;color:var(--ink)!important;border:0!important}
.bento-card .b-from{color:var(--muted)!important}.bento-card .b-from b{color:var(--ink)!important}
.bento-card .b-bars i{background:#c9d6e2!important}.bento-card .b-bars i:first-child{background:#1f5e93!important}
.bento-card .b-arr{color:var(--ink)}
.bento-card:hover{background:linear-gradient(var(--ink),var(--ink)) 0 var(--ih,132px)/100% 100% no-repeat,var(--bimg) center top/100% var(--ihb,150px) no-repeat,var(--ink)!important;color:#fff!important}
.bento-card:hover .b-name,.bento-card:hover .b-from b{color:#fff!important}
.bento-card:hover .b-desc,.bento-card:hover .b-from{color:#aebccb!important}
.bento-card.bento-cta{padding-top:18px!important;background:#fff!important;display:flex;flex-direction:column;justify-content:center}
.bento-card.bento-cta .b-ic{position:static;margin-bottom:8px;background:var(--ink)!important;color:#fff!important}
.bento-card.bento-cta:hover{background:var(--ink)!important}
@media (max-width:620px){.bento-card{--ih:96px;--ihb:110px;padding:calc(var(--ih) + 12px) 12px 12px!important;min-height:0!important}.bento-card.feat{--ih:150px;--ihb:170px}.bento-card .b-ic{width:30px!important;height:30px!important;top:8px;left:8px}.bento-card .b-name{font-size:15px!important}.bento-card.feat .b-name{font-size:22px!important}.bento-card .b-only{top:8px;right:8px}}
.bonus-strip{display:flex;align-items:center;gap:14px}
.bonus-strip>div{flex:1;min-width:0}.bonus-strip b{display:block}.bonus-strip small{color:var(--muted)}
@media (max-width:620px){.bonus-strip{flex-wrap:wrap}}
#app .tbl .tag{display:inline-block!important;width:auto!important;max-width:max-content}
@media (max-width:1280px){
 #app .topbar{flex-wrap:wrap;row-gap:8px}
 #app .topbar .searchbtn{min-width:0}
 #app .topbar .searchbtn span,#app .topbar .searchbtn kbd,#app .topbar .pill .lbl{display:none}
 .hq-tabs{flex-wrap:wrap;overflow:visible}
}

/* ===== v11: even bento cards, shop backdrop ===== */
.bento{grid-template-columns:repeat(5,minmax(0,1fr))!important;grid-auto-rows:auto!important;grid-template-rows:none!important;gap:14px!important}
.bento-card,.bento-card.feat{grid-column:auto!important;grid-row:auto!important;min-height:0!important;height:auto!important;padding:0 16px 16px!important;background:#fff!important;gap:6px!important}
.bento-card .b-img{display:block;margin:0 -16px 8px;aspect-ratio:4/3;background:var(--bimg) center/cover no-repeat,#dfe6ed;border-bottom:1.5px solid #07111b}
.bento-card .b-name,.bento-card.feat .b-name{font-size:19px!important;line-height:1.15}
.bento-card .b-desc{font-size:13.5px!important;line-height:1.4;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bento-card .b-jobs{display:none!important}
.bento-card .b-foot{margin-top:auto}
.bento-card:hover{background:var(--ink)!important}
.bento-card.bento-cta{padding:18px!important;justify-content:center}
@media (max-width:1100px){.bento{grid-template-columns:repeat(3,minmax(0,1fr))!important}.bento-card.bento-cta{grid-column:1 / -1!important}}
@media (max-width:620px){.bento{grid-template-columns:1fr 1fr!important;gap:10px!important}.bento-card,.bento-card.feat{padding:0 12px 12px!important}.bento-card .b-img{margin:0 -12px 6px}.bento-card .b-name,.bento-card.feat .b-name{font-size:15px!important}.bento-card .b-desc{display:none!important}.bento-card.bento-cta{grid-column:auto!important;padding:12px!important}.bento-card.bento-cta .b-desc{display:block!important;font-size:12px!important}}
.shop-pg{position:relative;isolation:isolate}
.shop-pg::before{content:"";position:absolute;inset:0 0 auto;height:min(760px,100%);z-index:-1;background:linear-gradient(180deg,rgba(242,245,248,.25) 0%,rgba(242,245,248,.7) 55%,#f2f5f8 100%),url(/img/shop-bg.webp) center top/cover no-repeat,url(/img/hero-sky.webp) center top/cover no-repeat}

/* ===== v12: modern lead type cards ===== */
.lgrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:clamp(36px,5vw,64px)}
.lcard{position:relative;display:block;aspect-ratio:3/4;border-radius:22px;overflow:hidden;text-decoration:none;color:var(--ink);background:#dfe8f0;box-shadow:0 1px 0 rgba(7,17,27,.04),0 18px 40px -26px rgba(7,17,27,.55);transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s;isolation:isolate}
.lc-img{position:absolute;inset:0;background:center/cover no-repeat;transition:transform .7s cubic-bezier(.2,.7,.2,1);z-index:-1}
.lcard::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,17,27,.28) 0%,transparent 26%,transparent 55%,rgba(7,17,27,.35) 100%);z-index:-1;pointer-events:none}
.lc-top{position:absolute;top:12px;left:12px;right:12px;display:flex;justify-content:space-between;align-items:center}
.lc-ic{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);color:var(--ink)}
.lc-ic svg{width:18px;height:18px}
.lc-only{font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:6px 10px;border-radius:7px;background:var(--ink);color:#fff}
.lc-pan{position:absolute;left:8px;right:8px;bottom:8px;display:grid;gap:4px;padding:14px 14px 12px;border-radius:15px;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:background .3s,color .3s}
.lc-name{font-size:18px;font-weight:600;letter-spacing:-.02em;line-height:1.15}
.lc-desc{font-size:13px;line-height:1.4;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.lc-row{display:flex;align-items:center;justify-content:space-between;margin-top:6px}
.lc-from{font-size:13px;color:var(--muted)}.lc-from b{font-size:17px;color:var(--ink);font-weight:600;margin-left:2px}
.lc-go{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:#fff;font-size:14px;transition:transform .3s,background .3s,color .3s}
.lcard:hover{transform:translateY(-4px);box-shadow:0 30px 60px -30px rgba(7,17,27,.6)}
.lcard:hover .lc-img{transform:scale(1.07)}
.lcard:hover .lc-pan,.lcard:active .lc-pan{background:var(--ink);color:#fff}
.lcard:hover .lc-desc,.lcard:hover .lc-from{color:#aebccb}.lcard:hover .lc-from b{color:#fff}
.lcard:hover .lc-go{background:#fff;color:var(--ink);transform:translateX(2px)}
.lc-cta{background:linear-gradient(160deg,#2a72b1 0%,#5d97c9 55%,#a9c8e3 100%)}
.lc-cta::after{display:none}
@media (max-width:1100px){.lgrid{grid-template-columns:repeat(3,minmax(0,1fr))}.lc-cta{grid-column:span 3;aspect-ratio:auto;min-height:170px}}
@media (max-width:620px){.lgrid{grid-template-columns:1fr 1fr;gap:10px}.lcard{border-radius:18px}.lc-pan{left:6px;right:6px;bottom:6px;padding:10px 10px 9px;border-radius:12px}.lc-name{font-size:14.5px}.lc-desc{display:none}.lc-from b{font-size:14px}.lc-go{width:24px;height:24px;font-size:12px}.lc-top{top:8px;left:8px;right:8px}.lc-ic{width:30px;height:30px;border-radius:9px}.lc-only{font-size:9px;padding:4px 7px}.lc-cta{grid-column:auto;aspect-ratio:3/4;min-height:0}.lc-cta .lc-desc{display:block;font-size:11.5px;-webkit-line-clamp:3}}

/* ===== v12: no dark blue. Light blue sections, black states ===== */
:root{--state:#07111b;--state-dark:#07111b}
:is(.sec,.pg).dark{background:linear-gradient(180deg,#246daf 0%,#3e84be 50%,#6fa3cf 100%)!important;color:#fff}
:is(.sec,.pg).dark .kicker{color:#dcebf8!important}:is(.sec,.pg).dark .lede{color:#eef5fb!important}
.roi-stats div,.brackets,.bk,.roi-years{border-color:rgba(255,255,255,.32)!important}
.roi-stats span,.bk span:not(.cut),.roi .cl,.roi-out span,.roi-fine{color:#e6f0f9!important}
.roi-stats b,.roi-stats div:nth-child(3) b{background:linear-gradient(180deg,#fff,#e3eef8)!important;-webkit-background-clip:text!important;background-clip:text!important;opacity:1!important}
.roi{background:rgba(255,255,255,.14)!important;border:1px solid rgba(255,255,255,.38)!important;backdrop-filter:blur(12px)}
.roi-out div{background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.3)!important}
.roi-out div:first-child b{color:#fff!important}
.roi-out .big{background:#fff!important;border-color:#fff!important}.roi-out .big span{color:#4a6a86!important}.roi-out .big b{color:#1f5e93!important}
:is(.sec,.pg).dark .statechip{background:#fff;border-color:#fff;color:var(--ink)}
:is(.sec,.pg).dark .tile{background:rgba(255,255,255,.14)!important;border-color:rgba(255,255,255,.3)!important}
:is(.sec,.pg).dark .tile p{color:#e6f0f9!important}:is(.sec,.pg).dark .tile .ti{background:rgba(255,255,255,.2)!important}
:is(.sec,.pg).dark .ghost{border-color:#fff;color:#fff}
footer.site{background:linear-gradient(180deg,#1f5e93 0%,#2a72b1 100%)!important;color:#dbe8f4!important}
footer.site a{color:#fff!important}
footer.site .fbot,footer.site .fai{border-color:rgba(255,255,255,.28)!important}
footer.site .fai a{background:rgba(255,255,255,.14)!important;border-color:rgba(255,255,255,.3)!important}
#h-types{background:#fff!important;color:var(--ink)}
#h-types .statechip{background:#fff;border:1px solid var(--line);color:var(--ink)}
.roi .seg{background:rgba(255,255,255,.16)!important;border-color:rgba(255,255,255,.35)!important}
.roi .seg button{color:#fff!important}.roi .seg button[aria-pressed="true"]{background:#fff!important;color:var(--ink)!important}
.roi .ry-h,.roi .ry span{color:#eef5fb!important}
.roi .ry:nth-child(1) i{background:linear-gradient(180deg,#fff,#cfe2f3)!important}
.roi .ry:nth-child(2) i{background:linear-gradient(180deg,#5ee0ad,#15803d)!important}
.roi .ry:nth-child(3) i{background:linear-gradient(180deg,#24384c,#07111b)!important}
.roi .ry b{color:#fff!important}
:is(.sec,.pg).dark .bk .cut{color:#fff!important;-webkit-text-fill-color:#fff;background:none!important}
:is(.sec,.pg).dark .bk b{color:#fff!important}
footer.site .fai{background:rgba(255,255,255,.1)!important}
.fdrop{color:#dbe8f4!important}.fdrop b{color:#fff!important}
.tcrm-bar{display:flex;align-items:center;gap:14px;padding:14px 16px;margin:0 0 18px;border-radius:14px;background:#eef5fb;border:1px solid #cfe0ef}
.tcrm-bar>div{flex:1;display:grid;gap:2px}.tcrm-bar span{color:var(--muted);font-size:14px}.tcrm-bar b{font-size:15px}
.tcrm-ic{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#fff;color:#1f5e93;flex:none}
@media (max-width:620px){.tcrm-bar{flex-wrap:wrap}.tcrm-bar .btn{width:100%}}
@media (min-width:621px){.lc-desc{min-height:2.8em}}
.promo{background:#1f5e93!important}
:is(.sec,.pg).dark .calc{background:rgba(255,255,255,.14)!important;border:1px solid rgba(255,255,255,.38)!important;backdrop-filter:blur(12px)}
:is(.sec,.pg).dark .calc .cl{color:#eef5fb!important}
.cres{border-color:rgba(255,255,255,.3)!important}.cres span{color:#e6f0f9!important}
.cres div b,.cres div:nth-child(3) b,.cres div:nth-child(4) b{color:#fff!important}
/* ===== v13: store two tone, real pay marks ===== */
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.shop-pg{background:#fff!important}
.shop-pg::before{height:52%!important;background:linear-gradient(180deg,rgba(36,109,175,.15) 0%,rgba(36,109,175,0) 40%),url(/img/shop-bg.webp) center top/cover no-repeat,url(/img/hero-sky.webp) center top/cover no-repeat,linear-gradient(180deg,#5d97c9,#a9c8e3)!important}
.shop-pg::after{content:"";position:absolute;left:0;right:0;top:52%;height:1px;background:rgba(7,17,27,.06);z-index:-1}
.sp-panel{background:#fff!important;border:1px solid #e3e8ee!important;border-radius:20px!important;padding:4px 22px 8px!important;margin-top:16px;box-shadow:0 28px 60px -42px rgba(7,17,27,.5)}
.shop-sum .ss{box-shadow:0 28px 60px -40px rgba(7,17,27,.5)}
.pms{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.pms button[data-pm="wallet"]{grid-column:1 / -1}
.pms button{height:46px;align-items:center!important;padding:0 6px!important}
.pmlogo{display:inline-flex;align-items:center;gap:1px;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Arial,sans-serif;font-weight:600;font-size:17px;letter-spacing:-.01em;line-height:1}
.pmlogo .pmk{width:17px;height:17px;flex:none}
.pmlogo.apl{color:#000}.pmlogo.apl .pmk{margin-top:-3px}
.pmlogo.gpl{color:#5f6368;font-family:"Google Sans","Product Sans",Roboto,Arial,sans-serif;font-weight:500;gap:4px}
.pmlogo.cards{gap:3px}.cmk{width:28px;height:19px;flex:none}
.sp-pay{display:flex!important;align-items:center;justify-content:center;gap:6px}
.sp-pay .pmlogo{font-size:20px;color:#fff}.sp-pay .pmlogo .pmk{width:20px;height:20px}
.sp-pay .pmlogo.gpl{color:#fff}.sp-pay .pw{font-family:inherit;font-size:16px;font-weight:500;margin-right:6px}
.sp-pay.apple:hover,.sp-pay.google:hover{background:#222}
@media (max-width:620px){.sp-panel{padding:2px 14px 6px!important;border-radius:16px!important}.shop-pg::before{height:38%!important}.shop-pg::after{top:38%}}
@media (max-width:400px){.cmk{width:24px;height:16px}.pmlogo{font-size:15px}.pmlogo .pmk{width:15px;height:15px}}
.lphoto{margin-top:32px;aspect-ratio:16/10;border-radius:20px;background:72% center/cover no-repeat;border:1px solid rgba(255,255,255,.4);box-shadow:0 30px 60px -36px rgba(7,17,27,.6)}
/* ===== v14: store dropdowns, calm background ===== */
.shop-pg{background:linear-gradient(180deg,#e7f0f8 0%,#f2f5f8 520px)!important}
.shop-pg::before,.shop-pg::after{display:none!important}
.dd{position:relative}
.dd summary{list-style:none;display:flex;align-items:center;gap:12px;min-height:54px;padding:0 16px;border:1px solid #d5dce3;border-radius:12px;background:#fff;cursor:pointer;user-select:none;transition:border-color .15s,box-shadow .15s}
.dd summary::-webkit-details-marker{display:none}
.dd summary:hover{border-color:#aebbc8}
.dd-l{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;font-size:15px;color:var(--ink)}
.dd-r{color:var(--muted);font-size:14px;white-space:nowrap;font-variant-numeric:tabular-nums}
.dd-car{flex:none;width:8px;height:8px;margin:0 2px 3px 2px;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:rotate(45deg);transition:transform .2s}
.dd[open] .dd-car{transform:rotate(225deg);margin-bottom:-3px}
.dd[open] summary{border-color:#1f5e93;box-shadow:0 0 0 3px rgba(31,94,147,.12)}
.dd-p{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:40;background:#fff;border:1px solid #e3e8ee;border-radius:14px;box-shadow:0 26px 50px -22px rgba(7,17,27,.38);padding:4px;max-height:min(62vh,460px);overflow:auto;animation:ddin .16s ease-out}
@keyframes ddin{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.dd-p .agelist{border:0!important;border-radius:10px}
.dd-p .ag{border-radius:9px!important;border-top:0!important}
.dd-p .ag+.ag{margin-top:2px}
.ddo{grid-template-areas:"c d p"!important}
.ddo em{color:var(--muted);font-weight:500!important;font-size:13.5px!important}
.ddo.on em{color:var(--ink)}
.ag-c.r{border-radius:50%}
.ag.on .ag-c.r::after{width:8px;height:8px;border:0;border-radius:50%;background:#fff;transform:none}
@media (max-width:620px){.dd summary{min-height:50px;padding:0 14px}.dd-r{font-size:13px}.dd-p{max-height:56vh}}
/* ===== v14: less template look ===== */
#home .sec > .wrap > .kicker,#home .sec .split .kicker,#home .crmshow .kicker{display:none}
.roi-sec::before{display:none!important}
.roi-stats b,.roi-stats div:nth-child(3) b{background:none!important;-webkit-text-fill-color:#fff!important;color:#fff!important}
/* ===== v15: state pages ===== */
a.statechip{text-decoration:none;transition:border-color .15s,background .15s}
a.statechip:hover{border-color:var(--ink)}
.st-table th a{display:inline-flex;align-items:center;gap:8px;color:var(--ink);font-weight:600;text-decoration:none}
.st-table th a:hover{text-decoration:underline}
.st-table th a svg{width:18px;height:18px}
.st-note{font-size:13px;color:var(--muted);margin:14px 0 0;max-width:70ch;line-height:1.5}
.st-best{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:10px}
.st-best li{display:grid;gap:2px;padding:14px 16px;background:#fff;border:1px solid var(--line);border-radius:12px}
.st-best b{font-size:16px}.st-best b a{color:var(--ink)}.st-best span{color:var(--muted);font-size:14px}
.st-stock{align-self:start;display:grid;gap:6px;padding:22px}
.st-k{margin:0;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.st-n{font-size:44px;font-weight:600;letter-spacing:-.03em;line-height:1}
.st-s{margin:0;color:var(--muted);font-size:14px}
.st-stock ul{list-style:none;margin:8px 0;padding:0;border-top:1px solid var(--line)}
.st-stock li{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--line);font-size:14px}
.st-stock .cta{margin:8px 0 4px;text-align:center;justify-content:center}
.st-rules{margin:18px 0 0;padding-left:20px;display:grid;gap:12px;max-width:75ch}
.st-rules li{line-height:1.55}
.st-src{margin:14px 0 0;padding-left:20px;display:grid;gap:8px}
.st-src a{color:#1f5e93}
.tile p a{color:#1f5e93}
img[src$="step-call.webp"]{object-position:76% center}
/* ===== v16: agency form, admin hub, mass invites ===== */
.apply{max-width:760px}
.apply-card{display:grid;gap:14px;padding:clamp(20px,3vw,32px)}
.apply-card h2{margin:0;font-size:22px}
.af2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.apply-card .field small{color:var(--muted);font-weight:400}
.apply-card .cta{justify-self:start}
.apply-done{text-align:left}.apply-done p{margin:0;line-height:1.6}
@media (max-width:620px){.af2{grid-template-columns:1fr}.apply-card .cta{justify-self:stretch;justify-content:center}}
.adm-pg .wrap{max-width:1280px}
.adm-login{max-width:420px;display:grid;gap:12px;padding:28px}
.adm-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.adm-top .hq-tabs{margin:0;flex:1;min-width:0;overflow-x:auto}
.adm-who{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--muted)}
.hq-tabs .badge{font-style:normal;background:#1f5e93;color:#fff;border-radius:999px;padding:1px 7px;font-size:11px;margin-left:4px}
.adm-feed{list-style:none;margin:0;padding:0;max-height:430px;overflow:auto}
.adm-feed li{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font-size:14px}
.adm-feed small{color:var(--muted);white-space:nowrap}
.adm-feed .af-ok span::before,.adm-feed .af-join span::before,.adm-feed .af-buy span::before,.adm-feed .af-app span::before,.adm-feed .af-inv span::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:8px;vertical-align:middle;background:#9fb3c5}
.adm-feed .af-ok span::before,.adm-feed .af-buy span::before{background:#15803d}.adm-feed .af-app span::before{background:#1f5e93}
.adm-cred{display:grid;gap:4px;background:#eef5fb;border:1px solid #cfe0ef;border-radius:12px;padding:14px 16px;margin:0 0 14px}
.adm-cred span{color:var(--muted);font-size:14px}.adm-cred code{font-size:13px;word-break:break-all}
.adm-detail td{background:#f7f9fb}
.adm-dgrid{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;padding:8px 4px}
.adm-dgrid h3{font-size:14px;margin:0 0 8px}
.tbl.mini td,.tbl.mini th{padding:6px 8px;font-size:13px}
.nowrap{white-space:nowrap}
.warnt{color:#b45309}
.filebtn{cursor:pointer}
#liList,#aiList{width:100%;font:inherit;border:1px solid #d5dce3;border-radius:10px;padding:10px 12px;resize:vertical}
#liMsg,#aiMsg{width:100%;font:inherit;border:1px solid #d5dce3;border-radius:10px;padding:10px 12px}
@media (max-width:760px){.adm-dgrid{grid-template-columns:1fr}}
.navr .nlog{white-space:nowrap}
@media (max-width:1180px){.navr .nlog .ls{display:none}}
@media (max-width:1023px){.navr .nlink.nlog{display:inline-flex!important;align-items:center;font-size:15px;font-weight:600;padding:0 10px;height:40px}.navr .nlink.nlog[hidden]{display:none!important}}
@media (max-width:360px){.navr .nlink.nlog{padding:0 6px;font-size:14px}}
.navr .btn-nav{white-space:nowrap}
@media (max-width:420px){.navr{gap:4px!important}.navr .btn-nav{padding-inline:12px!important;font-size:14px!important}.navr .nlink.nlog{padding:0 6px;font-size:14px}}

body.no-buybar #buybar{display:none!important}

@media (max-width:1023px){.navr .nlink.nlogout:not([hidden]){display:inline-flex!important;align-items:center;font-size:14px;font-weight:600;padding:0 6px;height:40px}}
/* desktop nav: links sit closer to the logo */
@media (min-width:1024px){.navbar{grid-template-columns:auto 1fr auto!important}.navbar .navl{justify-self:start!important;margin-left:clamp(28px,4vw,72px)}}
.auth-r{background-position:80% center!important}
/* ===== v12: crisp app skin, charts, team tools ===== */
#app{--c1:#2f7de1;--track:#edf1f5;--ink2:#0b1622;--mut:#5b6b7b;--line:#e3e9ef;background:#f3f6f9!important;color:#0b1622}
#app .side{background:#0b1622!important;border-right:0!important;color:#9fb0c1;padding:18px 12px!important}
#app .side .logo,#app .side .logo *{color:#fff!important;fill:currentColor}
#app .side .sgroup{color:#94a8bb!important;letter-spacing:.09em}
#app .snav{color:#b6c4d2!important;height:36px;border-radius:9px!important;font-weight:550}
#app .snav svg{opacity:.85}
#app .snav:hover{background:rgba(255,255,255,.06)!important;color:#fff!important}
#app .snav[aria-current="page"]{background:#fff!important;color:#0b1622!important;box-shadow:0 6px 18px -8px rgba(0,0,0,.6)}
#app .snav[aria-current="page"] svg{opacity:1;color:#2f7de1}
#app .snav.buy-n{background:linear-gradient(135deg,#2f7de1,#1f5e93)!important;color:#fff!important}
#app .snav .ct{background:rgba(255,255,255,.12)!important;color:#fff!important}
#app .snav[aria-current="page"] .ct{background:#0b1622!important}
#app .topbar{background:rgba(255,255,255,.92)!important;border-bottom:1px solid var(--line)!important}
#app #viewTitle{font-size:20px;font-weight:750;letter-spacing:-.02em}
:is(#app,#admRoot) .card{border:1px solid var(--line)!important;border-radius:16px!important;box-shadow:0 1px 2px rgba(11,22,34,.04),0 8px 28px -18px rgba(11,22,34,.22)!important;background:#fff}
:is(#app,#admRoot) .card h2{font-size:15.5px;font-weight:700;letter-spacing:-.01em;color:#0b1622}
#app .view{display:grid;gap:18px}
:is(#app,#admRoot) .demo-note{color:#5b6b7b}
:is(#app,#admRoot) .tbl th{font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:#5b6b7b;font-weight:650;background:#f7f9fb}
:is(#app,#admRoot) .tbl tbody tr:hover{background:#f7faff}
/* KPI cards */
:is(#app,#admRoot) .kpis{gap:14px!important}
:is(#app,#admRoot) .kpi{position:relative;overflow:hidden;border:1px solid var(--line)!important;border-radius:16px!important;box-shadow:0 1px 2px rgba(11,22,34,.04),0 8px 28px -18px rgba(11,22,34,.22);background:#fff}
.kp2{display:flex;flex-direction:column;gap:6px;padding:16px 18px 54px!important;min-height:138px}
.kp2 .kp-h{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:600;color:#3e4f60}
.kp-ic{width:30px;height:30px;border-radius:9px;display:inline-grid;place-items:center;background:#eaf2fd;color:#2f7de1;flex:none}
.kp-ic svg{width:16px;height:16px;stroke:currentColor}
.kp2 b{font-size:clamp(24px,2.3vw,31px);font-weight:750;letter-spacing:-.03em;font-variant-numeric:tabular-nums;line-height:1.05;color:#0b1622}
.kp2 b .grn{color:#0b7a52}
.kp-f{display:flex;align-items:center;gap:8px;justify-content:space-between;font-size:12.5px;color:#5b6b7b}
.kp-f em{font-style:normal;font-weight:700;font-size:11.5px;padding:2px 7px;border-radius:99px}
.kp-f em.up{background:#e3f7ee;color:#0b7a52}.kp-f em.dn{background:#fdecec;color:#b42318}
.kp-sp{position:absolute;left:0;right:0;bottom:0;height:44px;color:#2f7de1;pointer-events:none}
.kp-sp svg,:is(#app,#admRoot) .kpi .kp-sp svg{width:100%!important;height:44px!important;display:block}
.kp2 b .grn{font-size:inherit!important;font-weight:inherit;color:#0b7a52}
.kp-sp svg path[fill^=url]{fill:currentColor;opacity:.12}
.kp-sp .gl{display:none}
.kpi:nth-child(2) .kp-ic{background:#e6f7f0;color:#0b7a52}.kpi:nth-child(2) .kp-sp svg g{color:#10b981!important}
.kpi:nth-child(3) .kp-ic{background:#f1ecfe;color:#7c4dff}.kpi:nth-child(3) .kp-sp svg g{color:#8b5cf6!important}
.kpi:nth-child(4) .kp-ic{background:#fff4e0;color:#d98a00}.kpi:nth-child(4) .kp-sp svg g{color:#f2b233!important}
/* charts */
.charts{align-items:stretch}
.grid2.wide-l{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:18px}
.grid3c{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.grid3c .span2{grid-column:span 2}
.big-n{font-size:20px;font-weight:750;letter-spacing:-.02em;color:#0b1622}
svg.chart{width:100%;height:auto;display:block;overflow:visible}
svg.chart .gl{stroke:#e9eef3;stroke-width:1;vector-effect:non-scaling-stroke}
svg.chart .ln{filter:drop-shadow(0 4px 6px rgba(47,125,225,.25))}
.ch-x{display:flex;justify-content:space-between;font-size:11.5px;color:#5d6d7d;margin-top:6px}
.cbars{display:flex;align-items:flex-end;gap:6px;height:180px;padding-top:18px}
.cb{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:6px;min-width:0}
.cb i{width:100%;max-width:30px;border-radius:7px 7px 3px 3px;background:linear-gradient(180deg,#5a9cf0,#2f7de1);transform-origin:bottom;animation:cbUp .7s cubic-bezier(.2,.8,.2,1) both}
.cb.hi i{background:linear-gradient(180deg,#14c38e,#0f9d6b)}
.cb em{font-style:normal;font-size:11px;color:#5d6d7d}
.cb-v{font-size:10.5px;font-weight:700;color:#3e4f60;opacity:0}
.cb:hover .cb-v{opacity:1}
.cbars.muted i{background:#e3eaf2;animation:none}
.chghost{position:relative}.chghost p{background:rgba(255,255,255,.55);position:absolute;inset:0;display:grid;place-items:center;margin:0;font-weight:600;color:#3e4f60;text-align:center;padding:0 20px}
@keyframes cbUp{from{transform:scaleY(.05)}to{transform:none}}
.donut{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.donut svg{width:150px;height:150px;flex:none}
.donut circle{transition:stroke-dasharray .8s}
.dn-v{font-size:22px;font-weight:750;fill:#0b1622}.dn-l{font-size:9.5px;fill:#5d6d7d;text-transform:uppercase;letter-spacing:.08em}
.dn-k{list-style:none;margin:0;padding:0;display:grid;gap:8px;flex:1;min-width:150px}
.dn-k li{display:flex;align-items:center;gap:8px;font-size:13.5px;color:#3e4f60}.dn-k i{width:10px;height:10px;border-radius:3px;flex:none}.dn-k b{margin-left:auto;color:#0b1622}
.funnel{display:grid;gap:14px;margin-top:6px}
.fn-l{display:flex;justify-content:space-between;align-items:baseline;font-size:13.5px;margin-bottom:6px}.fn-l small{color:#5d6d7d;font-size:12px}
.fn-b{position:relative;height:30px;background:#f2f5f8;border-radius:9px;overflow:hidden}
.fn-b i{position:absolute;inset:0 auto 0 0;border-radius:9px;animation:fnIn .9s cubic-bezier(.2,.8,.2,1) both;transform-origin:left}
.fn-b span{position:relative;z-index:1;line-height:30px;padding-left:12px;font-weight:700;color:#fff;font-size:13px}
@keyframes fnIn{from{transform:scaleX(.05)}to{transform:none}}
.hbars{display:grid;gap:12px}
.hb{display:grid;grid-template-columns:34px minmax(110px,180px) 1fr auto;align-items:center;gap:12px;font-size:14px}
.hb-n{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hb-b{height:10px;background:#f0f3f7;border-radius:99px;overflow:hidden}.hb-b i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#2f7de1,#7cc4ff);animation:fnIn .9s both;transform-origin:left}
/* photo avatars */
.av[data-ph]{background:#dfe6ee!important;overflow:hidden;padding:0}
.av img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}
.av.xl{width:64px!important;height:64px!important}
/* HQ head and tabs */
#app .hq-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;border-bottom:0!important;padding:4px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 1px 2px rgba(11,22,34,.04)}
#app .hq-tabs::-webkit-scrollbar{display:none}
#app .hq-tabs [role=tab]{border-radius:10px!important;padding:9px 13px!important;white-space:nowrap;font-weight:600;color:#3e4f60;border:0!important;flex:none}
#app .hq-tabs [role=tab][aria-selected="true"]{background:#0b1622!important;color:#fff!important}
#app .hq-tabs [role=tab][aria-selected="true"] svg{color:#7cc4ff}
.hq-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.hs{display:flex;align-items:center;gap:12px;text-align:left;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 14px;cursor:pointer;font:inherit;color:inherit;transition:transform .15s,box-shadow .15s}
.hs:hover{transform:translateY(-2px);box-shadow:0 10px 24px -14px rgba(11,22,34,.35)}
.hs b{display:block;font-size:14px}.hs small{display:block;font-size:12px;color:#5b6b7b;margin-top:2px}
.hs-ic{width:38px;height:38px;border-radius:11px;display:inline-grid;place-items:center;flex:none}
.hs-ic svg{width:19px;height:19px;stroke:currentColor}
.hs-ic.warn{background:#fff1e6;color:#d9620b}.hs-ic.gold{background:#fff6dc;color:#c88a00}.hs-ic.blue{background:#e8f1fd;color:#2f7de1}.hs-ic.green{background:#e3f7ee;color:#0b7a52}
.warn-t{color:#c2410c!important;font-weight:700}
/* bell */
.bellw{position:relative}
.bell{position:relative;width:40px;height:40px;border-radius:12px;border:1px solid var(--line);background:#fff;display:grid;place-items:center;cursor:pointer;color:#0b1622}
.bell svg{width:20px;height:20px}
.bell.ring svg{animation:ring .9s ease}
@keyframes ring{0%,100%{transform:rotate(0)}15%{transform:rotate(16deg)}30%{transform:rotate(-14deg)}45%{transform:rotate(10deg)}60%{transform:rotate(-6deg)}75%{transform:rotate(3deg)}}
.bct{position:absolute;top:-5px;right:-5px;min-width:19px;height:19px;padding:0 5px;border-radius:99px;background:#e5484d;color:#fff;font-size:11px;font-weight:800;display:grid;place-items:center;border:2px solid #fff}
.bct[hidden]{display:none}
.bpanel{position:absolute;right:0;top:48px;width:min(380px,92vw);max-height:70vh;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 24px 60px -20px rgba(11,22,34,.45);z-index:60}
.bp-h{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff}
.bp-i{display:flex;gap:12px;padding:12px 16px;text-decoration:none;color:inherit;border-bottom:1px solid #f1f4f7;align-items:flex-start}
.bp-i:hover{background:#f7faff}.bp-i.un{background:#f3f8ff}
.bp-i b{display:block;font-size:13.5px}.bp-i small{display:block;font-size:12.5px;color:#5b6b7b;margin-top:2px}.bp-i em{display:block;font-style:normal;font-size:11.5px;color:#5d6d7d;margin-top:3px}
.bp-ic{width:34px;height:34px;border-radius:10px;background:#eef3f8;display:grid;place-items:center;flex:none}.bp-ic svg{width:17px;height:17px;stroke:#2f7de1}
.k-flag .bp-ic{background:#fff1e6}.k-flag .bp-ic svg{stroke:#d9620b}
/* deal pop */
.dealpop{position:fixed;left:50%;top:18px;z-index:200;display:flex;align-items:center;gap:14px;padding:14px 46px 14px 14px;border-radius:20px;background:#0b1622;color:#fff;box-shadow:0 30px 70px -20px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.08) inset;transform:translate(-50%,-140%) scale(.9);opacity:0;transition:transform .55s cubic-bezier(.2,1.4,.3,1),opacity .3s;max-width:calc(100vw - 24px);overflow:hidden}
.dealpop.in{transform:translate(-50%,0) scale(1);opacity:1}
.dp-ring{position:absolute;inset:-40%;background:conic-gradient(from 0deg,transparent,rgba(124,196,255,.35),transparent 30%);animation:spin 2.4s linear infinite;pointer-events:none}
.dealpop>*{position:relative}
.dp-ph{position:relative}
.dp-ph .av{width:58px!important;height:58px!important;box-shadow:0 0 0 3px #f2b233}
.dp-badge{position:absolute;right:-4px;bottom:-4px;width:24px;height:24px;border-radius:50%;background:#f2b233;display:grid;place-items:center;border:2px solid #0b1622}
.dp-badge svg{width:13px;height:13px;stroke:#0b1622;fill:#0b1622}
.dp-k{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#7cc4ff;font-weight:800}
.dp-t b{display:block;font-size:18px;letter-spacing:-.01em;margin:2px 0}
.dp-t small{color:#b6c4d2;font-size:13px}
.dp-x{position:absolute;right:10px;top:10px;width:28px;height:28px;border-radius:50%;border:0;background:rgba(255,255,255,.1);color:#fff;font-size:18px;cursor:pointer}
@keyframes spin{to{transform:rotate(360deg)}}
/* team chat */
.chat{display:grid!important;grid-template-columns:300px minmax(0,1fr);padding:0!important;overflow:hidden;height:min(640px,76vh)}
.chat.in{border:1px solid var(--line);border-radius:14px;height:520px}
.ch-list{border-right:1px solid var(--line);overflow:auto;padding:10px;background:#fafbfd}
.ch-search input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--line);font:inherit;margin-bottom:8px}
.ch-lab{font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:#5d6d7d;margin:12px 8px 6px;font-weight:700}
.ch-row{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border-radius:12px;border:0;background:none;text-align:left;cursor:pointer;font:inherit;color:inherit}
.ch-row:hover{background:#eef3f8}.ch-row.on{background:#fff;box-shadow:0 1px 2px rgba(11,22,34,.06),0 0 0 1px var(--line)}
.ch-row[hidden]{display:none}
.ch-m{min-width:0;flex:1}.ch-m b{display:block;font-size:14px}.ch-m small{display:block;font-size:12.5px;color:#5b6b7b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ch-row em{font-style:normal;font-size:11px;color:#5d6d7d}
.ch-un{min-width:20px;height:20px;border-radius:99px;background:#2f7de1;color:#fff;font-size:11px;font-weight:800;display:grid;place-items:center;padding:0 6px}
.team-av{background:#0b1622!important;color:#fff!important}.team-av svg{width:17px;height:17px;stroke:#fff}
.ch-main{display:flex;flex-direction:column;min-width:0}
.ch-head{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line)}
.ch-head b{display:block}.ch-head small{color:#5b6b7b;font-size:12.5px;display:flex;align-items:center;gap:6px}
.dot-on{display:none!important}
.ch-thread{flex:1;overflow:auto;padding:18px;display:flex;flex-direction:column;gap:12px;background:linear-gradient(#fff,#fbfcfe)}
.ch-day{align-self:center;font-size:11.5px;color:#5d6d7d;background:#f1f4f7;padding:3px 10px;border-radius:99px;margin:4px 0}
.ch-msg{display:flex;gap:10px;align-items:flex-end;max-width:78%}
.ch-msg .av{width:30px!important;height:30px!important}
.ch-msg small{display:block;font-size:11.5px;color:#5d6d7d;margin:0 0 3px 4px}
.ch-msg p{margin:0;padding:10px 14px;border-radius:16px 16px 16px 6px;background:#eef2f6;font-size:14.5px;line-height:1.4}
.ch-msg.me{align-self:flex-end;flex-direction:row-reverse}
.ch-msg.me small{text-align:right;margin-right:4px}
.ch-msg.me p{background:linear-gradient(135deg,#2f7de1,#1f5e93);color:#fff;border-radius:16px 16px 6px 16px}
.ch-sys{align-self:center;display:flex;gap:8px;align-items:center;background:#fff7e3;border:1px solid #f6dfa0;color:#7a5600;padding:8px 14px;border-radius:99px;font-size:13px;font-weight:600;animation:popIn .5s cubic-bezier(.2,1.4,.3,1)}
.ch-sys svg{width:15px;height:15px;stroke:#c88a00;fill:#f2b233}
@keyframes popIn{from{transform:scale(.8);opacity:0}}
.typing{padding:10px 14px!important}.typing span{font-size:13px;font-weight:500;background:linear-gradient(90deg,#5d6d7d 0%,#5d6d7d 35%,#0b5cad 50%,#5d6d7d 65%,#5d6d7d 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:aiShine 1.8s linear infinite}@media (prefers-reduced-motion:reduce){.typing span{animation:none;color:#5d6d7d}}
@keyframes tp{0%,60%,100%{transform:none;opacity:.5}30%{transform:translateY(-4px);opacity:1}}
.ch-empty{margin:auto;color:#5d6d7d}
.ch-in{border-top:1px solid var(--line);padding:10px 14px 14px;display:grid;gap:8px}
.ch-quick{display:flex;gap:6px;flex-wrap:wrap}.ch-quick button{border:1px solid var(--line);background:#fff;border-radius:99px;padding:5px 11px;font:inherit;font-size:12.5px;cursor:pointer;color:#3e4f60}.ch-quick button:hover{border-color:#2f7de1;color:#2f7de1}
.ch-row2{display:flex;gap:8px}.ch-row2 input{flex:1;padding:12px 14px;border-radius:12px;border:1px solid var(--line);font:inherit;min-width:0}.ch-row2 input:focus{outline:2px solid #2f7de1;outline-offset:-1px}
.ch-row2 .btn{width:46px;padding:0;display:grid;place-items:center}
/* awards */
.medal{--mc:#f2b233;width:30px;height:30px;border-radius:50%;display:inline-grid;place-items:center;flex:none;background:radial-gradient(circle at 30% 25%,#fff8,transparent 45%),var(--mc);box-shadow:0 0 0 2px #fff,0 0 0 3.5px var(--mc),0 6px 14px -6px var(--mc)}
.medal svg{width:15px;height:15px;stroke:#fff}
.medal.lg{width:54px;height:54px}.medal.lg svg{width:24px;height:24px}
.medal.sm{width:20px;height:20px;box-shadow:0 0 0 1.5px #fff}.medal.sm svg{width:11px;height:11px}
.lb-aw{display:inline-flex;gap:3px;margin-left:8px;vertical-align:middle}
.aw-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}
.aw-card{border:1px solid var(--line);border-radius:14px;padding:16px;display:flex;flex-direction:column;align-items:flex-start;gap:6px;background:linear-gradient(#fff,#fafbfd)}
.aw-card b{font-size:14.5px;margin-top:6px}.aw-card small{color:#5d6d7d;font-size:12px}
.aw-who{display:flex;margin-top:6px}.aw-who .av{width:28px!important;height:28px!important;margin-right:-7px;box-shadow:0 0 0 2px #fff}.aw-who .more{font-size:12px;margin-left:12px;color:#5b6b7b;align-self:center}
.aw-give .field{margin-bottom:10px;display:grid;gap:6px}
.aw-give select{padding:10px;border-radius:10px;border:1px solid var(--line);font:inherit}
/* prize fund */
.fund-hero{display:grid!important;grid-template-columns:minmax(0,1fr) 180px;gap:20px;align-items:center;background:radial-gradient(120% 140% at 100% 0%,#fff3cf 0%,#fff 55%)!important}
.fund-hero h2{font-size:clamp(22px,2.4vw,30px)!important;letter-spacing:-.025em!important;margin:4px 0 8px}
.fund-hero p{margin:0 0 12px;color:#3e4f60;max-width:58ch}
.eyebrow2{display:block;font-size:11.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#2f7de1}
.fh-pts{list-style:none;margin:0;padding:0;display:grid;gap:6px}.fh-pts li{display:flex;gap:8px;align-items:center;font-size:14px}.fh-pts svg{width:17px;height:17px;stroke:#0f9d6b}
.fh-trophy svg{width:100%;height:auto;animation:bob 3.4s ease-in-out infinite;filter:drop-shadow(0 18px 20px rgba(224,154,18,.35))}
@keyframes bob{50%{transform:translateY(-8px)}}
.fund-opts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.fund-opt{position:relative;display:grid;gap:8px;text-align:left;padding:22px 20px 18px;border-radius:18px;border:1px solid var(--line);background:#fff;cursor:pointer;font:inherit;color:inherit;transition:transform .18s,box-shadow .18s}
.fund-opt:hover{transform:translateY(-3px);box-shadow:0 22px 40px -22px rgba(11,22,34,.45)}
.fund-opt.pop{background:#0b1622;color:#fff;border-color:#0b1622}
.fund-opt.pop .fo-l{color:#c9d6e3}.fund-opt.pop .btn.dark{background:#fff!important;color:#0b1622!important}
.fo-tag{position:absolute;top:-11px;left:20px;background:#f2b233;color:#0b1622;font-size:11px;font-weight:800;padding:3px 10px;border-radius:99px;letter-spacing:.04em}
.fo-a{font-size:34px;font-weight:800;letter-spacing:-.035em}.fo-a small{font-size:14px;font-weight:600;opacity:.65;margin-left:3px}
.fo-l{font-size:13.5px;color:#3e4f60}
.fund-opt .btn{margin-top:6px;justify-self:start}
.fund-live{display:flex!important;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;background:linear-gradient(120deg,#0b1622,#16314f)!important;color:#fff}
.fund-live h2{color:#fff!important;font-size:26px!important;margin:4px 0}.fund-live .demo-note{color:#b6c4d2!important}.fund-live .eyebrow2{color:#f2b233}
.race-h{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}
.race-h b{display:block;font-size:22px;letter-spacing:-.02em;margin-top:2px}.race-h small{color:#5b6b7b;font-size:12.5px}
.race-clock{text-align:center;background:#f3f6f9;border-radius:12px;padding:8px 14px}.race-clock b{font-size:22px}.race-clock small{display:block}
.race-l,.exb-l{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.race-l li,.exb-l li{display:grid;grid-template-columns:22px 36px minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 10px;border-radius:12px}
.race-l li.lead{background:linear-gradient(90deg,#fff7e0,#fff)}
.rk{font-weight:800;color:#5d6d7d;text-align:center}.race-l li.lead .rk{color:#c88a00}
.nm b{display:block;font-size:14px}.nm .bar{display:block;height:7px;background:#eef2f6;border-radius:99px;margin-top:6px;overflow:hidden}.nm .bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#2f7de1,#7cc4ff);transition:width .8s}
.race-l li.lead .nm .bar i{background:linear-gradient(90deg,#f2b233,#ffd76a)}
.v{font-size:16px;font-variant-numeric:tabular-nums}
.win-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.win{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:16px;border:1px solid var(--line);border-radius:14px}
.win .av{width:56px!important;height:56px!important;box-shadow:0 0 0 3px #f2b233}.win small{color:#5b6b7b;font-size:12px}.win span{font-weight:700;color:#0b7a52;font-size:13px}
.gift-card{display:grid!important;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:center;background:linear-gradient(120deg,#f0fbf6,#fff)!important}
.gc-ic{width:46px;height:46px;border-radius:14px;background:#0f9d6b;display:grid;place-items:center}.gc-ic svg{width:22px;height:22px;stroke:#fff}
.gc-t b{display:block;font-size:15.5px}.gc-t small{color:#3e4f60}
.gc-who{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}
.gc-p{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid #cfeedd;background:#fff;cursor:pointer;font:inherit;color:inherit;text-align:left}
.gc-p:hover{border-color:#0b7a52}.gc-p b{display:block;font-size:14px}.gc-p small{color:#5b6b7b;font-size:12px}.gc-p em{margin-left:auto;font-style:normal;font-weight:700;font-size:12.5px;color:#0b7a52}
/* untouched leads */
.rule3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:4px 0 16px}
.rule3>div{border:1px solid var(--line);border-radius:14px;padding:14px;background:#fafbfd}
.rule3 b{display:block;margin:6px 0 2px}.rule3 small{color:#5b6b7b;font-size:12.5px}
.rn{width:24px;height:24px;border-radius:50%;background:#0b1622;color:#fff;display:inline-grid;place-items:center;font-size:12px;font-weight:800}
.rule3>div:nth-child(3) .rn{background:#d9620b}
.lifebar{height:7px;background:#eef2f6;border-radius:99px;overflow:hidden;width:120px;margin-bottom:4px}.lifebar i{display:block;height:100%;background:linear-gradient(90deg,#f2b233,#d9620b);border-radius:99px}
td.act{white-space:nowrap;text-align:right}
/* example board */
.exboard{position:relative;border-radius:20px;padding:20px;background:linear-gradient(160deg,#0b1622,#132a44 70%,#1b3a5c);color:#fff;overflow:hidden;box-shadow:0 30px 60px -30px rgba(11,22,34,.7)}
.exboard:before{content:"";position:absolute;inset:-30% -10% auto auto;width:60%;height:80%;background:radial-gradient(closest-side,rgba(124,196,255,.25),transparent);pointer-events:none}
.exb-h{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;position:relative}
.exb-h b{display:block;font-size:17px;margin-top:6px}.exb-h small{color:#9fb0c1;font-size:12.5px}
.exb-fund{display:flex;gap:8px;align-items:center;background:rgba(242,178,51,.15);border:1px solid rgba(242,178,51,.45);padding:8px 12px;border-radius:12px;font-size:13px}.exb-fund svg{width:16px;height:16px;stroke:#f2b233;fill:#f2b233}
.exb-pod{display:grid;grid-template-columns:1fr 1.15fr 1fr;align-items:end;gap:12px;margin-bottom:16px;position:relative}
.xp{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;position:relative}
.xp .av.xl{width:68px!important;height:68px!important;box-shadow:0 0 0 3px rgba(255,255,255,.9)}
.x1 .av.xl{width:86px!important;height:86px!important;box-shadow:0 0 0 4px #f2b233,0 0 30px rgba(242,178,51,.55)}
.xp-n{position:absolute;top:-2px;right:calc(50% - 40px);width:24px;height:24px;border-radius:50%;background:#fff;color:#0b1622;font-weight:800;font-size:12px;display:grid;place-items:center}
.x1 .xp-n{top:-2px;right:calc(50% - 48px);background:#f2b233}
.xp b{margin-top:10px;font-size:15px}.xp span{font-size:12.5px;color:#b6c4d2}
.xp-bar{width:100%;border-radius:12px 12px 0 0;background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.04));margin-top:8px}
.x1 .xp-bar{height:70px;background:linear-gradient(180deg,rgba(242,178,51,.5),rgba(242,178,51,.05))}.x2 .xp-bar{height:48px}.x3 .xp-bar{height:34px}
.exb-l li{background:rgba(255,255,255,.06)}.exb-l .rk{color:#9fb0c1}.exb-l .nm .bar{background:rgba(255,255,255,.12)}.exb-l .v{color:#fff}
.exb-pop{position:absolute;left:50%;top:auto;bottom:18px;display:flex;align-items:center;gap:10px;background:#fff;color:#0b1622;padding:10px 14px 10px 10px;border-radius:16px;box-shadow:0 20px 40px -12px rgba(0,0,0,.5);transform:translate(-50%,40px);opacity:0;white-space:nowrap;z-index:2}
.exb-pop .av{box-shadow:0 0 0 2px #f2b233}.exb-pop b{display:block;font-size:14px}.exb-pop small{color:#5b6b7b;font-size:12px}
.exb-pop.on{animation:exPop 3.6s cubic-bezier(.2,1.3,.3,1) both}
@keyframes exPop{0%{transform:translate(-50%,40px) scale(.9);opacity:0}12%,82%{transform:translate(-50%,0);opacity:1}100%{transform:translate(-50%,40px) scale(.9);opacity:0}}
.exb-note{margin:14px 0 0;font-size:12.5px;color:#9fb0c1}
/* agents team space */
.ag-team{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:18px}
.ag-me{display:flex!important;gap:16px;align-items:center}.ag-me b{display:block;font-size:28px;letter-spacing:-.03em}.ag-me small{color:#5b6b7b}
.ag-aw{display:flex;gap:6px;margin-top:8px}
.ag-prize{display:flex!important;gap:14px;align-items:center;background:linear-gradient(120deg,#fff7e0,#fff)!important}.ag-prize b{display:block;font-size:20px}.ag-prize small{color:#5b6b7b}
/* $9.99 offer */
.offer{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:18px;align-items:center;padding:18px 20px;border-radius:20px;color:#fff;background:linear-gradient(120deg,#0b1622 0%,#11335a 60%,#1f5e93 100%);overflow:hidden;isolation:isolate;box-shadow:0 24px 50px -28px rgba(31,94,147,.9)}
.offer:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:conic-gradient(from var(--a,0deg),#7cc4ff,transparent 25%,transparent 60%,#f2b233 80%,#7cc4ff);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:ofSpin 4s linear infinite;z-index:-1}
@property --a{syntax:"<angle>";inherits:false;initial-value:0deg}
@keyframes ofSpin{to{--a:360deg}}
.of-glow{position:absolute;inset:-60% auto auto -10%;width:50%;height:200%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.14),transparent);transform:skewX(-20deg);animation:ofSweep 3.8s ease-in-out infinite;z-index:-1}
@keyframes ofSweep{0%{left:-40%}55%,100%{left:120%}}
.of-art{position:relative;width:58px;height:58px;display:block;animation:ofTilt 3s ease-in-out infinite}
.of-art svg{width:58px;height:58px;filter:drop-shadow(0 8px 14px rgba(47,125,225,.6))}
@keyframes ofTilt{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(6deg) translateY(-3px)}}
.of-spark{position:absolute;width:8px;height:8px;background:#fff;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);animation:tw 1.8s ease-in-out infinite}
.of-spark.s1{top:-4px;right:0}.of-spark.s2{bottom:4px;left:-6px;animation-delay:.6s;width:6px;height:6px}.of-spark.s3{top:18px;right:-10px;animation-delay:1.1s;background:#f2b233}
@keyframes tw{0%,100%{transform:scale(.3);opacity:0}50%{transform:scale(1);opacity:1}}
.of-k{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#0b1622;background:#f2b233;padding:3px 9px;border-radius:99px}
.of-t b{display:block;font-size:clamp(16px,1.7vw,20px);letter-spacing:-.015em;margin:6px 0 3px}
.of-p{color:#7cc4ff;font-size:1.25em}.of-t s{color:#9fb0c1;font-weight:500;margin:0 4px 0 6px;font-size:.85em}
.of-t small{color:#c9d6e3;font-size:13px}
.of-clock{position:relative;width:62px;height:62px}
.of-clock svg{width:62px;height:62px;transform:rotate(-90deg)}.of-clock circle{fill:none;stroke:rgba(255,255,255,.15);stroke-width:4}.of-clock circle.v{stroke:#f2b233;stroke-linecap:round;stroke-dasharray:119.4;stroke-dashoffset:calc(119.4 - 119.4 * var(--p) / 100)}
.of-clock span{position:absolute;inset:0;display:grid;place-content:center;text-align:center;line-height:1}.of-clock b{font-size:20px}.of-clock small{font-size:9.5px;color:#c9d6e3;margin-top:2px}
.of-cta{display:inline-flex;align-items:center;gap:8px;border:0;cursor:pointer;font:inherit;font-weight:800;font-size:15px;padding:14px 20px;border-radius:14px;background:#fff;color:#0b1622;box-shadow:0 10px 24px -8px rgba(124,196,255,.9);animation:ofPulse 2.2s ease-in-out infinite;white-space:nowrap}
.of-cta svg{width:18px;height:18px;transition:transform .2s}.of-cta:hover svg{transform:translateX(4px)}
.of-cta:hover{background:#7cc4ff}
@keyframes ofPulse{0%,100%{box-shadow:0 0 0 0 rgba(124,196,255,.6),0 10px 24px -8px rgba(124,196,255,.9)}50%{box-shadow:0 0 0 10px rgba(124,196,255,0),0 10px 24px -8px rgba(124,196,255,.9)}}
.kp2 b span{font-size:inherit!important;font-weight:inherit!important}
.aw-give select{height:44px;line-height:1.2;padding:0 12px;background:#fff}
@media (min-width:901px){#app{background:linear-gradient(90deg,#0b1622 0 248px,#f3f6f9 248px)!important}}
#app .podium{gap:14px;align-items:end}
#app .pod .av{width:64px!important;height:64px!important;box-shadow:0 0 0 3px #fff,0 10px 24px rgba(7,17,27,.18)}
#app .pod.p1 .av{width:84px!important;height:84px!important;box-shadow:0 0 0 4px #f2b233,0 0 28px rgba(242,178,51,.55)}
#app .pod-bar{border-radius:14px 14px 0 0!important;border:0!important}
#app .pod.p1 .pod-bar{background:linear-gradient(180deg,#ffd76a,#e09a12)!important;color:#0b1622!important}
#app .pod.p2 .pod-bar{background:linear-gradient(180deg,#eef2f6,#c9d3dd)!important}
#app .pod.p3 .pod-bar{background:linear-gradient(180deg,#f6d7bd,#d9925b)!important}
#app .lb-bar i{background:linear-gradient(90deg,#2f7de1,#7cc4ff)!important;border-radius:99px}
#app .lb li:nth-child(1) .lb-bar i{background:linear-gradient(90deg,#f2b233,#ffd76a)!important}
#app .lb li{border-radius:12px}
#app .lb li.up{background:#ecfdf3}
#app .dhero{background:radial-gradient(120% 160% at 100% 0%,#1f5e93 0%,#0f2a45 45%,#0b1622 100%)!important;color:#fff!important;border:0!important;border-radius:20px!important;padding:26px 28px!important;box-shadow:0 24px 50px -30px rgba(11,22,34,.9)}
#app .dhero .dh-k{color:#9fc6ee!important}
#app .dhero h2{color:#fff!important}
#app .dhero p{color:#c9d6e3!important}
#app .dhero .cta.light{background:#fff!important;color:#0b1622!important}
#app .dhero .cta.glass{background:rgba(255,255,255,.1)!important;border:1px solid rgba(255,255,255,.3)!important;color:#fff!important}
#app .dhero .ring-goal.xl circle{stroke:rgba(255,255,255,.14)}#app .dhero .ring-goal.xl circle.v{stroke:#7cc4ff}
#app .dhero .ring-goal b{color:#fff}#app .dhero .ring-goal small{color:#9fb0c1!important}
#app .dhero .dh-drop{background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.14)!important;color:#fff}
#app .dhero .dh-drop span{color:#9fb0c1!important}#app .dhero .dh-drop b{color:#fff!important}#app .dhero .dh-drop a{color:#7cc4ff!important}
#app .kpi>span:first-child svg{width:28px!important;height:28px!important;padding:6px;border-radius:8px;background:#eaf2fd;color:#2f7de1;stroke:currentColor}
#app .onboard .bar i{background:linear-gradient(90deg,#2f7de1,#14c38e)!important}
.pg.vision{background:linear-gradient(180deg,#f3f6f9,#fff)}
.vis{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(24px,4vw,56px);align-items:center}
.vis-l{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:14px}
.vis-l li{display:flex;gap:14px;align-items:flex-start}
.vis-l .ti{flex:none;width:40px;height:40px;border-radius:12px;background:#0b1622;display:grid;place-items:center}.vis-l .ti svg{width:20px;height:20px;stroke:#fff!important;color:#fff}
.vis-l b{display:block;font-size:16px}.vis-l small{display:block;color:#4f5f6f;font-size:14.5px;line-height:1.45;margin-top:2px}
@media (max-width:900px){.vis{grid-template-columns:1fr}}
#app .hq-tabs{flex-wrap:nowrap!important;overflow-x:auto!important}
#app .hq-tabs [role=tab]{flex:none!important;width:auto!important}
.kp-f{flex-wrap:wrap;row-gap:4px}
@media (max-width:560px){.hq-body .tscroll .tbl{min-width:600px}.offer .of-t small{display:none}.kp2 b{font-size:24px}}
/* v12b small phones: keep the header inside the screen, bigger footer taps */
@media (max-width:380px){.topnav .navr .nlog{display:none!important}.topnav .navbar{gap:6px!important;padding-left:12px!important;padding-right:8px!important}.topnav .logo .word{font-size:15px}}
@media (max-width:760px){footer.site a{display:inline-block;padding:7px 0;min-height:32px}}
@media (max-width:1100px){.hq-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.grid3c{grid-template-columns:1fr}.grid3c .span2{grid-column:auto}.offer{grid-template-columns:auto minmax(0,1fr) auto}.of-cta{grid-column:1/-1;justify-content:center}}
@media (max-width:860px){.grid2.wide-l,.ag-team,.fund-opts,.rule3{grid-template-columns:1fr}.fund-hero{grid-template-columns:1fr}.fh-trophy{display:none}.chat{grid-template-columns:1fr;height:auto}.ch-list{max-height:220px;border-right:0;border-bottom:1px solid var(--line)}.ch-thread{min-height:320px}.hb{grid-template-columns:30px minmax(0,1fr) 70px auto}}
@media (max-width:560px){.hq-strip{grid-template-columns:1fr}.offer{grid-template-columns:auto minmax(0,1fr);padding:16px}.of-clock{display:none}.kp2{min-height:120px}.exb-pod .xp .av.xl{width:54px!important;height:54px!important}.x1 .av.xl{width:68px!important;height:68px!important}.xp-n{right:calc(50% - 32px)}.x1 .xp-n{right:calc(50% - 40px)}.dealpop{padding-right:40px}.dp-t b{font-size:15.5px}.ch-msg{max-width:92%}}
@media (prefers-reduced-motion:reduce){.offer:after,.of-glow,.of-art,.of-spark,.of-cta,.fh-trophy svg,.dp-ring,.exb-pop.on,.cb i,.fn-b i,.hb-b i{animation:none!important}}
#admRoot{--line:#e3e9ef}
#admRoot .charts{margin:16px 0}
.ltag{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:6px;background:#e8f1fb;color:#1f4f7a;font-size:11px;font-weight:700;vertical-align:1px}
footer.site .fbot a.rw{order:-1;margin-right:8px}footer.site .fbot{align-items:center}@media (max-width:760px){footer.site .fbot{flex-direction:column;align-items:flex-start}footer.site .fbot .sp{display:none}}
.blogcard{display:flex;flex-direction:column;gap:8px;text-decoration:none;color:inherit}.blogcard h3{margin:0;font-size:19px;line-height:1.25}.blogcard p{margin:0;color:var(--muted)}
.offer.v2{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 22px;border-radius:18px;background:#0a1119;border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 40px -24px rgba(5,12,20,.8);color:#fff;overflow:hidden;position:relative}
.offer.v2:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(120deg,rgba(124,196,255,.55),rgba(255,255,255,.05) 40%,rgba(124,196,255,.25));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.offer.v2 .of-l{display:flex;flex-direction:column;gap:6px;min-width:0}
.offer.v2 .of-k{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:11.5px;line-height:1;letter-spacing:.14em;text-transform:uppercase;color:#9fb3c8}
.offer.v2 .of-k i{width:3px;height:3px;border-radius:2px;background:#5b6f84;display:inline-block}
.offer.v2 .of-pr{display:flex;align-items:baseline;gap:10px}
.offer.v2 .of-pr b{font-family:'Archivo',sans-serif;font-weight:800;font-size:40px;line-height:1;letter-spacing:-.02em;color:#fff}
.offer.v2 .of-pr span{font-size:15px;color:#c9d6e3}
.offer.v2 .of-pr s{font-size:15px;color:#7d90a4}
.offer.v2 p{margin:0;font-size:14px;line-height:1.45;color:#b6c4d2;max-width:56ch}
.offer.v2 .of-cta{flex:none;display:inline-flex;align-items:center;gap:10px;height:48px;padding:0 22px;border-radius:12px;border:0;background:#fff;color:#0a1119;font-weight:600;font-size:15px;cursor:pointer;transition:transform .2s,background .2s}
.offer.v2 .of-cta:hover{background:#e8f2fc;transform:translateY(-1px)}
.offer.v2 .of-cta svg{width:16px;height:16px}
.offer.v2 .of-art,.offer.v2 .of-glow,.offer.v2 .of-clock{display:none!important}
@media (max-width:560px){.offer.v2{flex-direction:column;align-items:stretch;padding:18px}.offer.v2 .of-pr b{font-size:34px}.offer.v2 .of-cta{justify-content:center;width:100%}}
@media (max-width:560px){.dealpop{top:10px!important;width:calc(100vw - 24px);max-width:360px;padding:10px 40px 10px 10px!important;gap:10px!important;border-radius:16px!important}.dealpop .dp-ph{width:42px!important;height:42px!important;flex:none}.dealpop .dp-ph .av,.dealpop .dp-ph img{width:42px!important;height:42px!important}.dealpop .dp-badge{width:16px!important;height:16px!important}.dealpop .dp-ring{display:none}.dealpop .dp-t b{font-size:15px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.dealpop .dp-t small{font-size:12px!important}.dealpop .dp-k{font-size:10.5px!important}.dealpop .dp-x{top:8px!important;right:8px!important;width:28px!important;height:28px!important}}
.av img,.dp-ph img{object-fit:cover;object-position:50% 28%}
.offer.v2 .of-k{background:none!important;padding:0!important;border:0!important;border-radius:0!important;color:#9fb3c8!important;box-shadow:none!important;animation:none!important;width:auto!important}

/* v24: store and form selects never cut off text (desktop and phone) */
#app .filters select,#app .field select,#app .filters input:not([type=checkbox]):not([type=radio]),#app .field input:not([type=checkbox]):not([type=radio]){height:auto;min-height:40px;padding:9px 12px;line-height:1.3;font-size:14px}
#app .filters select,#app .field select{-webkit-appearance:none;appearance:none;padding-right:34px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23516374' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 12px center;text-overflow:ellipsis;max-width:100%}
@media (max-width:700px){#app .filters{display:grid;grid-template-columns:1fr 1fr;gap:8px}#app .filters input[type=search]{grid-column:1/-1}#app .filters select{width:100%;font-size:16px}#app .filters>.btn,#app .filters>.seg,#app .filters>label.btn{grid-column:1/-1;justify-content:center}}
/* v24: leader earnings card */
#app .card.earn,.card.earn{background:#0a1119;color:#fff;border:0!important;padding:24px;position:relative;overflow:hidden}
.card.earn:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(120deg,rgba(124,196,255,.5),rgba(255,255,255,.04) 45%,rgba(124,196,255,.22));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.ea-top{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;flex-wrap:wrap}
.ea-main{display:flex;flex-direction:column;gap:4px;min-width:0}
.ea-k{font-size:13px;color:#9fb3c6;letter-spacing:.02em}
.ea-n{font-family:var(--brand);font-size:clamp(44px,7vw,72px);line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums;transition:transform .3s}
.ea-n.pop{transform:scale(1.04)}
.ea-up{align-self:flex-start;font-size:13px;font-weight:600;color:#0a1119;background:#9fd0ff;border-radius:6px;padding:3px 8px;margin-top:6px}
.ea-pace{color:#9fb3c6;font-size:13.5px;margin-top:6px}.ea-pace b{color:#fff}
.ea-split{display:grid;grid-template-columns:1fr 1fr;gap:10px;min-width:min(100%,380px)}
.ea-split>div{background:rgba(255,255,255,.05);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:2px}
.ea-split span{font-size:12px;color:#9fb3c6}.ea-split b{font-size:22px;font-variant-numeric:tabular-nums}.ea-split small{font-size:12px;color:#7f93a6}
.ea-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}
.ea-tile{border-top:1px solid rgba(255,255,255,.1);padding-top:12px;display:flex;flex-direction:column;gap:3px}
.ea-tile b{font-size:20px;font-variant-numeric:tabular-nums}.ea-tile span{font-size:13px;color:#9fb3c6;line-height:1.35}
.ea-cta{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1);flex-wrap:wrap}
.ea-cta span{font-size:14px;color:#d5e1ec}.ea-cta b{color:#fff}
#app .card.earn .btn.dark,.card.earn .btn.dark{background:#fff!important;color:#0a1119!important;border-color:#fff!important}
.ea-mini{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:6px 0 10px}.ea-mini>div{background:var(--paper);border-radius:10px;padding:12px}.ea-mini b{display:block}.ea-mini span{font-size:20px;font-weight:700}
@media (max-width:760px){.card.earn{padding:18px}.ea-row{grid-template-columns:1fr}.ea-split{grid-template-columns:1fr 1fr;width:100%}.ea-cta .btn{width:100%;justify-content:center}}
a.hs{text-decoration:none;color:inherit}.hq-strip.mm{margin:0 0 20px}

/* v24: team code, personal link, photos and logos */
.join-card{max-width:620px}.join-code{display:block;font-family:var(--brand);font-size:clamp(28px,5vw,40px);letter-spacing:-.01em;line-height:1.1;word-break:break-all}
.join-logo{width:72px;height:72px;border-radius:16px;object-fit:cover;margin-bottom:12px;border:1px solid var(--line)}
.linkcard2{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:20px;align-items:center;margin-bottom:20px}
.linkcard2 .ea-k{color:var(--muted);font-size:13px;display:block}.linkcard2 .phone-row{margin:6px 0 8px;flex-wrap:wrap}
.linkcard2 .kv4{grid-template-columns:repeat(3,1fr)}
@media (max-width:760px){.linkcard2{grid-template-columns:1fr}.linkcard2 .phone-row .btn{flex:1;justify-content:center}}
.phfield{display:flex;gap:16px;align-items:center}.phfield b{display:block}
.phprev{width:72px;height:72px;border-radius:50%;overflow:hidden;flex:none;display:grid;place-items:center;background:var(--soft);font-weight:700;font-size:22px;color:var(--muted)}
.phprev.sq{border-radius:16px}.phprev img{width:100%;height:100%;object-fit:cover}.phprev svg{width:28px;height:28px}
.phsep{border:0;border-top:1px solid var(--line);margin:16px 0}
.hq-hbtns{display:flex;gap:8px;margin-left:auto}
#avatar.hasph{padding:0;overflow:hidden}#avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}
.av.lg{border-radius:12px}
.stripe-card{display:flex;align-items:center;gap:14px;margin-bottom:20px}.stripe-card>div{flex:1;min-width:0}.stripe-card b{display:block}.stripe-card small{color:var(--muted)}
.stripe-card.due{border-color:#0a1119!important;box-shadow:0 0 0 1px #0a1119 inset!important}
@media (max-width:620px){.stripe-card{flex-wrap:wrap}.stripe-card .btn{width:100%;justify-content:center}}

/* v24: next drop tile, bell, title, tour on phones */
.dh-drop{display:flex;flex-direction:column;gap:2px;min-width:180px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);backdrop-filter:none;border-radius:16px;padding:14px 16px;color:#fff;text-decoration:none;transition:background .2s,border-color .2s}
.dh-drop:hover{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.3)}
.dh-drop span{font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:#a9c3dc;opacity:1}
.dh-drop b{font-family:var(--brand);font-size:30px;line-height:1.05;letter-spacing:-.02em}
.dh-drop em{font-style:normal;font-size:13px;color:#cfe0ef;font-variant-numeric:tabular-nums}.dh-drop em i{font-style:normal}
.dh-drop u{text-decoration:none;font-size:13px;font-weight:600;color:#9fd0ff;margin-top:6px}
@media (max-width:900px){.dh-r{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:stretch;width:100%}.dh-drop{min-width:0;justify-content:center}.ring-goal.xl{width:112px;height:112px;align-self:center}.ring-goal.xl b{font-size:30px}}
.topbar .bellw{display:flex;align-items:center}
.topbar .bell{width:34px;height:34px;margin:0;border-radius:10px;animation:none;background:#fff;color:#0b1622;border:1px solid #e3e8ee}
.topbar .bell svg{width:18px;height:18px}
@media (max-width:430px){#viewTitle{display:none}}
@media (max-width:700px){.tour-card,.tour-card[style]{left:12px!important;right:12px!important;top:auto!important;bottom:12px!important;width:auto!important;max-width:none!important;transform:none!important;animation:tourUp .3s ease both;max-height:72vh;overflow:auto;border-radius:18px}}
@keyframes tourUp{from{transform:translateY(16px);opacity:0}to{transform:none;opacity:1}}
@media (min-width:701px){.tour-card{animation:tourFade .3s ease both}}
@keyframes tourFade{from{opacity:0}to{opacity:1}}
@media (max-width:700px){.tour-img{height:130px}.tour-txt{padding:16px 18px 18px}.tour-txt h2{font-size:22px}}
@media (max-width:700px){
 .store-tbl thead{display:none}.store-tbl,.store-tbl tbody{display:block}
 .store-tbl tr{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;padding:12px 2px;border-bottom:1px solid #edf1f5}
 .store-tbl td{border:0!important;padding:0!important;font-size:13px}
 .store-tbl td:nth-child(1){order:0;width:24px}.store-tbl td:nth-child(3){order:1;flex:1 1 calc(100% - 140px);min-width:0;font-size:14.5px}
 .store-tbl td:nth-child(8){order:2;text-align:right;font-size:15px}
 .store-tbl td:nth-child(2){order:3;padding-left:34px!important}.store-tbl td:nth-child(4){order:4}.store-tbl td:nth-child(5){order:5}.store-tbl td:nth-child(7){order:6}
 .store-tbl td:nth-child(4),.store-tbl td:nth-child(5),.store-tbl td:nth-child(7){color:var(--muted)}
 .store-tbl td:nth-child(7):before{content:"Sold ";}.store-tbl td:nth-child(6){display:none}
 .store-tbl td:nth-child(8) small{display:block;font-size:11px}
 .dh-drop b{font-size:24px;white-space:nowrap}
}
@media (max-width:700px){#app .filters input:not([type=checkbox]):not([type=radio]){grid-column:1/-1}
 .hq-head .hq-brand{flex-wrap:wrap}.hq-head .hq-brand>div{flex:1 1 calc(100% - 60px);min-width:0}.hq-head .hq-brand h2{font-size:22px;line-height:1.15}
 .hq-hbtns{flex:1 1 100%;margin-left:0}.hq-hbtns .btn{flex:1;justify-content:center}}
@media (max-width:700px){
 .lead-tbl thead{display:none}.lead-tbl,.lead-tbl tbody{display:block}
 .lead-tbl tr{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;padding:12px 2px;border-bottom:1px solid #edf1f5}
 .lead-tbl td{border:0!important;padding:0!important;font-size:13px;color:var(--muted)}
 .lead-tbl td:nth-child(2){order:0;flex:1 1 calc(100% - 80px);min-width:0;color:var(--ink);font-size:14.5px}
 .lead-tbl:not(.cmp) td:nth-child(6),.lead-tbl.cmp td:nth-child(4){order:1;text-align:right}
 .lead-tbl td:nth-child(1){order:2}.lead-tbl td:nth-child(3){order:3}.lead-tbl:not(.cmp) td:nth-child(4){order:4}.lead-tbl:not(.cmp) td:nth-child(5){order:5}.lead-tbl:not(.cmp) td:nth-child(7){order:6}
 .lead-tbl:not(.cmp) td:nth-child(7):before{content:"Last call ";}
 .kanban{grid-template-columns:repeat(5,82vw);scroll-snap-type:x mandatory}.kanban .col{scroll-snap-align:start;max-height:72vh;overflow:auto;min-height:0}
}
@media (max-width:700px){.toast{top:auto!important;bottom:calc(84px + env(safe-area-inset-bottom));transform:translate(-50%,40px)!important;max-width:calc(100vw - 32px);font-size:14px;padding:12px 16px}.toast.show,.toast.on{transform:translate(-50%,0)!important}}
#app .card.ndrop{background:#0a1119;color:#fff;border:0!important;display:flex;flex-direction:column;justify-content:space-between;gap:20px;padding:24px}
.nd-k{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#a9c3dc}
.nd-t{display:block;font-family:var(--brand);font-size:clamp(40px,5vw,60px);line-height:1;letter-spacing:-.02em;margin:8px 0 6px}.nd-t small{font-family:var(--display);font-size:16px;font-weight:500;color:#a9c3dc;letter-spacing:0}
.nd-c{font-size:15px;color:#cfe0ef;font-variant-numeric:tabular-nums}
.nd-times{display:grid;grid-template-columns:1fr 1fr;gap:10px}.nd-times>div{border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:12px 14px}.nd-times>div.on{border-color:#9fd0ff;background:rgba(159,208,255,.08)}
.nd-times b{display:block;font-size:18px}.nd-times span{font-size:12.5px;color:#a9c3dc}
.nd-acts{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.nd-acts>.btn{flex:none;margin:0!important}.card.ndrop .btn{background:#fff;color:#0a1119;border-color:#fff}.card.ndrop .btn.ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.3)}
.payrun{margin-bottom:20px}.pr-steps{list-style:none;margin:0 0 14px;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.pr-steps li{background:var(--paper);border-radius:12px;padding:12px}.pr-steps b{display:block}.pr-steps span{font-size:13px;color:var(--muted)}
.pr-sum{display:flex;gap:24px;margin:0 0 14px}.pr-sum span{display:block;font-size:12px;color:var(--muted)}.pr-sum b{font-size:24px}
@media (max-width:700px){.pr-steps{grid-template-columns:1fr}}
.fe-amt{color:#25664a!important}

/* v25: developer fix list */
footer.site .fgrid > div:not(.fbrand) a{color:rgba(255,255,255,.8)!important;transition:color .15s}
footer.site .fgrid > div:not(.fbrand) a:hover,footer.site .fgrid > div:not(.fbrand) a:focus-visible{color:#fff!important;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
footer.site .fai a{transition:background .15s,border-color .15s}
footer.site .fai a:hover{background:rgba(255,255,255,.22)!important;border-color:rgba(255,255,255,.6)!important}
footer.site .fai .ail{width:22px!important;height:22px!important;padding:3px;box-sizing:border-box;background:#fff;border-radius:6px}
footer.site .fai .ail[fill="#fff"]{fill:#0b1520}
select{-webkit-appearance:none;appearance:none;padding-right:38px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23516374' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 14px center!important;background-size:12px 8px!important}
#site h1:not(.big),#site h2{line-height:1.07!important;letter-spacing:-.032em!important;padding-bottom:.04em}
#site h3{line-height:1.1!important}
@media (min-width:901px){body.side-min #app{grid-template-columns:minmax(0,1fr);background:#f3f6f9!important}body.side-min .side{display:none}}
.side-x{display:none}
@media (max-width:900px){.side-x{display:grid;place-items:center;position:absolute;top:14px;right:12px;width:36px;height:36px;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:transparent;color:#fff;cursor:pointer;z-index:2}.side-x svg{width:18px;height:18px}
 .side-shade{position:fixed;inset:0;background:rgba(7,17,27,.45);z-index:69}.side.open{position:fixed}}
@media (min-width:901px){.side-shade{display:none!important}}
@media (min-width:621px){.dc-facts{grid-template-columns:minmax(0,1.7fr) repeat(2,minmax(0,1fr)) minmax(0,.8fr)}}
.dc-facts b{display:block;overflow-wrap:break-word;word-break:normal;line-height:1.25;font-size:14.5px}
body.has-cart .ai-fab{bottom:92px}
@media (max-width:620px){body.has-cart .ai-fab{bottom:96px}}
#views .cartbar{padding-right:14px}
.vswitch button{white-space:nowrap}.vswitch{flex:none}
#viewTitle{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kv4{margin-bottom:14px}
#liMsg{margin-bottom:4px}.card .field+.filters{margin-top:12px}
.wkchk{margin-left:0}
.arw{width:1.05em;height:1.05em;display:inline-block;vertical-align:-.16em;margin-left:.15em;transition:transform .2s}a:hover>.arw,button:hover>.arw,a:hover .arr .arw{transform:translateX(3px)}
.navr .nlink{white-space:nowrap}
@media (max-width:480px){.navr .nlogout{display:none!important}}
@media (min-width:431px){#app .topbar{flex-wrap:nowrap}#app .topbar #viewTitle{flex:1 1 auto}}
@media (min-width:431px) and (max-width:820px){#app .topbar{gap:8px}#app .topbar .vswitch button{padding:0 8px}}
.ea-mini span{font-size:16px;display:block;line-height:1.25}
/* quick buy pills: center the label in each stretched pill */
.buybar button{justify-content:center;text-align:center}
/* weekly checkbox: keep it an 18px square, not the 34px filter text box style */
.wkchk{align-items:center}#app .wkchk input.chk{flex:none;width:18px;height:18px;min-height:0;margin:0;padding:0;border-radius:4px;align-self:center}
/* phone drawer: pin to both screen edges so it fills the screen when Safari hides its toolbar */
@media (max-width:900px){.side.open{top:0;bottom:0;height:auto!important;max-height:none;padding-bottom:calc(18px + env(safe-area-inset-bottom))!important}}
/* wide screens: the navbar hugs its links and sits centered on every page (photo and plain pages alike) */
@media (min-width:1500px){.topnav{width:fit-content;max-width:calc(100% - 64px);margin-inline:auto}}
/* app header between phone and desktop: the demo toggle gets its own row so the page title keeps its room; long titles end in an ellipsis instead of a cut off letter */
@media (min-width:621px) and (max-width:1100px){.topbar{flex-wrap:wrap!important;row-gap:8px}.topbar>span:has(.vswitch){order:20;flex-basis:100%;display:flex;justify-content:flex-end}}
.topbar h1{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:620px){.topbar h1{visibility:hidden}}
/* notifications panel: on narrower screens anchor it to the header's right edge so it never runs off the left side */
@media (max-width:900px){.bellw{position:static}.bpanel{right:clamp(16px,3vw,28px);top:calc(100% + 6px);width:min(380px,calc(100vw - 24px))}}