:root{--j1:#c6ff1a;--j2:#6a3dff;--jink:#14121f;--ink:#1c1f30;--mute:#3f4257;--violet:#5b2bff;--base:#edf0f5;--sans:"Manrope",system-ui,sans-serif;--disp:"Syne",var(--sans);--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{background:var(--base);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.55;overflow-x:clip}
body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(70vmax 70vmax at 0% 10%,#6a3dff40,transparent 60%),radial-gradient(60vmax 60vmax at 100% 40%,#c6ff1a59,transparent 60%),var(--base)}
a{color:inherit;text-decoration:none}img{display:block;max-width:100%}
/* type — copied from live b2brain.ai */
h1,.h2,.steps h3,.brand{font-family:var(--disp);font-weight:600;letter-spacing:-.03em}
em{font-family:var(--disp);font-style:normal;font-weight:700;color:var(--jink);background:linear-gradient(transparent 58%,var(--j1) 58%,var(--j1) 92%,transparent 92%);padding:0 .08em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.h2{font-weight:500;font-size:clamp(36px,4.2vw,68px);line-height:.98;letter-spacing:-.055em;text-wrap:balance}
.lab,.ch-n{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;background:var(--jink);color:var(--j1);padding:8px 14px;border-radius:99px;margin-bottom:18px}
.brand{display:inline-flex;align-items:center;font-size:21px;color:var(--jink)}
.mk{width:1.32em;height:1.32em;flex:0 0 auto;margin-right:.38em}
.ch-list{list-style:none;display:flex;flex-direction:column;gap:10px;margin-top:20px;font-weight:600}
.ch-list li{display:flex;gap:12px;align-items:center}
.ch-list li:before{content:"";width:22px;height:22px;flex:0 0 auto;border-radius:50%;background:var(--j1);box-shadow:inset 0 0 0 6px var(--jink)}
/* header */
.top{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px clamp(18px,4.5vw,72px);background:#edf0f5cc;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.nav{display:flex;gap:6px;padding:5px;border-radius:99px;background:#ffffff8c;box-shadow:inset 0 1px 1px #fff,0 0 0 1px #ffffffb3}
.nav a{padding:9px 16px;border-radius:99px;font-size:14px;font-weight:500;color:var(--mute)}
.btn{display:inline-flex;align-items:center;justify-content:center;height:52px;padding:0 26px;border-radius:99px;font-weight:700;font-size:15px;background:var(--j1);color:var(--jink);white-space:nowrap}
.btn.dark{background:var(--jink);color:#fff}.btn.ghost{background:#ffffffb3;box-shadow:0 0 0 1px #14121f1a}
.top .btn{height:44px;padding:0 20px;font-size:14px}
/* hero */
.hero{position:relative;min-height:100vh;display:flex;align-items:center;padding:110px clamp(18px,4.5vw,72px) 60px;overflow:hidden}
.hero-txt{position:relative;z-index:2;max-width:640px}
h1{font-size:clamp(46px,6.4vw,104px);line-height:.95}
.sub{font-size:19px;color:var(--mute);margin-top:22px;max-width:520px}
.tag{font-family:var(--disp);font-weight:600;letter-spacing:-.03em;font-size:26px;margin-top:16px}
.ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.wall{position:absolute;right:-6vw;top:90px;bottom:0;width:58vw;perspective:1200px;z-index:1;-webkit-mask:linear-gradient(90deg,transparent,#000 22%);mask:linear-gradient(90deg,transparent,#000 22%)}
.wall-in{transform:rotateY(-16deg) rotateX(6deg);transform-origin:left center;display:flex;flex-direction:column;gap:18px}
.wrow{display:flex;gap:18px;width:max-content;animation:slide 60s linear infinite}.wrow.r2{animation-direction:reverse}
@keyframes slide{to{transform:translateX(-50%)}}
.wc,.gc,.fan{position:relative;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 24px 50px -24px #14121f55}
.wc{width:300px;aspect-ratio:16/10}.wc img,.gc img,.fan img{width:100%;height:100%;object-fit:cover;object-position:top}
figcaption{position:absolute;left:8px;bottom:8px;font-size:11px;font-weight:700;background:var(--jink);color:#fff;padding:3px 8px;border-radius:99px}
.gal{display:none}
/* sections */
.sec{padding:110px clamp(18px,4.5vw,72px)}
.intro{text-align:center}.intro .h2{max-width:17ch;margin:0 auto}.intro p{max-width:640px;margin:22px auto 0;color:var(--mute);font-size:18px}
.how .h2,.start .h2{max-width:16ch}
.steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}
.steps li{background:#ffffffb3;border-radius:22px;padding:28px;box-shadow:0 0 0 1px #fff}
.steps b{font-family:var(--disp);color:var(--j2)}.steps h3{margin-top:14px;font-size:22px}.steps p{color:var(--mute);margin-top:8px}
.start p{color:var(--mute);font-size:18px;max-width:600px;margin-top:20px}
footer{display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center;padding:40px clamp(18px,4.5vw,72px);font-size:14px;color:var(--mute);border-top:1px solid #14121f14}
/* story (desktop: pinned) */
.story{position:relative;height:100vh;overflow:hidden}
.stage{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:4vw;align-items:center;padding:96px clamp(18px,4.5vw,72px) 70px}
.copy p{color:var(--mute);font-size:17px;margin-top:18px;max-width:500px}
.copy .h2{font-size:clamp(34px,3.6vw,58px)}
.vis{position:relative;height:min(62vh,520px)}
.progress{position:absolute;left:clamp(18px,4.5vw,72px);bottom:28px;display:flex;gap:22px;z-index:5;font:700 12px var(--sans);color:var(--mute)}
.progress div{display:flex;align-items:center;gap:8px}.progress i{width:60px;height:3px;background:#14121f1a;border-radius:3px;overflow:hidden}.progress b{display:block;height:100%;width:0;background:var(--jink)}
/* v1 */
.browser{position:absolute;inset:6% 4% 6% 8%;background:#fff;border-radius:16px;box-shadow:0 50px 100px -40px #2a1d6a66;overflow:visible}
.browser img{height:calc(100% - 38px);width:100%;object-fit:cover;object-position:top;border-radius:0 0 16px 16px}
.chrome{height:38px;display:flex;align-items:center;gap:6px;padding:0 14px;border-bottom:1px solid #eee}.chrome i{width:10px;height:10px;border-radius:50%;background:#ddd}
.url{margin-left:12px;font-size:12px;color:#666;background:#f2f2f5;border-radius:99px;padding:3px 14px}
.badge{position:absolute;font-size:13px;font-weight:700;padding:9px 14px;border-radius:99px;box-shadow:0 14px 30px -14px #14121f66;white-space:nowrap}
.b-a{left:-14px;top:56px;background:var(--jink);color:var(--j1)}.b-b{right:-10px;bottom:22px;background:var(--j1);color:var(--jink)}
.fans{position:absolute;inset:0}.fan{position:absolute;width:44%;aspect-ratio:16/10;top:20%;left:28%}
/* v2 */
.serp{position:absolute;left:4%;right:22%;top:4%;background:#fff;border-radius:18px;padding:18px;box-shadow:0 50px 100px -40px #2a1d6a55}
.gbar{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:4px 6px 14px;font-size:13px}.gbar span{color:#666;background:#f2f2f5;border-radius:99px;padding:5px 12px}
.res-list{position:relative;height:296px}
.res{position:absolute;left:0;right:0;top:0;height:68px;padding:12px 56px 12px 14px;border-radius:12px;background:#f6f6f9;display:flex;flex-direction:column;justify-content:center}
.res b{font-size:15px}.res small{font-size:12px;color:#666}
.pos{position:absolute;right:16px;top:50%;transform:translateY(-50%);font:700 14px var(--disp);font-style:normal;color:#999}
.res.me{background:#f3ffd6;box-shadow:0 0 0 2px var(--j1),0 18px 30px -18px #6a3dff66;z-index:2}
.rank{position:absolute;right:12px;top:50%;transform:translateY(-50%);font:800 26px var(--disp);font-style:normal;color:var(--j2)}
.chat{position:absolute;right:0;bottom:2%;width:56%;max-width:360px;background:var(--jink);color:#fff;border-radius:18px;padding:18px 20px;box-shadow:0 40px 80px -30px #14121f88;z-index:3}
.ai-lbl{font-size:12px;font-weight:700;color:var(--j1)}.chat p{margin-top:6px;font-size:14px;min-height:1.5em}
.rec{margin-top:8px;background:#ffffff14;border-radius:10px;padding:10px 12px;font-size:13px}.rec b{color:var(--j1)}
/* v3 */
.graph{position:absolute;inset:4% 0;background:var(--jink);border-radius:22px;box-shadow:0 50px 100px -40px #14121f88}
.edges{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.edges path{fill:none;stroke:var(--j1);stroke-width:2;stroke-linecap:round}
.node{position:absolute;transform:translate(-50%,-50%);background:#24213a;color:#fff;font-size:13px;font-weight:600;padding:10px 14px;border-radius:12px;white-space:nowrap;box-shadow:0 0 0 1px #ffffff1f;z-index:2}
.node.ai{box-shadow:0 0 0 1px var(--j1)}.node.hub{background:var(--j1);color:var(--jink);font-weight:800;font-size:14px;padding:12px 18px}
.check{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);font-size:12px;font-weight:700;color:var(--j1);white-space:nowrap}
/* mobile */
@media (max-width:820px){
 .nav{display:none}.top{padding:12px 18px}.brand{font-size:19px}.top .btn{height:40px;padding:0 16px;font-size:13px}
 .hero{min-height:0;display:block;padding:92px 0 28px}
 .hero-txt{padding:0 20px}
 .lab,.ch-n{font-size:11px;padding:7px 12px;margin-bottom:14px}
 h1{font-size:clamp(40px,12vw,54px)}.sub{font-size:16px;margin-top:14px}.tag{font-size:21px;margin-top:10px}
 .ctas{margin-top:20px;gap:10px}.ctas .btn{height:48px;padding:0 20px;font-size:14px}
 .wall{display:none}
 .gal{display:block;margin-top:26px;overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
 .gal-in{display:flex;gap:12px;width:max-content;animation:slide 40s linear infinite}
 .gc{width:200px;aspect-ratio:16/10}
 .sec{padding:56px 20px}.h2{font-size:clamp(32px,9.4vw,42px)}.intro p,.start p{font-size:16px}
 .steps{grid-template-columns:1fr;gap:12px;margin-top:24px}.steps li{padding:20px}
 .story{height:auto;overflow:visible;padding:0 20px}
 .progress{display:none}
 .stage{position:relative;inset:auto;display:block;padding:28px 0 36px}
 .copy .h2{font-size:clamp(30px,9vw,40px)}.copy p{font-size:15px;margin-top:12px}
 .ch-list{gap:8px;margin-top:14px;font-size:14px}.ch-list li:before{width:18px;height:18px;box-shadow:inset 0 0 0 5px var(--jink)}
 .vis{height:auto;margin-top:22px}
 .v1{height:250px}.browser{inset:0 6px 0 6px}.b-a{left:-6px;top:48px;font-size:11px;padding:7px 11px}.b-b{right:-6px;bottom:12px;font-size:11px;padding:7px 11px}
 .fan{display:none}
 .v2{height:auto;display:flex;flex-direction:column;gap:12px}
 .serp,.chat{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:auto;max-width:none}
 .serp{padding:14px}.res-list{height:252px}.res{height:58px;padding:8px 52px 8px 12px}.rank{font-size:24px}
 .v3{height:330px}.graph{inset:0}.node{font-size:11.5px;padding:8px 10px}.node.hub{font-size:12.5px;padding:10px 12px}
 footer{padding:28px 20px;flex-direction:column;align-items:flex-start;gap:8px}
}
@media (prefers-reduced-motion:reduce){.wrow,.gal-in{animation:none}}
/* pass 1 fixes */
.rank{font-family:var(--sans);font-weight:800;letter-spacing:-.02em}
@media (min-width:821px){.wall{width:50vw;right:-4vw}.hero-txt{max-width:min(640px,46vw)}}
@media (max-width:820px){.hero{padding-bottom:12px}.intro{padding-top:44px}.stage{padding:24px 0 28px}}
/* match live header button (glass with iridescent edge) + logo size */
.top .btn{position:relative;background:#ffffffd9;color:var(--ink);font-weight:500;isolation:isolate}
.top .btn:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:conic-gradient(from 120deg,#8fb8ff,#b9a4ff,#f1b8ea,#9ee9ff,#c9c2ff,#8fb8ff);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
@media (max-width:820px){.brand{font-size:21px}.top .btn{height:42px}}
/* stage 02 google header */
.gbar{display:flex;align-items:center;gap:14px;padding:2px 2px 14px}
.glogo{width:82px;height:27px;flex:0 0 auto}
.gsearch{flex:1;min-width:0;display:flex;align-items:center;gap:8px;height:40px;padding:0 12px;border-radius:99px;background:#fff;box-shadow:0 1px 6px #20212447;border:1px solid #dfe1e5}
.gq{flex:1;min-width:0;font:400 14px Arial,Helvetica,sans-serif;color:#202124;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gi{width:20px;height:20px;flex:0 0 auto}.gx{width:18px;height:18px;padding-right:8px;border-right:1px solid #dadce0;box-sizing:content-box}
/* stage 04 roadmap */
.road{position:absolute;inset:8% 0;background:#fff;border-radius:22px;padding:28px;box-shadow:0 50px 100px -40px #2a1d6a55;display:flex;flex-direction:column}
.road-h{display:flex;justify-content:space-between;align-items:center;gap:10px}.road-h b{font:600 20px var(--disp);letter-spacing:-.03em}.road-h span{font-size:12px;font-weight:700;color:var(--mute);background:#f2f2f5;border-radius:99px;padding:5px 12px}
.rail{position:relative;height:6px;border-radius:6px;background:#14121f14;margin:34px 12.5% 0}.rail-fill{position:absolute;inset:0;border-radius:6px;background:var(--j1);transform-origin:left;transform:scaleX(0)}
.steps4{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:-21px;flex:1}
.steps4 li{text-align:center;padding:0 4px}
.steps4 b{display:grid;place-items:center;width:36px;height:36px;margin:0 auto;border-radius:50%;background:#fff;box-shadow:0 0 0 2px #14121f26;font:700 13px var(--disp);color:var(--mute);transition:none}
.steps4 li.on b{background:var(--jink);color:var(--j1);box-shadow:0 0 0 2px var(--jink),0 0 0 8px #c6ff1a66}
.steps4 h4{font:600 18px var(--disp);letter-spacing:-.03em;margin-top:14px}.steps4 p{font-size:13px;color:var(--mute);margin-top:4px;line-height:1.4}
@media (max-width:820px){
 .gbar{gap:10px}.glogo{width:66px;height:22px}.gsearch{height:36px;padding:0 10px;gap:6px}.gq{font-size:13px}.gi{width:18px;height:18px}.gx{display:none}
 .v4{height:auto}.road{position:relative;inset:auto;padding:20px}
 .rail{position:absolute;left:37px;top:84px;bottom:46px;width:4px;height:auto;margin:0}.rail-fill{transform-origin:top;transform:scaleY(0)}
 .steps4{grid-template-columns:1fr;gap:14px;margin-top:20px}
 .steps4 li{display:grid;grid-template-columns:36px 1fr;column-gap:14px;text-align:left;align-items:center;position:relative}
 .steps4 b{margin:0;grid-row:span 2}.steps4 h4{margin:0;font-size:17px}.steps4 p{margin:0}
}
/* pass 1 fixes (stage 02/04) */
.gbar .gsearch span{background:none;padding:0;border-radius:0}
.rail{z-index:0}.steps4{position:relative;z-index:1}
@media (min-width:821px){.v4{display:flex;align-items:center}.road{position:relative;inset:auto;width:100%;padding:32px 32px 30px}.rail{margin-top:40px}.steps4{margin-top:-23px}.steps4 b{width:40px;height:40px;font-size:14px}.steps4 h4{font-size:20px}.steps4 p{font-size:14px}}
@media (max-width:820px){.gq{font-size:12.5px}.glogo{width:60px}.gsearch{padding:0 8px}}
/* round 4: header contact, hero offer, proof, pricing */
.hc{display:flex;align-items:center;gap:8px}
.ic{display:inline-flex;align-items:center;gap:7px;height:44px;padding:0 14px;border-radius:99px;background:#ffffffd9;box-shadow:0 0 0 1px #14121f14;font-size:14px;font-weight:600;color:var(--ink)}
.ic.wa{background:#25d366;color:#fff;box-shadow:none}
.offer-chip{display:inline-flex;align-items:center;gap:10px;margin-bottom:20px;padding:6px 6px 6px 14px;border-radius:99px;background:var(--jink);color:#fff;font-size:13px}
.offer-chip b{color:var(--j1);font-weight:700;letter-spacing:.02em}.offer-chip span{background:var(--j1);color:var(--jink);font-weight:700;padding:6px 12px;border-radius:99px}
.btn.solid{background:var(--jink);color:#fff;box-shadow:0 14px 30px -12px #14121f88}
.proof{list-style:none;display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:26px;font-size:13.5px;font-weight:600;color:var(--mute)}
.proof li{display:flex;align-items:center;gap:7px}.proof li:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--j2)}
.pricing{padding-top:90px}
.banner{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin:0 auto 34px;max-width:720px;padding:12px 18px;border-radius:99px;background:var(--j1);color:var(--jink);font-size:15px;text-align:center}
.pricing .h2{max-width:16ch}
.pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px}
.pc{position:relative;display:flex;flex-direction:column;background:#ffffffcc;border-radius:22px;padding:28px 26px;box-shadow:0 0 0 1px #fff,0 30px 60px -40px #2a1d6a55}
.pc h3{font:600 22px var(--disp);letter-spacing:-.03em;line-height:1.1}
.po{color:var(--mute);font-size:15px;margin-top:8px}
.pp{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin-top:18px}
.pp b{font:700 40px var(--disp);letter-spacing:-.04em;line-height:1}.pp s{color:#8a8da3;font-size:18px;font-weight:600}.pp small{width:100%;font-size:13px;font-weight:700;color:var(--j2)}
.pc .ch-list{font-size:14px;margin:18px 0 22px;flex:1}.pc .ch-list li{align-items:flex-start}.pc .ch-list li:before{margin-top:1px}
.pc .btn{height:48px;width:100%}
.pc.feat{background:var(--jink);color:#fff;box-shadow:0 0 0 3px var(--j1),0 40px 80px -40px #6a3dff88}
.pc.feat .po{color:#c9cad6}.pc.feat .pp s{color:#8f90a6}.pc.feat .pp small{color:var(--j1)}.pc.feat .btn{background:var(--j1);color:var(--jink)}
.pc.feat .ch-list li:before{box-shadow:inset 0 0 0 6px #fff}
.ptag{position:absolute;top:-12px;left:24px;background:var(--j1);color:var(--jink);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:5px 10px;border-radius:99px}
.guar{margin-top:26px;text-align:center;font-size:16px;color:var(--mute)}.guar b{color:var(--ink)}
@media (max-width:1100px) and (min-width:821px){.pgrid{grid-template-columns:repeat(2,1fr)}.nav a{padding:9px 11px}}
@media (max-width:820px){
 .hc{gap:6px}.ic{width:40px;height:40px;padding:0;justify-content:center}.ic span{display:none}
 .top .btn{display:none}
 .offer-chip{font-size:11.5px;margin-bottom:14px;padding:5px 5px 5px 12px}.offer-chip span{padding:5px 10px}
 .proof{gap:6px 14px;margin-top:18px;font-size:12.5px}
 .pricing{padding-top:56px}.banner{border-radius:18px;font-size:14px;margin-bottom:24px}
 .pgrid{grid-template-columns:1fr;gap:16px;margin-top:24px}.pc{padding:24px 20px}.pc.feat{margin-top:8px}.pp b{font-size:36px}
}
/* starter page */
.st-hero{padding:120px clamp(18px,4.5vw,72px) 40px;max-width:980px}
.back{display:inline-block;font-size:14px;font-weight:600;color:var(--mute);margin-bottom:18px}
.st-hero .banner{margin:0 0 26px;justify-content:flex-start}
.st-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin-top:24px}
.st-price b{font:700 56px var(--disp);letter-spacing:-.04em;line-height:1}.st-price s{font-size:24px;color:#8a8da3;font-weight:600}.st-price span{font-size:14px;font-weight:700;color:var(--j2)}
.wa-btn{background:#25d366;color:#fff}
.st-sec{padding-top:56px;padding-bottom:56px}
.stack{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:28px}
.stack li{background:#ffffffcc;border-radius:16px;padding:18px;font-weight:700;display:flex;gap:10px;align-items:center}
.stack li:before{content:"✓";display:grid;place-items:center;width:24px;height:24px;flex:0 0 auto;border-radius:50%;background:var(--j1);font-size:13px}
.bon{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}
.bon div{background:var(--jink);color:#fff;border-radius:18px;padding:22px}.bon h3{font:600 20px var(--disp);letter-spacing:-.03em}.bon p{color:#c9cad6;margin-top:6px;font-size:14px}.bon b{display:inline-block;margin-top:12px;color:var(--j1);font-size:14px}
.vstack{max-width:520px;margin-top:22px;background:#ffffffcc;border-radius:18px;padding:8px 20px}
.vstack div{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #14121f14;font-weight:600}
.vstack .tot b{text-decoration:line-through;color:#8a8da3}.vstack .you{border:0}.vstack .you b{font:700 26px var(--disp);color:var(--j2)}
.gbox,.cta-box{background:#ffffffcc;border-radius:24px;padding:36px;box-shadow:0 0 0 2px var(--j1)}.gbox p{margin-top:14px;color:var(--mute)}
.cta-box{background:var(--jink);color:#fff;box-shadow:none}.cta-box em{color:var(--jink)}.cta-box .small{margin-top:18px;color:#c9cad6;font-size:14px}
.faq{margin-top:24px;display:flex;flex-direction:column;gap:10px;max-width:780px}
.faq details{background:#ffffffcc;border-radius:16px;padding:16px 20px}.faq summary{font-weight:700;cursor:pointer}.faq p{margin-top:8px;color:var(--mute)}
@media (max-width:820px){.st-hero{padding:88px 20px 24px}.st-price b{font-size:46px}.stack{grid-template-columns:1fr 1fr;gap:8px;margin-top:20px}.stack li{padding:12px;font-size:13.5px}.bon{grid-template-columns:1fr;margin-top:20px}.st-sec{padding-top:36px;padding-bottom:36px}.gbox,.cta-box{padding:24px}}
@media (min-width:821px){.pricing{padding-top:24px}}
@media (min-width:821px){.pricing{position:relative;z-index:2;margin-top:-240px}}
.ptag.soft{background:#fff;box-shadow:0 0 0 1px #14121f26}
.addon{margin:-8px 0 16px;padding:10px 12px;border-radius:12px;background:#6a3dff12;font-size:13px;color:var(--mute)}.addon b{color:var(--ink)}
.pc.feat .addon{background:#ffffff14;color:#c9cad6}.pc.feat .addon b{color:#fff}

.vh{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.h2{line-height:1.06}
.cta-box{overflow:visible}
.cta-box .h2{line-height:1.12;max-width:20ch}
.cta-box .h2 em{display:inline-block;margin-top:.14em;color:var(--jink);line-height:1.15;padding:.02em .18em .06em;border-radius:.16em;background:var(--j1)}