@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Space+Grotesk:wght@600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--surface:#f7f9fb;--surface-container-low:#f0f4f7;--surface-container-lowest:#fff;--surface-container-highest:#e0e6ea;--on-surface:#2c3437;--on-surface-variant:#5c6c75;--primary:#2251db;--primary-container:#436cf5;--primary-dim:#2251db14;--outline-variant:#2c343714;--ambient-shadow:0 20px 40px #2c34370f;--ambient-shadow-soft:0 10px 30px #2c34370a;--glass-bg:#f7f9fbb3;--glass-blur:blur(20px);--glass-border:1px solid #fff6;--font-serif:"Space Grotesk", sans-serif;--font-sans:"Inter", -apple-system, sans-serif;--font-mono:"JetBrains Mono", monospace;--radius-default:.25rem;--radius-md:.375rem;--space-8:.5rem;--space-16:1rem;--space-24:1.5rem;--space-32:2rem;--space-64:4rem;--space-128:8rem}[data-theme=dark]{--surface:#0f1115;--surface-container-low:#16191d;--surface-container-lowest:#1c2024;--surface-container-highest:#2b3036;--on-surface:#e2e8f0;--on-surface-variant:#94a3b8;--primary:#60a5fa;--primary-container:#3b82f6;--primary-dim:#60a5fa14;--outline-variant:#ffffff14;--ambient-shadow:0 20px 40px #00000080;--ambient-shadow-soft:0 10px 30px #0000004d;--glass-bg:#0f1115b3;--glass-border:1px solid #ffffff1a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--surface);color:var(--on-surface);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;font-size:.875rem;line-height:1.6;transition:background-color .4s,color .4s}h1,.display-lg{font-family:var(--font-serif);letter-spacing:-.02em;font-size:3.5rem;font-weight:700;line-height:1.1}h2,.headline-md{font-family:var(--font-serif);letter-spacing:-.01em;color:var(--on-surface);font-size:2rem;font-weight:700}.headline-sm{font-family:var(--font-serif);font-size:1.25rem;font-weight:600}.label-mono{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--on-surface-variant);font-size:.75rem}.label-caps{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.1em;color:var(--primary);font-size:.7rem;font-weight:600}.container{max-width:1100px;padding:0 var(--space-32);margin:0 auto}section{padding:var(--space-64) 0}.navbar{z-index:1000;background:var(--glass-bg);width:100%;height:64px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-bottom:var(--glass-border);padding:0 var(--space-64);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.nav-links{gap:var(--space-32);display:flex}.nav-link{color:var(--on-surface);font-size:.8rem;font-weight:500;text-decoration:none;transition:opacity .2s}.nav-link:hover{color:var(--primary)}.hero{gap:var(--space-64);padding-top:var(--space-64);align-items:center;display:flex}.hero-visual{aspect-ratio:1;background:var(--surface-container-highest);border-radius:var(--radius-default);flex:0 0 320px;position:relative;overflow:hidden}.hero-visual img{object-fit:cover;filter:grayscale();width:100%;height:100%;transition:filter .5s}.hero-visual:hover img{filter:grayscale(0%)}.hero-content{gap:var(--space-24);flex-direction:column;flex:1;display:flex}.availability{background:var(--surface-container-lowest);border-radius:99px;align-items:center;gap:8px;width:fit-content;padding:6px 12px;display:flex}.pulse{background:#10b981;border-radius:50%;width:6px;height:6px;animation:2s infinite pulse-glow}@keyframes pulse-glow{0%{opacity:.7;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}to{opacity:.7;transform:scale(.9)}}.weighted-layout{gap:var(--space-64);grid-template-columns:1.2fr 1fr;display:grid}.surface-block{background-color:var(--surface-container-low);padding:var(--space-32);border-radius:var(--radius-md)}.card{background-color:var(--surface-container-lowest);padding:var(--space-24);border-radius:var(--radius-default);box-shadow:none;transition:transform .3s,box-shadow .3s}.card:hover{box-shadow:var(--ambient-shadow);transform:translateY(-4px)}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);box-shadow:var(--ambient-shadow)}.heatmap{background:var(--surface-container-low);padding:var(--space-24);border-radius:var(--radius-md);margin-top:var(--space-16)}.timeline{padding-left:var(--space-32);position:relative}.timeline:before{content:"";background:var(--on-surface-variant);opacity:.2;width:1px;position:absolute;top:0;bottom:0;left:0}.timeline-item{margin-bottom:var(--space-64);position:relative}.timeline-marker{background:var(--surface);border:1px solid var(--on-surface-variant);z-index:10;border-radius:50%;width:9px;height:9px;position:absolute;top:6px;left:-36px}.timeline-item.active .timeline-marker{background:var(--primary);border-color:var(--primary)}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--primary-container));color:#fff;border-radius:var(--radius-default);font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.08em;align-items:center;padding:14px 28px;font-size:.7rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 12px #2251db33}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 16px #2251db4d}.btn-ghost{color:var(--on-surface);border-radius:var(--radius-default);background:0 0;align-items:center;padding:10px;text-decoration:none;transition:background .2s;display:inline-flex}.btn-ghost:hover{background:var(--surface-container-highest)}.quote-section{padding:var(--space-128) 0;text-align:center;position:relative;overflow:hidden}.quote-watermark{color:var(--primary);opacity:.06;font-size:15rem;font-family:var(--font-serif);z-index:0;position:absolute}.quote-left{top:-2rem;left:0}.quote-right{bottom:-2rem;right:0}.quote-text{z-index:1;font-family:var(--font-serif);max-width:600px;margin:0 auto;font-size:1.5rem;font-style:italic;line-height:1.5;position:relative}.quote-author{margin-top:var(--space-24);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.2em;font-size:.75rem}footer{padding:var(--space-64) var(--space-64);border-top:1px solid var(--outline-variant);justify-content:space-between;align-items:center;display:flex}@media (width<=768px){.hero{text-align:center;flex-direction:column}.weighted-layout{grid-template-columns:1fr}.navbar{padding:0 var(--space-24)}}
