:root{
  --bg:#0b1020;--bg-alt:#0e1530;--card:#0f1a3a;--text:#eef4ff;--muted:#b8c6e3;
  --accent:#4ea3ff;--accent-2:#7cc6ff;--pill:#1d2b57;--border:#203060;--shadow:0 10px 30px rgba(0,0,0,.25);
  --header-h:64px
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Helvetica,Arial,sans-serif;line-height:1.55}
img{max-width:100%;height:auto;display:block}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
section, main[id]{scroll-margin-top:calc(var(--header-h) + 12px)}

.container{width:100%;max-width:1120px;margin:0 auto;padding:0 20px}
.section{padding:72px 0}
.section.alt{background:var(--bg-alt)}

.site-header{position:sticky;top:0;z-index:50;background:rgba(11,16,32,.9);backdrop-filter: blur(8px);border-bottom:1px solid var(--border)}
.header-grid{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:10px 0;min-height:var(--header-h)}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.2px;white-space:nowrap}
.brand-name{font-size:1.05rem}
.logo-circle{width:24px;height:24px;border-radius:999px;background:linear-gradient(160deg,var(--accent),var(--accent-2));box-shadow:0 0 0 3px rgba(78,163,255,.18) inset}

.main-nav ul{display:flex;gap:14px;list-style:none;margin:0;padding:0;flex-wrap:nowrap}
.main-nav a{padding:6px 8px;border-radius:10px;white-space:nowrap}
.main-nav a:hover{background:rgba(255,255,255,.05);text-decoration:none}

.lang-switch{display:flex;gap:6px}
.lang-btn{border:1px solid var(--border);background:#0b132b;color:#eef4ff;padding:4px 8px;border-radius:10px;cursor:pointer;font-size:.95rem}
.lang-btn[aria-pressed="true"]{outline:2px solid var(--accent)}

.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.skip-link:focus{left:12px;top:12px;width:auto;height:auto;background:#fff;color:#000;padding:8px 12px;border-radius:8px;z-index:1000}

/* HERO */
.hero{padding:56px 0;background:radial-gradient(60% 80% at 10% 10%, rgba(78,163,255,.25), transparent 50%), radial-gradient(40% 60% at 90% 0%, rgba(124,198,255,.2), transparent 60%)}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:center}
.hero-copy h1{font-size:1.9rem;margin:0 0 10px}
.lead{color:var(--muted);font-size:1rem;margin:0 0 14px}
.cta-row{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 6px}
.cta-row.center{justify-content:center}
.btn{display:inline-block;padding:10px 14px;border-radius:12px;border:1px solid var(--border);font-weight:700}
.btn.primary{background:linear-gradient(160deg,var(--accent),var(--accent-2));color:#00122b;border:none;box-shadow:var(--shadow)}
.btn.ghost{background:transparent}
.btn.link{background:transparent;padding:0;border:none}
.btn.round{border-radius:999px}
.contact-inline{display:flex;align-items:center;gap:8px;color:var(--muted);margin-top:6px}
.contact-inline a{color:var(--text)}

/* Explainer */
.explainer{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:12px 14px;margin-bottom:10px}
.explainer h2{font-size:1.05rem;margin:0 0 6px}
.explainer p{margin:0;color:var(--muted)}

/* Collapsible full explainer */
.collapsible{background:var(--bg-alt);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:28px 0}
.collapsible details{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:14px}
.collapsible summary{cursor:pointer;font-weight:700}
.collapsible summary::marker{color:var(--accent)}

/* Layout */
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}
.rounded{border-radius:16px;box-shadow:var(--shadow)}
.pill-row{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}
.pill{background:var(--pill);color:var(--text);border:1px solid var(--border);padding:6px 10px;border-radius:999px;font-size:.9rem}

/* Cards */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px}
.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:14px;box-shadow:var(--shadow);min-height:120px}
.card h3{margin:0 0 8px}
.card p{margin:0;color:var(--muted)}
.card blockquote{margin:.3rem 0 0 0;padding-left:.8rem;border-left:3px solid var(--pill);color:var(--muted);font-style:italic}
.abbr{opacity:.8;font-style:normal}
.avatar{width:44px;height:44px;border-radius:999px;background:linear-gradient(160deg,var(--accent),var(--accent-2));margin-bottom:8px;opacity:.8}

/* Founder avatar small & round */
.founder-photo img{width:112px;height:112px;object-fit:cover;border-radius:999px;box-shadow:var(--shadow)}

/* Transparency layout tweak */
.transparency .cards{grid-template-columns:repeat(2,1fr)}
.testimonials .cards{grid-template-columns:repeat(3,1fr)}

/* Contact band (above footer) */
.contact-band{padding:40px 0;background:var(--bg-alt);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.social-cta{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.btn.whatsapp{background:#25D366;color:#001;border:none}
.btn.telegram{background:#0088cc;color:#fff;border:none}
.btn.signal{background:#3A76F0;color:#fff;border:none}
.btn.email{background:#e6ecff;color:#00122b;border:none}

/* Footer */
.site-footer{border-top:1px solid var(--border);background:#0a0f20;padding:24px 0}
.footer-grid{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:flex-start}
.footnote{color:var(--muted);margin:.5rem 0 0}
.legal{display:flex;gap:14px;list-style:none;margin:0;padding:0}
.legal a{color:var(--muted)}
.legal a:hover{color:var(--text)}

/* Responsive */
@media (max-width: 1024px){
  .testimonials .cards{grid-template-columns:1fr 1fr}
}
@media (max-width: 960px){
  .hero-grid,.two-col,.founder-grid,.footer-grid{grid-template-columns:1fr}
  .main-nav ul{display:none}
  .hero-copy h1{font-size:1.6rem}
  .cards{grid-template-columns:1fr 1fr}
  .transparency .cards{grid-template-columns:1fr}
}
@media (max-width: 640px){
  .cards{grid-template-columns:1fr}
}