@import"https://rsms.me/inter/inter.css";@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{--bg: #f5f5f7;--bg-grad: radial-gradient(ellipse at top, #ffffff 0%, #f0f0f3 60%, #e8e8ec 100%);--surface: rgba(255,255,255,.72);--surface-2: rgba(255,255,255,.55);--surface-3: rgba(0,0,0,.025);--surface-solid: #ffffff;--hover: rgba(0,0,0,.04);--border: rgba(0,0,0,.08);--border-strong: rgba(0,0,0,.14);--border-faint: rgba(0,0,0,.05);--text: #0a0a0c;--text-2: #2a2a2e;--text-muted: #5e5e63;--text-dim: #86868b;--accent: #0071e3;--accent-soft: rgba(0,113,227,.1);--link: #0071e3;--shadow-sm: 0 1px 2px rgba(0,0,0,.04), 0 1px 3px rgba(0,0,0,.06);--shadow-md: 0 4px 14px rgba(0,0,0,.06), 0 2px 6px rgba(0,0,0,.04);--shadow-lg: 0 16px 48px rgba(0,0,0,.1), 0 4px 12px rgba(0,0,0,.06);--shadow-glow:0 0 0 1px rgba(255,255,255,.6) inset, 0 8px 32px rgba(0,0,0,.08);--glass-bg: rgba(255,255,255,.65);--glass-blur: saturate(180%) blur(24px);--glass-bord: rgba(255,255,255,.55);--green: #30d158;--yellow: #ffd60a;--orange: #ff9f0a;--red: #ff453a;--blue: #0a84ff;--purple: #bf5af2;--green-text: #1a8c39;--yellow-text: #9a6b00;--orange-text: #c2570a;--red-text: #c8302a;--blue-text: #0066cc;--purple-text: #8a3ed1;--radius-xs: 6px;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 22px;--radius-xl: 28px;--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;--font-ui: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--font-display: "Inter Display", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--ease: cubic-bezier(.32, .72, 0, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--dur-fast: .16s;--dur-med: .28s;--dur-slow: .42s;color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #000000;--bg-grad: radial-gradient(ellipse at top, #1a1a1d 0%, #0a0a0c 60%, #000000 100%);--surface: rgba(28,28,32,.72);--surface-2: rgba(20,20,24,.55);--surface-3: rgba(255,255,255,.04);--surface-solid: #1c1c20;--hover: rgba(255,255,255,.06);--border: rgba(255,255,255,.08);--border-strong: rgba(255,255,255,.16);--border-faint: rgba(255,255,255,.05);--text: #f5f5f7;--text-2: #d2d2d7;--text-muted: #98989f;--text-dim: #6e6e74;--accent: #0a84ff;--accent-soft: rgba(10,132,255,.18);--link: #2997ff;--shadow-sm: 0 1px 2px rgba(0,0,0,.4);--shadow-md: 0 4px 14px rgba(0,0,0,.5), 0 2px 6px rgba(0,0,0,.3);--shadow-lg: 0 16px 48px rgba(0,0,0,.55), 0 4px 12px rgba(0,0,0,.35);--shadow-glow:0 0 0 1px rgba(255,255,255,.06) inset, 0 8px 32px rgba(0,0,0,.5);--glass-bg: rgba(28,28,32,.62);--glass-bord: rgba(255,255,255,.1);--green-text: #30d158;--yellow-text: #ffd60a;--orange-text: #ff9f0a;--red-text: #ff453a;--blue-text: #0a84ff;--purple-text: #bf5af2;color-scheme:dark}}:root[data-theme=dark]{--bg: #000000;--bg-grad: radial-gradient(ellipse at top, #1a1a1d 0%, #0a0a0c 60%, #000000 100%);--surface: rgba(28,28,32,.72);--surface-2: rgba(20,20,24,.55);--surface-3: rgba(255,255,255,.04);--surface-solid: #1c1c20;--hover: rgba(255,255,255,.06);--border: rgba(255,255,255,.08);--border-strong: rgba(255,255,255,.16);--border-faint: rgba(255,255,255,.05);--text: #f5f5f7;--text-2: #d2d2d7;--text-muted: #98989f;--text-dim: #6e6e74;--accent: #0a84ff;--accent-soft: rgba(10,132,255,.18);--link: #2997ff;--shadow-sm: 0 1px 2px rgba(0,0,0,.4);--shadow-md: 0 4px 14px rgba(0,0,0,.5), 0 2px 6px rgba(0,0,0,.3);--shadow-lg: 0 16px 48px rgba(0,0,0,.55), 0 4px 12px rgba(0,0,0,.35);--shadow-glow:0 0 0 1px rgba(255,255,255,.06) inset, 0 8px 32px rgba(0,0,0,.5);--glass-bg: rgba(28,28,32,.62);--glass-bord: rgba(255,255,255,.1);--green-text: #30d158;--yellow-text: #ffd60a;--orange-text: #ff9f0a;--red-text: #ff453a;--blue-text: #0a84ff;--purple-text: #bf5af2;color-scheme:dark}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%;background:var(--bg);color:var(--text);font-family:var(--font-ui);font-feature-settings:"cv11","ss01","ss03";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{background:var(--bg);background-image:var(--bg-grad);background-attachment:fixed}button{font-family:inherit;cursor:pointer;border:none;background:transparent;color:inherit;padding:0}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}.mono,.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.glass{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-bord);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.tile{position:relative;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-bord);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-5);cursor:pointer;transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out);overflow:hidden;text-align:left;display:flex;flex-direction:column;gap:var(--space-3)}.tile:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--border-strong)}.tile:active{transform:translateY(0)}.tile-eyebrow{font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.08em;color:var(--text-muted);text-transform:uppercase}.tile-title{font-family:var(--font-display);font-size:22px;font-weight:600;letter-spacing:-.02em;color:var(--text);line-height:1.15}.tile-sub{font-size:14px;color:var(--text-muted);line-height:1.45}.tile-cta{margin-top:auto;display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--accent)}.tile-cta:after{content:"→";transition:transform var(--dur-fast) var(--ease-out)}.tile:hover .tile-cta:after{transform:translate(3px)}.pill{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;font-size:13px;font-weight:500;color:var(--text-2);background:var(--surface-3);border:1px solid var(--border-faint);transition:all var(--dur-fast) var(--ease)}.pill:hover{background:var(--hover);color:var(--text)}.pill[aria-pressed=true],.pill.active{background:var(--accent);color:#fff;border-color:var(--accent)}.section-eyebrow{font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.12em;color:var(--text-muted);text-transform:uppercase}.section-title{font-family:var(--font-display);font-size:32px;font-weight:700;letter-spacing:-.025em;color:var(--text);line-height:1.05}.theme-toggle{display:inline-flex;background:var(--surface-3);border:1px solid var(--border-faint);border-radius:999px;padding:3px;gap:0}.theme-toggle button{padding:6px 12px;border-radius:999px;font-size:12px;font-weight:500;color:var(--text-muted);transition:all var(--dur-fast) var(--ease)}.theme-toggle button[aria-pressed=true]{background:var(--surface-solid);color:var(--text);box-shadow:var(--shadow-sm)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn var(--dur-med) var(--ease-out) both}@keyframes pulseGlow{0%,to{opacity:.4}50%{opacity:.9}}.pulse{animation:pulseGlow 2.4s var(--ease) infinite}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSheetIn{0%{opacity:0}to{opacity:1}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.45);backdrop-filter:blur(12px) saturate(140%);-webkit-backdrop-filter:blur(12px) saturate(140%);z-index:1000;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:var(--space-4);animation:modalFadeIn var(--dur-med) var(--ease-out) both}.modal-wrap{position:relative;width:100%;max-width:760px;margin:0 auto}.modal-sheet{background:var(--surface-solid);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 24px 80px #00000059,0 8px 24px #00000040;width:100%;animation:modalSheetIn var(--dur-med) var(--ease-out) both}.modal-close{position:absolute;top:var(--space-3);right:var(--space-3);width:32px;height:32px;border-radius:50%;background:var(--surface-solid);color:var(--text-muted);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:500;cursor:pointer;box-shadow:var(--shadow-sm);transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease);z-index:3}.modal-close:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.modal-nav{position:fixed;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background:var(--surface-solid);color:var(--text);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;box-shadow:var(--shadow-md);transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease);z-index:1001}.modal-nav:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.modal-nav.prev{left:calc(50% - 432px)}.modal-nav.next{right:calc(50% - 432px)}@media (max-width: 860px){.modal-nav.prev{left:var(--space-2)}.modal-nav.next{right:var(--space-2)}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--text-dim);background-clip:padding-box}::selection{background:var(--accent-soft);color:var(--text)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.tile-span-2{grid-column:span 2}.tile-span-3{grid-column:span 3}@media (max-width: 639px){body{background-attachment:scroll;-webkit-overflow-scrolling:touch;overflow-y:auto}html{overflow-y:auto}.hero-header,.section-header-inner,.main-padded{padding-left:var(--space-4)!important;padding-right:var(--space-4)!important}.home-tile-grid{grid-template-columns:1fr!important}.tile-span-2,.tile-span-3{grid-column:span 1}.two-col-grid{grid-template-columns:1fr!important}.tile{height:auto!important;min-height:0!important;width:100%;box-sizing:border-box}.indicator-grid{grid-template-columns:1fr!important}}
