*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}:root{--bg: #060608;--bg-elev: #0c0c0f;--bg-elev-2: #141418;--bg-hover: #1a1a20;--text: #ededf0;--text-dim: #71717a;--text-dimmer: #3f3f46;--accent: #f59e0b;--accent-2: #f97316;--accent-glow: rgba(245, 158, 11, .12);--success: #4ade80;--border: rgba(255, 255, 255, .06);--border-hover: rgba(255, 255, 255, .14);--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Code", "JetBrains Mono", "Fira Code", "Consolas", monospace;--max-w: 960px;--radius: 14px}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;position:relative}main{position:relative;z-index:1}a{color:inherit;text-decoration:none;transition:color .2s}a:hover{color:var(--accent)}code,pre,kbd{font-family:var(--font-mono)}::selection{background:#f59e0b40;color:#fff}body:before{content:"";position:fixed;top:-300px;left:50%;width:1000px;height:700px;transform:translate(-50%);background:radial-gradient(ellipse at center,var(--accent-glow) 0%,transparent 70%);pointer-events:none;z-index:0}.hero-floor{position:absolute;bottom:-5%;left:-50%;width:200%;height:70%;background-image:linear-gradient(to right,rgba(245,158,11,.07) 1px,transparent 1px),linear-gradient(to bottom,rgba(245,158,11,.07) 1px,transparent 1px);background-size:44px 44px;transform:perspective(500px) rotateX(62deg);transform-origin:center top;animation:floorMove 6s linear infinite;mask-image:linear-gradient(to bottom,transparent 0%,#000 20%,#000 60%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 20%,#000 60%,transparent 100%);pointer-events:none;z-index:0}@keyframes floorMove{0%{background-position:0 0}to{background-position:0 44px}}.cursor-glow{position:fixed;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(245,158,11,.05) 0%,transparent 60%);pointer-events:none;z-index:9998;transform:translate(-50%,-50%);opacity:0;transition:opacity .4s;display:none}@media(pointer:fine){.cursor-glow{display:block}}.scroll-progress{position:fixed;top:0;left:0;height:2px;width:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));z-index:200;transform-origin:left;transform:scaleX(0);transition:transform .08s linear}.container{max-width:var(--max-w);margin:0 auto;padding-left:24px;padding-right:24px}.section{padding:110px 0}.section-label{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.15em;text-transform:uppercase;color:var(--accent);margin-bottom:14px}.section-title{font-size:clamp(1.5rem,4vw,2.25rem);font-weight:800;letter-spacing:-.03em;line-height:1.15;margin-bottom:48px}.section-title .accent{background:linear-gradient(135deg,var(--accent),var(--accent-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 26px;font-size:.9rem;font-weight:600;border-radius:100px;border:none;cursor:pointer;transition:transform .2s,background .2s,box-shadow .2s}.btn-primary{background:var(--accent);color:#1a1500}.btn-primary:hover{background:var(--accent-2);color:#1a1500;transform:translateY(-2px);box-shadow:0 8px 28px #f59e0b40}.btn-soft{background:var(--bg-elev-2);color:var(--text)}.btn-soft:hover{background:var(--bg-hover);color:var(--text);transform:translateY(-2px)}.nav-wrapper{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:100}.gsap-ready .nav-wrapper{opacity:0}.nav-pill{display:flex;align-items:center;gap:2px;background:#0c0c0fbf;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:100px;padding:5px 5px 5px 18px;box-shadow:0 8px 32px #0006}.nav-logo{font-family:var(--font-mono);font-size:.875rem;font-weight:700;letter-spacing:-.02em;margin-right:6px}.nav-logo .dot{color:var(--accent)}.nav-link{font-size:.8rem;font-weight:500;color:var(--text-dim);padding:7px 13px;border-radius:100px;transition:all .2s}.nav-link:hover{color:var(--text);background:var(--bg-hover)}.hero{position:relative;padding:170px 0 40px;text-align:center;min-height:92vh;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.hero-badge{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:.72rem;color:var(--text-dim);background:#0c0c0f99;backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:100px;padding:5px 14px;margin-bottom:28px;position:relative;z-index:2}.hero-badge .tag{color:var(--accent);font-weight:600}.hero-title{font-size:clamp(2.5rem,8.5vw,5rem);font-weight:800;letter-spacing:-.045em;line-height:1;margin-bottom:24px;max-width:760px;position:relative;z-index:2}.line-mask{display:block;overflow:hidden;padding-bottom:.06em}.hero-word{display:inline-block;min-height:1em}.hero-word.gradient{background:linear-gradient(135deg,var(--accent) 20%,var(--accent-2) 90%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dud{color:var(--accent);opacity:.5}.hero-sub{font-size:clamp(1rem,2vw,1.15rem);color:var(--text-dim);max-width:480px;margin:0 auto 32px;line-height:1.65;position:relative;z-index:2}.install-row{display:inline-flex;align-items:center;background:var(--bg-elev);border:1px solid var(--border);border-radius:100px;padding:4px 4px 4px 18px;margin-bottom:20px;transition:border-color .3s,box-shadow .3s;position:relative;z-index:2}.install-row:hover{border-color:var(--accent);box-shadow:0 0 20px #f59e0b1a}.install-row .prompt{color:var(--accent);font-family:var(--font-mono);font-size:.85rem;margin-right:8px}.install-row code{font-size:.85rem;color:var(--text)}.copy-btn{background:var(--bg-elev-2);border:none;color:var(--text-dim);font-family:var(--font-mono);font-size:.72rem;padding:7px 14px;border-radius:100px;cursor:pointer;margin-left:10px;transition:all .2s}.copy-btn:hover{background:var(--accent);color:#1a1500}.copy-btn.copied{color:var(--success);background:var(--bg-hover)}.hero-links{display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap;position:relative;z-index:2}.text-link{font-size:.9rem;color:var(--text-dim);display:inline-flex;align-items:center;gap:6px;transition:color .2s}.text-link:hover{color:var(--text)}.scroll-hint{position:absolute;bottom:30px;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:.68rem;color:var(--text-dimmer);letter-spacing:.1em;text-transform:uppercase;display:flex;flex-direction:column;align-items:center;gap:8px}.scroll-hint .line{width:1px;height:30px;background:linear-gradient(to bottom,var(--accent),transparent);animation:scrollLine 2s ease-in-out infinite}@keyframes scrollLine{0%,to{transform:scaleY(.3);transform-origin:top;opacity:.3}50%{transform:scaleY(1);opacity:1}}.marquee{overflow:hidden;white-space:nowrap;padding:20px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}.marquee-track{display:inline-block;animation:marquee 30s linear infinite}.marquee-item{font-family:var(--font-mono);font-size:.78rem;color:var(--text-dimmer);margin:0 28px;letter-spacing:.05em}.marquee-item .star{color:var(--accent);margin-right:28px}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.flow-section{padding:100px 0}.flow-svg-wrap{overflow-x:auto;padding:10px 0}.flow-svg{width:100%;min-width:680px;height:auto}.flow-node-bg{fill:var(--bg-elev);stroke:var(--border);stroke-width:1;rx:14;ry:14;transition:stroke .4s}.flow-node.glow .flow-node-bg{stroke:#f59e0b66;filter:drop-shadow(0 0 12px rgba(245,158,11,.15))}.flow-node-label{font-family:var(--font-mono);font-size:13px;fill:var(--text);text-anchor:middle;font-weight:600}.flow-node-sub{font-family:var(--font-mono);font-size:10px;fill:var(--text-dim);text-anchor:middle}.flow-path{fill:none;stroke:#f59e0b33;stroke-width:1.5;stroke-linecap:round}.flow-path.drawn{stroke:#f59e0b59}.terminal-wrapper{padding:60px 0}.terminal{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:0 24px 80px #00000080}.terminal-header{display:flex;align-items:center;padding:13px 16px;border-bottom:1px solid var(--border);background:var(--bg-elev-2)}.terminal-dots{display:flex;gap:7px;margin-right:14px}.terminal-dot{width:11px;height:11px;border-radius:50%}.terminal-dot:nth-child(1){background:#ff5f57}.terminal-dot:nth-child(2){background:#febc2e}.terminal-dot:nth-child(3){background:#28c840}.terminal-header .title{font-family:var(--font-mono);font-size:.72rem;color:var(--text-dimmer);margin:0 auto;padding-right:48px}.terminal-body{padding:22px 26px;font-family:var(--font-mono);font-size:.8rem;line-height:2;min-height:300px}.term-line{opacity:0;transform:translateY(3px);transition:opacity .25s ease,transform .25s ease}.term-line.show{opacity:1;transform:translateY(0)}.term-line .pmt{color:var(--accent);user-select:none}.term-line .ok{color:var(--success);user-select:none}.term-line .arrow{color:var(--text-dimmer);user-select:none}.term-line .dim{color:var(--text-dim)}.term-line .hl{color:var(--accent)}.term-cursor{display:inline-block;width:7px;height:14px;background:var(--accent);vertical-align:text-bottom;margin-left:3px;animation:blink 1s step-end infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.feature-card{position:relative;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:32px 28px;overflow:hidden;transition:border-color .3s;transform:perspective(800px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));transform-style:preserve-3d;will-change:transform}.feature-card:hover{border-color:var(--border-hover)}.feature-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle 220px at var(--mx, 50%) var(--my, 50%),var(--accent-glow),transparent 70%);opacity:0;transition:opacity .4s;pointer-events:none}.feature-card:hover:before{opacity:1}.feature-card.wide{grid-column:span 2;padding:40px 36px}.feature-card.wide .feature-title{font-size:1.25rem}.feature-card.wide .feature-desc{font-size:.95rem;max-width:520px}.feature-num{font-family:var(--font-mono);font-size:.72rem;color:var(--accent);letter-spacing:.1em;margin-bottom:16px;display:block}.feature-icon{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:#f59e0b14;border-radius:10px;margin-bottom:16px}.feature-icon svg{width:19px;height:19px;stroke:var(--accent);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.feature-title{font-size:1.02rem;font-weight:700;margin-bottom:6px;letter-spacing:-.01em}.feature-desc{font-size:.85rem;color:var(--text-dim);line-height:1.65}.code-block{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:0 16px 48px #0000004d}.code-tabs{display:flex;gap:2px;padding:0;border-bottom:1px solid var(--border);background:var(--bg-elev-2)}.code-tab{background:none;border:none;font-family:var(--font-mono);font-size:.78rem;color:var(--text-dim);padding:12px 20px;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s}.code-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.code-tab:hover{color:var(--text)}.code-panel{display:none}.code-panel.active{display:block}.code-block pre{padding:22px 24px;font-family:var(--font-mono);font-size:.8rem;line-height:1.9;overflow-x:auto;color:var(--text)}.code-block .kw{color:#c084fc}.code-block .str{color:#86efac}.code-block .fn{color:var(--accent)}.code-block .cm{color:var(--text-dimmer);font-style:italic}.code-block .dim{color:var(--text-dim)}.cta-section{text-align:center;padding:90px 0 50px}.cta-section h2{font-size:clamp(1.75rem,5vw,3rem);font-weight:800;letter-spacing:-.035em;line-height:1.1;margin-bottom:16px}.cta-section h2 .gradient{background:linear-gradient(135deg,var(--accent),var(--accent-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cta-section p{color:var(--text-dim);font-size:1rem;margin-bottom:32px}.footer{border-top:1px solid var(--border);padding:36px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.footer-brand{font-family:var(--font-mono);font-size:.8rem;color:var(--text-dimmer)}.footer-brand a{color:var(--text-dim);transition:color .2s}.footer-brand a:hover{color:var(--accent)}.footer-links{display:flex;gap:22px}.footer-links a{font-family:var(--font-mono);font-size:.8rem;color:var(--text-dimmer);transition:color .2s}.footer-links a:hover{color:var(--text-dim)}.gsap-ready .hero-sub,.gsap-ready .install-row,.gsap-ready .hero-links,.gsap-ready .scroll-hint{opacity:0}@media(max-width:768px){.section{padding:70px 0}.features-grid{grid-template-columns:1fr}.feature-card.wide{grid-column:span 1}.feature-card{padding:26px 22px}.terminal-body{font-size:.72rem;padding:16px 14px;min-height:auto}.code-block pre{font-size:.72rem;padding:16px 14px}.install-row{flex-wrap:wrap;justify-content:center;padding:8px 12px;border-radius:12px}.hero{padding:190px 0 20px;min-height:auto}.hero-badge{font-size:.68rem;padding:5px 12px;margin-bottom:22px}.hero-links{gap:16px}.nav-pill{padding:4px 4px 4px 16px}.nav-logo{font-size:.8rem;margin-right:4px}.marquee-item{font-size:.68rem;margin:0 20px}.cta-section{padding:60px 0 40px}.terminal-header .title{font-size:.68rem}.flow-section{padding:60px 0}.scroll-hint{display:none}}@media(max-width:520px){.container{padding-left:20px;padding-right:20px}.feature-card{padding:22px 20px}.terminal-body{font-size:.68rem;padding:14px 10px;line-height:1.9}.terminal-header{padding:10px 14px}.code-block pre{font-size:.68rem;padding:14px 10px}.section{padding:56px 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}