:root{--purple: #6B4ECC;--purple-deep: #4A2EA0;--purple-light: #8B72E0;--yellow: #FFD23F;--yellow-bright: #FFE066;--dark: #0D0A1A;--dark-card: #161228;--text: #C4BDE0;--white: #FFFFFF;--radius: 20px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:DM Sans,sans-serif;background:var(--dark);color:var(--text);overflow-x:hidden;-webkit-font-smoothing:antialiased}nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:20px 48px;background:#0d0a1abf;backdrop-filter:blur(20px);border-bottom:1px solid rgba(107,78,204,.15)}.nav-logo{font-family:Syne,sans-serif;font-weight:800;font-size:26px;color:var(--yellow);letter-spacing:-.5px}.nav-logo span{color:var(--purple-light)}.section-label{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:3px;color:var(--yellow);margin-bottom:16px}.section-title{font-family:Syne,sans-serif;font-weight:800;font-size:clamp(32px,5vw,52px);color:var(--white);line-height:1.1;margin-bottom:24px}.section-intro--center{text-align:center}.section-intro--narrow{max-width:700px;margin-left:auto;margin-right:auto}.section-intro__description{font-size:17px;line-height:1.8;color:var(--text)}.landing-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;transition:all .3s ease;font-family:DM Sans,sans-serif;border:none;cursor:pointer}.landing-button--primary{padding:18px 36px;background:var(--yellow);color:var(--dark);font-weight:600;font-size:17px;border-radius:100px}.landing-button--primary:hover{background:var(--yellow-bright);transform:translateY(-2px);box-shadow:0 12px 40px #ffd23f4d}.landing-button--secondary{padding:18px 36px;background:transparent;color:var(--white);font-weight:500;font-size:17px;border-radius:100px;border:1px solid rgba(255,255,255,.2)}.landing-button--secondary:hover{border-color:var(--purple-light);background:#6b4ecc1a}.landing-button--compact{padding:12px 28px;font-size:15px}.landing-card{position:relative;overflow:hidden;border-radius:var(--radius)}.landing-card--panel{background:var(--dark-card);border:1px solid rgba(107,78,204,.15);transition:all .4s ease}.landing-card--panel:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--purple),var(--yellow));opacity:0;transition:opacity .4s ease}.landing-card--panel:hover{border-color:#6b4ecc59;transform:translateY(-4px)}.landing-card--panel:hover:after{opacity:1}.landing-card--danger{padding:44px 36px;background:linear-gradient(160deg,#c832321f,#161228f2);border:1px solid rgba(200,50,50,.25)}.landing-card--opportunity{padding:44px 36px;background:linear-gradient(160deg,#6b4ecc33,#161228f2);border:1px solid rgba(107,78,204,.35)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:140px 24px 80px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-200px;left:50%;transform:translate(-50%);width:800px;height:800px;background:radial-gradient(circle,rgba(107,78,204,.25) 0%,transparent 70%);pointer-events:none}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;background:#6b4ecc33;border:1px solid rgba(107,78,204,.3);border-radius:100px;font-size:14px;font-weight:500;color:var(--purple-light);margin-bottom:32px;animation:fadeInUp .8s ease both}.hero-badge .dot{width:8px;height:8px;background:var(--yellow);border-radius:50%;animation:pulse-dot 2s ease infinite}.hero h1{font-family:Syne,sans-serif;font-weight:800;font-size:clamp(48px,8vw,96px);line-height:1;color:var(--white);margin-bottom:8px;animation:fadeInUp .8s ease .1s both}.hero h1 .accent{color:var(--yellow)}.hero-tagline{font-family:Syne,sans-serif;font-weight:700;font-size:clamp(20px,3vw,32px);color:var(--purple-light);margin-bottom:28px;animation:fadeInUp .8s ease .2s both}.hero-desc{max-width:620px;font-size:18px;line-height:1.7;color:var(--text);margin-bottom:48px;animation:fadeInUp .8s ease .3s both}.hero-pills{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-bottom:48px;animation:fadeInUp .8s ease .35s both}.hero-pill{padding:10px 20px;border:1px solid rgba(255,255,255,.15);border-radius:100px;font-size:12px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#fff9;font-family:DM Sans,monospace}.hero-cta-group{display:flex;gap:16px;align-items:center;flex-wrap:wrap;justify-content:center;animation:fadeInUp .8s ease .4s both}.hero-pixels{margin-top:64px;display:grid;grid-template-columns:repeat(20,1fr);gap:2px;width:280px;animation:fadeInUp .8s ease .5s both}.pixel{aspect-ratio:1;border-radius:2px;background:#6b4ecc26;transition:all .4s ease}.pixel.on{background:var(--yellow);box-shadow:0 0 12px #ffd23f66}.pixel.purple{background:var(--purple);box-shadow:0 0 12px #6b4ecc66}.ai-readiness{padding:120px 48px;max-width:1200px;margin:0 auto}.air-intro{margin:0 auto 64px}.air-duality{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:56px}.air-card .air-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:2.5px;margin-bottom:16px}.air-card.danger .air-label{color:#e06060}.air-card.opportunity .air-label{color:var(--yellow)}.air-card h3{font-family:Syne,sans-serif;font-weight:800;font-size:clamp(22px,3vw,30px);color:var(--white);line-height:1.2;margin-bottom:16px}.air-card p{font-size:15px;line-height:1.75;color:var(--text)}.air-card .air-icon{font-size:48px;margin-bottom:20px;display:block}.air-bottom{background:var(--dark-card);border:1px solid rgba(107,78,204,.15);border-radius:var(--radius);padding:48px 56px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;text-align:center}.air-skill h4{font-family:Syne,sans-serif;font-weight:700;font-size:18px;color:var(--white);margin-bottom:10px}.air-skill .air-num{font-family:Syne,sans-serif;font-weight:800;font-size:40px;color:var(--yellow);line-height:1;margin-bottom:12px}.air-skill p{font-size:14px;line-height:1.7;color:var(--text)}.demo{padding:120px 48px;max-width:1000px;margin:0 auto;text-align:center}.demo-video-wrap{position:relative;border-radius:var(--radius);overflow:hidden;aspect-ratio:16/9;background:var(--dark-card);border:1px solid rgba(107,78,204,.2);margin-top:48px}.demo-video-wrap iframe{width:100%;height:100%;border:none}.demo-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--text);font-size:18px}.play-btn{width:80px;height:80px;border-radius:50%;background:var(--yellow);display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 40px #ffd23f4d}.play-btn:hover{transform:scale(1.1);box-shadow:0 12px 50px #ffd23f66}.play-btn svg{margin-left:4px}.features{padding:120px 48px;max-width:1200px;margin:0 auto}.features .section-title{margin-bottom:56px}.features-hero{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.fh-card{padding:52px 40px}.fh-card .fh-icon{font-size:44px;margin-bottom:24px;display:block}.fh-card h3{font-family:Syne,sans-serif;font-weight:800;font-size:clamp(24px,2.5vw,32px);color:var(--white);line-height:1.15;margin-bottom:16px}.fh-card p{font-size:16px;line-height:1.75;color:var(--text);max-width:440px}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.feature-card{padding:36px 28px}.feature-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:20px;background:#6b4ecc26}.feature-card h3{font-family:Syne,sans-serif;font-weight:700;font-size:18px;color:var(--white);margin-bottom:10px}.feature-card p{font-size:14px;line-height:1.7;color:var(--text)}.scenario{padding:120px 48px;max-width:1200px;margin:0 auto}.scenario .section-title{margin-bottom:56px}.scenario-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:32px;align-items:stretch}.scenario-step{text-align:center;display:flex;flex-direction:column}.scenario-label{display:inline-block;background:var(--yellow);color:var(--dark);font-family:Syne,sans-serif;font-weight:800;font-size:13px;padding:6px 16px;border-radius:6px 6px 0 0;text-transform:uppercase;letter-spacing:1px;align-self:flex-start}.scenario-prompt{background:var(--yellow);color:var(--dark);padding:16px 20px;border-radius:0 6px 0 0;text-align:left;min-height:100px;display:flex;flex-direction:column;justify-content:center}.scenario-prompt .cmd{font-family:Syne,sans-serif;font-weight:800;font-size:16px;line-height:1.3;margin-bottom:6px}.scenario-prompt .desc{font-size:13px;line-height:1.5;opacity:.75}.scenario-screen{background:var(--dark-card);border:1px solid rgba(107,78,204,.2);border-top:none;border-radius:0 0 var(--radius) var(--radius);padding:20px;display:flex;flex-direction:column;align-items:center;gap:14px;flex:1;justify-content:center}.scenario-pixels{display:grid;grid-template-columns:repeat(20,1fr);gap:2px;width:200px}.scenario-pixels .spx{aspect-ratio:1;border-radius:2px;background:#6b4ecc1a;transition:background .15s ease,box-shadow .15s ease}.scenario-pixels .spx.green{background:#4ade80;box-shadow:0 0 6px #4ade8066}.scenario-pixels .spx.blue{background:#3b82f6;box-shadow:0 0 6px #3b82f680}.scenario-pixels .spx.red{background:#ef4444;box-shadow:0 0 6px #ef444466}.scenario-pixels .spx.yellow{background:var(--yellow);box-shadow:0 0 6px #ffd23f66}.scenario-pixels .spx.purple{background:#6b4ecc59}.scenario-caption{font-family:Syne,sans-serif;font-weight:700;font-size:15px;color:var(--white)}.game-controls{display:grid;grid-template-areas:". up ." "left . right" ". down .";grid-template-columns:40px 40px 40px;grid-template-rows:40px 40px 40px;gap:4px}.game-btn{width:40px;height:40px;border-radius:10px;border:1px solid rgba(107,78,204,.3);background:#6b4ecc1f;color:var(--purple-light);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;font-size:18px;user-select:none;-webkit-user-select:none;touch-action:manipulation}.game-btn:hover{background:#6b4ecc40;border-color:var(--purple-light)}.game-btn:active{background:var(--purple);color:var(--white);transform:scale(.92)}.game-btn.up{grid-area:up}.game-btn.down{grid-area:down}.game-btn.left{grid-area:left}.game-btn.right{grid-area:right}.autopilot-toggle{display:flex;align-items:center;gap:10px;margin-top:4px}.autopilot-toggle button{padding:8px 16px;border-radius:100px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .2s ease;border:none}.autopilot-toggle button.ap-on{background:var(--purple);color:var(--white);box-shadow:0 0 16px #6b4ecc66}.autopilot-toggle button.ap-off{background:#6b4ecc26;color:var(--purple-light);border:1px solid rgba(107,78,204,.3)}.autopilot-toggle button:hover{transform:scale(1.05)}.scenario-arrow{display:none}.scenario-learning{margin-top:40px;text-align:right}.scenario-learning h4{font-family:Syne,sans-serif;font-weight:800;font-size:18px;color:var(--white);margin-bottom:6px}.scenario-learning p{font-size:14px;color:var(--text)}@media(max-width:768px){.scenario{padding:80px 20px}.scenario-grid{grid-template-columns:1fr;gap:40px}.scenario-pixels{width:180px}.scenario-learning{text-align:center}}.beta{padding:120px 48px;max-width:1200px;margin:0 auto}.beta-card{background:linear-gradient(145deg,#6b4ecc33,#161228e6);border:1px solid rgba(107,78,204,.3);border-radius:32px;padding:80px 64px;position:relative;overflow:hidden}.beta-card:before{content:"";position:absolute;top:-100px;right:-100px;width:400px;height:400px;background:radial-gradient(circle,rgba(255,210,63,.1) 0%,transparent 70%);pointer-events:none}.beta-layout{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.beta-intro .section-label{margin-bottom:12px}.beta-intro .section-title{font-family:Syne,sans-serif;font-weight:800;font-size:clamp(28px,4vw,44px);color:var(--white);line-height:1.15;margin-bottom:24px}.beta-intro .section-title .yellow{color:var(--yellow)}.beta-intro .section-intro__description{font-size:16px;line-height:1.8;color:var(--text);margin-bottom:32px}.beta-perks{list-style:none;display:flex;flex-direction:column;gap:16px;margin-bottom:40px}.beta-perks li{display:flex;align-items:flex-start;gap:12px;font-size:15px;line-height:1.6;color:var(--text)}.beta-perks li .check{flex-shrink:0;width:24px;height:24px;border-radius:8px;background:#ffd23f26;display:flex;align-items:center;justify-content:center;color:var(--yellow);font-size:14px;margin-top:2px}.beta-right{text-align:center}.price-card{background:var(--dark);border:2px solid var(--yellow);border-radius:24px;padding:48px 40px;position:relative}.price-card .spots-badge{position:absolute;top:-14px;left:50%;transform:translate(-50%);background:var(--yellow);color:var(--dark);font-weight:700;font-size:13px;padding:6px 20px;border-radius:100px;white-space:nowrap;text-transform:uppercase;letter-spacing:1px}.spots-meter{margin:20px 0 8px}.spots-bar{width:100%;height:8px;background:#6b4ecc33;border-radius:100px;overflow:hidden;margin-bottom:8px}.spots-fill{height:100%;background:linear-gradient(90deg,var(--yellow),var(--yellow-bright));border-radius:100px;transition:width 1s ease}.spots-text{font-size:14px;font-weight:600;color:var(--yellow)}.spots-text span{color:var(--text);font-weight:400}.price-deposit-label{font-size:14px;color:var(--text);margin-bottom:8px;margin-top:20px}.price-big{font-family:Syne,sans-serif;font-weight:800;font-size:64px;color:var(--yellow);line-height:1}.price-big .dollar{font-size:36px;vertical-align:top;margin-right:4px}.price-sub{font-size:15px;color:var(--text);margin-top:8px;margin-bottom:4px}.refund-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;background:#6b4ecc26;border:1px solid rgba(107,78,204,.25);border-radius:100px;font-size:13px;font-weight:600;color:var(--purple-light);margin:12px 0 20px}.price-then{font-size:16px;color:var(--white);font-weight:600;margin-bottom:4px}.price-retail{font-size:13px;color:var(--text);margin-bottom:28px}.price-retail s{color:#c4bde080}.landing-button--pay{display:block;width:100%;padding:18px;background:var(--yellow);color:var(--dark);font-family:DM Sans,sans-serif;font-weight:700;font-size:17px;border:none;border-radius:100px}.landing-button--pay:hover{background:var(--yellow-bright);transform:translateY(-2px);box-shadow:0 12px 40px #ffd23f4d}.price-note{font-size:13px;color:var(--text);margin-top:16px;line-height:1.5;opacity:.7}.follow{padding:120px 48px;text-align:center;max-width:800px;margin:0 auto}.follow h2{font-family:Syne,sans-serif;font-weight:800;font-size:clamp(28px,4vw,44px);color:var(--white);margin-bottom:16px}.follow>p{font-size:16px;color:var(--text);margin-bottom:48px}.social-links{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.social-link{display:inline-flex;align-items:center;gap:10px;padding:16px 28px;background:var(--dark-card);border:1px solid rgba(107,78,204,.2);border-radius:100px;color:var(--white);text-decoration:none;font-weight:500;font-size:15px;transition:all .3s ease}.social-link:hover{border-color:var(--purple-light);background:#6b4ecc26;transform:translateY(-2px)}.social-link svg{width:20px;height:20px}footer{padding:40px 48px;text-align:center;font-size:14px;color:#c4bde066;border-top:1px solid rgba(107,78,204,.1)}@media(max-width:768px){nav{padding:16px 20px}.nav-logo{font-size:22px}.landing-button--compact{padding:10px 20px;font-size:14px}.hero{padding:120px 20px 60px}.hero-pixels{width:220px}.ai-readiness{padding:80px 20px}.air-duality{grid-template-columns:1fr}.air-bottom{grid-template-columns:1fr;padding:36px 28px;gap:32px}.demo,.features{padding:80px 20px}.features-hero{grid-template-columns:1fr}.features-grid{grid-template-columns:1fr 1fr}.beta{padding:80px 20px}.beta-card{padding:48px 28px}.beta-layout{grid-template-columns:1fr;gap:40px}.follow{padding:80px 20px}.social-links{flex-direction:column;align-items:center}footer{padding:32px 20px}}@media(max-width:480px){.features-grid{grid-template-columns:1fr}}