:root{color-scheme:dark;--color-bg: #161826;--color-surface: #232532;--color-text: #e9e9ed;--color-accent: #9184d9;--color-divider: color-mix(in srgb, #e9e9ed 16%, transparent);--color-neutral-100: #f3f5fe;--color-neutral-200: #e4e7f5;--color-neutral-300: #cfd3e5;--color-neutral-400: #b2b6ca;--color-neutral-500: #9397ab;--color-neutral-600: #75798c;--color-neutral-700: #595d6c;--color-neutral-800: #3f424d;--color-neutral-900: #292b31;--color-accent-100: #f5f4ff;--color-accent-200: #e7e5fe;--color-accent-300: #d2cefd;--color-accent-400: #b5abfc;--color-accent-500: #968ae0;--color-accent-600: #796cbf;--color-accent-700: #5d5294;--color-accent-800: #423a6a;--color-accent-900: #2b2741;--color-section: #262a60;--font-heading: "Inter", system-ui, sans-serif;--font-heading-weight: 500;--font-body: "Inter", system-ui, sans-serif;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 14px;--shadow-sm: 0 0 0 1px #3f424d;--shadow-md: 0 0 0 1px #595d6c, 0 6px 18px rgba(0, 0, 0, .55);--muted: var(--color-neutral-400);--accent-text: var(--color-accent-300);--tint: color-mix(in srgb, var(--color-accent) 14%, transparent)}:root[data-theme=light]{color-scheme:light;--color-bg: #f3f5fe;--color-surface: #e4e7f5;--color-text: #161826;--color-accent: #5d5294;--color-divider: color-mix(in srgb, #161826 16%, transparent);--muted: #595d6c;--accent-text: #5d5294;--shadow-sm: 0 0 0 1px color-mix(in srgb, #161826 14%, transparent)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:16px;line-height:1.6;font-weight:400;-webkit-font-smoothing:antialiased;transition:background-color .2s,color .2s}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:var(--font-heading-weight);line-height:1.12;letter-spacing:-.015em;margin:0}p{margin:0}ul,ol{margin:0;padding:0;list-style:none}a{color:var(--accent-text);text-underline-offset:3px}a:hover{color:var(--color-text)}img{display:block;max-width:100%}button{font:inherit;color:inherit}:focus{outline:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::selection{background:color-mix(in srgb,var(--color-accent) 30%,transparent)}.container{max-width:1200px;margin:0 auto;padding-inline:clamp(20px,5vw,64px)}.section{scroll-margin-top:64px;padding-top:clamp(56px,8vw,112px)}.section-mark{display:block;width:24px;height:2px;background:var(--color-accent);margin-bottom:16px}.section-title{font-size:clamp(28px,3.4vw,40px);letter-spacing:-.025em}.kicker{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:500}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 18px;border:1px solid var(--color-divider);border-radius:var(--radius-md);background:transparent;color:var(--color-text);font-size:15px;text-decoration:none;cursor:pointer}.btn:hover{background:var(--tint);color:var(--color-text)}.btn-primary{border-color:var(--color-accent);color:var(--accent-text);font-weight:500}.icon-btn{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid transparent;border-radius:var(--radius-md);background:transparent;color:var(--muted);font-size:20px;text-decoration:none;cursor:pointer}.icon-btn:hover{color:var(--color-text);background:var(--tint)}.icon-btn.outlined{border-color:var(--color-divider);color:var(--color-text)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
