:root{--background: #0a0f1c;--background-gradient-start: #07111f;--background-gradient-end: #0d1424;--background-panel: #121a2b;--background-dropdown: #081a2f;--text-primary: #e2e8f0;--text-secondary: #94a3b8;--text-tertiary: #64748b;--text-on-primary: #0c1117;--h1-color: #ffffff;--h2-color: #f1f5f9;--h3-color: #cbd5e1;--heading-accent: #38bdf8;--border: #1a2233;--border-light: #2d3748;--border-hover: #3b475e;--primary: #38bdf8;--primary-hover: #2eaadf;--primary-dark: #0ea5e9;--primary-rgb: 56, 189, 248;--cta: #ff5f4d;--cta-hover: #e84e3c;--hero-bg: var(--background);--hero-title: var(--text-primary);--hero-subtitle: var(--text-secondary);--hero-badge-bg: var(--primary-dark);--hero-badge-border: #0369a1;--hero-feature-text: #cbd5e1;--link-color: var(--primary);--link-hover: var(--primary-hover);--btn-primary-bg: var(--primary);--btn-primary-hover-bg: var(--primary-hover);--btn-primary-text: var(--text-on-primary);--btn-outline-border: var(--primary);--btn-outline-text: var(--primary);--btn-outline-hover-bg: rgba(var(--primary-rgb), .1);--shadow-soft: 0 2px 6px rgba(0, 0, 0, .2);--shadow-strong: 0 4px 14px rgba(0, 0, 0, .4);--glow-primary: 0 0 10px rgba(var(--primary-rgb), .6);--success: #22c55e;--warning: #facc15;--error: #ef4444;--badge-bg: #1e293b;--badge-text: #cbd5e1;--input-bg: #0f172a;--input-border: var(--border);--input-text: var(--text-primary);--input-placeholder: var(--text-tertiary)}@font-face{font-family:Rubik;src:url(/assets/fonts/rubik/subset-Rubik-Light.woff2) format("woff2");font-weight:300;font-display:swap}@font-face{font-family:Rubik;src:url(/assets/fonts/rubik/subset-Rubik-Regular.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Rubik;src:url(/assets/fonts/rubik/subset-Rubik-Medium.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Rubik;src:url(/assets/fonts/rubik/subset-Rubik-Bold.woff2) format("woff2");font-weight:700;font-display:swap}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--container-max: 1152px}html{font-size:15px;line-height:1.6;scroll-behavior:smooth}body{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;color:var(--text, #4f5c65);background-color:var(--background, #fff);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%;display:block}a{color:var(--link-color);text-decoration:none}a:hover{color:var(--link-hover)}.container{max-width:var(--container-max);width:var(--container-fluid);margin-inline:auto}.section{padding:clamp(64px,8vw,112px) 0}.grid{display:grid;gap:22px}.grid.features{grid-template-columns:repeat(3,1fr)}.grid.pricing{grid-template-columns:1fr;max-width:720px;margin-inline:auto;align-items:stretch}.card{background:color-mix(in srgb,var(--background-panel) 92%,rgba(255,255,255,.08));border:1px solid var(--border);border-radius:18px;box-shadow:0 2px 6px #0003,0 30px 80px #00000040;padding:22px;backdrop-filter:blur(16px) saturate(120%);-webkit-backdrop-filter:blur(16px) saturate(120%)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.card{background:color-mix(in srgb,var(--background-panel) 98%,rgba(255,255,255,.14))}}.btn{--pad-y: 12px;--pad-x: 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:var(--pad-y) var(--pad-x);border-radius:14px;border:1px solid transparent;font-weight:600;font-size:1rem;line-height:1;cursor:pointer;position:relative;overflow:hidden;transition:transform .15s ease,box-shadow .25s ease,background .25s ease,filter .25s ease}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--primary),0 0 0 10px rgba(var(--primary-rgb),.25)}.btn--lg{--pad-y: 14px;--pad-x: 22px;font-size:1.08rem}.btn--primary{color:var(--btn-primary-text);background:linear-gradient(135deg,var(--primary),var(--primary-dark));box-shadow:0 4px 18px rgba(var(--primary-rgb),.4),inset 0 1px #ffffff26;border:1px solid rgba(var(--primary-rgb),.35)}.btn--primary:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.12),transparent 60%);pointer-events:none}.btn--primary:hover{color:#fff;filter:brightness(1.05);transform:scale(1.03);box-shadow:0 6px 22px rgba(var(--primary-rgb),.55),inset 0 1px #fff3}.btn--primary:active{transform:scale(.98);box-shadow:0 2px 8px rgba(var(--primary-rgb),.35)}.btn--ghost{color:var(--btn-outline-text);background:transparent;border:1px solid var(--btn-outline-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn--ghost:hover{background:rgba(var(--primary-rgb),.08);border-color:rgba(var(--primary-rgb),.4)}
