/* 369 Launch — sales landing v2 */
:root{--night:#0a0f1a;--night-2:#111a2b;--line-d:#223049;--txt-d:#c9d3e3}
h1{font-size:clamp(2.4rem,6.2vw,4.6rem);font-weight:800;letter-spacing:-.03em;line-height:1.02}
h2{font-size:clamp(1.9rem,4.2vw,3rem);font-weight:800;letter-spacing:-.025em;line-height:1.05}
.band--night{background:var(--night);color:#fff}
.band--night .muted{color:var(--txt-d)}.band--night .eyebrow{color:#ffb264}
.band--amber{background:var(--amber);color:#1a0d00}
.topbar{background:var(--ink);color:#fff;font:600 .82rem var(--body);text-align:center;padding:9px 16px}
.topbar b{color:#ffb264}

/* HERO */
.shero{position:relative;background:var(--night);color:#fff;overflow:hidden;min-height:min(92vh,860px);display:grid;align-items:center}
.shero__pic{position:absolute;inset:0}
.shero__pic img{width:100%;height:100%;object-fit:cover;object-position:68% 40%}
.shero__pic::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--night) 0%,rgba(10,15,26,.92) 32%,rgba(10,15,26,.45) 60%,rgba(10,15,26,.05) 100%),linear-gradient(0deg,var(--night) 0%,transparent 35%)}
.shero .shell{position:relative;z-index:2;padding-top:clamp(56px,9vw,120px);padding-bottom:clamp(56px,8vw,96px);display:grid;grid-template-columns:minmax(0,640px) 1fr;gap:24px}
.shero__kick{display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:8px 14px 8px 8px;font:600 .82rem var(--body);margin-bottom:22px;backdrop-filter:blur(8px)}
.shero__kick i{width:24px;height:24px;border-radius:50%;background:var(--amber);display:grid;place-items:center;font-style:normal;font-size:.75rem;color:#1a0d00;font-weight:800}
.shero h1 .hl{color:var(--amber)}
.shero .lede{color:var(--txt-d);margin:22px 0 30px;max-width:54ch}
.shero__cta{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.btn--xl{min-height:60px;padding:0 30px;font-size:1.08rem}
.btn--glass{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:#fff}
.btn--glass:hover{background:rgba(255,255,255,.14)}
.shero__trust{display:flex;gap:22px;flex-wrap:wrap;margin-top:34px;font:600 .9rem var(--body);color:var(--txt-d)}
.shero__trust span{display:flex;align-items:center;gap:8px}
.shero__trust span::before{content:"";width:18px;height:18px;border-radius:50%;background:var(--mint);flex:none;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/12px no-repeat,linear-gradient(#000,#000);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/12px no-repeat;-webkit-mask-composite:xor;mask-composite:exclude}
/* lead toasts over photo */
.toasts{position:relative;z-index:2;align-self:end;justify-self:end;width:min(360px,100%);margin-bottom:70px;display:grid;gap:10px;pointer-events:none}
.ltoast{background:#fff;color:var(--ink);border-radius:16px;padding:12px 14px;display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:center;box-shadow:0 20px 50px -20px rgba(0,0,0,.7);transform:translateX(30px);opacity:0;animation:tin .6s cubic-bezier(.2,.8,.2,1) forwards}
.ltoast i{width:40px;height:40px;border-radius:12px;background:#25d366;display:grid;place-items:center;font-style:normal;font-size:1.2rem}
.ltoast b{display:block;font:700 .9rem var(--display)}.ltoast span{font-size:.8rem;color:var(--muted)}
.ltoast small{display:none}
.ltoast{position:relative}
@keyframes tin{to{transform:none;opacity:1}}
/* hero entrance */
.ent>*{animation:up .7s cubic-bezier(.2,.8,.2,1) both}
.ent>*:nth-child(2){animation-delay:.08s}.ent>*:nth-child(3){animation-delay:.16s}.ent>*:nth-child(4){animation-delay:.24s}.ent>*:nth-child(5){animation-delay:.32s}
@keyframes up{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@media(max-width:900px){
  .shero{min-height:0}
  .shero .shell{grid-template-columns:1fr;padding-top:300px}
  .shero__pic img{object-position:70% 12%;height:420px}
  .shero__pic::after{background:linear-gradient(0deg,var(--night) 0%,var(--night) 38%,rgba(10,15,26,.55) 58%,rgba(10,15,26,.05) 100%)}
  .toasts{justify-self:start;width:100%}
}

/* marquee industries */
.mq{overflow:hidden;border-top:1px solid var(--line-d);border-bottom:1px solid var(--line-d);background:var(--night);color:#fff;padding:14px 0;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.mq__track{display:flex;gap:14px;width:max-content;animation:mq 40s linear infinite}
.mq__track span{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line-d);border-radius:999px;padding:8px 16px;font:600 .9rem var(--body);white-space:nowrap;color:var(--txt-d)}
@keyframes mq{to{transform:translateX(-50%)}}
.mq:hover .mq__track{animation-play-state:paused}

/* TRY band */
.try{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,72px);align-items:center}
.try h2{max-width:14ch}
.try .hero__try{box-shadow:0 30px 60px -30px rgba(14,27,46,.4);max-width:none}
@media(max-width:900px){.try{grid-template-columns:1fr}}

/* VALUE STACK */
.stack{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(24px,5vw,64px);align-items:center}
.stack__list{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:0;border-top:1px solid var(--line-d)}
.stack__list li{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line-d)}
.stack__list b{display:block;font:700 1.05rem var(--display)}.stack__list span{color:var(--txt-d);font-size:.9rem}
.stack__list em{font:700 1.05rem var(--display);font-style:normal;color:#8a97ad;text-decoration:line-through;text-decoration-color:var(--amber);text-decoration-thickness:2px}
.stack__total{display:flex;justify-content:space-between;align-items:baseline;padding:18px 0 0;font:700 1.1rem var(--display)}
.stack__total em{font-style:normal;color:#8a97ad;text-decoration:line-through;text-decoration-color:var(--amber);text-decoration-thickness:2px;font-size:1.4rem}
.offer{isolation:isolate;background:#fff;color:var(--ink);border-radius:28px;padding:clamp(26px,3vw,40px);position:relative;box-shadow:0 40px 80px -40px rgba(0,0,0,.8)}
.offer::before{content:"";position:absolute;inset:-2px;border-radius:30px;background:linear-gradient(135deg,var(--amber),#ffd166 40%,var(--amber));z-index:-1}
.offer .tag{display:inline-block;background:var(--ink);color:#ffb264;font:700 .78rem var(--display);padding:6px 12px;border-radius:999px;margin-bottom:14px}
.offer .big{font:800 clamp(3rem,7vw,4.6rem)/1 var(--display);letter-spacing:-.04em}
.offer .big small{font:600 1rem var(--body);letter-spacing:0;color:var(--muted);display:block;margin-top:6px}
.offer ul{list-style:none;padding:0;margin:18px 0 20px;display:grid;gap:9px}
.offer li{display:flex;gap:10px;align-items:flex-start;font-size:.95rem}
.offer li::before{content:"✓";color:var(--mint);font-weight:800;flex:none}
.offer .renew{display:flex;justify-content:space-between;align-items:center;background:var(--sky);border-radius:14px;padding:12px 14px;font-size:.9rem;margin-bottom:16px}
.offer .renew b{font:800 1.3rem var(--display)}
.offer .fine{font-size:.8rem;color:var(--soft);margin-top:10px;text-align:center}
@media(max-width:900px){.stack{grid-template-columns:1fr}}

/* SHOWCASE devices */
.tabs2{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 26px}
.tabs2 button{border:1.5px solid var(--line);background:#fff;border-radius:999px;padding:10px 16px;font:600 .9rem var(--body);cursor:pointer;color:var(--muted);display:inline-flex;gap:8px;align-items:center;min-height:42px}
.tabs2 button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}
.devices{position:relative;display:grid;grid-template-columns:1fr;min-height:420px}
.laptop{width:min(880px,100%);margin:0 auto;position:relative}
.laptop__screen{background:#0a0f1a;border-radius:18px 18px 6px 6px;padding:12px 12px 0;box-shadow:0 40px 80px -30px rgba(14,27,46,.6)}
.laptop__screen img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top;border-radius:8px 8px 0 0;display:block;background:#f3f6fb}
.laptop__base{height:16px;background:linear-gradient(#c9d3e3,#aab6c8);border-radius:0 0 14px 14px;margin:0 -3%}
.phone2{position:absolute;right:-2%;bottom:-6%;width:min(210px,32%);aspect-ratio:9/19;background:#0a0f1a;border-radius:30px;padding:8px;box-shadow:0 30px 60px -20px rgba(0,0,0,.6);transform:rotate(-4deg)}
.phone2 img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:23px;display:block;background:#fff}
.show__cta{text-align:center;margin-top:40px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
@media(max-width:700px){.phone2{display:none}.devices{min-height:0}}

/* PHOTO STRIP */
.strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.tile--all{background:var(--night);display:grid;place-items:center;text-align:center;padding:20px}.tile--all::after{display:none}.tile--all b{position:static;font-size:1.3rem}.tile--all b small{color:#c9d3e3;font-size:.85rem;margin-top:8px}
.tile{position:relative;aspect-ratio:3/4;border-radius:18px;overflow:hidden;text-decoration:none;color:#fff;display:block}
.tile img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.tile:hover img{transform:scale(1.06)}
.tile::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.8),transparent 55%)}
.tile b{position:absolute;left:14px;right:14px;bottom:14px;z-index:1;font:700 1rem var(--display);line-height:1.2}
.tile b small{display:block;font:600 .75rem var(--body);color:#ffb264;margin-top:4px}
@media(max-width:900px){.strip{grid-template-columns:repeat(3,1fr)}.tile{aspect-ratio:1}}
@media(max-width:520px){.strip{grid-template-columns:repeat(2,1fr)}}

/* STEPS v2 */
.steps2{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;position:relative}
.steps2::before{content:"";position:absolute;left:4%;right:4%;top:34px;height:2px;background:linear-gradient(90deg,var(--amber),var(--mint));opacity:.5}
.st{position:relative;padding-top:0}
.st .num{width:68px;height:68px;border-radius:50%;background:var(--night);color:#fff;border:3px solid var(--amber);display:grid;place-items:center;font:800 1.5rem var(--display);position:relative;z-index:1;margin-bottom:16px}
.st h3{font-size:1.15rem;margin-bottom:8px}.st p{color:var(--muted);font-size:.95rem}
.st time{display:inline-block;margin-top:10px;font:700 .78rem var(--display);color:var(--mint);background:var(--mint-soft);padding:5px 10px;border-radius:999px}
@media(max-width:900px){.steps2{grid-template-columns:1fr 1fr}.steps2::before{display:none}}
@media(max-width:520px){.steps2{grid-template-columns:1fr}}

/* COMPARE */
.cmp{width:100%;border-collapse:separate;border-spacing:0;font-size:.95rem;overflow:hidden;border-radius:20px;border:1px solid var(--line-d)}
.cmp th,.cmp td{padding:14px 14px;text-align:left;border-bottom:1px solid var(--line-d);vertical-align:middle}
.cmp th{font:700 .85rem var(--display);color:var(--txt-d);background:var(--night-2)}
.cmp td:first-child{color:var(--txt-d)}
.cmp .you{background:rgba(245,130,31,.14)}.cmp th.you{background:var(--amber);color:#1a0d00}
.cmp .y{color:var(--mint);font-weight:800}.cmp .n{color:#8a97ad}
.cmpw{overflow-x:auto}.cmp{min-width:640px}

/* GUARANTEE */
.guar{display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:center;background:#fff;border-radius:28px;padding:clamp(22px,3vw,36px);border:1px solid var(--line)}
.badge{width:150px;height:150px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;text-align:center;font:800 .95rem/1.15 var(--display);position:relative;flex:none}
.badge::before{content:"";position:absolute;inset:8px;border:2px dashed var(--amber);border-radius:50%}
.badge span{position:relative;padding:0 18px}.badge b{display:block;font-size:2rem;color:var(--amber)}
.guar ul{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:8px;color:var(--muted)}
.guar li::before{content:"✓ ";color:var(--mint);font-weight:800}
@media(max-width:700px){.guar{grid-template-columns:1fr;text-align:center;justify-items:center}}

/* sticky CTA mobile */
.sticky{position:fixed;left:0;right:0;bottom:0;z-index:70;background:#fff;border-top:1px solid var(--line);padding:10px 16px calc(10px + env(safe-area-inset-bottom));display:none;gap:10px;align-items:center;justify-content:space-between}
.sticky b{font:800 1.05rem var(--display)}.sticky small{display:block;color:var(--muted);font-size:.78rem;font-weight:600}
@media(max-width:860px){.sticky{display:flex}.fab{bottom:86px}body{padding-bottom:72px}}

/* count-up */
.count{font-variant-numeric:tabular-nums}
@media(prefers-reduced-motion:reduce){.ent>*,.ltoast{animation:none;opacity:1;transform:none}.mq__track{animation:none}}
/* teaser lock */
.tease .laptop__screen img,.tease .phone2 img{filter:blur(5px) saturate(.9);transform:scale(1.03)}
.tease{position:relative}
.lock{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;background:#fff;color:var(--ink);text-decoration:none;border-radius:22px;padding:22px 26px;text-align:center;box-shadow:0 30px 70px -20px rgba(14,27,46,.6);display:grid;gap:4px;justify-items:center;min-width:260px}
.lock i{width:52px;height:52px;border-radius:50%;background:var(--amber-soft);display:grid;place-items:center;font-style:normal;font-size:1.4rem;margin-bottom:6px}
.lock b{font:800 1.1rem var(--display)}.lock span{font-size:.85rem;color:var(--muted)}
.lock:hover{transform:translate(-50%,-52%)}

/* feature grid (no prices) */
.feat{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.fi{background:var(--night-2);border:1px solid var(--line-d);border-radius:18px;padding:18px;display:grid;gap:8px;position:relative}
.fi i{font-style:normal;font-size:1.5rem}
.fi b{font:700 1rem var(--display);color:#fff}.fi span{color:var(--txt-d);font-size:.88rem}
.fi.core{background:linear-gradient(160deg,#17233a,#111a2b);border-color:#2b3d5e}
.fi .pill2{position:absolute;top:12px;right:12px;font:700 .68rem var(--display);padding:4px 8px;border-radius:999px;background:var(--mint);color:#fff}
.fi .pill2.later{background:rgba(255,255,255,.1);color:var(--txt-d)}
@media(max-width:900px){.feat{grid-template-columns:1fr 1fr}}@media(max-width:520px){.feat{grid-template-columns:1fr 1fr;gap:8px}.fi{padding:14px 12px;gap:5px}.fi i{font-size:1.3rem}.fi b{font-size:.9rem}.fi span{font-size:.78rem}.fi .pill2{position:static;justify-self:start;margin-bottom:2px}}

/* rotating word heading */
.hd--rot h2{font-size:clamp(2rem,5.5vw,3.6rem)}
.rot__w{display:inline-block;position:relative;color:var(--amber);min-width:6ch}
.rot__w::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:4px;background:var(--amber);border-radius:2px;opacity:.6}
#rotWord{display:inline-block;animation:rot .45s cubic-bezier(.2,.8,.2,1)}
@keyframes rot{from{opacity:0;transform:translateY(60%)}to{opacity:1;transform:none}}
.mq__track--rev{animation-direction:reverse;animation-duration:55s}
.inc2{columns:1}.inc2 li{break-inside:avoid}
@media(min-width:700px){.offer .inc2{columns:1}}

/* category picker on landing */
.catpick{margin-bottom:22px}
.catq{width:100%;height:54px;border:2px solid var(--line);border-radius:14px;padding:0 16px;font:500 1rem var(--body);margin-bottom:12px;background:#fff}
.catq:focus{border-color:var(--ink)}
.tabs2.grp button{background:var(--sky);border-color:var(--sky)}
.tabs2.grp button[aria-pressed=true]{background:var(--amber);border-color:var(--amber);color:#1a0d00}
.catn{font-size:.85rem;margin-top:6px}