:root{--bg:#050B1A;--surface:#0B1428;--surface2:#101C36;--line:rgba(110,160,255,.16);--ink:#E8EEF8;--head:#FFFFFF;--muted:#A9B6CA;
--blue:#0A84FF;--cyan:#00C2FF;--link:#5CC4FF;--r:16px;--glow:0 0 0 1px rgba(10,132,255,.25),0 10px 40px rgba(10,132,255,.12);
--circuit:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240' fill='none' stroke='%230A84FF' stroke-opacity='.14' stroke-width='1.5'%3E%3Cpath d='M0 40h60l20 20h60M140 60v60l20 20h80M30 240v-60l20-20h40M120 0v30l-20 20M200 240v-40l-20-20h-40'/%3E%3Ccircle cx='140' cy='60' r='4'/%3E%3Ccircle cx='100' cy='50' r='3.5'/%3E%3Ccircle cx='90' cy='160' r='4'/%3E%3Ccircle cx='140' cy='180' r='3.5'/%3E%3Ccircle cx='60' cy='40' r='3'/%3E%3C/svg%3E")}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:Manrope,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--link)}a:hover{color:#9AD9FF}
:focus-visible{outline:3px solid var(--cyan);outline-offset:2px;border-radius:4px}
.skip{position:absolute;left:-999px;top:0;background:var(--blue);color:#04101F;padding:.6rem 1rem;z-index:99;font-weight:700}.skip:focus{left:1rem}
.wrap{width:min(1160px,92%);margin:0 auto}
h1,h2,h3{line-height:1.2;letter-spacing:-.02em;color:var(--head);margin:0 0 .6em}
h1{font-size:clamp(2rem,5vw,3.3rem);font-weight:800}h2{font-size:clamp(1.55rem,3vw,2.2rem);font-weight:800}h3{font-size:1.15rem;font-weight:700}
p{margin:0 0 1em}.muted{color:var(--muted)}
.grad{background:linear-gradient(90deg,var(--blue),var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}
.kicker{display:inline-block;font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);margin-bottom:.7rem}
.hdr{position:sticky;top:0;z-index:50;background:rgba(5,11,26,.88);backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--line)}
.hdr .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:68px}
.logo{display:flex;align-items:center;gap:.55rem;text-decoration:none;color:#fff;font-weight:800;font-size:1.18rem;letter-spacing:.04em}
.logo img{height:40px;width:40px;filter:drop-shadow(0 0 8px rgba(0,194,255,.45))}.logo b{color:var(--blue);font-weight:800}.logo:hover{color:#fff}
.menu{display:flex;align-items:center;gap:.25rem}
.menu a{color:#D5DEEC;text-decoration:none;font-weight:600;font-size:.94rem;padding:.5rem .75rem;border-radius:10px}
.menu a:hover,.menu a[aria-current=page]{background:rgba(10,132,255,.14);color:#fff}
.menu .lang{border:1px solid var(--line)}
.navtoggle{display:none;background:none;border:1px solid var(--line);border-radius:10px;padding:.5rem .7rem;font:inherit;font-weight:700;color:#fff;cursor:pointer}
@media(max-width:900px){.navtoggle{display:block}.menu{display:none;position:absolute;left:0;right:0;top:68px;background:var(--surface);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;padding:.6rem 4%}
.menu.open{display:flex}.menu a{padding:.8rem 1rem}}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.85rem 1.35rem;border-radius:12px;font-weight:800;text-decoration:none;border:2px solid transparent;transition:.15s;font-size:.98rem}
.btn-primary,.btn-light{background:linear-gradient(90deg,var(--blue),var(--cyan));color:#04101F;box-shadow:0 0 24px rgba(10,132,255,.35)}
.btn-primary:hover,.btn-light:hover{color:#04101F;box-shadow:0 0 34px rgba(0,194,255,.55);transform:translateY(-1px)}
.btn-ghost,.btn-ghost-light{border-color:rgba(92,196,255,.55);color:#fff;background:rgba(10,132,255,.06)}.btn-ghost:hover,.btn-ghost-light:hover{background:rgba(10,132,255,.18);color:#fff;border-color:var(--cyan)}
.row{display:flex;flex-wrap:wrap;gap:.75rem}
.hero{position:relative;background:radial-gradient(900px 480px at 78% 30%,rgba(10,132,255,.28),transparent 60%),var(--circuit),linear-gradient(180deg,#050B1A,#0B1428);padding:5.5rem 0 5rem;overflow:hidden;border-bottom:1px solid var(--line)}
.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:3rem;align-items:center}
.hero .lead{font-size:1.18rem;max-width:40rem;color:#C3CFE0}
.hero-emblem{justify-self:center;width:min(360px,80%);filter:drop-shadow(0 0 30px rgba(0,194,255,.35))}
.page-hero{background:radial-gradient(700px 300px at 85% 0,rgba(10,132,255,.25),transparent 65%),var(--circuit),var(--surface);padding:3.8rem 0 3.2rem;border-bottom:1px solid var(--line)}
.page-hero h1{font-size:clamp(1.9rem,4vw,2.8rem)}.page-hero p{max-width:46rem;font-size:1.1rem;color:#C3CFE0}
@media(max-width:800px){.hero{padding:3.5rem 0}.hero-grid{grid-template-columns:1fr}.hero-emblem{display:none}}
section{padding:4.5rem 0}.soft{background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.sec-head{max-width:46rem;margin-bottom:2.2rem}
.grid{display:grid;gap:1.4rem}.g3{grid-template-columns:repeat(3,1fr)}.g2{grid-template-columns:repeat(2,1fr)}
@media(max-width:900px){.g3{grid-template-columns:1fr 1fr}}@media(max-width:640px){.g3,.g2{grid-template-columns:1fr}section{padding:3.2rem 0}}
.card{background:linear-gradient(180deg,var(--surface2),var(--surface));border:1px solid var(--line);border-radius:var(--r);padding:1.7rem;transition:.2s}
.card:hover{box-shadow:var(--glow);border-color:rgba(10,132,255,.4)}
.card p:last-child{margin-bottom:0}
.icon{width:46px;height:46px;border-radius:12px;background:rgba(10,132,255,.14);color:var(--cyan);display:grid;place-items:center;margin-bottom:1rem;box-shadow:0 0 18px rgba(0,194,255,.2)}
.icon svg{width:24px;height:24px}
.card ul,.list{padding-left:1.1rem;margin:.4rem 0 1rem;color:var(--muted)}.card li,.list li{margin:.3rem 0}
.check{list-style:none;padding:0}.check li{padding-left:1.7rem;position:relative}.check li:before{content:"";position:absolute;left:0;top:.45em;width:1rem;height:.55rem;border-left:3px solid var(--cyan);border-bottom:3px solid var(--cyan);transform:rotate(-45deg) scale(.8)}
.link-arrow{font-weight:700;text-decoration:none}.link-arrow:after{content:" →"}
.pcard{display:flex;flex-direction:column;overflow:hidden;padding:0}
.pcard .thumb{background:radial-gradient(circle at 50% 60%,rgba(10,132,255,.22),transparent 70%),#081126;height:280px;display:flex;align-items:center;justify-content:center;padding:1.2rem;border-bottom:1px solid var(--line)}
.pcard .thumb img{height:100%;width:auto;object-fit:contain;border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,.5)}
.pcard .body{padding:1.6rem;display:flex;flex-direction:column;flex:1}.pcard .row{margin-top:auto}
.meta{font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--cyan);margin-bottom:.4rem}
.price{font-size:1rem;color:var(--muted);margin:.2rem 0 1.2rem}.price strong{font-size:1.6rem;color:#fff;margin:0 .2rem}
.note{font-size:.88rem;color:var(--muted)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}@media(max-width:800px){.split{grid-template-columns:1fr;gap:1.6rem}}
.band{background:radial-gradient(600px 200px at 90% 0,rgba(0,194,255,.3),transparent 70%),var(--circuit),linear-gradient(135deg,#0A2A5E,#081633);border:1px solid rgba(10,132,255,.4);box-shadow:var(--glow);color:#D5E2F3;border-radius:24px;padding:3rem;display:flex;flex-wrap:wrap;gap:1.5rem;align-items:center;justify-content:space-between}
.band h2{margin:0 0 .3rem}.band p{margin:0}
.step{position:relative}
dl.details{display:grid;grid-template-columns:max-content 1fr;gap:.5rem 1.4rem;margin:0}dl.details dt{font-weight:700;color:#fff}dl.details dd{margin:0;color:var(--muted)}
@media(max-width:520px){dl.details{grid-template-columns:1fr}dl.details dd{margin-bottom:.6rem}}
.legal{max-width:780px}.legal h2{font-size:1.3rem;margin-top:2rem}.legal p,.legal li{color:#C3CFE0}.updated{color:var(--muted);font-size:.9rem}
.ftr{background:#030712;color:#9BA9BE;padding:3.5rem 0 2rem;font-size:.94rem;border-top:1px solid var(--line);font-family:Manrope,system-ui,sans-serif}
.ftr a{color:#DCE6F3;text-decoration:none}.ftr a:hover{color:var(--cyan)}
.ftr-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:2rem}@media(max-width:860px){.ftr-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.ftr-grid{grid-template-columns:1fr}}
.ftr h4{color:#fff;font-size:.85rem;letter-spacing:.1em;text-transform:uppercase;margin:0 0 .9rem}
.ftr ul{list-style:none;margin:0;padding:0}.ftr li{margin:.45rem 0}.ftr p{margin:0 0 1em}
.ftr .logo{margin-bottom:1rem}
.ftr-bottom{border-top:1px solid var(--line);margin-top:2.5rem;padding-top:1.4rem;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;font-size:.85rem}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}