:root{--color-bg: #F4F3F0;--color-surface: #FDFCFB;--color-surface-warm: #EBE9E4;--color-text: #0F1A2E;--color-text-secondary: #475569;--color-text-tertiary: #7C8A9A;--color-accent: #012169;--color-accent-hover: #001A54;--color-accent-light: rgba(1, 33, 105, .06);--color-accent-glow: rgba(1, 33, 105, .14);--color-columbia: #6CACE4;--color-columbia-light: rgba(108, 172, 228, .12);--color-copper: #9B6B3D;--color-copper-light: rgba(155, 107, 61, .08);--color-border: #D5D2CC;--color-border-light: #E5E2DC;--color-shadow: rgba(15, 26, 46, .05);--color-shadow-hover: rgba(15, 26, 46, .12);--font-display: "Instrument Serif", Georgia, serif;--font-body: "General Sans", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-mono: "IBM Plex Mono", "SF Mono", "Consolas", monospace;--max-width: 1100px;--nav-height: 68px;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 24px;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--transition-fast: .18s var(--ease-out-expo);--transition-base: .35s var(--ease-out-expo);--transition-slow: .6s var(--ease-out-expo)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-size:16px;font-weight:400;line-height:1.65;color:var(--color-text);background-color:var(--color-bg);min-height:100vh;overflow-x:hidden}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px}img{max-width:100%;height:auto;display:block}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-hover)}ul,ol{list-style:none}button{cursor:pointer;border:none;background:none;font-family:inherit;font-size:inherit}::selection{background:var(--color-accent);color:#f4f3f0}h1,h2,h3,h4{line-height:1.12;color:var(--color-text)}h1{font-family:var(--font-display);font-size:clamp(2.8rem,7vw,4.5rem);font-weight:400;letter-spacing:-.015em;font-style:normal}h2{font-family:var(--font-display);font-size:clamp(1.8rem,4.5vw,2.75rem);font-weight:400;letter-spacing:-.01em}h3{font-family:var(--font-body);font-size:clamp(1.05rem,2vw,1.25rem);font-weight:600;letter-spacing:-.005em}p{color:var(--color-text-secondary);line-height:1.75}.container{max-width:var(--max-width);margin:0 auto;padding:0 32px}.page{padding-top:calc(var(--nav-height) + 56px);padding-bottom:120px;min-height:100vh}.section{margin-bottom:96px}.section-label{font-family:var(--font-mono);font-size:.68rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--color-accent);margin-bottom:20px;display:flex;align-items:center;gap:14px;opacity:.7}.section-label:before{content:"";width:32px;height:1px;background:var(--color-accent);opacity:.5}.section-title{margin-bottom:24px}.section-description{max-width:600px;margin-bottom:56px;font-size:1.05rem;line-height:1.8}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:28px;transition:all var(--transition-base);position:relative;overflow:hidden}.card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;opacity:0;transition:opacity var(--transition-base);background:linear-gradient(135deg,var(--color-accent-light) 0%,transparent 60%);pointer-events:none}.card:hover{box-shadow:0 12px 48px var(--color-shadow-hover);transform:translateY(-4px);border-color:#0121691f}.card:hover:after{opacity:1}.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 30px;border-radius:100px;font-family:var(--font-body);font-weight:500;font-size:.85rem;letter-spacing:.02em;transition:all var(--transition-base);white-space:nowrap;position:relative}.btn-primary{background:var(--color-accent);color:#f4f3f0;box-shadow:0 2px 16px var(--color-accent-glow)}.btn-primary:hover{background:var(--color-accent-hover);color:#f4f3f0;transform:translateY(-2px);box-shadow:0 8px 32px #01216947}.btn-outline{border:1.5px solid var(--color-border);color:var(--color-text);background:var(--color-surface)}.btn-outline:hover{border-color:var(--color-accent);color:var(--color-accent);transform:translateY(-2px);box-shadow:0 6px 24px var(--color-shadow)}.chip{display:inline-flex;align-items:center;padding:5px 14px;border-radius:100px;font-family:var(--font-mono);font-size:.68rem;font-weight:500;letter-spacing:.03em;background:var(--color-accent-light);color:var(--color-accent)}.chip-warm{background:var(--color-copper-light);color:var(--color-copper)}.rule{width:100%;height:1px;background:linear-gradient(90deg,transparent 0%,var(--color-border) 20%,var(--color-border) 80%,transparent 100%);margin:48px 0}a[style*=inline-flex]{position:relative}a[style*=inline-flex]:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:currentColor;transition:width .35s cubic-bezier(.16,1,.3,1)}a[style*=inline-flex]:hover:after{width:100%}img{transition:opacity .6s ease,transform .6s ease}@media (max-width: 768px){.container{padding:0 20px}.page{padding-top:calc(var(--nav-height) + 32px);padding-bottom:72px}.section{margin-bottom:64px}}
