:root{color-scheme:light;--bg: #ffffff;--text: rgba(24, 24, 27, .98);--muted: rgba(63, 63, 70, .9);--card: rgba(255, 255, 255, .9);--border: rgba(24, 24, 27, .12);--primary: #e11d48;--primary-2: #f43f5e;--shadow: 0 24px 80px rgba(0, 0, 0, .14);--radius: 18px;--radius-sm: 14px;--ring: rgba(225, 29, 72, .38);--soft: rgba(24, 24, 27, .06);--page-bg: radial-gradient(1000px 640px at 15% 0%, rgba(225, 29, 72, .09), transparent 55%), radial-gradient(900px 560px at 85% 0%, rgba(244, 63, 94, .08), transparent 55%), linear-gradient(to bottom, rgba(250, 250, 250, .9), rgba(255, 255, 255, 1))}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--bg: #0a0a0b;--text: rgba(244, 244, 245, .94);--muted: rgba(161, 161, 170, .92);--card: rgba(24, 24, 27, .72);--border: rgba(244, 244, 245, .12);--primary: #fb7185;--primary-2: #fda4af;--shadow: 0 24px 90px rgba(0, 0, 0, .6);--ring: rgba(251, 113, 133, .42);--soft: rgba(244, 244, 245, .06);--page-bg: radial-gradient(900px 560px at 15% 0%, rgba(251, 113, 133, .14), transparent 55%), radial-gradient(900px 560px at 85% 0%, rgba(253, 164, 175, .12), transparent 55%), linear-gradient(to bottom, rgba(10, 10, 11, 1), rgba(10, 10, 11, 1))}}html,body{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--page-bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}.muted{color:var(--muted)}.sep{height:1px;background:var(--soft);margin:22px 0}.container{width:min(1100px,calc(100% - 32px));margin:0 auto}.header{display:flex;align-items:center;justify-content:space-between;padding:14px 0}.header-wrap{position:sticky;top:0;z-index:30;background:color-mix(in oklab,var(--bg) 84%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid color-mix(in oklab,var(--border) 60%,transparent)}.nav{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.pill{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:999px;background:color-mix(in oklab,var(--primary) 8%,transparent);border:1px solid color-mix(in oklab,var(--primary) 22%,transparent);color:color-mix(in oklab,var(--text) 92%,transparent);white-space:nowrap;transition:transform .12s ease,background .12s ease,border-color .12s ease}.pill-badge{font-size:12px;font-weight:650;padding:6px 10px;border-radius:999px;background:color-mix(in oklab,var(--primary) 14%,transparent);border:1px solid color-mix(in oklab,var(--primary) 22%,transparent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:11px 16px;border-radius:999px;background:linear-gradient(135deg,var(--primary),var(--primary-2));border:1px solid color-mix(in oklab,var(--primary) 28%,transparent);color:#fffffff5;font-weight:700;transition:transform .14s ease,filter .14s ease,box-shadow .14s ease;box-shadow:0 14px 36px color-mix(in oklab,var(--primary) 16%,transparent)}.btn.secondary{background:color-mix(in oklab,var(--card) 75%,transparent);border:1px solid var(--border);color:color-mix(in oklab,var(--text) 92%,transparent);box-shadow:none}.btn:hover{transform:translateY(-1px);filter:brightness(1.02)}.btn.secondary:hover{filter:none}.btn:focus-visible,.pill:focus-visible{outline:2px solid var(--ring);outline-offset:3px}.pill:hover{transform:translateY(-1px);background:color-mix(in oklab,var(--primary) 10%,transparent)}.nav .pill{padding:9px 12px}@media(max-width:720px){.nav .pill{display:none}.header{padding:12px 0}}.hero{padding:52px 0 22px}.hero h1{font-size:clamp(34px,4.2vw,56px);line-height:1.04;margin:14px 0 12px;letter-spacing:-.02em}.hero p{margin:0 0 18px;color:var(--muted);font-size:18px;line-height:1.5;max-width:58ch}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.hero-media{margin-top:34px;border-radius:var(--radius);border:1px solid color-mix(in oklab,var(--border) 90%,transparent);background:color-mix(in oklab,var(--card) 75%,transparent);box-shadow:var(--shadow);overflow:hidden}.hero-media-inner{position:relative;padding:22px}.hero-grid{position:absolute;inset:-60px;background-image:linear-gradient(to right,rgba(24,24,27,.07) 1px,transparent 1px),linear-gradient(to bottom,rgba(24,24,27,.07) 1px,transparent 1px);background-size:24px 24px;mask-image:radial-gradient(circle at 50% 10%,rgba(0,0,0,1),rgba(0,0,0,.1) 55%,transparent 75%);pointer-events:none}.hero-screen{position:relative;border-radius:14px;border:1px solid color-mix(in oklab,var(--border) 90%,transparent);background:color-mix(in oklab,var(--bg) 92%,transparent);padding:16px}.hero-screen-top{display:flex;gap:8px;align-items:center;margin-bottom:12px}.dot{width:10px;height:10px;border-radius:999px;background:color-mix(in oklab,var(--text) 18%,transparent)}.hero-screen-title{margin-left:6px;font-weight:700;color:color-mix(in oklab,var(--text) 84%,transparent)}.hero-screen-kpis{display:grid;grid-template-columns:1fr;gap:12px}@media(min-width:880px){.hero-screen-kpis{grid-template-columns:1fr 1fr}}.kpi{border-radius:14px;border:1px solid color-mix(in oklab,var(--border) 90%,transparent);background:color-mix(in oklab,var(--card) 88%,transparent);padding:14px}.kpi-label{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in oklab,var(--muted) 90%,transparent)}.kpi-value{margin-top:8px;font-size:20px;font-weight:800;letter-spacing:-.02em}.logo-row{display:flex;gap:18px;flex-wrap:wrap;align-items:center;justify-content:center;margin-top:18px;color:color-mix(in oklab,var(--muted) 90%,transparent);font-size:13px;letter-spacing:.08em;text-transform:uppercase}.logo{padding:10px 12px;border-radius:999px;border:1px solid color-mix(in oklab,var(--border) 85%,transparent);background:color-mix(in oklab,var(--card) 60%,transparent)}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px;padding:18px 0 54px}.card{grid-column:span 12;padding:16px;border-radius:16px;background:color-mix(in oklab,var(--card) 70%,transparent);border:1px solid color-mix(in oklab,var(--border) 90%,transparent);box-shadow:0 16px 60px #0000000f;transition:transform .14s ease,box-shadow .14s ease,background .14s ease}@media(min-width:880px){.card.span-6{grid-column:span 6}.card.span-4{grid-column:span 4}}.card h3{margin:0 0 6px;font-size:18px}.card p{margin:0;color:var(--muted);line-height:1.5}.card:hover{transform:translateY(-2px);box-shadow:0 22px 70px #0000001a}.footer{padding:26px 0 40px;color:color-mix(in oklab,var(--muted) 84%,transparent);font-size:14px}