:root{--background:#0a0c10;--foreground:#f3f4f6;--water:#38bdf8;--land:#1f2229;--highlight-amber:#f59e0b;--highlight-coral:#fb7185;--border-subtle:#ffffff0f;--glass-bg:#0a0c10b8;--glass-border:#ffffff14;--glass-blur:blur(20px)}html,body{background-color:var(--background);color:var(--foreground);margin:0;padding:0;overflow-x:hidden}*{box-sizing:border-box}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);font-weight:500;line-height:1.15}a{color:inherit;text-decoration:none}.scrolly-container{z-index:10;pointer-events:none;width:38vw;min-width:380px;max-width:520px;position:relative}.step{pointer-events:none;justify-content:flex-start;align-items:center;height:100vh;padding:0 3rem;display:flex}.step-content{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border-left:3px solid var(--water);pointer-events:auto;opacity:.15;max-width:440px;box-shadow:0 0 0 1px var(--glass-border), 0 20px 40px -10px #0009, inset 0 1px 0 #ffffff0a;border-radius:12px;padding:2.5rem 2.5rem 2rem;transition:opacity .7s,transform .7s cubic-bezier(.16,1,.3,1);transform:translateY(24px)}.step.is-active .step-content{opacity:1;transform:translateY(0)}.step-content h2{letter-spacing:-.02em;background:linear-gradient(135deg,#fff 0%,#94a3b8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-top:0;margin-bottom:.75rem;font-size:1.75rem}.step-content p{font-family:var(--font-sans);color:#94a3b8;margin-bottom:0;font-size:.95rem;line-height:1.65}