:root{--bg:#0f1115;--surface:#161a20;--border:#262c36;--text:#e6edf3;--muted:#9aa7b4;--neon:#56C7AC;--cyan:#289CDF}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:var(--neon);text-decoration:none}
a:hover{text-decoration:underline}
.skip{position:absolute;left:-999px}
.skip:focus{left:1rem;top:.5rem;background:var(--neon);color:#000;padding:.4rem .7rem;border-radius:4px;z-index:10}
.site-head{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:1rem;flex-wrap:wrap;
  padding:calc(.7rem + env(safe-area-inset-top)) calc(1rem + env(safe-area-inset-right)) .7rem calc(1rem + env(safe-area-inset-left));
  background:rgba(15,17,21,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}
.brand{display:flex;align-items:center;gap:.5rem;font-weight:800;letter-spacing:.04em;color:var(--text)}
.brand img{border-radius:5px}
.nav{display:flex;gap:.2rem;flex-wrap:wrap;margin-left:.5rem;flex:1}
.nav a{color:var(--muted);padding:.35rem .6rem;border-radius:6px;font-size:.9rem}
.nav a:hover{color:var(--text);background:rgba(86,199,172,.08);text-decoration:none}
.nav a.active{color:var(--neon)}
.head-cta{display:flex;align-items:center;gap:.5rem}
.lang{border:1px solid var(--border);color:var(--muted);border-radius:6px;padding:.3rem .55rem;font-size:.8rem;font-weight:700}
.btn{background:var(--neon);color:#04120e;border-radius:7px;padding:.5rem .9rem;font-weight:800;font-size:.85rem;white-space:nowrap}
.btn:hover{filter:brightness(1.08);text-decoration:none}
.btn-lg{display:inline-block;padding:.75rem 1.4rem;font-size:1rem;margin-top:1.2rem}
.site-main{max-width:920px;margin:0 auto;padding:2rem calc(1.1rem + env(safe-area-inset-right)) 2rem calc(1.1rem + env(safe-area-inset-left))}
h1{font-size:2rem;line-height:1.2;letter-spacing:-.01em;margin-bottom:.6rem}
.hero{text-align:center;padding:2rem 0 1rem}
.hero h1{font-size:2.4rem}
.lead{color:var(--muted);font-size:1.1rem;max-width:680px;margin:0 auto 1rem}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.6rem}
.card{background:var(--surface);border:1px solid var(--border);border-left:2px solid rgba(86,199,172,.5);border-radius:8px;padding:1.1rem 1.2rem}
.card h2{font-size:1.05rem;margin-bottom:.4rem}
.card p{color:var(--muted);font-size:.95rem}
.card p+p{margin-top:.5rem}
.faq{margin-top:1.4rem;display:flex;flex-direction:column;gap:.6rem}
.faq-item{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:.2rem 1rem}
.faq-item summary{cursor:pointer;font-weight:700;padding:.8rem 0;list-style:none}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::before{content:'+';color:var(--neon);font-weight:800;margin-right:.5rem}
.faq-item[open] summary::before{content:'\2212'}
.faq-item p{color:var(--muted);padding:0 0 .9rem;font-size:.95rem}
.site-foot{max-width:920px;margin:2rem auto 0;padding:1.4rem calc(1.1rem + env(safe-area-inset-left)) calc(1.6rem + env(safe-area-inset-bottom));border-top:1px solid var(--border);text-align:center}
.site-foot a{color:var(--muted);font-size:.9rem}
.site-foot .muted{color:var(--muted);opacity:.7;font-size:.82rem;margin-top:.5rem}
@media(max-width:680px){.grid{grid-template-columns:1fr}.hero h1{font-size:1.8rem}h1{font-size:1.6rem}.nav{order:3;width:100%;margin-left:0}}