:root{color-scheme:light;--ink: #0a1020;--ink-2: #1f2a3d;--muted: #5c6a80;--muted-2: #8a97ab;--page: #ffffff;--panel: #f6f8fb;--panel-2: #eef2f7;--line: rgba(10, 16, 32, .09);--line-strong: rgba(10, 16, 32, .16);--dark: #070c18;--dark-2: #0e1526;--dark-line: rgba(255, 255, 255, .1);--dark-line-strong: rgba(255, 255, 255, .2);--on-dark: #eef3fb;--on-dark-muted: #94a3bb;--accent: #10b981;--accent-deep: #059669;--accent-soft: rgba(16, 185, 129, .12);--brand: #3b82f6;--brand-deep: #2563eb;--brand-soft: rgba(59, 130, 246, .12);--amber: #f59e0b;--amber-soft: rgba(245, 158, 11, .12);--violet: #8b5cf6;--violet-soft: rgba(139, 92, 246, .12);--rose: #f43f5e;--shadow-xs: 0 1px 2px rgba(10, 16, 32, .05);--shadow-sm: 0 1px 2px rgba(10, 16, 32, .05), 0 4px 12px rgba(10, 16, 32, .05);--shadow-md: 0 2px 6px rgba(10, 16, 32, .05), 0 12px 32px rgba(10, 16, 32, .08);--shadow-lg: 0 8px 24px rgba(10, 16, 32, .1), 0 32px 72px rgba(10, 16, 32, .12);--shadow-glow: 0 20px 60px -20px rgba(16, 185, 129, .45);--radius-sm: 10px;--radius: 14px;--radius-lg: 20px;--radius-xl: 28px;--max-page: 1200px;--ease: cubic-bezier(.22, 1, .36, 1);--font-sans: "Inter var", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;min-height:100vh;background:var(--page);color:var(--ink);font-family:var(--font-sans);font-feature-settings:"cv02","cv03","cv04","ss01";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{font:inherit}img,svg{display:block;max-width:100%}::selection{background:var(--accent-soft);color:var(--accent-deep)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.container{width:min(100% - 48px,var(--max-page));margin-inline:auto}.eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--accent-deep);font-size:.72rem;font-weight:650;letter-spacing:.1em;text-transform:uppercase;padding:6px 12px 6px 10px}.eyebrow:before{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);content:""}.on-dark .eyebrow{border-color:var(--dark-line);background:#ffffff0d;color:#6ee7b7}.section-title{margin:18px 0 0;max-width:18ch;font-size:clamp(2rem,3.6vw,3.1rem);font-weight:680;line-height:1.08;letter-spacing:-.032em;text-wrap:balance;color:var(--ink)}.section-copy{margin:18px 0 0;max-width:58ch;color:var(--muted);font-size:1.02rem;line-height:1.65}.on-dark .section-title{color:var(--on-dark)}.on-dark .section-copy{color:var(--on-dark-muted)}.btn{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:999px;cursor:pointer;font-size:.94rem;font-weight:600;letter-spacing:-.005em;padding:0 22px;white-space:nowrap;transition:transform .2s var(--ease),box-shadow .2s var(--ease),background .2s var(--ease),border-color .2s var(--ease),color .2s var(--ease)}.btn app-icon{width:17px;height:17px}.btn-primary{background:linear-gradient(180deg,var(--accent) 0%,var(--accent-deep) 100%);color:#04170f;box-shadow:inset 0 1px #ffffff59,0 10px 24px -8px #0596698c}.btn-primary:hover{transform:translateY(-2px);box-shadow:inset 0 1px #ffffff59,0 18px 36px -10px #05966999}.btn-ghost{border-color:var(--line-strong);background:var(--page);color:var(--ink)}.btn-ghost:hover{transform:translateY(-2px);border-color:var(--ink-2);box-shadow:var(--shadow-sm)}.on-dark .btn-ghost{border-color:var(--dark-line-strong);background:#ffffff0a;color:var(--on-dark)}.on-dark .btn-ghost:hover{border-color:#ffffff59;background:#ffffff14}.btn-dark{background:var(--ink);color:#fff}.btn-dark:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}[data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease),transform .7s var(--ease)}[data-reveal].is-visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}[data-reveal]{opacity:1;transform:none;transition:none}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}@media(max-width:720px){.container{width:min(100% - 32px,var(--max-page))}}
