@font-face{font-family:Poppins;font-weight:700;font-style:normal;font-display:swap;src:url(fonts/Poppins-Bold.woff2) format("woff2")}
@font-face{font-family:Inter;font-weight:400;font-style:normal;font-display:swap;src:url(fonts/Inter-Regular.woff2) format("woff2")}
@font-face{font-family:Inter;font-weight:500;font-style:normal;font-display:swap;src:url(fonts/Inter-Medium.woff2) format("woff2")}
@font-face{font-family:Inter;font-weight:600;font-style:normal;font-display:swap;src:url(fonts/Inter-SemiBold.woff2) format("woff2")}

:root{
  --bg:#061230; --bg2:#0A1F44; --blue:#123F7A; --card:#0C2652; --edge:rgba(255,255,255,.11);
  --teal:#19D3C5; --amber:#FFB627; --mute:#A9B8D6; --white:#fff;
  --ice:#F3F6FB; --slate:#4A5878; --line:#DDE4F0; --teal-ink:#0B7F76;
  --display:Poppins,"Segoe UI",system-ui,sans-serif;
  --body:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --gut:24px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;font-family:var(--body);font-size:1.0625rem;line-height:1.65;color:var(--white);background:var(--bg);-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3,h4,h5,p,ul,ol,dl,dd,figure{margin:0}
h1,h2,h3,h4,h5{font-family:var(--display);font-weight:700;letter-spacing:-.02em;line-height:1.1}
.wrap{width:100%;max-width:1180px;margin:0 auto;padding:0 var(--gut)}
section{padding:96px 0}
h2{font-size:clamp(2rem,4vw,3.1rem);letter-spacing:-.03em;max-width:20ch}
.sec-lead{margin-top:16px;color:var(--mute);max-width:52ch;font-size:1.1rem}
.skip{position:absolute;left:-999px;top:8px;background:var(--amber);color:var(--bg2);padding:8px 14px;border-radius:8px;z-index:60}
.skip:focus{left:8px}
:focus-visible{outline:3px solid var(--amber);outline-offset:3px;border-radius:8px}
.light :focus-visible,.shift :focus-visible,.pricing :focus-visible,.faq :focus-visible{outline-color:var(--blue)}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;font:600 1rem/1 var(--body);text-decoration:none;padding:16px 26px;border-radius:999px;border:2px solid transparent;cursor:pointer;transition:transform .15s,background .15s,border-color .15s,color .15s}
.btn:hover{transform:translateY(-2px)}
.btn-amber{background:var(--amber);color:var(--bg2)}
.btn-amber:hover{background:#ffc552}
.btn-glass{border-color:rgba(255,255,255,.35);color:#fff;background:rgba(255,255,255,.06)}
.btn-glass:hover{background:#fff;color:var(--bg2)}
.btn-sm{padding:10px 18px;font-size:.93rem;background:var(--amber);color:var(--bg2)}
.cta-row{display:flex;flex-wrap:wrap;gap:12px}

/* nav */
.nav{position:sticky;top:0;z-index:50;background:rgba(6,18,48,.82);backdrop-filter:blur(12px);border-bottom:1px solid var(--edge)}
.nav-in{display:flex;align-items:center;justify-content:space-between;min-height:72px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none}
.brand img{height:42px;width:42px}
.wm{display:flex;flex-direction:column;line-height:1}
.wm b{font-family:var(--display);font-size:1.5rem;font-weight:700;letter-spacing:-.02em;color:#fff}
.wm i{font-style:normal;font-size:.68rem;font-weight:600;letter-spacing:.55em;color:var(--teal);margin-top:3px}
.menu{display:flex;align-items:center;gap:30px}
.menu a{text-decoration:none;font-weight:500;font-size:.95rem;color:#dbe5fa}
.menu a:not(.btn):hover{color:#fff;text-decoration:underline;text-underline-offset:6px;text-decoration-color:var(--amber);text-decoration-thickness:3px}
.menu-btn{display:none;font:600 .92rem var(--body);background:rgba(255,255,255,.1);color:#fff;border:1px solid var(--edge);padding:10px 18px;border-radius:999px;cursor:pointer}

/* hero */
.hero{position:relative;padding:64px 0 72px;overflow:hidden;background-image:radial-gradient(rgba(255,255,255,.075) 1px,transparent 1.2px);background-size:30px 30px;-webkit-mask-image:none}
.hero::after{content:"";position:absolute;inset:auto 0 0 0;height:160px;background:linear-gradient(transparent,var(--bg));pointer-events:none}
.hero .wrap{position:relative;z-index:1}
.hero-copy{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:end}
.hero-side .cta-row .btn{padding:15px 22px}
h1{font-size:clamp(2.5rem,5.6vw,4.7rem);line-height:1.02;letter-spacing:-.035em}
.lead{color:var(--mute);font-size:1.14rem;max-width:40ch}
.hero-side .cta-row{margin-top:24px}

.switch{display:flex;gap:6px;width:max-content;max-width:100%;margin:52px auto 26px;padding:6px;border:1px solid var(--edge);background:rgba(255,255,255,.05);border-radius:999px;overflow-x:auto}
.switch button{display:flex;align-items:center;gap:9px;font:600 .95rem/1 var(--body);color:var(--mute);background:transparent;border:0;padding:13px 20px;border-radius:999px;cursor:pointer;white-space:nowrap;transition:background .2s,color .2s}
.switch button:hover{color:#fff}
.switch button[aria-selected=true]{background:#fff;color:var(--bg2)}
.dot{width:8px;height:8px;border-radius:50%;background:var(--amber)}
.dot.live{background:var(--teal)}

/* the product stage: everything inside is sized in em so it scales down */
.stage-wrap{max-width:1000px;margin:0 auto}
.stage{position:relative;container-type:inline-size;width:100%;aspect-ratio:16/9.2;font-size:1.28cqw}
.glow{position:absolute;left:12%;right:12%;top:20%;bottom:-6%;background:radial-gradient(closest-side,rgba(25,211,197,.28),transparent);filter:blur(30px);z-index:0}
.scene{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .5s,visibility .5s;z-index:1}
.scene.on{opacity:1;visibility:visible}
.stage-note{margin-top:16px;text-align:center;font-size:.85rem;color:var(--mute)}

.win{position:absolute;left:0;top:4%;width:77%;height:90%;background:#fff;color:var(--bg2);border-radius:1.2em;overflow:hidden;box-shadow:0 2.4em 4em -1.6em rgba(0,0,0,.7)}
.win-bar{height:2.5em;display:flex;align-items:center;gap:.5em;padding:0 1em;background:#E9EEF8}
.win-bar i{width:.75em;height:.75em;border-radius:50%;background:#C3CCDD}
.win-bar i:nth-child(1){background:var(--teal)}.win-bar i:nth-child(2){background:var(--amber)}
.url{margin-left:1em;font-size:.78em;color:var(--slate);background:#fff;border-radius:999px;padding:.25em 1.2em}
.win-body{display:grid;grid-template-columns:10em 1fr;height:calc(100% - 2.5em)}
.side{padding:1.1em .9em;background:linear-gradient(180deg,var(--blue),var(--bg2));color:#cfe0ff;font-size:.86em}
.side-brand{font-family:var(--display);font-weight:700;color:#fff;font-size:1.05em;margin:0 0 1em .6em}
.side a{display:block;padding:.6em .75em;border-radius:.6em;margin-bottom:.2em}
.side a.act{background:rgba(255,255,255,.15);color:#fff;font-weight:600}
.main{padding:1.2em 3.2em 1.2em 1.5em;overflow:hidden}
.main h4{font-size:1.25em;margin-bottom:.8em}
.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:.8em}
.kpi{border:1px solid #E3E9F4;border-radius:.8em;padding:.7em .9em}
.kpi.amber{border-left:.3em solid var(--amber)}
.kpi small{display:block;font-size:.74em;color:var(--slate)}
.kpi b{font-family:var(--display);font-size:1.4em;line-height:1.25}
.chart{margin-top:1em}
.chart small{font-size:.76em;color:var(--slate)}
.bars{display:flex;align-items:flex-end;gap:.9em;height:7.2em;margin-top:.5em}
.bars i{flex:1;height:var(--h);background:#C9D4EA;border-radius:.3em .3em 0 0;transform-origin:bottom}
.bars i.hi{background:var(--teal)}
.scene.on .bars i{animation:grow .8s cubic-bezier(.2,.8,.2,1) both}
.scene.on .bars i:nth-child(2){animation-delay:.06s}.scene.on .bars i:nth-child(3){animation-delay:.12s}.scene.on .bars i:nth-child(4){animation-delay:.18s}.scene.on .bars i:nth-child(5){animation-delay:.24s}.scene.on .bars i:nth-child(6){animation-delay:.3s}
@keyframes grow{from{transform:scaleY(.04)}to{transform:none}}
.days{display:flex;gap:.9em;font-size:.7em;color:var(--slate);margin-top:.35em}
.days span{flex:1;text-align:center}

.tbl{font-size:.88em}
.tr{display:grid;grid-template-columns:1fr 1.5fr 1fr .8fr;gap:.6em;align-items:center;padding:.75em .4em;border-bottom:1px solid #E7ECF5}
.tr.th{color:var(--slate);font-size:.84em;font-weight:600}
b.ok,b.late,b.ab{display:inline-block;font-size:.8em;font-weight:600;padding:.15em .7em;border-radius:999px}
b.ok{background:#D5F6F2;color:#08645c}
b.late{background:#FFE9BD;color:#7a4f00}
b.ab{background:#FFD9D6;color:#9a1c12}
.ok-t{color:#08645c}

.pos{display:grid;grid-template-columns:1.35fr 1fr;gap:1.2em}
.menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:.7em;align-content:start;font-size:.88em}
.item{border:1px solid #E3E9F4;border-radius:.8em;padding:.8em .9em}
.item b{display:block;font-weight:600;line-height:1.25}
.item span{color:var(--slate)}
.bill{background:var(--ice);border-radius:.9em;padding:1em;font-size:.88em;display:flex;flex-direction:column}
.bill h4{font-size:1.1em;margin-bottom:.6em}
.bill p{display:flex;justify-content:space-between;gap:.5em;padding:.35em 0}
.bill .tot{border-top:2px solid var(--bg2);margin-top:.4em;padding-top:.6em;font-weight:700;font-size:1.1em}
.bill .ph-btn{margin-top:auto}
.cartbar{display:flex;align-items:center;gap:1.4em;margin-top:1em;font-size:.9em;background:var(--ice);border-radius:.9em;padding:.8em 1em}
.cartbar .ph-btn{margin:0 0 0 auto;padding:.6em 1.6em}
.ph-btn{margin-top:.9em;background:var(--bg2);color:#fff;text-align:center;border-radius:999px;font-weight:600;font-size:.86em;padding:.7em .5em}

.ph{position:absolute;right:0;bottom:0;width:25%;height:96%;background:#fff;color:var(--bg2);border-radius:2.4em;padding:1.1em 1.2em;display:flex;flex-direction:column;box-shadow:0 2.4em 4em -1.4em rgba(0,0,0,.75);border:.35em solid var(--bg)}
.scene.on .ph{animation:rise .7s cubic-bezier(.2,.8,.2,1) .15s both}
@keyframes rise{from{opacity:0;transform:translateY(2em)}to{opacity:1;transform:none}}
.ph-top{width:34%;height:.45em;border-radius:.3em;background:#C6CBD6;margin:0 auto 1em}
.ph h5{font-size:1em;margin-bottom:.7em}
.ph ul{list-style:none;padding:0;margin:0;font-size:.8em}
.ph li{display:flex;align-items:center;gap:.55em;padding:.5em 0;font-weight:500}
.ph li i{font-style:normal;flex:none;width:1.9em;height:1.9em;border-radius:50%;background:#E6ECF7;color:var(--blue);display:grid;place-items:center;font-size:.8em;font-weight:700}
.ph li b{margin-left:auto}
.ph .ph-btn{margin-top:auto}
.ph-card{background:var(--ice);border-radius:.9em;padding:.8em .9em;margin-bottom:.6em;font-size:.86em}
.ph-card small{display:block;color:var(--slate);font-size:.82em;margin-top:.4em}
.ph-card small:first-child{margin-top:0}
.ph-card b{display:block;font-weight:600;line-height:1.35}
.ph-card .big{font-family:var(--display);font-size:1.45em}

.facts-row{list-style:none;margin:40px 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 30px;color:var(--mute);font-size:.95rem;font-weight:500}
.facts-row li{display:flex;align-items:center;gap:9px}
.facts-row li::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--teal)}

/* products */
.products{background:var(--bg2)}
.bento{margin-top:48px;display:grid;grid-template-columns:1.25fr 1fr;grid-template-rows:auto auto auto;gap:18px}
.b{background:var(--card);border:1px solid var(--edge);border-radius:26px;padding:30px}
.b p{margin-top:12px;color:var(--mute)}
.b-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.b h3{font-size:1.6rem}
.b-school{grid-row:1/4;background:linear-gradient(160deg,#123F7A,#0C2652 60%);border-color:rgba(25,211,197,.45);padding:38px;display:flex;flex-direction:column}
.b-school h3{font-size:2.3rem}
.b-school>p{font-size:1.08rem;max-width:44ch}
.ticks{list-style:none;padding:0;margin:22px 0 30px;display:grid;gap:12px}
.ticks li{padding-left:30px;position:relative;color:#e6edfb}
.ticks li::before{content:"";position:absolute;left:0;top:.45em;width:16px;height:9px;border-left:3px solid var(--teal);border-bottom:3px solid var(--teal);transform:rotate(-45deg) scale(.9)}
.b-price{margin-top:auto!important;padding:16px 18px;border-radius:16px;background:rgba(255,255,255,.08);color:#e6edfb!important}
.b-price b{color:#fff}
.b-school .cta-row{margin-top:18px}
.chip{font-size:.78rem;font-weight:600;padding:5px 12px;border-radius:999px;line-height:1.3}
.chip-live{background:var(--teal);color:var(--bg2)}
.chip-dev{background:#FFF0CF;color:#7a4f00}
.chip-open{background:#DDE8FA;color:var(--blue)}
.link{display:inline-block;margin-top:14px;font-weight:600;color:var(--amber);text-underline-offset:6px;text-decoration-thickness:2px}

/* before / after */
.shift{background:var(--ice);color:var(--bg2)}
.shift h2{max-width:18ch}
.pairs{margin-top:44px}
.pair{display:grid;grid-template-columns:.55fr 1fr 1fr;gap:20px;padding:26px 0;border-top:2px solid var(--bg2);align-items:stretch}
.pair h3{font-size:1.5rem;padding-top:6px}
.pair p{padding:18px 22px;border-radius:18px;font-size:1rem}
.pair span{display:block;font-size:.8rem;font-weight:600;margin-bottom:6px}
.was{background:#E4E9F3;color:var(--slate)}
.now{background:var(--bg2);color:#fff;border-left:6px solid var(--teal)}
.now span{color:var(--teal)}

/* start */
.start-in{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;align-items:start}
.start-in>div{position:sticky;top:110px}
.steps{list-style:none;margin:0;padding:0}
.steps li{display:flex;gap:22px;padding:26px 0;border-bottom:1px solid var(--edge)}
.steps li:first-child{padding-top:0}
.steps li:last-child{border-bottom:0}
.n{flex:none;width:52px;height:52px;border-radius:50%;background:var(--amber);color:var(--bg2);display:grid;place-items:center;font-family:var(--display);font-weight:700;font-size:1.35rem}
.steps h3{font-size:1.4rem;margin-bottom:6px}
.steps p{color:var(--mute);max-width:46ch}

/* pricing */
.pricing{background:var(--ice);color:var(--bg2)}
.pricing .sec-lead{color:var(--slate)}
.plans{margin-top:44px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}
.plan{position:relative;background:#fff;border:1px solid var(--line);border-radius:26px;padding:34px 28px 28px;display:flex;flex-direction:column}
.plan h3{font-size:1.5rem}
.was-price{margin-top:18px;color:var(--slate);text-decoration:line-through;font-size:.95rem}
.price{font-family:var(--display);font-weight:700;font-size:2.7rem;letter-spacing:-.03em;line-height:1.1}
.price span{font-family:var(--body);font-weight:500;font-size:1rem;letter-spacing:0;color:var(--slate)}
.lim{margin-top:18px;padding:10px 14px;border-radius:12px;background:var(--ice)}
.what{margin-top:14px;color:var(--slate);font-size:.98rem}
.extra{margin-top:auto;padding-top:18px;font-size:.9rem;font-weight:600;color:var(--teal-ink)}
.plan-pop{background:var(--bg2);color:#fff;border-color:var(--bg2)}
.plan-pop .was-price,.plan-pop .price span,.plan-pop .what{color:#c3d0ea}
.plan-pop .lim{background:rgba(255,255,255,.1)}
.plan-pop .extra{color:var(--teal)}
.pop{position:absolute;top:-14px;left:28px;background:var(--amber);color:var(--bg2);font-size:.8rem;font-weight:600;padding:5px 14px;border-radius:999px}
.plans-foot{margin-top:26px;color:var(--slate);font-size:.95rem;max-width:70ch}
.plans-foot a{color:var(--blue);font-weight:600}

/* trust */
.trust-grid{margin-top:44px;display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.trust-grid>div{border-top:4px solid var(--teal);padding-top:18px}
.trust-grid>div:nth-child(2){border-color:var(--amber)}
.trust-grid>div:nth-child(3){border-color:#6FA8FF}
.trust-grid>div:nth-child(4){border-color:var(--amber)}
.trust-grid h3{font-size:1.2rem;margin-bottom:8px}
.trust-grid p{color:var(--mute);font-size:.98rem}

/* faq */
.faq{background:var(--ice);color:var(--bg2)}
.faq-in{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;align-items:start}
.qa details{border-top:1px solid var(--line)}
.qa details:last-child{border-bottom:1px solid var(--line)}
.qa summary{list-style:none;cursor:pointer;padding:22px 40px 22px 0;font-weight:600;font-size:1.08rem;position:relative}
.qa summary::-webkit-details-marker{display:none}
.qa summary::after{content:"+";position:absolute;right:4px;top:50%;transform:translateY(-52%);font-size:1.6rem;font-weight:500;color:var(--blue);transition:transform .2s}
.qa details[open] summary::after{transform:translateY(-52%) rotate(45deg)}
.qa p{padding:0 40px 22px 0;color:var(--slate);max-width:56ch}

/* contact */
.contact{background:var(--bg2)}
.contact-in{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.contact-copy>p{margin-top:16px;color:var(--mute);max-width:40ch}
.contact .direct{font-size:1.3rem;font-weight:600;line-height:1.9;margin-top:28px;color:#fff}
.direct a{text-decoration-color:var(--amber);text-underline-offset:6px;text-decoration-thickness:2px}
.form{background:#fff;color:var(--bg2);border-radius:26px;padding:32px;display:grid;gap:18px}
.form label{display:grid;gap:6px;font-weight:600;font-size:.93rem}
.form input,.form select,.form textarea{font:400 1rem var(--body);color:var(--bg2);padding:13px 14px;border:2px solid var(--line);border-radius:12px;background:#fff;width:100%}
.form textarea{resize:vertical}
.form input:focus,.form select:focus,.form textarea:focus{outline:3px solid var(--blue);outline-offset:1px;border-color:var(--blue)}
.hint{font-size:.88rem;color:var(--slate)}
.hint.err{color:#b3261e;font-weight:600}

.foot{background:#040d24;color:#cdd7ea;padding:48px 0 36px}
.foot-in{display:grid;gap:10px;justify-items:start}
.foot-links{display:flex;flex-wrap:wrap;gap:6px 24px;margin-top:6px}
.foot-links a{color:#fff;text-underline-offset:5px}
.copy{font-size:.88rem;opacity:.7;margin-top:10px}

/* tablet */
@media (max-width:980px){
  section{padding:72px 0}
  .hero-copy{grid-template-columns:1fr;gap:22px}
  .bento{grid-template-columns:1fr}
  .b-school{grid-row:auto}
  .pair{grid-template-columns:1fr;gap:12px}
  .start-in,.faq-in,.contact-in{grid-template-columns:1fr;gap:36px}
  .start-in>div{position:static}
  .plans{grid-template-columns:1fr;max-width:520px}
  .plan-pop{margin-top:10px}
  .trust-grid{grid-template-columns:1fr 1fr}
}
/* phone: show the phone screen big and hide the computer window */
@media (max-width:720px){
  :root{--gut:18px}
  .menu-btn{display:block}
  .menu{display:none;position:absolute;left:0;right:0;top:72px;background:var(--bg);flex-direction:column;align-items:stretch;gap:0;padding:8px var(--gut) 18px;border-bottom:1px solid var(--edge)}
  .menu.open{display:flex}
  .menu a{padding:14px 4px;border-bottom:1px solid var(--edge)}
  .menu .btn{margin-top:12px;border-bottom:0;padding:14px}
  .hero{padding:40px 0 56px}
  .switch{margin:36px 0 22px;border-radius:24px;width:100%;display:grid;grid-template-columns:1fr 1fr}
  .switch button{padding:12px 10px;font-size:.88rem;justify-content:center}
  .stage{aspect-ratio:auto;height:112cqw;font-size:4.1cqw}
  .win{display:none}
  .ph{left:50%;right:auto;width:78%;height:100%;transform:translateX(-50%);border-radius:2.6em}
  .scene.on .ph{animation:none}
  .cta-row .btn{flex:1 1 100%}
  .trust-grid{grid-template-columns:1fr}
  .b,.b-school{padding:24px}
  .b-school h3{font-size:1.9rem}
  .form{padding:22px}
  .plan{padding:30px 22px 24px}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .scene,.btn,.switch button{transition:none}
  .scene.on .bars i,.scene.on .ph{animation:none}
}

/* v3: live products */
.announce{display:flex;gap:10px;align-items:center;justify-content:center;padding:9px 16px;background:linear-gradient(90deg,#0f7f78,#19D3C5,#FFB627);color:#04163a;font-size:.9rem;text-align:center}
.announce u{text-underline-offset:3px;font-weight:600}
.pulse{width:9px;height:9px;border-radius:50%;background:#04163a;flex:none;animation:pl 1.6s infinite}
@keyframes pl{0%{box-shadow:0 0 0 0 rgba(4,22,58,.5)}100%{box-shadow:0 0 0 10px rgba(4,22,58,0)}}
.live-links{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:22px;font-size:.9rem;color:var(--mute,#b9c6e4)}
.lp{padding:6px 14px;border-radius:999px;border:1px solid rgba(25,211,197,.55);color:#fff;font-weight:600;transition:.2s}
.lp:hover{background:#19D3C5;color:#061230}
.open-prod{margin-left:8px;color:#19D3C5;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.prod3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:40px}
.pc{background:#fff;border:1px solid var(--line,#dde4f0);border-radius:26px;overflow:hidden;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}
.pc:hover{transform:translateY(-6px);box-shadow:0 24px 50px -20px rgba(6,18,48,.35)}
.pc-art{position:relative;height:190px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0A1F44,#123F7A)}
.pc-biz .pc-art{background:linear-gradient(135deg,#123F7A,#0f6f8f)}
.pc-resto .pc-art{background:linear-gradient(135deg,#0c3b33,#1f5d50)}
.art-card{width:170px;background:#fff;color:#0A1F44;border-radius:14px;padding:14px;font-size:.78rem;display:grid;gap:7px;box-shadow:0 14px 30px rgba(0,0,0,.35);transform:rotate(-3deg)}
.art-card b{font-size:.85rem}
.ar-row{display:flex;gap:7px;align-items:center}.ar-row i{width:9px;height:9px;border-radius:50%;background:#19D3C5}.ar-row.late i{background:#FFB627}
.ar-line{height:7px;border-radius:4px;background:#dde4f0}.ar-line.s{width:60%}
.ar-total{font-weight:700;font-size:1rem;color:#0A1F44;border-top:1px dashed #b6c2da;padding-top:6px}
.ar-r{display:flex;justify-content:space-between;gap:6px}.ar-r em{font-style:normal}
.art-pill{position:absolute;right:16px;bottom:16px;background:#FFB627;color:#04163a;font-weight:700;font-size:.8rem;padding:6px 12px;border-radius:999px}
.pc-body{padding:26px 26px 28px;display:flex;flex-direction:column;flex:1}
.pc-body .b-head{display:flex;justify-content:space-between;align-items:center;gap:10px}
.pc-body p{margin-top:10px;color:var(--slate,#4A5878)}
.ticks{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:8px}
.ticks li{padding-left:26px;position:relative;color:#0A1F44;font-size:.95rem}
.ticks li:before{content:"";position:absolute;left:0;top:.3em;width:16px;height:16px;border-radius:50%;background:#19D3C5 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.3l2.3 2.3 4.7-4.9' fill='none' stroke='%23061230' stroke-width='2'/%3E%3C/svg%3E")}
.pc-price{margin-top:auto!important;padding-top:18px}
.pc-body .cta-row{margin-top:14px}
.custom{margin-top:26px;display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:26px 30px;border-radius:24px;background:#0A1F44;color:#fff}
.custom p{color:#c3d0ea;max-width:60ch;margin-top:6px}
.ptabs{display:inline-flex;gap:6px;margin-top:26px;padding:5px;border-radius:999px;background:#e8eef9}
.ptabs button{border:0;background:none;padding:10px 22px;border-radius:999px;font:inherit;font-weight:600;color:#0A1F44;cursor:pointer}
.ptabs button[aria-selected=true]{background:#0A1F44;color:#fff}
.hidden{display:none!important}
@media(max-width:960px){.prod3{grid-template-columns:1fr;max-width:520px}}
@media(prefers-reduced-motion:reduce){.pulse{animation:none}.pc{transition:none}}
.pc-body h3{color:#0A1F44;font-size:1.5rem}
.pc-body .b-head{margin-bottom:2px}
.tagline{color:var(--slate,#4A5878);font-size:.9rem;margin-top:6px}.plan-pop .tagline{color:#c3d0ea}

/* v3 mobile polish */
@media (max-width:720px){
  .announce{padding:8px 14px;font-size:.82rem;line-height:1.3}
  .a-long{display:none}
  h1{font-size:2.15rem;line-height:1.08}
  .hero-side .lead,.hero .lead{font-size:1rem;line-height:1.55}
  .live-links{display:none}
  .hero .cta-row{gap:10px}
  .switch{gap:8px;padding:8px;border-radius:22px}
  .switch button{border:1px solid var(--edge);background:rgba(255,255,255,.04);border-radius:14px;padding:13px 8px;font-size:.86rem;gap:7px}
  .switch button[aria-selected=true]{border-color:#fff}
  .stage{height:96cqw;font-size:4.4cqw}
  .ph{width:74%}
  .stage-note{display:flex;flex-direction:column;gap:10px;align-items:center}
  .open-prod{margin:0;padding:11px 22px;border-radius:999px;background:#19D3C5;color:#061230;text-decoration:none}
  .pc-art{height:160px}
  .custom{padding:22px}
  .custom .btn{width:100%;text-align:center}
  .ptabs{display:flex;width:100%}.ptabs button{flex:1;padding:12px 8px}
  section h2{font-size:1.9rem}
}
@media (max-width:720px){.stage{height:104cqw}}