:root{--bg:#15171c;--panel:#191c22;--muted:#14171c;--text:#f1f5fb;--sub:#a8b1c1;--accent:#2d7dff;--accent-2:#1fb6ff;--chip:#1b1f26;--border:#232835;--shadow:0 8px 30px rgba(0,0,0,.28)}
*{box-sizing:border-box}html,body{margin:0;padding:0}
body{font-family:system-ui,-apple-system,Inter,Segoe UI,Roboto,Ubuntu,Cantarell,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}
.stripe{height:10px;background:linear-gradient(135deg,#15171c 0 15%,#2d7dff 15% 28%,#15171c 28% 100%)}
a{color:var(--accent)}img{max-width:100%;height:auto;display:block}
.site-header{position:sticky;top:0;z-index:50;display:grid;grid-template-columns:72px 1fr auto auto;align-items:center;gap:.8rem;padding:.6rem 1rem;background:rgba(21,23,28,.9);backdrop-filter:blur(6px);border-bottom:1px solid var(--border)}
.header-left{display:flex;align-items:center}
.brand-center{margin:0;text-align:center;font-size:clamp(1.4rem,3.2vw,2rem);font-weight:900;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.2)}
.logo{width:72px;height:72px}
.lang-switch{display:flex;gap:.25rem;align-items:center}
.lang-btn{border:1px solid var(--border);background:#10131a;color:var(--text);font-weight:800;padding:.35rem .5rem;border-radius:.5rem;cursor:pointer}
.lang-btn[aria-pressed='true']{border-color:var(--accent);box-shadow:0 0 0 2px rgba(45,125,255,.2) inset}
.nav{display:flex;gap:1rem;align-items:center}
.nav a{color:var(--text);opacity:.9;text-decoration:none;font-weight:600}.nav a:hover{opacity:1}
.btn{display:inline-block;border:1px solid var(--accent);background:var(--accent);color:#0a0f13;font-weight:800;padding:.6rem .9rem;border-radius:.6rem;text-decoration:none;box-shadow:var(--shadow)}
.btn-sm{padding:.45rem .7rem;font-size:.9rem}.btn-ghost{background:transparent;border-color:var(--accent);color:var(--accent);box-shadow:none}.btn:hover{transform:translateY(-1px)}
#nav-toggle{display:none}.nav-icon{display:none;cursor:pointer;font-size:1.4rem}
.hero{display:grid;gap:2rem;grid-template-columns:1.2fr .8fr;padding:clamp(1rem,4vw,2rem);margin:0 auto;max-width:1100px}
.hero-brand{display:flex;align-items:center;gap:1rem;margin-bottom:.4rem}
.hero-logo{width:96px;height:96px;flex:0 0 auto}
.hero__text h2{font-size:clamp(1.5rem,3.8vw,2.6rem);line-height:1.15;margin:.2rem 0}
.hero__text p{color:var(--sub);max-width:60ch}
.hero__media{border-radius:1rem;overflow:hidden;border:1px solid var(--border)}
.cta-row{display:flex;gap:.8rem;align-items:center;margin-top:1rem}
.section{padding:3rem 1rem;max-width:1100px;margin:0 auto}
.section--muted{background:var(--muted);border-block:1px solid var(--border)}
.section--accent{background:linear-gradient(180deg,rgba(45,125,255,.12),transparent);border-top:1px solid var(--border)}
.cards{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
.card{background:var(--panel);border:1px solid var(--border);border-radius:.8rem;padding:1rem}
.pricing{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}
.price-card{background:var(--panel);border:1px solid var(--border);border-radius:.8rem;padding:1rem}
.price{font-size:2rem;margin:.3rem 0}.sub,.fine{color:var(--sub)}
.chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}
.chip{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .6rem;background:var(--chip);border:1px solid var(--border);border-radius:999px;font-size:.95rem}
.quotes{display:grid;gap:1rem}blockquote{margin:0;background:var(--panel);border:1px solid var(--border);border-radius:.8rem;padding:1rem}cite{display:block;margin-top:.6rem;color:var(--sub)}
.form .grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
label{display:grid;gap:.35rem;font-weight:700}
input,textarea{padding:.7rem .8rem;border-radius:.6rem;border:1px solid var(--border);background:#12141a;color:#f1f5fb}
input:focus,textarea:focus{outline:2px solid var(--accent)}
.site-footer{padding:2rem 1rem;border-top:1px solid var(--border);background:var(--muted)}
.footer-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.brand-footer{display:flex;gap:.6rem;align-items:center}
.copyright{text-align:center;color:var(--sub)}
.floating-cta{position:fixed;bottom:1rem;right:1rem;z-index:60;padding:.9rem 1rem;border-radius:999px;border:1px solid var(--accent);background:var(--accent);color:#0a0f13;font-weight:900;box-shadow:var(--shadow)}
@media (max-width:920px){.site-header{grid-template-columns:56px 1fr auto auto}.logo{width:56px;height:56px}.hero{grid-template-columns:1fr}.hero-logo{width:72px;height:72px}.nav{display:none;position:absolute;top:100%;right:0;background:var(--muted);border:1px solid var(--border);padding:.6rem;border-radius:.6rem}#nav-toggle:checked ~ .nav{display:flex;flex-direction:column;align-items:flex-start}.nav-icon{display:block}}
:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}