/* Light theme v5 */
:root{
  --base:#fafafb;--panel:#fff;--border:#e6e7eb;--shadow:0 6px 24px rgba(16,24,40,.08);
  --text:#1f2937;--muted:#6b7280;--link:#005cff;--primary:#6b2ee6;--secondary:#c72ee6;
}
*{box-sizing:border-box}html,body{height:100%}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--base);color:var(--text);line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}
img{max-width:100%;display:block}
.container{width:min(100%,1180px);margin-inline:auto;padding:24px}
.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:12px;background:#000;color:#fff;padding:8px 10px;border-radius:8px}
.site-header{position:sticky;top:0;background:rgba(255,255,255,.86);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--border);z-index:10}
.header-grid{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}
.brand{display:flex;gap:12px;align-items:center;color:inherit}
.logo{width:28px;height:28px}
.brand-lines{display:flex;flex-direction:column;line-height:1}
.brand-text{font-weight:700;letter-spacing:.2px}
.brand-sub{font-size:12px;color:var(--muted)}
.social{display:flex;gap:12px}
.social-link{width:36px;height:36px;border:1px solid var(--border);border-radius:10px;background:#fff;display:grid;place-items:center;box-shadow:var(--shadow)}
.social-link svg{width:18px;height:18px;fill:#111}
.hero{padding-block:60px}
.hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center}
.hero-copy h1{font-size:clamp(36px,6vw,56px);line-height:1.08;margin:0 0 6px}
.hero-copy .sub{font-weight:400;color:var(--muted);margin-top:0}
.hero-art{padding:20px;border-radius:18px;background:linear-gradient(180deg,#f2eaff,#fff);box-shadow:var(--shadow)}
.hero-art img{border-radius:14px}
.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}
.btn{display:inline-block;padding:12px 16px;border-radius:12px;border:1px solid var(--border);font-weight:600}
.btn-primary{background:var(--primary);color:#fff;border-color:transparent}
.btn-secondary{background:var(--secondary);color:#fff;border-color:transparent}
.btn:hover{filter:brightness(.97);text-decoration:none}
.cards{padding-block:24px}
.card{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px;padding:22px}
.card h3{margin:6px 0 8px}
.site-footer{border-top:1px solid var(--border);margin-top:48px}
.footer-grid{display:grid;gap:6px;align-items:center}
.footer-social{display:flex;gap:10px;margin-top:6px}
.ico{display:inline-block;width:18px;height:18px;mask-size:cover;background:#111}
.ico.li{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4.98 3.5C4.98 4.88 3.86 6 2.5 6S0 4.88 0 3.5 1.12 1 2.5 1s2.48 1.12 2.48 2.5zM.5 8.5h4V23h-4V8.5zM8.5 8.5h3.8v2h.1c.5-1 1.8-2 3.7-2 4 0 4.8 2.6 4.8 6V23h-4v-6.5c0-1.6 0-3.7-2.3-3.7s-2.7 1.8-2.7 3.6V23h-4V8.5z'/%3E%3C/svg%3E")}
.ico.x{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18.244 2H21.5l-7.6 8.69L23.5 22h-6.7l-5.24-6.1L5 22H1.74l8.15-9.33L.5 2h6.86l4.72 5.44L18.24 2zm-1.17 18h1.94L7.02 4H5.02l12.05 16z'/%3E%3C/svg%3E")}
.ico.yt{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M23.5 6.2a3 3 0 0 0-2.1-2.1C19.5 3.5 12 3.5 12 3.5s-7.5 0-9.4.6A3 3 0 0 0 .5 6.2 31 31 0 0 0 0 12a31 31 0 0 0 .6 5.8 3 3 0 0 0 2.1 2.1c1.9.6 9.3.6 9.3.6s7.5 0 9.4-.6a3 3 0 0 0 2.1-2.1A31 31 0 0 0 24 12a31 31 0 0 0-.5-5.8zM9.5 15.5v-7l6 3.5-6 3.5z'/%3E%3C/svg%3E")}
@media (max-width:900px){.hero-grid{grid-template-columns:1fr}.hero-art{order:-1}}
:focus-visible{outline:3px solid #a78bfa;outline-offset:3px}
