@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Inter:wght@400;500;600&display=swap";:root{--background: #09090b;--foreground: #fafafa;--primary: #8b5cf6;--primary-hover: #7c3aed;--secondary: #27272a;--border: #3f3f46;--card-bg: rgba(24, 24, 27, .7);--glass-border: rgba(255, 255, 255, .08);--text-muted: #a1a1aa;--accent-blue: #38bdf8;--accent-amber: #facc15;--accent-red: #f87171;--accent-green: #4ade80;--accent-purple: #a78bfa;--accent-pink: #f472b6;--font-heading: "Outfit", sans-serif;--font-body: "Inter", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--background);color:var(--foreground);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;line-height:1.2}a{color:inherit;text-decoration:none}ul{list-style:none}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.text-center{text-align:center}.text-gradient{background:linear-gradient(135deg,#a78bfa,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass-panel{background:var(--card-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px}.bg-glow{position:fixed;width:900px;height:900px;background:radial-gradient(circle,#8b5cf61f,#f472b60f 40%,#09090b00 70%);top:-300px;left:50%;transform:translate(-50%);z-index:0;pointer-events:none;animation:glowPulse 8s ease-in-out infinite alternate}.bg-glow-secondary{position:fixed;width:600px;height:600px;background:radial-gradient(circle,#38bdf80f,#09090b00 70%);bottom:-200px;right:-100px;z-index:0;pointer-events:none;animation:glowPulse 10s ease-in-out 2s infinite alternate}@keyframes glowPulse{0%{opacity:.7;transform:translate(-50%) scale(1)}to{opacity:1;transform:translate(-50%) scale(1.1)}}.fade-in-up{opacity:0;transform:translateY(30px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.fade-in-up.is-visible{opacity:1;transform:translateY(0)}.stagger-children .fade-in-up:nth-child(1){transition-delay:0ms}.stagger-children .fade-in-up:nth-child(2){transition-delay:80ms}.stagger-children .fade-in-up:nth-child(3){transition-delay:.16s}.stagger-children .fade-in-up:nth-child(4){transition-delay:.24s}.stagger-children .fade-in-up:nth-child(5){transition-delay:.32s}.stagger-children .fade-in-up:nth-child(6){transition-delay:.4s}.section-title{font-size:clamp(2rem,4vw,3rem);font-weight:700;margin-bottom:1rem}.section-subtitle{color:var(--text-muted);font-size:1.1rem;max-width:550px;margin-left:auto;margin-right:auto}.hero{padding:8rem 0 4rem;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative}.hero-content{max-width:820px;width:100%;animation:fadeUp .8s ease-out forwards}.hero-badge{display:inline-flex;align-items:center;gap:.6rem;font-size:.8rem;font-weight:500;color:var(--text-muted);background:#8b5cf614;border:1px solid rgba(139,92,246,.2);padding:.45rem 1.2rem;border-radius:999px;margin-bottom:2rem;letter-spacing:.02em;animation:fadeUp .6s ease-out .2s both}.badge-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-green);box-shadow:0 0 8px var(--accent-green);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.hero-title{font-size:clamp(2.5rem,5vw,4.5rem);font-weight:700;margin-bottom:1.5rem;line-height:1.1}.hero-subtitle{font-size:clamp(1.1rem,2vw,1.3rem);color:var(--text-muted);max-width:620px;margin:0 auto 3rem;line-height:1.7}.hero-subtitle b{color:var(--foreground);font-weight:600}.hero-actions{display:flex;gap:1rem;justify-content:center;margin-bottom:4rem}.btn-hero-primary{position:relative;overflow:hidden}.btn-glow{position:absolute;inset:-2px;border-radius:inherit;background:conic-gradient(from 180deg,#8b5cf600,#8b5cf666,#f472b64d,#8b5cf600);z-index:-1;animation:spinGlow 4s linear infinite;opacity:0;transition:opacity .3s ease}.btn-hero-primary:hover .btn-glow{opacity:1}@keyframes spinGlow{to{transform:rotate(360deg)}}.hero-terminal{text-align:left;max-width:600px;margin:0 auto;overflow:hidden;box-shadow:0 25px 50px #00000080,0 0 0 1px #ffffff0d}.terminal-header{background:#0006;padding:.75rem 1rem;display:flex;align-items:center;gap:.5rem;border-bottom:1px solid var(--glass-border)}.dot{width:10px;height:10px;border-radius:50%}.red{background:#ff5f56}.yellow{background:#ffbd2e}.green{background:#27c93f}.terminal-title{margin-left:auto;margin-right:auto;font-family:monospace;font-size:.8rem;color:var(--text-muted)}.terminal-body{padding:1.5rem;font-family:Menlo,Monaco,Courier New,monospace;font-size:.88rem;line-height:1.8;display:flex;flex-direction:column;gap:.5rem;min-height:122px}.terminal-line{opacity:0;transform:translateY(6px);transition:opacity .4s ease,transform .4s ease}.terminal-line.show{opacity:1;transform:translateY(0)}.prompt{color:var(--primary);margin-right:.75rem;-webkit-user-select:none;user-select:none}.success{color:#4ade80}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){.hero-actions{flex-direction:column;padding:0 1rem}.hero{padding-top:6rem}.hero-badge{font-size:.7rem;padding:.35rem .9rem}}.features{padding:8rem 0;position:relative}.features-header{text-align:center;max-width:600px;margin:0 auto 4rem}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.feature-card{padding:2rem;transition:transform .35s cubic-bezier(.4,0,.2,1),box-shadow .35s ease,border-color .35s ease;cursor:default;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--card-accent, var(--primary)),transparent);opacity:0;transition:opacity .35s ease}.feature-card:hover:before{opacity:1}.feature-card:hover{transform:translateY(-6px);box-shadow:0 12px 40px #0000004d;border-color:#ffffff26}.feature-icon-container{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;background:color-mix(in srgb,var(--card-accent, var(--primary)) 12%,transparent);border:1px solid color-mix(in srgb,var(--card-accent, var(--primary)) 20%,transparent);transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover .feature-icon-container{transform:scale(1.05);box-shadow:0 0 20px color-mix(in srgb,var(--card-accent, var(--primary)) 15%,transparent)}.feature-icon{font-size:1.5rem;line-height:1}.feature-title{font-size:1.15rem;font-weight:600;margin-bottom:.75rem;color:var(--foreground)}.feature-description{color:var(--text-muted);font-size:.9rem;line-height:1.7}@media(max-width:1024px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.features{padding:4rem 0}.features-grid{grid-template-columns:1fr}}.live-examples-section{padding:8rem 0;position:relative;z-index:2}.examples-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1.5rem;margin-top:4rem}.example-card{grid-column:span 2}.example-card.featured{grid-column:span 3}.example-card{position:relative;display:block;border-radius:16px;overflow:hidden;cursor:pointer;aspect-ratio:16 / 10;background:#111113;border:1px solid var(--glass-border);transition:transform .4s cubic-bezier(.4,0,.2,1),box-shadow .4s cubic-bezier(.4,0,.2,1),border-color .4s ease}.example-card:hover{transform:translateY(-6px);border-color:#ffffff2e;box-shadow:0 20px 50px #00000080}.example-thumbnail{width:100%;height:100%;object-fit:cover;object-position:top left;display:block;transition:transform .5s cubic-bezier(.4,0,.2,1),filter .4s ease}.example-card:hover .example-thumbnail{transform:scale(1.04);filter:brightness(.3) blur(2px)}.example-label{position:absolute;bottom:0;left:0;right:0;padding:.75rem 1.25rem;display:flex;align-items:center;gap:.5rem;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.4) 60%,transparent 100%);transition:opacity .35s ease}.example-card:hover .example-label{opacity:0}.example-label-icon{font-size:1.1rem}.example-label-text{font-family:var(--font-heading);font-size:.9rem;font-weight:600;color:#fafafa}.example-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:1rem;opacity:0;transition:opacity .35s ease;z-index:2}.example-card:hover .example-overlay{opacity:1}.overlay-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;border:none;transition:all .25s cubic-bezier(.4,0,.2,1);text-decoration:none;white-space:nowrap;transform:translateY(8px);font-family:var(--font-body)}.example-card:hover .overlay-btn{transform:translateY(0)}.example-card:hover .overlay-btn:nth-child(2){transition-delay:60ms}.overlay-btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 16px #8b5cf659}.overlay-btn-primary:hover{background:var(--primary-hover);box-shadow:0 6px 24px #8b5cf680;transform:translateY(-2px)!important}.overlay-btn-secondary{background:#ffffff1f;color:#fafafa;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15)}.overlay-btn-secondary:hover{background:#fff3;transform:translateY(-2px)!important}.prompt-popover{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;justify-content:center;padding:2rem;background:#09090bf2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:15px;cursor:pointer;animation:popoverIn .25s ease-out}@keyframes popoverIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.prompt-popover-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:#52525b;margin-bottom:.75rem;font-weight:600}.prompt-popover-text{font-size:1.05rem;line-height:1.6;color:#e4e4e7;font-family:Inter,sans-serif}.prompt-prefix{color:var(--primary);font-weight:700;margin-right:.3rem}.prompt-popover-close{margin-top:1.25rem;font-size:.75rem;color:#52525b;text-align:center}.accent-sentiment:hover{box-shadow:0 12px 45px #38bdf826}.accent-rank:hover{box-shadow:0 12px 45px #facc1526}.accent-controversy:hover{box-shadow:0 12px 45px #f8717126}.accent-trend:hover{box-shadow:0 12px 45px #4ade8026}.accent-discovery:hover{box-shadow:0 12px 45px #a78bfa26}@media(max-width:1024px){.examples-grid{grid-template-columns:repeat(2,1fr)}.example-card,.example-card.featured{grid-column:span 1}}@media(max-width:640px){.examples-grid{grid-template-columns:1fr}.live-examples-section{padding:4rem 0}}.app-container{min-height:100vh;display:flex;flex-direction:column;position:relative;z-index:1}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;padding:0;transition:background .35s ease,border-color .35s ease,backdrop-filter .35s ease;border-bottom:1px solid transparent}.navbar-inner{display:flex;justify-content:space-between;align-items:center;padding-top:1.25rem;padding-bottom:1.25rem;transition:padding .35s ease}.navbar.scrolled{background:#09090bb3;backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border-bottom-color:var(--glass-border)}.navbar.scrolled .navbar-inner{padding-top:.85rem;padding-bottom:.85rem}.logo{font-family:var(--font-heading);font-size:1.15rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.logo-icon{font-size:1.4rem}.nav-links{display:flex;align-items:center;gap:2rem;font-size:.9rem;font-weight:500}.nav-links a:not(.nav-btn){color:var(--text-muted);transition:color .2s ease;position:relative}.nav-links a:not(.nav-btn):after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--primary);border-radius:1px;transition:width .25s ease}.nav-links a:not(.nav-btn):hover{color:var(--foreground)}.nav-links a:not(.nav-btn):hover:after{width:100%}.nav-btn{display:inline-flex;align-items:center;background:var(--card-bg);border:1px solid var(--glass-border);padding:.5rem 1.25rem;border-radius:999px;transition:all .2s ease;font-size:.9rem}.nav-btn:hover{background:var(--secondary);border-color:var(--text-muted)}.cta-banner{padding:6rem 0;position:relative;overflow:hidden}.cta-banner:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(139,92,246,.08) 0%,transparent 70%);pointer-events:none}.cta-content{text-align:center;position:relative;z-index:1}.cta-title{font-family:var(--font-heading);font-size:clamp(1.8rem,4vw,2.8rem);font-weight:700;margin-bottom:1rem}.cta-subtitle{color:var(--text-muted);font-size:1.1rem;margin-bottom:2.5rem}.cta-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.8rem 1.8rem;font-size:1rem;font-weight:500;border-radius:999px;transition:all .25s cubic-bezier(.4,0,.2,1);cursor:pointer}.btn-primary{background:var(--primary);color:#fff;border:1px solid var(--primary-hover);box-shadow:0 4px 14px #8b5cf64d}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 8px 25px #8b5cf673}.btn-lg{padding:1rem 2.5rem;font-size:1.05rem;font-weight:600}.btn-secondary{background:#ffffff0d;color:var(--foreground);border:1px solid var(--glass-border)}.btn-secondary:hover{background:#ffffff1a;transform:translateY(-2px)}.footer{margin-top:0;border-top:1px solid var(--glass-border);padding:4rem 0 2rem}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:3rem}.footer-brand{max-width:360px}.footer-tagline{color:var(--text-muted);font-size:.9rem;line-height:1.7;margin-top:1rem}.footer-links-group{display:flex;flex-direction:column;gap:.65rem}.footer-heading{font-family:var(--font-heading);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--foreground);margin-bottom:.5rem}.footer-links-group a{color:var(--text-muted);font-size:.9rem;transition:color .2s ease}.footer-links-group a:hover{color:var(--foreground)}.footer-bottom{margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--glass-border);text-align:center;color:var(--text-muted);font-size:.8rem}@media(max-width:768px){.nav-links a:not(.nav-btn){display:none}.footer-grid{grid-template-columns:1fr;gap:2rem}.cta-actions{flex-direction:column;padding:0 1rem}}