:root{--bg:#0d1117;--surface:#141a24;--surface-soft:#1a2230;--border:#ffffff14;--text:#f3f6fb;--text-soft:#b2bcc8;--muted:#7f8996;--accent:#6ee7ff;--max-width:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text);background:radial-gradient(circle at top right, #6ee7ff14, transparent 30rem), radial-gradient(circle at bottom left, #7877c614, transparent 35rem), var(--bg);margin:0;font-family:system-ui,sans-serif}.section{padding:6rem 1.25rem}.sectionContainer{width:100%;max-width:var(--max-width);margin:0 auto}.sectionHeader{max-width:720px;margin-bottom:3rem}.sectionEyebrow{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin-bottom:1rem;font-size:.8rem}.sectionHeader h2{margin:0;font-size:clamp(2rem,4vw,3.4rem);line-height:1.05}.siteHeader{z-index:1000;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080d12d1;border-bottom:1px solid #ffffff14;width:100%;position:fixed;top:0;left:0}.navbar{justify-content:space-between;align-items:center;width:100%;max-width:1240px;height:76px;margin:0 auto;padding:0 2rem;display:flex}.logo{color:#f4f8fb;font-size:1.15rem;font-weight:800;text-decoration:none}.navLinks{align-items:center;gap:2rem;display:flex}.navLinks a{color:#ebf2f8b8;font-size:.95rem;text-decoration:none;transition:color .2s}.navLinks a:hover{color:#6ee7ff}.navCta{color:#061015;background:#6ee7ff;border-radius:999px;padding:.85rem 1.25rem;font-weight:800;text-decoration:none}.hero{background:radial-gradient(circle at 78% 18%,#6ee7ff29,#0000 28rem),linear-gradient(135deg,#071015 0%,#0a0f16 52%,#101827 100%);min-height:100vh;padding:8rem 2rem 5rem;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#6ee7ff1f,#0000 70%);width:900px;height:900px;position:absolute;top:-350px;right:-250px}.hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#7877c61f,#0000 70%);width:700px;height:700px;position:absolute;bottom:-300px;left:-200px}.heroContent{z-index:2;grid-template-columns:1fr .95fr;align-items:center;gap:4rem;width:100%;max-width:1240px;margin:0 auto;display:grid;position:relative}.heroText h1{background:linear-gradient(135deg,#fff,#dff9ff,#7cecff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;padding-bottom:.08em;font-size:clamp(4rem,9vw,7rem);line-height:1.05;display:inline-block}.heroText h2{color:var(--text-soft);margin:.25rem 0 1rem;font-size:clamp(1.8rem,4vw,3.2rem)}.heroSubtle,.heroText p{max-width:460px;color:var(--muted);font-size:.95rem;line-height:1.7}.heroAccent{background:linear-gradient(90deg, var(--accent), transparent);width:120px;height:2px;margin:2rem 0;box-shadow:0 0 12px #6ee7ff40}.heroChat{border:1px solid var(--border);background:linear-gradient(180deg, #ffffff14, #ffffff05), linear-gradient(135deg, #6ee7ff0a, #7877c60a), var(--surface);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:24px;flex-direction:column;min-height:460px;padding:1rem;display:flex;position:relative;box-shadow:0 24px 80px #00000059}.heroChat:before{content:"";border-radius:inherit;z-index:-1;filter:blur(3px);background:linear-gradient(135deg,#6ee7ff66,#7877c640,#0000);position:absolute;inset:-1px}@media (width<=820px){.navbar{height:68px;padding:0 1rem}.navLinks{display:none}.hero{padding:7.5rem 1rem 4rem}.heroContent{grid-template-columns:1fr;gap:2.5rem}}@media (width<=520px){.hero{padding:9.5rem 1rem 3rem}}.chatTopbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem;display:flex}.chatStatus{color:var(--text);margin:0;font-weight:600}.statusDot{background:var(--accent);border-radius:50%;width:10px;height:10px;box-shadow:0 0 16px #6ee7ffbf}.chatMessages{flex-direction:column;flex:1;gap:.75rem;padding:1rem;display:flex;overflow-y:auto}.message{border-radius:18px;max-width:88%;padding:.9rem 1rem;font-size:.95rem;line-height:1.6}.message p{margin:0}.message.assistant{background:var(--surface-soft);border:1px solid var(--border);color:var(--text-soft)}.message.user{background:var(--accent);color:#061016;align-self:flex-end}.message.user p{color:#061016}.starterPrompts{gap:.65rem;padding:1rem;display:grid}.starterPrompts button{border:1px solid var(--border);width:100%;color:var(--text-soft);cursor:pointer;text-align:left;background:#ffffff08;border-radius:999px;padding:.75rem 1rem}.starterPrompts button:hover{color:var(--text);background:#6ee7ff0f;border-color:#6ee7ff59}.chatInputRow{border-top:1px solid var(--border);gap:.75rem;padding:1rem;display:flex}.chatInputRow input{border:1px solid var(--border);min-width:0;color:var(--text);background:#ffffff0a;border-radius:999px;outline:none;flex:1;padding:.85rem 1rem}.chatInputRow input::placeholder{color:var(--muted)}.chatInputRow input:focus{border-color:#6ee7ff73}.chatInputRow button{background:var(--accent);color:#061016;cursor:pointer;border:none;border-radius:999px;padding:.85rem 1.1rem;font-weight:700}.productGrid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.productCard{border:1px solid var(--border);background:linear-gradient(180deg, #ffffff0d, #ffffff04), var(--surface);border-radius:24px;min-height:280px;padding:1.5rem}.productCard span{color:var(--accent);margin-bottom:2rem;font-size:.8rem;display:inline-flex}.productCard h3{margin:0 0 1rem;font-size:1.35rem}.productCard p{color:var(--text-soft);margin:0;line-height:1.7}.levelsGrid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.levelCard{border:1px solid var(--border);background:linear-gradient(180deg, #ffffff0d, #ffffff04), var(--surface);border-radius:24px;padding:1.5rem}.levelCard span{color:var(--accent);font-size:.8rem}.levelCard h3{margin:1rem 0}.levelCard p{color:var(--text-soft);line-height:1.7}.featured{border-color:#6ee7ff4d}.assetsGrid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.assetCard{border:1px solid var(--border);background:linear-gradient(180deg, #ffffff0d, #ffffff04), var(--surface);border-radius:24px;padding:1.75rem}.assetCard h3{margin:0;font-size:1.5rem}.assetRole{color:var(--accent);margin:.5rem 0 1.25rem;font-size:.9rem}.assetCard p{color:var(--text-soft);line-height:1.7}.assetCard ul{margin-top:1.5rem;padding-left:1rem}.assetCard li{color:var(--text-soft);margin-bottom:.5rem}.examplesGrid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.exampleCard{border:1px solid var(--border);background:linear-gradient(135deg, #6ee7ff0b, #ffffff04), var(--surface);border-radius:24px;min-height:220px;padding:1.5rem}.exampleCard h3{margin:0 0 1rem;font-size:1.35rem}.exampleCard p{color:var(--text-soft);margin:0;line-height:1.7}.contactCard{text-align:center;border:1px solid var(--border);background:linear-gradient(135deg, #6ee7ff0f, #7877c60d), var(--surface);border-radius:32px;max-width:900px;margin:0 auto;padding:3rem}.contactCard h2{margin:.75rem 0 1rem;font-size:clamp(2rem,4vw,3.5rem)}.contactText{max-width:620px;color:var(--text-soft);margin:0 auto;line-height:1.8}.contactActions{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:2rem;display:flex}.primaryBtn{background:var(--accent);color:#061016;cursor:pointer;border:none;border-radius:999px;padding:.95rem 1.5rem;font-weight:600}.secondaryBtn{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:999px;padding:.95rem 1.5rem}@media (width<=900px){.hero{align-items:flex-start;padding-top:9rem}.heroContent{grid-template-columns:1fr;gap:2.5rem}.heroChat{min-height:420px}.productGrid,.levelsGrid,.assetsGrid{grid-template-columns:1fr}.section{padding:4.5rem 1.25rem}}@media (width<=800px){.examplesGrid{grid-template-columns:1fr}}@media (width<=760px){.navLinks{display:none}.headerContainer{padding:.8rem .9rem}}@media (width<=520px){.header{padding:.75rem}.hero{padding:8.5rem 1rem 3rem}.heroText h1{font-size:clamp(3.4rem,18vw,5rem)}.chatInputRow{flex-direction:column}.chatInputRow button{width:100%}.contactCard{padding:2rem 1.25rem}}
