@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{--bg:#f7f8fc;--bg-alt:#fff;--bg-card:#fff;--ink:#151a2e;--muted:#5a6178;--line:#e3e6f0;--accent:#ff6b35;--accent-secondary:#f7931e;--accent-glow:#ff6b3533;--purple:#8b5cf6;--blue:#3b82f6;--green:#22c55e;--pink:#ec4899;--cyan:#06b6d4;--shadow:0 12px 40px #151a2e14;--shadow-hover:0 20px 60px #151a2e1f;--font:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;color:var(--ink);background:var(--bg);font-family:var(--font);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);min-width:320px;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;background:0 0;border:none}img,video{max-width:100%;display:block}.container{max-width:1200px;margin:0 auto;padding:0 24px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px var(--accent-glow)}50%{box-shadow:0 0 40px var(--accent-glow), 0 0 80px #ff6b351f}}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes morph{0%,to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30%}}@keyframes score-ring{0%{stroke-dashoffset:283px}}.particles{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.particle{background:var(--accent);opacity:.15;border-radius:50%;animation:6s ease-in-out infinite float;position:absolute}.gradient-text{background:linear-gradient(135deg, var(--accent), var(--purple), var(--blue), var(--accent));-webkit-text-fill-color:transparent;background-size:300% 300%;-webkit-background-clip:text;background-clip:text;animation:8s infinite gradient-shift}.glass-card{-webkit-backdrop-filter:blur(20px);border:1px solid var(--line);box-shadow:var(--shadow);background:#ffffffb3;border-radius:16px;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.glass-card:hover{box-shadow:var(--shadow-hover), 0 0 40px #ff6b351a;background:#fffffff2;border-color:#ff6b3566;transform:translateY(-4px)}.neon-border{border:2px solid #ff6b354d;border-radius:16px;position:relative;overflow:hidden}.neon-border:before{content:"";background:conic-gradient(transparent, transparent, transparent, var(--accent));width:200%;height:200%;animation:4s linear infinite rotate;position:absolute;top:-50%;left:-50%}.neon-border:after{content:"";background:var(--bg);z-index:1;border-radius:14px;position:absolute;inset:2px}.neon-content{z-index:2;position:relative}.animated-btn{background:linear-gradient(135deg, var(--accent), var(--accent-secondary));color:#fff;box-shadow:0 8px 24px var(--accent-glow);border-radius:12px;justify-content:center;align-items:center;padding:16px 32px;font-size:16px;font-weight:700;transition:all .3s;display:inline-flex;position:relative;overflow:hidden}.animated-btn:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;animation:2s infinite shimmer;position:absolute;top:0;left:-100%}.animated-btn:hover{box-shadow:0 12px 32px var(--accent-glow);transform:translateY(-2px)scale(1.03)}.hero-btn-secondary{color:var(--accent);box-shadow:none;background:0 0;border:2px solid #ff6b3580!important}.hero-btn-secondary:hover{box-shadow:none;background:#ff6b3514!important}.header{z-index:1000;-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--line);background:#f7f8fcbf;transition:all .3s;position:fixed;top:0;left:0;right:0}.header.scrolled{background:#fffffff2;box-shadow:0 8px 32px #151a2e14}.header-inner{justify-content:space-between;align-items:center;height:72px;display:flex}.logo{color:var(--ink);align-items:center;gap:10px;font-size:22px;font-weight:800;transition:all .3s;display:flex}.logo:hover{transform:scale(1.03)}.logo img{border-radius:10px;width:40px;height:40px}.logo span{background:linear-gradient(135deg, var(--accent), var(--purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}header nav{align-items:center;gap:32px;display:flex}header nav a{color:var(--muted);font-size:14px;font-weight:600;transition:all .3s;position:relative}header nav a:after{content:"";background:var(--accent);width:0;height:2px;transition:width .3s;position:absolute;bottom:-4px;left:0}header nav a:hover{color:var(--ink)}header nav a:hover:after{width:100%}header nav a.active{color:var(--accent)}.cta-button{background:linear-gradient(135deg, var(--accent), var(--accent-secondary));box-shadow:0 6px 20px var(--accent-glow);border-radius:8px;padding:10px 20px;font-size:13px;font-weight:700;transition:all .3s;color:#fff!important}.cta-button:hover{box-shadow:0 10px 24px var(--accent-glow);transform:translateY(-2px)}.menu-button{background:var(--bg-card);border:1px solid var(--line);border-radius:8px;flex-direction:column;gap:5px;padding:10px;display:none}.menu-button span{background:var(--ink);border-radius:2px;width:22px;height:2px;transition:all .3s}.hero{text-align:center;padding:160px 0 100px;position:relative;overflow:hidden}.hero:before{content:"";z-index:0;background:radial-gradient(#ff6b3514 0%,#0000 60%);width:160%;height:160%;position:absolute;top:-30%;left:-30%}.hero-content{z-index:1;position:relative}.hero-badge{color:var(--accent);background:#ff6b350f;border:1px solid #ff6b3540;border-radius:100px;align-items:center;gap:8px;margin-bottom:32px;padding:8px 18px;font-size:13px;font-weight:600;display:inline-flex}.badge-dot{background:var(--accent);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse-glow}.hero-logo-container{margin-bottom:32px;display:inline-block;position:relative}.hero-logo{z-index:2;border-radius:28px;width:140px;height:140px;position:relative;box-shadow:0 16px 48px #ff6b3540}.hero-logo-ring{border:2px solid #ff6b3533;border-radius:50%;animation:12s linear infinite rotate;position:absolute;inset:-16px}.hero-logo-ring-2{border:1px dashed #8b5cf633;border-radius:50%;animation:18s linear infinite reverse rotate;position:absolute;inset:-32px}.hero h1{letter-spacing:-.04em;max-width:820px;color:var(--ink);margin:0 auto 20px;font-size:clamp(48px,8vw,80px);font-weight:900;line-height:1.08;animation:.8s ease-out slide-up}.hero h1 .highlight{background:linear-gradient(135deg, var(--accent), var(--purple), var(--blue));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero p{max-width:640px;color:var(--muted);margin:0 auto 40px;font-size:18px;line-height:1.8;animation:.8s ease-out .2s backwards slide-up}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:16px;animation:.8s ease-out .3s backwards slide-up;display:flex}.hero-metrics{grid-template-columns:repeat(4,1fr);gap:24px;max-width:800px;margin:80px auto 0;padding:32px;animation:.8s ease-out .5s backwards slide-up;display:grid}.metric{text-align:center}.metric-value{background:linear-gradient(135deg, var(--accent), var(--purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:4px;font-size:36px;font-weight:900}.metric-label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:600}.app-mockup-section{justify-content:center;padding:40px 0;display:flex}.mockup-wrapper{width:100%;max-width:860px}.app-mockup{background:var(--bg-card);border:1px solid var(--line);border-radius:16px;animation:.8s ease-out scale-in;overflow:hidden;box-shadow:0 24px 80px #151a2e26}.mockup-titlebar{border-bottom:1px solid var(--line);background:#151a2e08;align-items:center;gap:12px;padding:12px 16px;display:flex}.mockup-dots{gap:6px;display:flex}.dot{border-radius:50%;width:10px;height:10px}.dot-red{background:#ff5f57}.dot-yellow{background:#febc2e}.dot-green{background:#28c840}.mockup-title{color:var(--muted);text-align:center;flex:1;font-size:13px;font-weight:600}.mockup-status{color:var(--green);align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.status-dot{border-radius:50%;width:6px;height:6px}.status-active{background:var(--green);animation:2s ease-in-out infinite pulse-glow}.mockup-body{background:linear-gradient(#fff,#f7f8fc);min-height:320px;display:flex}.mockup-sidebar{border-right:1px solid var(--line);background:#f7f8fccc;flex-direction:column;gap:4px;width:180px;padding:16px 12px;display:flex}.sidebar-item{color:var(--muted);border-radius:8px;align-items:center;gap:8px;padding:10px 12px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.sidebar-active{color:var(--accent);background:#ff6b351a}.mockup-content{flex-direction:column;flex:1;gap:20px;padding:24px;display:flex}.mockup-score-ring{width:120px;height:120px;margin:0 auto;position:relative}.score-svg{width:100%;height:100%;transform:rotate(-90deg)}.score-bg{fill:none;stroke:#e6e8f2;stroke-width:6px}.score-fill{fill:none;stroke:var(--accent);stroke-width:6px;stroke-linecap:round;stroke-dasharray:283;stroke-dashoffset:37px;animation:1.5s ease-out forwards score-ring}.score-value{background:linear-gradient(135deg, var(--accent), var(--purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:900;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.score-label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:600;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.mockup-stats{justify-content:center;gap:24px;display:flex}.stat{text-align:center}.stat-num{color:var(--ink);font-size:20px;font-weight:800;display:block}.stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:11px}.mockup-activity{border-top:1px solid var(--line);padding-top:16px}.activity-header{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px;font-size:12px;font-weight:700}.activity-row{border-radius:8px;align-items:center;gap:10px;margin-bottom:4px;padding:8px 12px;font-size:13px;transition:all .3s;display:flex}.activity-active{background:#ff6b3514}.activity-status{border-radius:50%;flex-shrink:0;width:8px;height:8px}.status-aligned{background:var(--green)}.status-focused{background:var(--blue)}.status-blocked{background:var(--pink)}.activity-title{color:var(--muted);flex:1;font-weight:500}.activity-xp{font-size:12px;font-weight:700}.activity-aligned .activity-xp{color:var(--green)}.activity-focused .activity-xp{color:var(--blue)}.activity-blocked .activity-xp{color:var(--pink)}.section{padding:100px 0;position:relative}.section-alt{background:var(--bg-alt)}.section-header{text-align:center;max-width:700px;margin:0 auto 64px}.section-tag{color:var(--accent);text-transform:uppercase;letter-spacing:.12em;background:#ff6b3514;border:1px solid #ff6b3540;border-radius:100px;margin-bottom:20px;padding:6px 16px;font-size:11px;font-weight:700;display:inline-block}.section-header h2{letter-spacing:-.03em;color:var(--ink);margin-bottom:16px;font-size:clamp(36px,5vw,56px);font-weight:800}.section-header p{color:var(--muted);font-size:18px;line-height:1.7}.features-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.feature-card{padding:32px;position:relative;overflow:hidden}.feature-card:before{content:"";background:linear-gradient(90deg, var(--accent), var(--purple), var(--blue));transform-origin:0;height:3px;transition:transform .4s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.feature-card:hover:before{transform:scaleX(1)}.feature-icon{border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:20px;font-size:28px;display:flex;box-shadow:0 8px 24px #151a2e1f}.feature-card h3{color:var(--ink);margin-bottom:12px;font-size:20px;font-weight:700}.feature-card p{color:var(--muted);margin-bottom:16px;font-size:14px;line-height:1.7}.feature-details{flex-direction:column;gap:8px;list-style:none;display:flex}.feature-details li{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex}.detail-check{color:var(--accent);font-size:12px;font-weight:700}.features-detail-grid{flex-direction:column;gap:24px;max-width:900px;margin:0 auto;display:flex}.feature-detail-card{padding:36px}.feature-detail-header{align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.feature-icon-lg{border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:32px;display:flex;box-shadow:0 8px 24px #151a2e1f}.feature-detail-header h3{color:var(--ink);margin-bottom:8px;font-size:22px;font-weight:700}.feature-detail-desc{color:var(--muted);font-size:15px;line-height:1.6}.feature-detail-list{grid-template-columns:repeat(2,1fr);gap:12px;padding-left:84px;display:grid}.feature-detail-item{color:var(--muted);align-items:center;gap:10px;font-size:14px;display:flex}.detail-bullet{border-radius:50%;flex-shrink:0;width:6px;height:6px}.browsers-row{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.browser-chip{border-radius:12px;align-items:center;gap:10px;padding:16px 28px;display:flex}.browser-icon{font-size:24px}.browser-name{color:var(--ink);font-size:16px;font-weight:700}.steps{grid-template-columns:repeat(5,1fr);gap:16px;display:grid;position:relative}.step{text-align:center;position:relative}.step-number{background:linear-gradient(135deg, var(--accent), var(--purple));color:#fff;width:48px;height:48px;box-shadow:0 8px 24px var(--accent-glow);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 12px;font-size:18px;font-weight:800;display:flex}.step-icon{margin-bottom:8px;font-size:28px}.step-icon-lg{margin-bottom:12px;font-size:36px}.step h3{color:var(--ink);margin-bottom:6px;font-size:15px;font-weight:700}.step p{color:var(--muted);font-size:13px;line-height:1.5}.steps-large{gap:24px}.step-detailed{padding:24px 16px}.step-connector{display:none}.flow-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.flow-card{text-align:center;padding:32px 24px;position:relative}.flow-number{color:#fff;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;margin:0 auto 16px;font-size:16px;font-weight:800;display:flex}.flow-icon{margin-bottom:16px;font-size:32px}.flow-card h3{color:var(--ink);margin-bottom:8px;font-size:18px;font-weight:700}.flow-card p{color:var(--muted);font-size:14px;line-height:1.6}.flow-arrow{display:none}.intelligence-tiers{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.tier-card{text-align:center;padding:36px}.tier-badge{text-transform:uppercase;letter-spacing:.08em;border-radius:100px;margin-bottom:16px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-block}.tier-fast{color:#16a34a;background:#22c55e1f;border:1px solid #22c55e4d}.tier-smart{color:#7c3aed;background:#8b5cf61f;border:1px solid #8b5cf64d}.tier-vision{color:#2563eb;background:#3b82f61f;border:1px solid #3b82f64d}.tier-card h3{color:var(--ink);margin-bottom:8px;font-size:22px;font-weight:700}.tier-speed{background:linear-gradient(135deg, var(--accent), var(--purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:28px;font-weight:900}.tier-card>p:last-child{color:var(--muted);font-size:14px;line-height:1.7}.benchmarks-grid{grid-template-columns:repeat(3,1fr);gap:20px;max-width:800px;margin:0 auto;display:grid}.benchmark-card{text-align:center;padding:28px}.benchmark-value{background:linear-gradient(135deg, var(--accent), var(--purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:4px;font-size:32px;font-weight:900}.benchmark-label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:13px;font-weight:600}.install-section{text-align:center;color:var(--ink);border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(135deg,#fff5f0,#fff,#f3f0ff);position:relative;overflow:hidden}.install-section:before{content:"";background:radial-gradient(circle,#ff6b350f 0%,#0000 40%);width:180%;height:180%;animation:20s ease-in-out infinite morph;position:absolute;top:-40%;left:-40%}.install-section>.container{z-index:1;position:relative}.install-section h2{color:var(--ink);margin-bottom:12px;font-size:clamp(36px,5vw,56px)}.install-section p{color:var(--muted);font-size:18px}.install-box{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--line);box-shadow:var(--shadow);background:#ffffffd9;border-radius:14px;align-items:center;gap:16px;margin:32px 0;padding:20px 28px;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:14px;display:flex}.install-command-row{flex:1;align-items:center;gap:12px;display:flex}.prompt-symbol{color:var(--accent);font-size:16px;font-weight:800}.copy-btn{background:linear-gradient(135deg, var(--accent), var(--accent-secondary));color:#fff;box-shadow:0 6px 20px var(--accent-glow);border-radius:8px;flex-shrink:0;padding:10px 20px;font-size:13px;font-weight:700;transition:all .3s}.copy-btn:hover{box-shadow:0 10px 24px var(--accent-glow);transform:scale(1.05)}.install-steps{flex-direction:column;gap:16px;display:flex}.install-step{align-items:flex-start;gap:20px;padding:24px;display:flex}.install-step-num{background:linear-gradient(135deg, var(--accent), var(--purple));color:#fff;width:44px;height:44px;box-shadow:0 8px 24px var(--accent-glow);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;font-weight:800;display:flex}.install-step-content h4{color:var(--ink);margin-bottom:4px;font-size:17px;font-weight:700}.install-step-content p{color:var(--muted);text-align:left;font-size:14px}.install-requirements{text-align:left;padding:28px}.install-requirements h4{color:var(--accent);margin-bottom:16px;font-size:16px;font-weight:700}.install-requirements ul{flex-direction:column;gap:10px;list-style:none;display:flex}.install-requirements li{color:var(--muted);padding-left:20px;font-size:14px;position:relative}.install-requirements li:before{content:"✓";color:var(--accent);font-weight:700;position:absolute;left:0}.faq-list{max-width:700px;margin:0 auto}.faq-item{border-bottom:1px solid var(--line)}.faq-question{text-align:left;width:100%;color:var(--ink);background:0 0;justify-content:space-between;align-items:center;gap:16px;padding:24px 0;font-size:17px;font-weight:700;transition:all .3s;display:flex}.faq-question:hover{color:var(--accent);padding-left:12px}.faq-icon{color:var(--accent);flex-shrink:0;font-size:24px;transition:transform .3s}.faq-item.open .faq-icon{transform:rotate(45deg)}.faq-answer{max-height:0;transition:max-height .4s,padding .4s;overflow:hidden}.faq-item.open .faq-answer{max-height:200px;padding-bottom:24px}.faq-answer p{color:var(--muted);font-size:15px;line-height:1.7}.card-3d{perspective:1000px}.card-3d-inner{transform-style:preserve-3d;transition:transform .4s}.card-3d:hover .card-3d-inner{transform:rotateY(5deg)rotateX(3deg)}.footer{background:var(--bg-alt);border-top:1px solid var(--line);padding:64px 0 32px;position:relative}.footer:before{content:"";background:linear-gradient(90deg, transparent, var(--accent), var(--purple), var(--blue), transparent);background-size:300% 100%;height:2px;animation:8s infinite gradient-shift;position:absolute;top:0;left:0;right:0}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:48px;display:grid}.footer-brand{max-width:320px}.footer-brand p{color:var(--muted);margin-top:12px;font-size:14px;line-height:1.6}.footer-col h4{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:20px;font-size:12px;font-weight:700}.footer-col a{color:var(--muted);margin-bottom:12px;font-size:14px;transition:all .2s;display:block}.footer-col a:hover{color:var(--accent);padding-left:8px}.footer-bottom{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;padding-top:32px;font-size:13px;display:flex}.toast{background:linear-gradient(135deg, var(--accent), var(--purple));color:#fff;box-shadow:0 8px 32px var(--accent-glow);z-index:10000;border-radius:12px;padding:14px 22px;font-size:14px;font-weight:600;animation:.4s slide-up;position:fixed;bottom:24px;right:24px}.text-accent{color:var(--accent)}main{min-height:100vh}header nav.open{background:var(--bg-card);border-bottom:1px solid var(--line);box-shadow:var(--shadow);flex-direction:column;gap:12px;padding:20px;display:flex;position:absolute;top:72px;left:0;right:0}@media (width<=1024px){.features-grid,.flow-grid{grid-template-columns:repeat(2,1fr)}.intelligence-tiers{grid-template-columns:1fr}.hero-metrics{grid-template-columns:repeat(2,1fr)}.feature-detail-list{grid-template-columns:1fr;padding-left:0}.mockup-sidebar{display:none}}@media (width<=768px){header nav{display:none}.menu-button{display:flex}.hero{padding:140px 0 80px}.hero h1{font-size:40px}.hero p{font-size:16px}.features-grid{grid-template-columns:1fr}.steps{grid-template-columns:repeat(3,1fr)}.flow-grid{grid-template-columns:1fr}.hero-metrics{grid-template-columns:1fr 1fr}.benchmarks-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.footer-bottom{flex-direction:column;gap:12px}.section{padding:80px 0}.feature-detail-header{flex-direction:column}.feature-detail-list{padding-left:0}.browsers-row{gap:12px}.browser-chip{padding:12px 20px}.install-box{flex-direction:column;align-items:stretch}.install-command-row code{font-size:12px}}@media (width<=480px){.hero h1{font-size:32px}.steps{grid-template-columns:1fr 1fr}.hero-metrics,.benchmarks-grid,.footer-grid{grid-template-columns:1fr}}