@font-face{font-family:Geist;src:url(/fonts/Geist-Variable.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}:root{--color-accent:#22d3ee;--color-accent-dim:#0891b2;--color-accent-muted:#22d3ee1a;--color-accent-glow:#22d3ee0f;--color-bg:#060910;--color-bg-secondary:#0c1221;--color-bg-tertiary:#121e30;--color-text:#e4eef8;--color-text-secondary:#8fadc1;--color-text-tertiary:#6f8ba1;--color-border:#1a2d42;--color-border-hover:#2a4560;--font-display:"Iowan Old Style", "Palatino Linotype", Georgia, serif;--font-ui:"Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-family:var(--font-ui);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.6}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text);min-height:100vh;margin:0}#root{flex-direction:column;min-height:100vh;display:flex}a{color:var(--color-accent);text-decoration:none;transition:color .15s}a:hover{color:var(--color-text)}h1,h2,h3,h4,h5,h6{color:var(--color-text);font-weight:600;line-height:1.25}h1{font-size:clamp(2rem,5vw,3.5rem)}h2{font-size:clamp(1.5rem,4vw,2.5rem)}h3{font-size:clamp(1.125rem,3vw,1.5rem)}p{color:var(--color-text-secondary);line-height:1.7}button{cursor:pointer;border:1px solid #0000;border-radius:8px;padding:.75rem 1.75rem;font-family:inherit;font-size:1rem;font-weight:500;transition:all .2s}button:focus,button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.section{padding:4rem 0}@media (width>=768px){.section{padding:6rem 0}}.section-label{text-transform:uppercase;letter-spacing:.12em;color:var(--color-accent);margin-bottom:1.5rem;font-size:.75rem;font-weight:600;display:block}.btn{font-size:.9375rem;font-weight:500;font-family:var(--font-ui);cursor:pointer;border:1px solid #0000;border-radius:6px;padding:.75rem 1.625rem;line-height:1.5;text-decoration:none;transition:all .15s;display:inline-block}.btn-primary{background:var(--color-accent);color:#060910;font-weight:600}.btn-primary:hover{color:#060910;background:#38e8ff}.btn-ghost{color:var(--color-text-secondary);background:0 0;border-color:#0000;padding-left:0}.btn-ghost:hover{color:var(--color-text)}.btn-secondary{border-color:var(--color-border-hover);color:var(--color-text-secondary);background:0 0}.btn-secondary:hover{border-color:var(--color-accent);color:var(--color-text)}@keyframes grain-shift{0%,to{transform:translate(0)}10%{transform:translate(-5%,-8%)}20%{transform:translate(-12%,5%)}30%{transform:translate(6%,-20%)}40%{transform:translate(-5%,22%)}50%{transform:translate(-14%,8%)}60%{transform:translate(14%)}70%{transform:translateY(12%)}80%{transform:translate(3%,28%)}90%{transform:translate(-8%,8%)}}body:before{content:"";opacity:.032;pointer-events:none;z-index:99996;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:160px 160px;width:400%;height:400%;animation:10s steps(8,end) infinite grain-shift;position:fixed;inset:-150%}.route-loading{width:100%;min-height:45vh;color:var(--color-text-secondary);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;display:flex}.route-loading__pulse{border:2px solid #22d3ee40;border-top-color:var(--color-accent);border-radius:50%;width:2.25rem;height:2.25rem;animation:.7s linear infinite route-loading-spin}.route-loading__text{letter-spacing:.02em;font-size:.875rem}@keyframes route-loading-spin{to{transform:rotate(360deg)}}.btn-primary{position:relative;overflow:hidden}.btn-primary:after{content:"";background:radial-gradient(circle at var(--x,50%) var(--y,50%), #ffffff26 0%, transparent 60%);opacity:0;transition:opacity .3s;position:absolute;inset:0}.btn-primary:hover:after{opacity:1}.nav-links a:not(.github-link){position:relative}.nav-links a:not(.github-link):after{content:"";background:var(--color-accent);transform-origin:100%;width:100%;height:1px;transition:transform .25s;position:absolute;bottom:-2px;left:0;transform:scaleX(0)}.nav-links a:not(.github-link):hover:after,.nav-links a.active:after{transform-origin:0;transform:scaleX(1)}.nav-links a.active:after{bottom:-.5rem}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}body:before,.route-loading__pulse{animation:none}}@media (width<=767px){body:before{opacity:.02;animation:none}}.layout{flex-direction:column;min-height:100vh;display:flex}.header{border-bottom:1px solid var(--color-border);z-index:100;background-color:#060910f5;position:sticky;top:0}.nav{justify-content:space-between;align-items:center;padding:1rem 0;display:flex}.logo{color:var(--color-text);font-size:1.25rem;font-weight:600;text-decoration:none;transition:color .2s}.logo:hover,.logo .accent{color:var(--color-accent)}.nav-links{align-items:center;gap:2rem;display:flex}.nav-links a{color:var(--color-text-secondary);font-weight:500;text-decoration:none;transition:color .2s;position:relative}.nav-links a:hover,.nav-links a.active{color:var(--color-text)}.nav-links a.active:after{content:"";background:var(--color-accent);height:2px;position:absolute;bottom:-.5rem;left:0;right:0}.github-link{border:1px solid var(--color-border-hover);background:0 0;border-radius:6px;padding:.4375rem 1rem;font-size:.875rem;font-weight:500;transition:border-color .15s,color .15s;color:var(--color-text-secondary)!important}.github-link:hover{border-color:var(--color-accent);color:var(--color-text)!important}.main{flex:1}.footer{background-color:var(--color-bg-secondary);border-top:1px solid var(--color-border);margin-top:4rem}.footer-content{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;padding:3rem 0 2rem;display:grid}.footer-section h3{color:var(--color-text);margin-bottom:1rem;font-size:1rem}.footer-section p{color:var(--color-text-tertiary);font-size:.875rem}.footer-links{flex-direction:column;gap:.5rem;display:flex}.footer-links a{color:var(--color-text-secondary);font-size:.875rem;transition:color .2s}.footer-links a:hover{color:var(--color-text)}.footer-bottom{border-top:1px solid var(--color-border);text-align:center;padding:1.5rem 0}.footer-bottom p{color:var(--color-text-tertiary);font-size:.875rem}@media (width<=768px){.nav{flex-direction:column;gap:1rem}.nav-links{flex-wrap:wrap;justify-content:center;gap:1rem}.footer-content{text-align:center;grid-template-columns:1fr}.footer-links{align-items:center}}.scroll-progress{background:linear-gradient(90deg, var(--color-accent-dim) 0%, var(--color-accent) 50%, #67e8f9 100%);transform-origin:0;z-index:100001;pointer-events:none;height:2px;position:fixed;top:0;left:0;right:0;transform:scaleX(0);box-shadow:0 0 8px #22d3ee99}.hero{background:var(--color-bg);align-items:center;min-height:100vh;padding:7rem 0 5rem;display:flex;position:relative;overflow:hidden}.hero-bg{pointer-events:none;background-image:radial-gradient(circle,#22d3ee0e 1px,#0000 1px);background-size:30px 30px;position:absolute;inset:0}.hero-glow{pointer-events:none;background:radial-gradient(circle,#22d3ee12 0%,#0000 65%);width:860px;height:860px;position:absolute;top:-260px;right:-180px}@keyframes aurora-drift{0%{opacity:.6;transform:translate(0%)rotate(0)}33%{opacity:.8;transform:translate(3%,2%)rotate(5deg)}66%{opacity:.65;transform:translate(-2%,3%)rotate(-3deg)}to{opacity:.6;transform:translate(0%)rotate(0)}}.hero-aurora{pointer-events:none;background:radial-gradient(60% 40% at 20% 40%,#22d3ee0b 0%,#0000 60%),radial-gradient(50% 35% at 80% 60%,#0891b20a 0%,#0000 60%),radial-gradient(40% 50% at 50% 90%,#6366f106 0%,#0000 60%);width:200%;height:200%;animation:20s ease-in-out infinite aurora-drift;position:absolute;inset:-50%}.hero-inner{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:5rem;display:grid;position:relative}.hero-text{flex-direction:column;display:flex}.hero-badge{border:1px solid var(--color-border);color:var(--color-text-secondary);background:var(--color-bg-secondary);border-radius:100px;align-items:center;gap:.5rem;width:fit-content;margin-bottom:2.25rem;padding:.3rem .9rem;font-size:.8125rem;text-decoration:none;transition:border-color .2s,color .2s,box-shadow .2s;display:inline-flex}.hero-badge:hover{border-color:var(--color-accent);color:var(--color-accent);box-shadow:0 0 12px #22d3ee1f}@keyframes badge-pulse{0%,to{box-shadow:0 0 #22d3ee66}50%{box-shadow:0 0 0 5px #22d3ee00}}.badge-dot{background:var(--color-accent);width:6px;height:6px;box-shadow:0 0 6px var(--color-accent);border-radius:50%;flex-shrink:0;animation:2.5s ease-out infinite badge-pulse}.badge-dot--static{animation:none}.hero-title{font-family:var(--font-display);letter-spacing:-.01em;color:var(--color-text);margin-bottom:1.5rem;font-size:clamp(2.75rem,5.5vw,4.5rem);font-weight:400;line-height:1.1}.hero-title em{color:var(--color-accent);font-style:italic}@keyframes glitch-main{0%,88%,to{text-shadow:none;transform:translate(0)}89%{text-shadow:2px 0 #ff0040b3,-2px 0 #22d3eeb3;transform:translate(-2px,1px)}90%{text-shadow:-2px 0 #ff0040b3,2px 0 #22d3eeb3;transform:translate(2px,-1px)}91%{text-shadow:1px 0 #ff004080,-1px 0 #22d3ee80;transform:translate(-1px)}92%{text-shadow:none;transform:translate(1px,1px)}93%{text-shadow:-3px 0 #ff004066;transform:translate(0)}94%{text-shadow:2px 0 #22d3ee99,-2px 0 #ff004099;transform:translate(2px)}95%{text-shadow:none;transform:translate(0)}}@keyframes glitch-before{0%,88%,to{clip-path:inset(0 0 100%);transform:translate(0)}89%{clip-path:inset(12% 0 62%);transform:translate(-4px)}90%{clip-path:inset(65% 0 8%);transform:translate(4px)}91%{clip-path:inset(38% 0 40%);transform:translate(-2px)}92%{clip-path:inset(82% 0 3%);transform:translate(3px)}94%{clip-path:inset(0 0 100%)}}@keyframes glitch-after{0%,89%,to{clip-path:inset(0 0 100%);transform:translate(0)}90%{clip-path:inset(28% 0 52%);transform:translate(4px)}91%{clip-path:inset(72% 0 12%);transform:translate(-4px)}92%{clip-path:inset(50% 0 28%);transform:translate(2px)}93%{clip-path:inset(5% 0 85%);transform:translate(-3px)}95%{clip-path:inset(0 0 100%)}}.hero-title-line1{animation:9s 2.5s infinite glitch-main;display:inline-block;position:relative}.hero-title-line1:before,.hero-title-line1:after{content:attr(data-text);width:100%;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;clip-path:inset(0 0 100%);position:absolute;top:0;left:0}.hero-title-line1:before{color:#ff0040;animation:9s 2.5s infinite glitch-before}.hero-title-line1:after{color:#22d3ee;animation:9s 2.5s infinite glitch-after}.hero-desc{color:var(--color-text-secondary);max-width:440px;margin-bottom:2.25rem;font-size:1.0625rem;line-height:1.75}.hero-stats{align-items:center;gap:1.5rem;margin-bottom:2.5rem;display:flex}.stat{flex-direction:column;gap:.2rem;display:flex}.stat-num{color:var(--color-text);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:700;line-height:1}.stat-label{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.08em;font-size:.6875rem}.stat-sep{background:var(--color-border);flex-shrink:0;width:1px;height:2.5rem}.hero-actions{flex-wrap:wrap;align-items:center;gap:1.25rem;display:flex}.hero-visual{position:relative}@keyframes float{0%,to{transform:perspective(1100px)rotateY(-10deg)rotateX(4deg)scale(.97)translateY(0)}50%{transform:perspective(1100px)rotateY(-10deg)rotateX(4deg)scale(.97)translateY(-10px)}}.mockup{background:var(--color-bg-secondary);border:1px solid var(--color-border);transform-origin:50%;will-change:transform;border-radius:10px;animation:7s ease-in-out infinite float;position:relative;overflow:hidden;box-shadow:0 0 0 1px #22d3ee0f,0 24px 60px #0009,0 4px 16px #0006,0 0 40px #22d3ee0a}.mockup:hover{animation-play-state:paused}.mockup--static,.mockup--static:hover{animation:none}@keyframes scan-sweep{0%{opacity:0;top:-4px}5%{opacity:1}95%{opacity:1}to{opacity:0;top:100%}}.mockup-scan{pointer-events:none;z-index:20;background:linear-gradient(#0000,#22d3ee14,#0000);height:3px;animation:5s linear infinite scan-sweep;position:absolute;left:0;right:0}.mockup:after{content:"";pointer-events:none;z-index:10;background:repeating-linear-gradient(0deg,#00000006,#00000006 1px,#0000 1px 2px);position:absolute;inset:0}.mockup-glow{filter:blur(24px);pointer-events:none;background:radial-gradient(#22d3ee24 0%,#0000 70%);height:100px;animation:7s ease-in-out infinite float;position:absolute;bottom:-50px;left:10%;right:10%}.mockup-glow--static{animation:none}.mockup-bar{border-bottom:1px solid var(--color-border);z-index:15;background:#0a1220;align-items:center;gap:.75rem;padding:.625rem .875rem;display:flex;position:relative}.mockup-dots{gap:.375rem;display:flex}.mdot{border-radius:50%;width:10px;height:10px}.mdot.red{background:#ff5f57}.mdot.yellow{background:#febc2e}.mdot.green{background:#28c840}.mockup-title{text-align:center;color:var(--color-text-tertiary);letter-spacing:.01em;flex:1;font-size:.75rem}@keyframes badge-blink{0%,90%,to{opacity:1}95%{opacity:.3}}.mod-badge{text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent);background:#22d3ee1f;border:1px solid #22d3ee40;border-radius:3px;padding:.1rem .45rem;font-size:.625rem;font-weight:600;animation:4s infinite badge-blink}.mockup-body{z-index:15;height:360px;display:flex;position:relative}.mockup-sidebar{border-right:1px solid var(--color-border);background:#08111e;flex-shrink:0;width:148px;padding:.75rem 0;overflow:hidden}.sidebar-section{text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-tertiary);padding:0 .875rem .5rem;font-size:.6875rem;font-weight:700}.sidebar-item{color:var(--color-text-tertiary);cursor:default;align-items:center;gap:.4rem;padding:.4rem .875rem;font-size:.8125rem;transition:color .1s,background .1s;display:flex}.sidebar-item--active{color:var(--color-text);background:#22d3ee14}.sidebar-bullet{background:var(--color-accent);border-radius:50%;flex-shrink:0;width:5px;height:5px}.sidebar-divider{background:var(--color-border);height:1px;margin:.5rem .875rem}.mockup-chat{flex-direction:column;flex:1;display:flex;overflow:hidden}.chat-header{border-bottom:1px solid var(--color-border);background:var(--color-bg-secondary);justify-content:space-between;align-items:center;padding:.625rem 1rem;display:flex}.chat-channel{color:var(--color-text);font-size:.8125rem;font-weight:600}.chat-count{color:var(--color-text-tertiary);font-size:.6875rem}.chat-messages{flex-direction:column;flex:1;gap:.875rem;padding:.875rem 1rem;display:flex;overflow:hidden}@keyframes msg-appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.chat-msg{opacity:0;align-items:flex-start;gap:.625rem;animation:.4s forwards msg-appear;display:flex}.avatar{color:#fff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.6875rem;font-weight:700;display:flex}.msg-content{flex:1;min-width:0}.msg-meta{align-items:baseline;gap:.5rem;margin-bottom:.125rem;display:flex}.msg-name{color:var(--color-text);font-size:.75rem;font-weight:600}.msg-time{color:var(--color-text-tertiary);font-size:.625rem}.msg-content p{color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.8125rem;line-height:1.45;overflow:hidden}.chat-input{border-top:1px solid var(--color-border);background:var(--color-bg-tertiary);padding:.625rem 1rem}.chat-input-placeholder{color:var(--color-text-tertiary);font-size:.8125rem}@media (width<=960px){.hero-inner{grid-template-columns:1fr;gap:3rem}.hero-visual{display:none}.hero{min-height:auto;padding:5rem 0 4rem}}@media (width<=600px){.hero-title{font-size:2.5rem}.hero-stats{flex-wrap:wrap;gap:1rem}.hero-actions{flex-direction:column;align-items:stretch}.btn{text-align:center}.btn-ghost{padding-left:.75rem}}@media (prefers-reduced-motion:reduce),(width<=767px){.hero-aurora,.hero-title-line1,.hero-title-line1:before,.hero-title-line1:after,.mockup,.mockup-glow,.mockup-scan,.mod-badge,.chat-msg,.badge-dot{animation:none!important}}.features{background-color:var(--color-bg);padding:6rem 0}.features-header{margin-bottom:3rem}.features-label{text-transform:uppercase;letter-spacing:.12em;color:var(--color-accent);margin-bottom:.875rem;font-size:.75rem;font-weight:600;display:block}.features-header h2{letter-spacing:-.02em;color:var(--color-text);font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:600}.features-grid{border:1px solid var(--color-border);border-radius:10px;grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden}.features-grid>div{border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.features-grid>div:nth-child(3n){border-right:none}.features-grid>div:nth-child(n+4){border-bottom:none}.feature-card{transform:perspective(800px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));height:100%;padding:2rem 1.875rem;transition:background .2s;position:relative;overflow:hidden}.feature-card:hover{background:var(--color-bg-secondary)}.feature-shine{background:radial-gradient(circle at var(--shine-x,50%) var(--shine-y,50%), #22d3ee12 0%, transparent 65%);opacity:0;pointer-events:none;z-index:0;transition:opacity .3s;position:absolute;inset:0}.feature-card:hover .feature-shine{opacity:1}.feature-top{z-index:1;justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem;display:flex;position:relative}.feature-num{letter-spacing:.1em;color:var(--color-text-tertiary);font-variant-numeric:tabular-nums;font-size:.6875rem;font-weight:600}.feature-icon{width:1.375rem;height:1.375rem;color:var(--color-accent);opacity:.8;transition:opacity .2s,transform .2s}.feature-card:hover .feature-icon{opacity:1;transform:scale(1.15)}.feature-card h3{color:var(--color-text);letter-spacing:-.01em;z-index:1;margin-bottom:.5rem;font-size:1rem;font-weight:600;position:relative}.feature-card p{color:var(--color-text-secondary);z-index:1;font-size:.875rem;line-height:1.65;position:relative}@media (width<=900px){.features-grid{grid-template-columns:repeat(2,1fr)}.features-grid>div:nth-child(3n){border-right:1px solid var(--color-border)}.features-grid>div:nth-child(2n){border-right:none}.features-grid>div:nth-child(n+4){border-bottom:1px solid var(--color-border)}.features-grid>div:nth-child(n+5){border-bottom:none}}@media (width<=560px){.features-grid{grid-template-columns:1fr}.features-grid>div{border-right:none;border-bottom:1px solid var(--color-border)}.features-grid>div:last-child{border-bottom:none}}.cta-section{background:var(--color-bg-secondary);border-top:1px solid var(--color-border);padding:7rem 0;position:relative;overflow:hidden}.cta-section:before{content:"";pointer-events:none;background:radial-gradient(at 50% 60%,#22d3ee0d 0%,#0000 65%);position:absolute;inset:0}.cta-content{z-index:1;text-align:center;max-width:560px;margin:0 auto;position:relative}.cta-label{text-transform:uppercase;letter-spacing:.12em;color:var(--color-accent);margin-bottom:1rem;font-size:.75rem;font-weight:600;display:block}.cta-content h2{font-family:var(--font-display);letter-spacing:-.01em;color:var(--color-text);margin-bottom:1rem;font-size:clamp(2.25rem,4vw,3.5rem);font-style:italic;font-weight:400}.cta-content p{color:var(--color-text-secondary);margin-bottom:2.25rem;font-size:1rem;line-height:1.75}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}@media (width<=600px){.cta-section{padding:5rem 0}.cta-buttons{flex-direction:column}.cta-buttons .btn{text-align:center;width:100%}}