* { box-sizing: border-box; }
:root {
  color-scheme: light dark;
  --bg: #f7f5ff; --surface: rgba(255,255,255,.84); --surface-strong:#fff;
  --text:#111827; --muted:#6b7280; --border:rgba(17,24,39,.09);
  --primary:#6d4aff; --primary-dark:#4f32d5; --pulse:#12b3d6;
  --shadow:0 20px 60px rgba(40,28,92,.14); --radius:24px;
}
@media (prefers-color-scheme: dark) { :root { --bg:#11101a; --surface:rgba(31,29,44,.78); --surface-strong:#201d30; --text:#f8fafc; --muted:#b6b8c3; --border:rgba(255,255,255,.12); --shadow:0 20px 60px rgba(0,0,0,.35); } }
html, body { margin:0; padding:0; min-height:100%; }
body { font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif; background: radial-gradient(circle at top left, rgba(109,74,255,.18), transparent 34%), radial-gradient(circle at top right, rgba(18,179,214,.14), transparent 30%), var(--bg); color:var(--text); line-height:1.62; }
a { color:inherit; text-decoration:none; } a:hover { text-decoration:underline; }
.container { width:min(1120px, calc(100% - 32px)); margin:0 auto; }
.page { padding:28px 0 48px; }
.topbar { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:18px; }
.brand { font-weight:800; letter-spacing:-.02em; }
.nav, .language-grid { display:flex; gap:12px; flex-wrap:wrap; }
.nav a, .language-grid a { color:var(--muted); font-weight:600; }
.hero, .section { background:var(--surface); backdrop-filter:blur(18px); border:1px solid var(--border); box-shadow:var(--shadow); }
.hero { border-radius:32px; padding:32px; }
.hero-grid { display:grid; grid-template-columns:1.12fr .88fr; gap:28px; align-items:center; }
.kicker { display:inline-flex; color:var(--primary); background:rgba(109,74,255,.10); padding:8px 12px; border-radius:999px; font-size:13px; margin-bottom:14px; }
h1,h2,h3 { margin:0 0 12px; line-height:1.15; } h1 { font-size:clamp(36px,5vw,56px); letter-spacing:-.03em; } h2 { font-size:clamp(24px,3vw,34px); letter-spacing:-.02em; }
.lead { font-size:18px; color:var(--muted); max-width:62ch; }
.actions { display:flex; gap:12px; flex-wrap:wrap; margin-top:24px; }
.button { display:inline-flex; min-height:48px; align-items:center; justify-content:center; padding:0 18px; border-radius:999px; border:1px solid var(--border); background:var(--surface-strong); box-shadow:0 8px 24px rgba(15,23,42,.08); font-weight:700; }
.button.primary { background:linear-gradient(135deg,var(--primary),var(--primary-dark)); color:#fff; border-color:transparent; }
.section { margin-top:24px; border-radius:var(--radius); padding:24px; }
.feature-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:16px; }
.feature { background:rgba(255,255,255,.58); border:1px solid var(--border); border-radius:20px; padding:18px; }
@media (prefers-color-scheme: dark) { .feature { background:rgba(255,255,255,.06); } }
.feature p, .section p, .section li, .footer, .small { color:var(--muted); }
.pulse-card { display:grid; gap:10px; }
.pulse-line { height:62px; border-radius:18px; background:linear-gradient(90deg, transparent 0 7%, var(--pulse) 7% 9%, transparent 9% 22%, var(--primary) 22% 25%, transparent 25% 44%, var(--pulse) 44% 47%, transparent 47% 68%, var(--primary) 68% 71%, transparent 71% 100%); border:1px solid var(--border); opacity:.9; }
ul { padding-left:1.25rem; }
.footer { text-align:center; padding:28px 0 12px; font-size:14px; }
.notice { border-left:4px solid var(--primary); padding:14px 16px; background:rgba(109,74,255,.08); border-radius:14px; color:var(--muted); }
@media (max-width:860px) { .hero-grid, .feature-grid { grid-template-columns:1fr; } .hero { padding:24px; } .topbar { align-items:flex-start; flex-direction:column; } }