#scrollProgress{z-index:50;transform-origin:0;pointer-events:none;background:linear-gradient(90deg,#3a41ed,#60a5fa,#fbbf24);height:2px;transition:transform .12s linear;position:fixed;top:0;left:0;right:0;transform:scaleX(0)}.rail-dot{border:1px solid var(--border);background:color-mix(in srgb, var(--text-muted) 35%, transparent);cursor:pointer;border-radius:50%;width:10px;height:10px;padding:0;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative}.rail-dot:hover{background:color-mix(in srgb, var(--brand) 60%, transparent)}.rail-dot.is-active{background:var(--brand);border-color:var(--brand);transform:scale(1.3);box-shadow:0 0 12px #3a41ed99}.rail-tip{white-space:nowrap;text-transform:uppercase;letter-spacing:.12em;color:var(--text);background:color-mix(in srgb, var(--surface) 90%, transparent);border:1px solid var(--border);opacity:0;pointer-events:none;border-radius:999px;padding:3px 10px;font-size:10px;font-weight:800;transition:all .25s cubic-bezier(.16,1,.3,1);position:absolute;top:50%;right:22px;transform:translateY(-50%)translate(4px)}.rail-dot:hover .rail-tip,.rail-dot.is-active .rail-tip{opacity:1;transform:translateY(-50%)translate(0)}.hero-copy:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(ellipse 62% 58% at 50% 46%, color-mix(in srgb, var(--bg) 85%, transparent), color-mix(in srgb, var(--bg) 55%, transparent) 55%, transparent 78%);position:absolute;inset:-8% -14%}.copy-scrim{position:relative}.copy-scrim:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(ellipse 60% 60% at 50% 50%, color-mix(in srgb, var(--bg) 78%, transparent), color-mix(in srgb, var(--bg) 45%, transparent) 55%, transparent 80%);position:absolute;inset:-14% -18%}.story-kicker:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(ellipse 58% 62% at 50% 55%, color-mix(in srgb, var(--bg) 72%, transparent), color-mix(in srgb, var(--bg) 40%, transparent) 55%, transparent 78%);position:absolute;inset:-12% -22%}.chapter-chip{text-transform:uppercase;letter-spacing:.25em;color:var(--text-muted);border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 70%, transparent);backdrop-filter:blur(8px);border-radius:999px;align-items:center;gap:8px;padding:8px 18px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;font-weight:800;display:inline-flex}.chapter-chip:before{content:"";background:linear-gradient(135deg,#fbbf24,#ea580c);border-radius:50%;width:8px;height:8px;box-shadow:0 0 10px #fbbf2499}.story-kicker{padding-top:72px;position:relative}.story-kicker:before{content:"";background:linear-gradient(to bottom, transparent, color-mix(in srgb, var(--brand) 60%, transparent));width:1px;height:56px;position:absolute;top:0;left:50%}.scroll-cue{text-align:center;text-decoration:none;animation:2.4s cubic-bezier(.45,0,.55,1) infinite cueBounce}@keyframes cueBounce{0%,to{opacity:.65;transform:translate(-50%)}50%{opacity:1;transform:translate(-50%,10px)}}[data-reveal]{opacity:0;transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1);transform:translateY(30px)}[data-reveal].is-visible{opacity:1;transform:translateY(0)}.stagger>*{opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:translateY(24px)}[data-reveal].is-visible.stagger>*{opacity:1;transform:translateY(0)}.stagger>:nth-child(2){transition-delay:90ms}.stagger>:nth-child(3){transition-delay:.18s}.stagger>:nth-child(4){transition-delay:.27s}.stagger>:nth-child(5){transition-delay:.36s}.stagger>:nth-child(6){transition-delay:.45s}@media (prefers-reduced-motion:reduce){[data-reveal],.stagger>*{opacity:1!important;transition:none!important;transform:none!important}.scroll-cue{animation:none}#scrollProgress{transition:none}}.animate-fade-in{animation:1s cubic-bezier(.16,1,.3,1) forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}main [class*="bg-[color:var(--surface)]"]{background-color:color-mix(in srgb, var(--surface) 50%, transparent)!important}main [class*="bg-[color:var(--surface-2)]"]{background-color:color-mix(in srgb, var(--surface-2) 55%, transparent)!important}main [class*="hover:bg-[color:var(--surface)]"]:hover,main [class*="hover:bg-[color:var(--surface-2)]"]:hover{background-color:color-mix(in srgb, var(--surface-2) 78%, transparent)!important}#ganttModal [class*="bg-[color:var(--surface)]"]{background-color:var(--surface)!important}.tab-btn{appearance:none;border:1px solid var(--border);background:color-mix(in srgb, var(--surface-2) 70%, transparent);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;border-radius:999px;padding:6px 14px;font-size:11px;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1)}.tab-btn:hover{background:var(--surface);color:var(--text);border-color:var(--border)}.tab-btn.is-active{background:var(--cta-bg);border-color:var(--cta-bg);color:var(--cta-text);box-shadow:0 4px 12px #7c3aed4d}.tool-chip{background:color-mix(in srgb, var(--brand) 14%, transparent);border:1px solid color-mix(in srgb, var(--brand) 26%, transparent);color:var(--brand);text-transform:uppercase;border-radius:6px;padding:2px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px;font-weight:800}.status-chip{text-transform:uppercase;letter-spacing:.02em;background:color-mix(in srgb, var(--brand) 14%, transparent);border:1px solid color-mix(in srgb, var(--brand) 26%, transparent);color:var(--brand);border-radius:999px;align-items:center;padding:2px 10px;font-size:10px;font-weight:800;display:inline-flex}.status-chip.done{color:#10b981;background:#10b9811a;border-color:#10b98133}.handoff-banner{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 80%, transparent);border-radius:20px;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.handoff-banner.pending{border-color:color-mix(in srgb, #f59e0b 35%, var(--border));background:color-mix(in srgb, #f59e0b 12%, var(--surface))}.handoff-banner.active{border-color:color-mix(in srgb, #3b82f6 35%, var(--border));background:color-mix(in srgb, #3b82f6 12%, var(--surface))}.handoff-banner.closed{border-color:color-mix(in srgb, #10b981 35%, var(--border));background:color-mix(in srgb, #10b981 12%, var(--surface))}.mini-btn{appearance:none;cursor:pointer;background:var(--cta-bg);color:var(--cta-text);border:none;border-radius:12px;padding:8px 16px;font-size:12px;font-weight:800;transition:all .2s}.mini-btn:hover{background:var(--cta-bg);opacity:.9;transform:translateY(-1px)}.plan-card{background:color-mix(in srgb, var(--border) 70%, transparent);border-radius:32px;padding:1px;transition:all .5s cubic-bezier(.16,1,.3,1);position:relative}.plan-card:hover{background:color-mix(in srgb, var(--border) 95%, transparent);transform:translateY(-4px)}.plan-card.featured{background:linear-gradient(to bottom right,#3a41ed,#1d4ed8);box-shadow:0 20px 40px #3a41ed26}.plan-inner{background:color-mix(in srgb, var(--surface-2) 70%, transparent);-webkit-backdrop-filter:blur(10px);border-radius:31px;height:100%}.billing-slider{background:var(--surface-2);border:1px solid var(--border);cursor:pointer;border-radius:12px;width:48px;height:24px;position:relative}.billing-knob{background:var(--surface);border-radius:50%;width:20px;height:20px;transition:transform .3s cubic-bezier(.16,1,.3,1);position:absolute;top:2px;left:2px}.billing-slider[aria-pressed=true] .billing-knob{transform:translate(24px)}
