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