:root{--bg:#050F1C;--bg2:#0D2340;--ink:#F6F7F9;--mute:#9DB4CC;--line:rgba(200,222,240,.16);--blue:#1652F0;--blue2:#3A72AB;--pale:#C8DEF0;--card:#0A1A30;--onblue:#fff;
--fh:"Bahnschrift","Avenir Next","Segoe UI Semibold","Segoe UI",system-ui,sans-serif;--fb:"Avenir Next","Segoe UI",system-ui,-apple-system,sans-serif;--r:2px;--w:1180px}
[data-theme=light]{--bg:#F6F7F9;--bg2:#E6EDF5;--ink:#050F1C;--mute:#44607e;--line:rgba(5,15,28,.16);--card:#fff;--pale:#0D2340;--blue2:#1652F0}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 1.05rem/1.65 var(--fb);transition:background .3s,color .3s}
h1,h2,h3,h4{font-family:var(--fh);line-height:1.02;letter-spacing:-.02em;margin:0 0 .5em;font-weight:700}
h1{font-size:clamp(2.6rem,8vw,6.4rem);text-transform:none}h2{font-size:clamp(2rem,4.6vw,3.6rem)}h3{font-size:1.4rem;line-height:1.15}
p{margin:0 0 1em}a{color:inherit}img,svg{max-width:100%}
.wrap{max-width:var(--w);margin:0 auto;padding:0 1.25rem}
.skip{position:absolute;left:-999px;top:0;background:var(--blue);color:#fff;padding:.8rem 1rem;z-index:200}.skip:focus{left:0}
:focus-visible{outline:3px solid var(--blue2);outline-offset:3px}
[data-theme=dark] :focus-visible,:root:not([data-theme]) :focus-visible{outline-color:var(--pale)}
.hdr{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.hdr .wrap{display:flex;align-items:center;gap:1rem;min-height:70px}
.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;font:700 1.05rem var(--fh);margin-right:auto}.brand img{width:40px;height:40px;border-radius:9px}
.nav ul{display:flex;gap:.2rem;list-style:none;margin:0;padding:0}
.nav a{display:block;padding:.5rem .75rem;text-decoration:none;font-size:.95rem;position:relative}
.nav a::after{content:"";position:absolute;left:.75rem;right:.75rem;bottom:.2rem;height:2px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .25s}
.nav a:hover::after,.nav a[aria-current=page]::after{transform:scaleX(1)}
.btn{display:inline-flex;align-items:center;gap:.6rem;border:2px solid var(--blue);background:var(--blue);color:#fff;padding:.85rem 1.4rem;font:700 .95rem var(--fb);text-decoration:none;border-radius:var(--r);cursor:pointer;transition:transform .2s,background .2s,color .2s}
.btn:hover{transform:translateY(-2px);background:#0f3fc0;border-color:#0f3fc0}.btn .ar{transition:transform .2s}.btn:hover .ar{transform:translateX(4px)}
.btn.ghost{background:transparent;color:var(--ink);border-color:var(--line)}.btn.ghost:hover{border-color:var(--ink);background:transparent}
.btn.white{background:#fff;color:#050F1C;border-color:#fff}.btn.white:hover{background:var(--pale)}
.btn.sm{padding:.55rem .9rem;font-size:.85rem}
.icon-btn{width:42px;height:42px;display:grid;place-items:center;background:transparent;border:1px solid var(--line);color:var(--ink);cursor:pointer;border-radius:var(--r)}
.icon-btn:hover{border-color:var(--ink)}
.menu-btn{display:none}
@media(max-width:900px){.menu-btn{display:grid}.nav{position:fixed;inset:70px 0 auto 0;background:var(--bg);border-bottom:1px solid var(--line);padding:1rem 1.25rem 1.5rem;transform:translateY(-130%);transition:transform .35s;visibility:hidden}
.nav.open{transform:none;visibility:visible}.nav ul{flex-direction:column}.nav a{padding:.9rem 0;font:700 1.4rem var(--fh);border-bottom:1px solid var(--line)}.hdr .btn.sm{display:none}}
.eyebrow{font:700 .78rem var(--fb);letter-spacing:.16em;text-transform:uppercase;color:var(--blue2);display:flex;align-items:center;gap:.7rem;margin-bottom:1.2rem}
.eyebrow::before{content:"";width:12px;height:12px;background:var(--blue2)}
.hero{position:relative;overflow:hidden;padding:clamp(3.5rem,9vw,8rem) 0 0;background:radial-gradient(900px 500px at 85% 10%,rgba(22,82,240,.35),transparent 60%),var(--bg)}
.hero h1 em{font-style:normal;color:var(--blue2)}.hero h1 .sq{display:inline-block;width:.16em;height:.16em;background:var(--blue2);margin-left:.04em}
.hero .lead{max-width:640px;font-size:1.25rem;color:var(--mute)}
.cta-row{display:flex;flex-wrap:wrap;gap:.8rem;margin:2rem 0}
.road{margin-top:3rem;height:120px;position:relative;border-top:1px solid var(--line);overflow:hidden}
.road i{position:absolute;top:58px;left:-200px;width:100px;height:6px;background:var(--blue);animation:drive 5s linear infinite}
.road i:nth-child(2){animation-delay:-1.6s;width:160px;top:30px;opacity:.6}.road i:nth-child(3){animation-delay:-3.2s;top:88px;width:60px;background:var(--pale);opacity:.5}
@keyframes drive{to{transform:translateX(calc(100vw + 400px))}}
.ticker{background:var(--blue);color:#fff;overflow:hidden;white-space:nowrap;font:700 1.1rem var(--fh);padding:.9rem 0}
.ticker div{display:inline-block;animation:tick 40s linear infinite;padding-left:100%}
.ticker span{margin:0 1.5rem}.ticker span::after{content:"";display:inline-block;width:9px;height:9px;background:#fff;margin-left:3rem}
@keyframes tick{to{transform:translateX(-100%)}}
section.s{padding:clamp(3.5rem,8vw,7rem) 0}.alt{background:var(--bg2)}
.blue{background:var(--blue);color:#fff}.blue .eyebrow{color:#fff}.blue .eyebrow::before{background:#fff}
.grid{display:grid;gap:1px;background:var(--line);border:1px solid var(--line)}
.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}
@media(max-width:900px){.g3,.g4{grid-template-columns:1fr 1fr}}@media(max-width:600px){.g2,.g3,.g4{grid-template-columns:1fr}}
.cell{background:var(--bg);padding:2rem 1.6rem;transition:background .25s}.alt .cell{background:var(--bg2)}.cell:hover{background:var(--card)}
.cell .n{font:700 .85rem var(--fh);color:var(--blue2);letter-spacing:.1em;display:block;margin-bottom:2rem}
.cell p{color:var(--mute);margin:0}
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,5rem);align-items:center}@media(max-width:800px){.split{grid-template-columns:1fr}}
.stat{font:700 clamp(3rem,7vw,5.5rem) var(--fh);line-height:1}.stat small{display:block;font:600 .9rem var(--fb);letter-spacing:.06em;margin-top:.6rem;opacity:.85}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}@media(max-width:700px){.stats{grid-template-columns:1fr}}
.plate{aspect-ratio:4/3;background:linear-gradient(135deg,var(--bg2),var(--card));border:1px solid var(--line);position:relative;overflow:hidden;display:grid;place-items:center}
.plate svg{width:86%}
.steps{counter-reset:s;list-style:none;padding:0;margin:0}
.steps li{counter-increment:s;display:grid;grid-template-columns:64px 1fr;gap:1rem;padding:1.4rem 0;border-top:1px solid var(--line)}
.steps li::before{content:"0" counter(s);font:700 2rem var(--fh);color:var(--blue2)}.steps b{display:block;font:700 1.2rem var(--fh)}
.card{background:var(--card);border:1px solid var(--line);padding:2rem;display:flex;flex-direction:column;position:relative}
.card.hot{border-color:var(--blue);box-shadow:inset 0 4px 0 var(--blue)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}@media(max-width:900px){.cards{grid-template-columns:1fr}}
.card ul{padding-left:1.1rem;color:var(--mute);flex:1}.card .price{font:700 1.6rem var(--fh);margin:.5rem 0 1rem}
.tag{font:700 .72rem var(--fb);letter-spacing:.14em;text-transform:uppercase;color:var(--blue2)}
.tbl{overflow-x:auto;border:1px solid var(--line)}table{border-collapse:collapse;width:100%;min-width:640px}
th,td{text-align:left;padding:1rem 1.1rem;border-bottom:1px solid var(--line);vertical-align:top}th{font:700 .85rem var(--fb);letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
details{border-top:1px solid var(--line)}details:last-child{border-bottom:1px solid var(--line)}
summary{cursor:pointer;padding:1.3rem 3rem 1.3rem 0;font:700 1.2rem var(--fh);list-style:none;position:relative}summary::-webkit-details-marker{display:none}
summary::after{content:"+";position:absolute;right:.3rem;top:1rem;font-size:1.8rem;color:var(--blue2);transition:transform .25s}details[open] summary::after{transform:rotate(45deg)}
details p{color:var(--mute);max-width:70ch}
.page-h{padding:clamp(3rem,7vw,6rem) 0 2.5rem;border-bottom:1px solid var(--line);background:radial-gradient(700px 300px at 90% 0,rgba(22,82,240,.28),transparent 60%)}
.page-h h1{font-size:clamp(2.4rem,6vw,4.8rem)}.page-h p{color:var(--mute);max-width:680px;font-size:1.2rem}
.prose{max-width:760px}.prose h2{font-size:1.8rem;margin-top:2.2rem}.prose h3{margin-top:1.6rem}.prose li{margin-bottom:.4rem}.prose a{color:var(--blue2)}
.note{border-left:4px solid var(--blue);background:var(--bg2);padding:1rem 1.2rem;margin:1.5rem 0;font-size:.95rem}
form{display:grid;gap:1.1rem}.row{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem}@media(max-width:600px){.row{grid-template-columns:1fr}}
label{display:block;font:700 .85rem var(--fb);margin-bottom:.35rem}
input,select,textarea{width:100%;background:var(--card);color:var(--ink);border:1px solid var(--line);padding:.85rem .9rem;font:inherit;border-radius:var(--r)}
input:hover,select:hover,textarea:hover{border-color:var(--mute)}textarea{min-height:150px;resize:vertical}
.err{color:#ff9d8f;font-size:.85rem;min-height:1.1em;display:block;margin-top:.25rem}[data-theme=light] .err{color:#a52a14}
input[aria-invalid=true],textarea[aria-invalid=true]{border-color:#ff9d8f}
.status{padding:1rem;border:1px solid var(--line);background:var(--bg2)}[hidden]{display:none!important}
.post{display:block;text-decoration:none;padding:1.8rem 0;border-top:1px solid var(--line);transition:padding .25s}.post:hover{padding-left:1rem}.post h3{font-size:1.7rem}.post p{color:var(--mute);margin:0}
.ftr{border-top:1px solid var(--line);padding:3.5rem 0 2rem;background:var(--bg2)}
.fg{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:2rem}@media(max-width:800px){.fg{grid-template-columns:1fr 1fr}}
.ftr h4{font:700 .8rem var(--fb);letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}.ftr ul{list-style:none;padding:0;margin:0}.ftr li{margin-bottom:.4rem}.ftr a{text-decoration:none}.ftr a:hover{text-decoration:underline}
.ftr button.lnk{background:none;border:0;color:inherit;font:inherit;padding:0;cursor:pointer;text-align:left}.ftr button.lnk:hover{text-decoration:underline}
.legalbar{margin-top:2rem;padding-top:1.2rem;border-top:1px solid var(--line);color:var(--mute);font-size:.88rem}
.banner{position:fixed;left:1rem;right:1rem;bottom:1rem;max-width:620px;background:var(--card);border:1px solid var(--blue);padding:1.4rem;z-index:100;box-shadow:0 20px 60px rgba(0,0,0,.4)}
.banner h2{font-size:1.3rem;margin-bottom:.4rem}.banner p{font-size:.92rem;color:var(--mute)}.banner .acts{display:flex;flex-wrap:wrap;gap:.6rem}
.banner label{font-weight:500;display:flex;gap:.6rem;align-items:flex-start}.banner input[type=checkbox]{width:auto;margin-top:.35rem}
.rv{opacity:1}.js .rv{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}.js .rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.js .rv{opacity:1;transform:none}}