@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg:#05020a;--bg-soft:#0d0618;--purple-main:#7a2cff;--purple-deep:#3b0b72;--purple-soft:#b36bff;--green-neon:#39ff14;--green-acid:#b6ff00;--green-liquid:#00ff9c;--text-main:#f5f7ff;--text-muted:#afa7c8;--glass-bg:#ffffff12;--glass-border:#ffffff29;--shadow-glow:0 0 40px #39ff142e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 15% 15%, #7a2cff47, transparent 30%), radial-gradient(circle at 85% 10%, #39ff1429, transparent 28%), radial-gradient(circle at 55% 80%, #00ff9c21, transparent 32%), var(--bg);color:var(--text-main);margin:0;font-family:Inter,system-ui,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.app-shell{min-height:100vh;position:relative}.noise-layer{pointer-events:none;opacity:.16;z-index:0;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:42px 42px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 90%);mask-image:linear-gradient(#000,#0000 90%)}.navbar{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#05020aad;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:24px;padding:18px clamp(20px,5vw,70px);display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;display:inline-flex}.brand-icon,.card-icon{width:38px;height:38px;color:var(--green-neon);border:1px solid var(--glass-border);box-shadow:var(--shadow-glow);background:linear-gradient(135deg,#7a2cff59,#39ff1421);border-radius:14px;justify-content:center;align-items:center;display:inline-flex}nav{color:var(--text-muted);gap:18px;font-size:.93rem;display:flex}nav a:hover{color:var(--green-neon)}.section{z-index:1;padding:92px clamp(20px,6vw,90px);position:relative}.hero{grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);align-items:center;gap:42px;min-height:calc(100vh - 74px);display:grid}.hero-kicker,.section-title p,.embed-card p,.tutorial-card p,.product-card p{color:var(--green-neon);text-transform:uppercase;letter-spacing:.18em;font-size:.76rem;font-weight:800}h1{letter-spacing:-.09em;text-shadow:0 0 55px #7a2cff94;max-width:760px;margin:14px 0;font-size:clamp(4rem,11vw,9.5rem);line-height:.84}.hero-subtitle{max-width:650px;color:var(--text-muted);margin:0;font-size:clamp(1.1rem,2.3vw,1.65rem);line-height:1.55}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:34px;display:flex}.button{border:1px solid var(--glass-border);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:0 20px;transition:transform .2s,box-shadow .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button.primary{color:#061008;background:linear-gradient(135deg, var(--green-neon), var(--green-liquid));font-weight:800;box-shadow:0 0 34px #39ff1447}.button.secondary{color:var(--text-main);background:#ffffff0f}.orb-stage{place-items:center;min-height:520px;display:grid;position:relative}.liquid-orb{aspect-ratio:1;background:radial-gradient(circle at 35% 28%, #ffffffe6, transparent 8%), radial-gradient(circle at 35% 36%, #b6ff00e6, transparent 18%), radial-gradient(circle at 60% 62%, #7a2cfff2, transparent 38%), linear-gradient(135deg, var(--green-liquid), var(--purple-main));filter:saturate(1.45);width:min(420px,78vw);box-shadow:0 0 80px #39ff1442,inset 0 0 50px #ffffff29}.orb-ring{aspect-ratio:1;border:1px solid #39ff1473;border-color:#39ff1473 #39ff1473 #7a2cffb3 #0000;border-radius:50%;width:min(500px,86vw);position:absolute}.waveform{border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#05020a85;border-radius:999px;align-items:center;gap:6px;padding:14px 18px;display:flex;position:absolute;bottom:58px}.waveform span{transform-origin:50%;background:linear-gradient(to top, var(--purple-main), var(--green-neon));border-radius:999px;width:5px;height:42px}.section-title{max-width:760px;margin-bottom:36px}.section-title h2{letter-spacing:-.06em;margin:6px 0 12px;font-size:clamp(2.2rem,5vw,4.6rem);line-height:.95}.section-title span{color:var(--text-muted);font-size:1.05rem;line-height:1.6}.glass-card{border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(145deg,#ffffff17,#ffffff09);border-radius:28px;position:relative;overflow:hidden;box-shadow:0 18px 70px #0000004d}.glass-card:before{content:"";pointer-events:none;background:radial-gradient(circle at 12% 0,#39ff143d,#0000 28%);position:absolute;inset:-1px}.link-grid,.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.link-card{justify-content:space-between;align-items:flex-start;min-height:150px;padding:24px;display:flex}.link-card h3,.service-card h3,.tutorial-card h3,.product-card h3,.embed-card h3,.contact-info h3{margin:0 0 10px;font-size:1.25rem;position:relative}.link-card p,.service-card p,.timeline-item p,.contact-info p{color:var(--text-muted);margin:0;line-height:1.6;position:relative}.embed-grid{grid-template-columns:1.2fr .8fr;gap:18px;display:grid}.embed-card{flex-direction:column;justify-content:flex-end;min-height:230px;padding:26px;display:flex}.embed-card.large{background:linear-gradient(145deg,#7a2cff40,#39ff1414),#ffffff12;grid-row:span 3;min-height:520px}.service-card,.tutorial-card,.product-card{min-height:230px;padding:26px}.tutorial-card svg,.product-card svg{color:var(--green-neon);margin-bottom:18px}.tutorial-card span,.product-card span{color:var(--green-liquid);font-weight:800}.timeline{max-width:940px;margin:0 auto;position:relative}.timeline:before{content:"";background:linear-gradient(to bottom, transparent, var(--green-neon), var(--purple-main), transparent);width:1px;position:absolute;top:0;bottom:0;left:118px}.timeline-item{grid-template-columns:96px 1fr;gap:44px;margin-bottom:22px;display:grid}.timeline-item>span{color:var(--green-neon);padding-top:24px;font-weight:900}.timeline-item .glass-card{padding:24px}.contact-layout{grid-template-columns:.9fr 1.1fr;gap:18px;display:grid}.contact-info,.contact-form{padding:28px}.contact-info svg{color:var(--green-neon)}.contact-info .button{margin-top:22px}.contact-form{gap:16px;display:grid}label{color:var(--text-muted);gap:8px;display:grid}input,textarea{width:100%;color:var(--text-main);border:1px solid var(--glass-border);background:#05020a8c;border-radius:16px;outline:none;padding:14px 16px}input:focus,textarea:focus{border-color:var(--green-neon);box-shadow:0 0 0 3px #39ff141f}@media (width<=960px){nav{display:none}.hero,.embed-grid,.contact-layout{grid-template-columns:1fr}.link-grid,.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.orb-stage{min-height:420px}}@media (width<=640px){.section{padding:72px 20px}.link-grid,.card-grid{grid-template-columns:1fr}.timeline:before{left:68px}.timeline-item{grid-template-columns:58px 1fr;gap:26px}h1{font-size:clamp(3.4rem,21vw,5rem)}}