@import"https://fonts.googleapis.com/css2?family=Sora:wght@200;300;400;500;600&family=Source+Code+Pro:wght@400;500;700&display=swap";:root{--color-bg: #ffffff;--color-heading: #061b31;--color-body: #64748d;--color-label: #273951;--color-border: #e5edf5;--color-purple: #533afd;--color-purple-hover: #4434d4;--color-purple-deep: #2e2b8c;--color-purple-light: #b9b9f9;--color-purple-soft: rgba(83,58,253,.05);--color-brand-dark: #1c1e54;--color-dark-navy: #0d253d;--color-ruby: #ea2261;--color-magenta: #f96bee;--color-magenta-light:#ffd7ef;--color-success: #15be53;--color-success-text: #108c3d;--shadow-card: rgba(50,50,93,.25) 0px 30px 45px -30px, rgba(0,0,0,.1) 0px 18px 36px -18px;--shadow-ambient: rgba(23,23,23,.08) 0px 15px 35px 0px;--shadow-soft: rgba(23,23,23,.06) 0px 3px 6px 0px;--shadow-deep: rgba(3,3,39,.25) 0px 14px 21px -14px, rgba(0,0,0,.1) 0px 8px 17px -8px;--font-primary: "Sora", "SF Pro Display", sans-serif;--font-mono: "Source Code Pro", "SFMono-Regular", monospace;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-primary);font-weight:300;font-feature-settings:"ss01";background:var(--color-bg);color:var(--color-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:var(--color-heading);font-weight:300;font-feature-settings:"ss01";line-height:1.1}p{line-height:1.6}a{color:var(--color-purple);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-purple-hover)}img{max-width:100%;display:block}.btn-primary{display:inline-flex;align-items:center;gap:8px;background:var(--color-purple);color:#fff;border:none;border-radius:var(--radius-sm);padding:10px 20px;font-family:var(--font-primary);font-size:15px;font-weight:400;font-feature-settings:"ss01";cursor:pointer;transition:background .2s ease,transform .15s ease,box-shadow .2s ease;text-decoration:none;white-space:nowrap}.btn-primary:hover{background:var(--color-purple-hover);color:#fff;transform:translateY(-1px);box-shadow:#533afd4d 0 8px 20px -6px}.btn-ghost{display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--color-purple);border:1px solid var(--color-purple-light);border-radius:var(--radius-sm);padding:10px 20px;font-family:var(--font-primary);font-size:15px;font-weight:400;font-feature-settings:"ss01";cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .15s ease;text-decoration:none;white-space:nowrap}.btn-ghost:hover{border-color:var(--color-purple);background:var(--color-purple-soft);color:var(--color-purple);transform:translateY(-1px)}.btn-outline-white{display:inline-flex;align-items:center;gap:8px;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-sm);padding:10px 20px;font-family:var(--font-primary);font-size:15px;font-weight:400;font-feature-settings:"ss01";cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .15s ease;text-decoration:none;white-space:nowrap}.btn-outline-white:hover{border-color:#ffffffb3;background:#ffffff14;color:#fff;transform:translateY(-1px)}.tag{display:inline-block;font-family:var(--font-primary);font-size:12px;font-weight:400;font-feature-settings:"ss01";border-radius:var(--radius-sm);padding:3px 8px;white-space:nowrap;transition:border-color .2s,color .2s}.tag--purple{background:#533afd14;color:var(--color-purple);border:1px solid rgba(83,58,253,.15)}.tag--neutral{background:#fff;color:var(--color-label);border:1px solid var(--color-border)}.tag--neutral:hover{border-color:var(--color-purple);color:var(--color-purple)}.tag--success{background:#15be531f;color:var(--color-success-text);border:1px solid rgba(21,190,83,.3)}.tag--dark{background:#ffffff14;color:#ffffffbf;border:1px solid rgba(255,255,255,.12)}.section{padding:var(--space-20) var(--space-10);width:100%}.section-inner{max-width:1120px;margin:0 auto}.section--dark{background:var(--color-brand-dark);padding:var(--space-20) var(--space-10);width:100%}.section--dark .section-inner{max-width:1120px;margin:0 auto}.section-label{font-size:12px;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:var(--color-purple);font-feature-settings:"ss01";margin-bottom:12px}.section-heading{font-size:clamp(26px,4vw,32px);font-weight:300;letter-spacing:-.64px;color:var(--color-heading);font-feature-settings:"ss01";margin-bottom:16px}.section-heading--white{color:#fff}.card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-ambient);transition:box-shadow .25s ease,transform .2s ease}.card:hover{box-shadow:var(--shadow-card)}code,pre{font-family:var(--font-mono);font-size:12px;font-weight:500}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-purple-light)}@media (max-width: 1024px){.section,.section--dark{padding:var(--space-16) var(--space-8)}}@media (max-width: 640px){.section,.section--dark{padding:var(--space-12) var(--space-5)}}@media (max-width: 480px){.section,.section--dark{padding:var(--space-10) var(--space-4)}}
