@font-face{font-family:"Plus Jakarta Sans";src:url(/fonts/plus-jakarta-sans-latin-wght-normal.woff2) format("woff2");font-weight:200 800;font-style:normal;font-display:swap}
:root{--navy:#13298A;--deep:#070E33;--card:rgba(255,255,255,.05);--line:rgba(255,255,255,.12);--o:#F49B00;--o2:#FFC24D;--wa:#25D366}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Plus Jakarta Sans',system-ui,sans-serif;color:#fff;background:var(--deep);overflow-x:hidden;line-height:1.5}
a{color:inherit}
.glow{position:fixed;border-radius:50%;filter:blur(90px);z-index:-1;pointer-events:none}
.g1{width:520px;height:520px;background:var(--navy);top:-160px;left:-140px;opacity:.6}
.g2{width:420px;height:420px;background:var(--o);bottom:-200px;right:-140px;opacity:.28}
.wrap{max-width:1180px;margin:0 auto;padding:0 18px}
nav{position:sticky;top:0;z-index:10;background:rgba(7,14,51,.85);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
nav .wrap{display:flex;align-items:center;gap:18px;height:64px}
nav .lg{background:#fff;border-radius:10px;padding:5px 10px;display:flex}
nav .lg img{height:30px;display:block}
nav .links{display:flex;gap:18px;margin-left:auto;font-size:14px;font-weight:600}
nav .links a{text-decoration:none;opacity:.8}
nav .links a:hover,nav .links a.on{opacity:1;color:var(--o2)}
nav .cta{background:var(--wa);padding:9px 16px;border-radius:999px;text-decoration:none;font-weight:800;font-size:14px}
.hero{text-align:center;padding:64px 0 40px}
.tag{display:inline-block;padding:6px 14px;border:1px solid rgba(244,155,0,.6);border-radius:999px;color:var(--o);font-weight:700;font-size:12px;letter-spacing:.16em;text-transform:uppercase}
h1{font-size:clamp(36px,7vw,72px);font-weight:800;line-height:1.02;letter-spacing:-.03em;margin-top:18px}
h1 .hl,h2 .hl{background:linear-gradient(90deg,#F49B00,#FFD27A);-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{max-width:680px;margin:16px auto 0;font-size:clamp(16px,2.2vw,19px);opacity:.82}
.cd{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-width:520px;margin:30px auto 0}
.cd div{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px 4px}
.cd b{display:block;font-size:clamp(28px,7vw,44px);font-weight:800;font-variant-numeric:tabular-nums;line-height:1}
.cd small{font-size:11px;letter-spacing:.18em;text-transform:uppercase;opacity:.6}
.cdl{margin-top:10px;font-size:14px;opacity:.65}
.btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:30px}
.btn{display:inline-flex;align-items:center;gap:9px;padding:14px 24px;border-radius:999px;font-weight:800;text-decoration:none;font-size:16px;transition:transform .2s}
.btn:hover{transform:translateY(-2px)}
.btn svg{width:20px;height:20px}
.wa{background:var(--wa);box-shadow:0 8px 28px rgba(37,211,102,.35)}
.ghost{border:1.5px solid var(--line);background:var(--card)}
section{padding:56px 0}
h2{font-size:clamp(28px,4.6vw,44px);font-weight:800;letter-spacing:-.02em;line-height:1.1;text-align:center}
.sub{text-align:center;max-width:680px;margin:12px auto 0;opacity:.75}
.grid{display:grid;gap:16px;margin-top:34px}
.g2c{grid-template-columns:repeat(2,1fr)}.g3c{grid-template-columns:repeat(3,1fr)}.g4c{grid-template-columns:repeat(4,1fr)}
.card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:24px;display:flex;flex-direction:column}
.card h3{font-size:20px;font-weight:800}
.card p{margin-top:8px;font-size:15px;opacity:.8}
.card .k{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--o2);font-weight:700}
.hot{background:linear-gradient(160deg,rgba(244,155,0,.2),rgba(19,41,138,.4));border:1.5px solid var(--o)}
.price{font-size:40px;font-weight:800;margin-top:10px;line-height:1}
.price small{font-size:15px;opacity:.7;font-weight:600}
.badge{display:inline-block;align-self:flex-start;background:var(--o);color:var(--deep);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:5px 11px;border-radius:999px;margin-bottom:12px}
ul.ck{list-style:none;margin:14px 0 18px;flex:1}
ul.ck li{position:relative;padding:6px 0 6px 26px;font-size:15px;border-top:1px solid rgba(255,255,255,.07)}
ul.ck li:before{content:"";position:absolute;left:3px;top:12px;width:11px;height:6px;border-left:2.5px solid var(--o);border-bottom:2.5px solid var(--o);transform:rotate(-45deg)}
.card .btn{justify-content:center;font-size:15px;padding:12px 18px}
.band{background:linear-gradient(90deg,rgba(244,155,0,.14),rgba(19,41,138,.35));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.cities{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:22px}
.cities span{padding:8px 16px;border-radius:999px;background:var(--card);border:1px solid var(--line);font-weight:700;font-size:14px}
.cities span.k{border-color:var(--o);color:var(--o2)}
.steps{counter-reset:s}
.steps .card{position:relative;padding-top:52px}
.steps .card:before{counter-increment:s;content:counter(s);position:absolute;top:18px;left:24px;width:28px;height:28px;border-radius:50%;background:var(--o);color:var(--deep);font-weight:800;display:flex;align-items:center;justify-content:center;font-size:14px}
details{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px 20px;margin-top:10px;text-align:left}
details summary{font-weight:700;cursor:pointer;list-style:none}
details summary::-webkit-details-marker{display:none}
details summary:after{content:"+";float:right;color:var(--o);font-weight:800}
details[open] summary:after{content:"–"}
details p{margin-top:10px;opacity:.8;font-size:15px}
.faq{max-width:820px;margin:30px auto 0}
.contact{text-align:center}
.contact .mail{display:inline-block;margin-top:14px;font-size:18px;font-weight:700;color:var(--o2)}
.note{font-size:13px;opacity:.55;margin-top:14px;text-align:center}
footer{border-top:1px solid var(--line);padding:28px 0 90px;font-size:13px;opacity:.6;text-align:center}
footer a{margin:0 8px}
.fab{position:fixed;right:18px;bottom:18px;width:58px;height:58px;border-radius:50%;background:var(--wa);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(0,0,0,.4);z-index:20}
.fab svg{width:30px;height:30px}
@media(max-width:900px){.g3c,.g4c{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.g2c,.g3c,.g4c{grid-template-columns:1fr}nav .links{display:none}nav .cta{margin-left:auto}.hero{padding-top:44px}}
.eb{display:inline-flex;align-items:center;gap:10px;background:var(--o);color:var(--deep);font-weight:800;padding:8px 16px;border-radius:999px;font-size:14px}
.strike{text-decoration:line-through;opacity:.55;font-size:22px;font-weight:700;margin-right:8px}
.save{display:inline-block;margin-top:8px;background:rgba(37,211,102,.15);color:#7CF0A8;font-weight:800;font-size:13px;padding:4px 10px;border-radius:999px}
.tbl{width:100%;border-collapse:separate;border-spacing:0;margin-top:30px;font-size:15px;background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:hidden}
.tbl th,.tbl td{padding:14px 16px;text-align:center;border-bottom:1px solid rgba(255,255,255,.07)}
.tbl th:first-child,.tbl td:first-child{text-align:left}
.tbl thead th{font-size:13px;letter-spacing:.08em;text-transform:uppercase;opacity:.85}
.tbl .us{background:rgba(244,155,0,.12)}
.tbl thead .us{color:var(--o2)}
.tbl .y{color:#7CF0A8;font-weight:800}.tbl .n{opacity:.4}
.tbl tr:last-child td{border-bottom:0}
.tblw{overflow-x:auto}
.facts{background:var(--card);border:1px solid var(--line);border-left:4px solid var(--o);border-radius:14px;padding:18px 22px;margin-top:28px;text-align:left;font-size:15px}
.facts li{margin:6px 0 6px 18px}
.ebar{background:var(--o);color:var(--deep);text-align:center;font-weight:800;font-size:14px;padding:9px 12px}
.ebar a{color:var(--deep)}
/* ---- 3D premium layer ---- */
.hero{position:relative;perspective:1200px;overflow:hidden}
.hero .wrap{position:relative;z-index:2}
.orb3d{position:absolute;left:50%;top:46%;width:620px;height:620px;margin:-310px 0 0 -310px;transform-style:preserve-3d;animation:orbspin 26s linear infinite;z-index:1;pointer-events:none;opacity:.55}
.orb3d i{position:absolute;inset:0;border-radius:50%;border:1.5px solid rgba(244,155,0,.35);box-shadow:0 0 40px rgba(244,155,0,.12) inset}
.orb3d i:nth-child(2){transform:rotateX(70deg);border-color:rgba(120,150,255,.35)}
.orb3d i:nth-child(3){transform:rotateY(70deg);border-color:rgba(255,210,122,.3)}
.orb3d i:nth-child(4){transform:rotateX(70deg) rotateY(60deg);border-color:rgba(120,150,255,.25)}
@keyframes orbspin{from{transform:rotateX(18deg) rotateY(0)}to{transform:rotateX(18deg) rotateY(360deg)}}
h1{text-shadow:0 2px 0 rgba(0,0,0,.25),0 18px 40px rgba(0,0,0,.45)}
.card,.cd div,.tbl,.facts,details{background:linear-gradient(155deg,rgba(255,255,255,.09),rgba(255,255,255,.02) 55%,rgba(19,41,138,.12));box-shadow:0 1px 0 rgba(255,255,255,.12) inset,0 -1px 0 rgba(0,0,0,.3) inset,0 22px 40px -18px rgba(0,0,0,.7),0 6px 14px -8px rgba(0,0,0,.5)}
.card{transform-style:preserve-3d;transition:transform .25s ease,box-shadow .25s ease;will-change:transform}
.card>*{transform:translateZ(18px)}
.card:hover{box-shadow:0 1px 0 rgba(255,255,255,.18) inset,0 34px 60px -20px rgba(0,0,0,.8),0 0 0 1px rgba(244,155,0,.35)}
.hot{background:linear-gradient(155deg,rgba(244,155,0,.28),rgba(19,41,138,.45) 70%)}
.cd div{position:relative;transform:perspective(500px) rotateX(10deg);border-top-color:rgba(255,255,255,.25)}
.cd div:after{content:"";position:absolute;left:8%;right:8%;bottom:-10px;height:10px;border-radius:50%;background:rgba(0,0,0,.45);filter:blur(6px)}
.cd b{background:linear-gradient(180deg,#fff,#c9d3ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.btn{box-shadow:0 5px 0 rgba(0,0,0,.35),0 12px 26px -6px rgba(0,0,0,.5);transform:translateY(0)}
.btn.wa{box-shadow:0 5px 0 #159947,0 14px 28px -6px rgba(37,211,102,.45)}
.btn:hover{transform:translateY(-3px)}
.btn:active{transform:translateY(3px);box-shadow:0 2px 0 rgba(0,0,0,.35)}
.btn.wa:active{box-shadow:0 2px 0 #159947}
nav .lg{box-shadow:0 6px 16px -4px rgba(0,0,0,.6)}
@media (prefers-reduced-motion:reduce){.orb3d{animation:none}.card{transition:none}}
@media(max-width:640px){.orb3d{width:420px;height:420px;margin:-210px 0 0 -210px}}
h1 .hl,h2 .hl{text-shadow:none;filter:drop-shadow(0 10px 22px rgba(244,155,0,.25))}
.price small{font-size:16px;opacity:.7}
/* marquee 3D */
.marq{margin:30px auto 0;overflow:hidden;perspective:900px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);padding:14px 0}
.mtrack{display:flex;gap:14px;width:max-content;animation:marq 38s linear infinite;transform:rotateX(14deg);transform-style:preserve-3d}
.marq:hover .mtrack{animation-play-state:paused}
.mtrack span{flex:none;padding:12px 22px;border-radius:14px;font-weight:800;font-size:16px;white-space:nowrap;background:linear-gradient(160deg,rgba(255,255,255,.14),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.16);box-shadow:0 1px 0 rgba(255,255,255,.2) inset,0 10px 0 -4px rgba(0,0,0,.35),0 18px 30px -12px rgba(0,0,0,.7)}
.mtrack span.k{color:var(--o2);border-color:rgba(244,155,0,.6);background:linear-gradient(160deg,rgba(244,155,0,.25),rgba(244,155,0,.05))}
@keyframes marq{to{transform:rotateX(14deg) translateX(-50%)}}
/* 365 vs 2 weeks */
.duel{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:center;margin-top:36px;perspective:1100px}
.side{border-radius:24px;padding:30px 28px;text-align:left;box-shadow:0 1px 0 rgba(255,255,255,.12) inset,0 30px 50px -20px rgba(0,0,0,.75)}
.side.old{background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.01));border:1px solid var(--line);transform:rotateY(14deg) scale(.94);opacity:.8;filter:saturate(.4)}
.side.new{background:linear-gradient(160deg,rgba(244,155,0,.28),rgba(19,41,138,.5) 70%);border:1.5px solid var(--o);transform:rotateY(-8deg)}
.side .big{font-size:clamp(44px,7vw,72px);font-weight:800;line-height:1;letter-spacing:-.03em}
.side.new .big{background:linear-gradient(90deg,#F49B00,#FFD27A);-webkit-background-clip:text;background-clip:text;color:transparent}
.side.old .big{opacity:.6;text-decoration:line-through;text-decoration-thickness:4px;text-decoration-color:rgba(255,90,90,.7)}
.side .lbl{margin-top:8px;font-size:13px;letter-spacing:.14em;text-transform:uppercase;opacity:.7;font-weight:700}
ul.x{list-style:none;margin:16px 0 0}
ul.x li{position:relative;padding:6px 0 6px 26px;font-size:15px;opacity:.75;border-top:1px solid rgba(255,255,255,.06)}
ul.x li:before{content:"✕";position:absolute;left:2px;top:6px;color:#ff7a7a;font-weight:800}
.vsdot{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;background:var(--o);color:var(--deep);box-shadow:0 6px 0 #a86a00,0 16px 30px rgba(244,155,0,.4)}
@media(max-width:820px){.duel{grid-template-columns:1fr}.side.old,.side.new{transform:none}.vsdot{margin:0 auto}}
@media (prefers-reduced-motion:reduce){.mtrack{animation:none;flex-wrap:wrap;width:auto;justify-content:center}}
/* 3D factory */
.f3dsec{padding-top:40px}
.f3d{position:relative;height:clamp(380px,56vw,620px);margin-top:28px;border-radius:28px;overflow:hidden;background:radial-gradient(ellipse at 50% 30%,rgba(244,155,0,.18),transparent 55%),radial-gradient(ellipse at 50% 100%,rgba(19,41,138,.6),transparent 70%),linear-gradient(180deg,#0a1445,#070E33);border:1px solid var(--line);box-shadow:0 1px 0 rgba(255,255,255,.12) inset,0 40px 80px -30px rgba(0,0,0,.8)}
.f3d canvas{position:absolute;inset:0;width:100%!important;height:100%!important;opacity:0;transition:opacity 1.2s}
.f3d.ready canvas{opacity:1}
.f3dk{position:absolute;z-index:2;background:rgba(10,20,70,.72);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18);border-radius:16px;padding:10px 16px;box-shadow:0 16px 30px -12px rgba(0,0,0,.7);pointer-events:none;animation:kfloat 5s ease-in-out infinite}
.f3dk b{display:block;font-size:24px;font-weight:800;color:var(--o2);line-height:1.1}
.f3dk span{font-size:12px;letter-spacing:.1em;text-transform:uppercase;opacity:.8}
.k1{left:18px;top:18px}.k2{right:18px;top:18px;animation-delay:-1.2s}.k3{left:18px;bottom:18px;animation-delay:-2.4s}.k4{right:18px;bottom:18px;animation-delay:-3.6s}
@keyframes kfloat{50%{transform:translateY(-6px)}}
.f3d.nogl{background:linear-gradient(160deg,rgba(244,155,0,.2),rgba(19,41,138,.6))}
@media(max-width:600px){.f3dk{padding:7px 10px}.f3dk b{font-size:18px}.f3dk span{font-size:10px}}
@media (prefers-reduced-motion:reduce){.f3dk{animation:none}}
/* v4: landing pages, language switch, single action */
nav .lang{display:flex;gap:4px;margin-left:auto;background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:999px;padding:3px}
nav .lang a{text-decoration:none;font-size:13px;font-weight:700;padding:6px 12px;border-radius:999px;opacity:.75}
nav .lang a.on{background:#fff;color:#070e33;opacity:1}
nav .lang a:hover{opacity:1}
nav .lang+.cta{margin-left:10px}
.hero .trust{margin-top:22px;font-size:13px;opacity:.6}
.offer{max-width:640px;margin:0 auto;text-align:left}
.offer .btn{margin-top:18px}
@media(max-width:640px){nav .wrap{gap:10px}nav .lang a{padding:5px 9px;font-size:12px}nav .cta{padding:8px 12px;font-size:13px}nav .lang+.cta{margin-left:0}}
.hero .idline{max-width:720px;margin:14px auto 0;font-size:15px;font-weight:600;color:var(--o2);opacity:.95}