:root{--bg: #ffffff;--bg-soft: #fafafa;--bg-panel: #ffffff;--bg-elevated: #ffffff;--border: rgba(15, 17, 33, .08);--border-strong: rgba(15, 17, 33, .14);--text: #0b0d1a;--text-2: #4a4e63;--text-3: #7c8195;--text-4: #a8acc1;--brand: #4C45DC;--brand-deep: #7012BA;--brand-blue: #007DC5;--brand-soft: rgba(76, 69, 220, .08);--grad-purple: linear-gradient(135deg, #7012BA 0%, #4C45DC 100%);--grad-blue: linear-gradient(135deg, #4C45DC 0%, #007DC5 100%);--grad-hero: linear-gradient(135deg, #7012BA 0%, #4C45DC 50%, #007DC5 100%);--shadow-sm: 0 1px 2px rgba(15, 17, 33, .04), 0 1px 1px rgba(15, 17, 33, .03);--shadow-md: 0 4px 12px rgba(15, 17, 33, .04), 0 2px 4px rgba(15, 17, 33, .03);--shadow-lg: 0 24px 48px -12px rgba(15, 17, 33, .12), 0 8px 16px -8px rgba(15, 17, 33, .06);--shadow-glow: 0 0 0 1px rgba(76, 69, 220, .16), 0 18px 60px -12px rgba(76, 69, 220, .35);--radius-sm: 8px;--radius: 12px;--radius-lg: 18px;--radius-xl: 24px;--space: 1;--font-sans: "Poppins", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace}[data-theme=dark]{--bg: #07070d;--bg-soft: #0c0c14;--bg-panel: #101019;--bg-elevated: #14141f;--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .14);--text: #f5f6fb;--text-2: #b8bccf;--text-3: #898ea6;--text-4: #5b6080;--brand-soft: rgba(76, 69, 220, .16);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 24px 48px -12px rgba(0, 0, 0, .5), 0 8px 16px -8px rgba(0, 0, 0, .3);--shadow-glow: 0 0 0 1px rgba(76, 69, 220, .3), 0 18px 60px -12px rgba(76, 69, 220, .45)}[data-accent=blue]{--grad-purple: linear-gradient(135deg, #4C45DC 0%, #007DC5 100%);--grad-blue: linear-gradient(135deg, #007DC5 0%, #4C45DC 100%);--grad-hero: linear-gradient(135deg, #007DC5 0%, #4C45DC 50%, #7012BA 100%)}[data-density=compact]{--space: .78}[data-density=spacious]{--space: 1.2}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);font-feature-settings:"ss01","cv11";-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;line-height:1.5}button{font-family:inherit}.container{max-width:1240px;margin:0 auto;padding:0 32px}@media (max-width: 720px){.container{padding:0 20px}}.section{padding:calc(96px * var(--space)) 0}.section-sm{padding:calc(64px * var(--space)) 0}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:500;letter-spacing:.04em;color:var(--text-3);text-transform:uppercase}.eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 4px var(--brand-soft)}.h1{font-size:clamp(44px,6vw,80px);line-height:1;letter-spacing:-.04em;font-weight:600;margin:0}.h2{font-size:clamp(36px,4vw,56px);line-height:1.04;letter-spacing:-.03em;font-weight:600;margin:0}.h3{font-size:22px;line-height:1.25;letter-spacing:-.015em;font-weight:600;margin:0}.lede{font-size:clamp(18px,1.5vw,21px);line-height:1.55;color:var(--text-2);max-width:640px}.gradient-text{background:var(--grad-hero);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 18px;border-radius:999px;font-size:14px;font-weight:500;letter-spacing:-.005em;border:1px solid transparent;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,background .2s ease;white-space:nowrap}.btn-primary{background:var(--grad-purple);color:#fff;box-shadow:0 1px #ffffff2e inset,0 8px 24px -8px #4c45dc8c}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 1px #ffffff40 inset,0 12px 32px -8px #4c45dcb3}.btn-secondary{background:var(--bg-panel);color:var(--text);border-color:var(--border-strong)}.btn-secondary:hover{background:var(--bg-soft);border-color:var(--text-3)}.btn-ghost{background:transparent;color:var(--text-2)}.btn-ghost:hover{color:var(--text);background:var(--bg-soft)}.btn-sm{height:36px;padding:0 14px;font-size:13px}.nav{position:sticky;top:0;z-index:100;background:color-mix(in oklab,var(--bg) 78%,transparent);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);border-bottom:1px solid var(--border)}.nav-row{height:80px;display:flex;align-items:center;justify-content:space-between;gap:32px}.nav-logo{display:flex;align-items:center;gap:10px;height:44px}.nav-logo img{height:44px;width:auto;display:block}.nav-links{display:flex;gap:8px;align-items:center}.nav-link{font-size:13.5px;color:var(--text-2);padding:8px 12px;border-radius:8px;font-weight:500}.nav-link:hover{color:var(--text);background:var(--bg-soft)}.nav-burger,.nav-mobile-testdrive{display:none}@media (max-width: 1080px){.nav-links{display:none}.nav-cta{display:none!important}.nav-burger{display:flex!important}.nav-mobile-testdrive{display:inline-flex!important;margin-left:auto;margin-right:10px}}.card{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:var(--brand-soft);color:var(--brand);font-size:12px;font-weight:500;border:1px solid color-mix(in oklab,var(--brand) 20%,transparent)}.dot-grid{background-image:radial-gradient(circle at 1px 1px,var(--border-strong) 1px,transparent 0);background-size:24px 24px}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.reveal{animation:fadeUp .6s ease both}@keyframes navMenuIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.divider{height:1px;background:linear-gradient(90deg,transparent,var(--border-strong),transparent)}a{color:inherit;text-decoration:none}@media (max-width: 960px){.container{padding:0 24px}.section{padding:calc(72px * var(--space)) 0}.nav-row{height:68px;gap:16px}.nav-logo img{height:36px}}@media (max-width: 640px){.container{padding:0 20px}.section{padding:calc(56px * var(--space)) 0}.h1{font-size:clamp(30px,8vw,40px)!important}.h2{font-size:clamp(26px,6vw,32px)!important}.lede{font-size:15px!important}.nav-row{height:60px;gap:12px}.nav-logo img{height:32px}.btn{height:40px;padding:0 14px;font-size:13.5px}.btn-sm{height:32px;padding:0 12px;font-size:12.5px}}@media (max-width: 380px){.container{padding:0 16px}}.blog-article{max-width:760px;margin:0 auto}.blog-content>*:first-child{margin-top:0}.blog-lead,.blog-content>p:first-child{font-size:19px;line-height:1.6;color:var(--text);font-weight:450;margin:0 0 22px}.blog-content h2{font-size:clamp(24px,3vw,30px);font-weight:700;letter-spacing:-.02em;line-height:1.2;margin:44px 0 14px;scroll-margin-top:96px;color:var(--text)}.blog-content h3{font-size:19px;font-weight:600;letter-spacing:-.01em;margin:30px 0 10px;color:var(--text)}.blog-content p{font-size:16.5px;line-height:1.72;color:var(--text-2);margin:0 0 18px}.blog-content ul,.blog-content ol{margin:4px 0 22px;padding-left:4px;list-style:none}.blog-content ul li,.blog-content ol li{font-size:16.5px;line-height:1.6;color:var(--text-2);position:relative;padding-left:26px;margin-bottom:11px}.blog-content ul li:before{content:"";position:absolute;left:4px;top:10px;width:7px;height:7px;border-radius:50%;background:var(--brand)}.blog-content ol{counter-reset:blog-ol}.blog-content ol li{counter-increment:blog-ol}.blog-content ol li:before{content:counter(blog-ol);position:absolute;left:0;top:1px;width:18px;height:18px;font-size:11px;font-weight:700;color:var(--brand);display:grid;place-items:center}.blog-content strong{color:var(--text);font-weight:600}.blog-content a{color:var(--brand);font-weight:500;text-decoration:underline;text-underline-offset:2px;text-decoration-color:color-mix(in oklab,var(--brand) 35%,transparent)}.blog-content a:hover{text-decoration-color:var(--brand)}.blog-content code{font-family:var(--font-mono);font-size:.88em;background:var(--bg-soft);border:1px solid var(--border);border-radius:6px;padding:1px 6px}.blog-questions{margin:8px 0 24px;display:grid;gap:10px;padding:22px;background:var(--bg-soft);border:1px solid var(--border);border-radius:14px}.blog-question{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:500;color:var(--text)}.blog-q-mark{flex-shrink:0;width:26px;height:26px;border-radius:50%;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;font-weight:700;font-size:14px}.blog-faqs{display:flex;flex-direction:column;gap:10px;margin-top:16px}.blog-faq{border:1px solid var(--border);border-radius:12px;background:var(--bg-panel);overflow:hidden}.blog-faq summary{cursor:pointer;padding:16px 18px;font-size:16px;font-weight:600;color:var(--text);list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px}.blog-faq summary::-webkit-details-marker{display:none}.blog-faq summary:after{content:"+";font-size:20px;font-weight:400;color:var(--text-3);flex-shrink:0;transition:transform .2s ease}.blog-faq[open] summary:after{transform:rotate(45deg)}.blog-faq p{padding:0 18px 16px;margin:0;font-size:15px;line-height:1.65;color:var(--text-2)}.blog-content blockquote{margin:28px 0;padding:22px 26px;border-left:3px solid var(--brand);background:var(--bg-soft);border-radius:0 12px 12px 0;font-size:19px;font-weight:500;line-height:1.5;color:var(--text);letter-spacing:-.01em}.blog-content blockquote p{font-size:inherit;color:inherit;margin:0;line-height:inherit}@media (max-width: 860px){.blog-featured{grid-template-columns:1fr!important}.blog-featured-cover{min-height:200px!important}.blog-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 600px){.blog-grid{grid-template-columns:1fr!important}.blog-content p,.blog-content ul li,.blog-content ol li{font-size:16px}.blog-lead{font-size:17.5px}}
