:root { --bg:#0a0c11; --bg-2:#0f131b; --panel:#141925; --fg:#eef2f8; --muted:#b7c0d2; --accent-2:#7a8cff; --danger:#ff8585; }
* { box-sizing: border-box; }
html { overflow-x:clip; scroll-behavior: smooth; scroll-padding-top: 88px; }
body { margin:0; background:var(--bg); color:var(--fg); font:var(--step-0)/1.65 var(--font-body); overflow-x:clip; }
body::after { content:""; position:fixed; inset:0; z-index:-2; background:var(--bg); }
h1,h2,h3 { margin:0 0 .5em; }
h3 { font:600 var(--step-1)/1.3 var(--font-body); }
p { margin:0 0 1em; }
a { color:var(--tint); }
.skip { position:absolute; left:12px; top:-60px; background:var(--tint); color:#0a0c11; padding:10px 16px; border-radius:10px; z-index:50; }
.skip:focus { top:12px; }
.top { position:sticky; top:0; z-index:30; padding:12px 16px 0; }
.bar { display:flex; align-items:center; gap:16px; max-width:1160px; margin:0 auto; }
.brand { display:inline-flex; align-items:center; gap:8px; font:700 1.3rem var(--font-display); color:var(--fg); text-decoration:none; letter-spacing:-.02em; }
.mark { width:26px; height:26px; fill:var(--glass-accent); }
.links { display:flex; gap:18px; margin-left:auto; }
.trust { list-style:none; padding:0; margin:0 0 20px; display:grid; gap:10px; color:var(--muted); }
.trust li { display:flex; gap:10px; align-items:center; }
.trust .glass-icon { flex:none; color:var(--glass-accent); }
@media (min-width:900px) { .trust { grid-template-columns:repeat(2,1fr); } }
.links a, .lang { color:var(--muted); text-decoration:none; font-size:15px; padding:10px 2px; }
.links a:hover, .lang:hover { color:var(--fg); }
.nav-cta { min-height:40px; padding:8px 18px; text-decoration:none; }
.lang { border:1px solid var(--glass-edge); border-radius:10px; padding:6px 14px; min-height:36px; color:var(--fg); }
main, .foot { max-width:1200px; margin:0 auto; padding:0 20px; }
.hero { padding:clamp(56px,10vw,120px) 0 48px; display:grid; gap:40px; align-items:center; }
.hero-visual { display:none; }
@media (min-width:1000px) {
  .hero { grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); }
  .hero-visual { display:block; }
}
.eyebrow { color:var(--glass-accent); font-size:.8125rem; font-weight:700; letter-spacing:.16em; text-transform:uppercase; }
.hero h1 { font-size:var(--step-4); max-width:20ch; overflow-wrap:break-word; hyphens:auto; }
.lede { color:var(--muted); font-size:var(--step-1); max-width:62ch; }
.cta { display:flex; flex-wrap:wrap; gap:12px; margin:28px 0; }
.points { list-style:none; padding:0; display:grid; gap:8px; color:var(--muted); }
.points li::before { content:"◆ "; color:var(--glass-accent); }
.block { padding:clamp(40px,7vw,88px) 0; }
.glass-stats { margin:8px 0; }
.more { margin-top:16px; }
.glass-icon-tile { margin-bottom:4px; }
.glass-row .glass-icon-tile { margin:0; }
.block h2 { font-size:var(--step-3); }
.sub { color:var(--tint); font-weight:600; }
.grid { list-style:none; padding:0; margin:0 0 20px; display:grid; gap:16px; grid-template-columns:1fr; }
@media (min-width:700px) {
  .grid, .grid.cols-4 { grid-template-columns:repeat(2,1fr); }
  .grid.cols-3 { grid-template-columns:repeat(3,1fr); }
  .grid.cols-5 { grid-template-columns:repeat(6,1fr); }
  .grid.cols-5 > :nth-child(-n+3) { grid-column:span 2; }
  .grid.cols-5 > :nth-child(n+4) { grid-column:span 3; }
}
@media (min-width:1100px) {
  .grid.cols-4 { grid-template-columns:repeat(4,1fr); }
  .grid.cols-5 { grid-template-columns:repeat(5,1fr); }
  .grid.cols-5 > * { grid-column:auto !important; }
}
.card p { color:var(--muted); margin:0; }
.faq { padding:0; margin-bottom:12px; }
.faq summary { padding:16px 20px; cursor:pointer; font-weight:600; min-height:44px; }
.faq p { padding:0 20px; color:var(--muted); }
.form { display:grid; gap:16px; }
@media (min-width:700px) { .form { grid-template-columns:1fr 1fr; } .form > :nth-child(n+3) { grid-column:1 / -1; } }
.form .glass-field { margin:0; }
.consent label { font-weight:400; display:flex; gap:10px; align-items:flex-start; }
.consent input { width:auto; min-height:0; margin-top:6px; }
.hp { position:absolute; left:-9999px; }
.field-error { min-height:0; }
.field-error:empty { display:none; }
.ok { color:var(--tint); }
.foot { color:var(--muted); font-size:15px; }
.foot-grid { display:grid; gap:32px; grid-template-columns:1fr; }
@media (min-width:700px) { .foot-grid { grid-template-columns:1.4fr 1fr 1fr; } }
.foot h2 { font:700 .8125rem var(--font-body); letter-spacing:.14em; text-transform:uppercase; color:var(--fg); margin:0 0 12px; }
.foot ul { list-style:none; padding:0; margin:0; display:grid; gap:4px; }
.foot li a, .foot li { display:inline-block; padding:6px 0; }
.foot a { color:var(--muted); }
.foot a:hover { color:var(--fg); }
.legal { margin:32px 0 0; font-size:14px; }
.foot { padding-top:32px; padding-bottom:40px; border-top:1px solid var(--glass-edge); }
@media (max-width:640px) { .links { display:none; } .nav-cta { margin-left:auto; } .brand span { font-size:1.1rem; } }
