:root {
  --bg: #f5f7fb;
  --surface: #ffffff;
  --text: #0f172a;
  --muted: #475569;
  --primary: #2563eb;
  --primary-dark: #1d4ed8;
  --ring: #93c5fd;
  --border: #e2e8f0;
  --shadow: 0 8px 30px rgba(15, 23, 42, 0.08);
  --radius: 18px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:linear-gradient(180deg,#f8fafc 0%,var(--bg) 100%);line-height:1.6}
a{color:var(--primary);text-underline-offset:2px}a:hover{color:var(--primary-dark)}a:focus-visible,button:focus-visible{outline:3px solid var(--ring);outline-offset:2px;border-radius:10px}
.skip-link{position:absolute;left:-999px;top:0;background:#111827;color:#fff;padding:.65rem .9rem;z-index:1000}.skip-link:focus{left:.5rem;top:.5rem}
.container{width:min(1080px,92%);margin:0 auto}
.site-header{position:sticky;top:0;z-index:100;backdrop-filter:blur(12px);background:rgba(248,250,252,.9);border-bottom:1px solid rgba(148,163,184,.25)}
.nav-wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:64px}.brand{display:flex;align-items:center;gap:.65rem;color:var(--text);text-decoration:none;font-weight:700}.brand img{width:32px;height:32px}
.main-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:1rem;flex-wrap:wrap;justify-content:flex-end}.main-nav a{text-decoration:none;color:#1e293b;font-weight:500}
.lang-switch{display:flex;gap:.25rem}.lang-switch a{text-decoration:none;padding:.2rem .45rem;border-radius:8px;border:1px solid transparent}.lang-switch .active{border-color:var(--border);background:#fff}
main{padding-block:2rem 3rem}section{margin-block:2.2rem}
.hero{padding:2.5rem;background:radial-gradient(circle at top right,#dbeafe,#fff 45%);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}
.hero h1{font-size:clamp(1.9rem,5vw,3rem);line-height:1.1;margin-top:0;margin-bottom:.8rem}.hero p{margin:0 0 1.2rem;color:var(--muted);max-width:65ch}
.cta-row{display:flex;flex-wrap:wrap;gap:.75rem}.button{display:inline-block;text-decoration:none;border-radius:999px;padding:.72rem 1.1rem;font-weight:600;border:1px solid transparent}.button.primary{background:var(--primary);color:#fff}.button.primary:hover{background:var(--primary-dark);color:#fff}.button.secondary{background:#fff;border-color:var(--border);color:var(--text)}
.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem}
.grid{display:grid;gap:1rem}.features{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.shots{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.shot{aspect-ratio:9/18;border-radius:18px;border:1px solid var(--border);background:linear-gradient(180deg,#e2e8f0,#f8fafc);display:grid;place-items:center;color:#334155;text-align:center;padding:1rem}
h2{font-size:clamp(1.4rem,2vw,1.9rem);margin-bottom:.8rem}h3{margin-top:0}ul{padding-left:1.2rem}
.faq details{border:1px solid var(--border);border-radius:12px;padding:.7rem .9rem;background:#fff}.faq details+details{margin-top:.7rem}.faq summary{cursor:pointer;font-weight:600}
.footer{border-top:1px solid var(--border);padding:1.5rem 0 2rem;color:var(--muted);font-size:.95rem}.footer-links{display:flex;gap:1rem;flex-wrap:wrap}.meta{color:var(--muted);font-size:.95rem}
@media (max-width:760px){.main-nav ul{gap:.7rem;font-size:.95rem}.hero{padding:1.4rem}}