:root{--bg:#020915;--panel:#071a38;--blue:#1479ff;--cyan:#00e6ff;--white:#fff;--muted:#a8b7ca;--line:rgba(91,173,255,.18);--container:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;overflow-x:hidden;color:var(--white);background:radial-gradient(circle at 80% 10%,rgba(20,121,255,.18),transparent 30%),linear-gradient(180deg,#020915,#041225 52%,#020915);font-family:Inter,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}img{max-width:100%}.container{width:min(calc(100% - 42px),var(--container));margin:auto}.grid-bg{position:fixed;z-index:-2;inset:0;opacity:.18;background-image:linear-gradient(rgba(60,145,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(60,145,255,.07) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(#000,transparent 85%)}
.header{position:sticky;z-index:50;top:0;background:rgba(2,9,21,.78);backdrop-filter:blur(18px);border-bottom:1px solid transparent}.header.scrolled{border-color:var(--line)}.header-inner{min-height:96px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;width:270px;height:auto;overflow:visible}.brand img{width:100%;height:auto;object-fit:contain;object-position:center;filter:drop-shadow(0 0 12px rgba(0,230,255,.08))}nav{display:flex;gap:28px;align-items:center}nav a{font-size:14px;color:var(--muted);font-weight:600}.nav-cta{padding:10px 18px;border:1px solid rgba(0,230,255,.35);border-radius:999px;color:#75f5ff;background:rgba(0,230,255,.06)}.menu-button{display:none;background:none;border:0}.menu-button span{display:block;width:25px;height:2px;margin:5px;background:#fff}
.hero{min-height:calc(100vh - 82px);display:flex;align-items:center;padding:65px 0 95px}.hero-grid{display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:35px}.eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:18px;color:#73f5ff;letter-spacing:.17em;font-size:12px;font-weight:800}.eyebrow:before{content:"";width:28px;height:1px;background:currentColor;box-shadow:0 0 12px currentColor}h1,h2{font-family:"Space Grotesk",sans-serif;line-height:1.04;letter-spacing:-.045em;margin:0}h1{font-size:clamp(58px,7vw,96px)}h1 em{display:block;font-style:normal;color:transparent;background:linear-gradient(100deg,#fff,#00e6ff,#1479ff);background-clip:text;-webkit-background-clip:text}.hero-copy>p,.heading p,.sticky>p,.qu-card p,.contact-grid>div>p{color:var(--muted);font-size:17px}.actions{display:flex;gap:14px;margin-top:34px}.button{min-height:52px;padding:0 25px;border-radius:14px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;font-weight:800;cursor:pointer;transition:.25s}.button:hover{transform:translateY(-3px)}.primary{color:#00101a;background:linear-gradient(135deg,#85f7ff,#00e6ff);box-shadow:0 14px 38px rgba(0,230,255,.22)}.secondary{background:rgba(8,31,65,.58);border-color:var(--line)}.full{width:100%}.availability{display:flex;align-items:center;gap:12px;margin-top:30px}.availability i{width:10px;height:10px;border-radius:50%;background:#42f5c2;box-shadow:0 0 16px #42f5c2;animation:pulse 1.8s infinite}.availability strong,.availability small{display:block}.availability small{color:#738aa3}
.avatar-stage{position:relative;min-height:650px;perspective:900px}.avatar{position:absolute;z-index:5;top:50%;left:50%;width:min(620px,100%);transform:translate(-50%,-50%);transition:.15s;animation:float 5s ease-in-out infinite}.avatar img{display:block;border-radius:50%;filter:drop-shadow(0 0 20px rgba(0,230,255,.28)) drop-shadow(0 0 65px rgba(20,121,255,.28))}.halo{position:absolute;top:50%;left:50%;width:510px;height:510px;border-radius:50%;background:radial-gradient(circle,rgba(0,230,255,.18),rgba(20,121,255,.08) 45%,transparent 72%);transform:translate(-50%,-50%);filter:blur(18px);animation:halo 3s infinite}.ring{position:absolute;z-index:2;top:50%;left:50%;border:1px solid rgba(0,230,255,.18);border-radius:50%;transform:translate(-50%,-50%)}.ring:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#00e6ff;box-shadow:0 0 15px #00e6ff}.ring-a{width:620px;height:620px;border-style:dashed;animation:rotate 24s linear infinite}.ring-a:after{top:10%;right:19%}.ring-b{width:540px;height:540px;animation:reverse 18s linear infinite}.ring-b:after{right:-4px;bottom:37%;background:#fff}.ring-c{width:460px;height:460px;animation:ringpulse 3s infinite}.ring-c:after{left:11%;bottom:18%}.sound-wave{position:absolute;z-index:8;right:25px;bottom:120px;display:flex;align-items:center;gap:5px;height:48px;padding:10px 14px;border:1px solid var(--line);border-radius:15px;background:rgba(4,18,39,.75)}.sound-wave b,.mini-wave i{width:3px;height:10px;border-radius:4px;background:#00e6ff;animation:wave 1.2s infinite}.sound-wave b:nth-child(2),.mini-wave i:nth-child(2){animation-delay:.1s}.sound-wave b:nth-child(3),.mini-wave i:nth-child(3){animation-delay:.2s}.sound-wave b:nth-child(4),.mini-wave i:nth-child(4){animation-delay:.3s}.sound-wave b:nth-child(5),.mini-wave i:nth-child(5){animation-delay:.4s}.sound-wave b:nth-child(6){animation-delay:.5s}.sound-wave b:nth-child(7){animation-delay:.6s}.speech{position:absolute;z-index:9;bottom:50px;left:50%;transform:translateX(-50%);display:flex;align-items:center;min-width:340px;max-width:92%;padding:13px 18px;border:1px solid rgba(0,230,255,.23);border-radius:18px;background:rgba(4,18,39,.84);backdrop-filter:blur(14px);font-size:13px;box-shadow:0 18px 50px rgba(0,0,0,.28)}.speech i{display:inline-block;width:7px;height:7px;margin-right:9px;border-radius:50%;background:#00e6ff;box-shadow:0 0 12px #00e6ff}
.section{padding:115px 0}.heading{max-width:800px}.centered{text-align:center;margin:0 auto 55px}.centered .eyebrow{justify-content:center}h2{font-size:clamp(38px,4.6vw,62px)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card,.applications article{padding:32px;border:1px solid var(--line);border-radius:26px;background:linear-gradient(145deg,rgba(12,40,82,.68),rgba(4,17,36,.82));transition:.3s}.card:hover,.applications article:hover{transform:translateY(-7px);border-color:rgba(0,230,255,.32)}.card span{display:grid;width:48px;height:48px;place-items:center;margin-bottom:58px;border:1px solid rgba(0,230,255,.22);border-radius:14px;color:#00e6ff}.card h3,.list h3,.applications h3{margin:0 0 10px}.card p,.list p,.applications p{margin:0;color:var(--muted)}.highlight{background:radial-gradient(circle at 85% 12%,rgba(0,230,255,.16),transparent 35%),linear-gradient(145deg,rgba(12,40,82,.8),rgba(4,17,36,.85))}
.dark{border-block:1px solid var(--line);background:rgba(3,15,32,.55)}.two-columns{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px}.sticky{position:sticky;top:125px;align-self:start}.voice-box{margin-top:30px;padding:17px;border:1px solid var(--line);border-radius:17px;background:rgba(8,31,65,.5)}.voice-box strong,.voice-box span{display:block}.voice-box span{color:var(--muted);font-size:12px}.mini-wave{float:right;display:flex;align-items:center;gap:3px;margin-top:-28px}.list{border-top:1px solid var(--line)}.list article{display:grid;grid-template-columns:45px 1fr;gap:24px;padding:30px 0;border-bottom:1px solid var(--line)}.list article>span{color:#00e6ff;font-size:12px;font-weight:800}.applications{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:48px}.applications article{min-height:265px}.applications small{color:#00e6ff;letter-spacing:.14em}.applications h3{margin-top:92px}
.qu-card{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center;padding:52px;border:1px solid var(--line);border-radius:34px;background:linear-gradient(135deg,rgba(10,37,77,.8),rgba(3,15,32,.88))}.qu-logo{min-height:280px;overflow:hidden;border-radius:26px;background:#074090}.qu-logo img{width:100%;height:100%;object-fit:cover}.qu-card p{margin:22px 0 28px}
.contact-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:75px}.contact-avatar{display:flex;align-items:center;gap:15px;margin-top:32px}.contact-avatar img{width:82px;height:82px;border-radius:50%;animation:smallfloat 4s infinite}.contact-avatar strong,.contact-avatar span{display:block}.contact-avatar span{color:#00e6ff}.form{padding:36px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,rgba(10,36,74,.68),rgba(3,15,32,.86));box-shadow:0 25px 80px rgba(0,0,0,.35)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form label{display:block;margin-bottom:18px;font-size:13px;font-weight:700}.form input,.form textarea{width:100%;margin-top:8px;border:1px solid var(--line);border-radius:13px;background:rgba(1,10,23,.7);color:#fff;outline:none}.form input{height:51px;padding:0 15px}.form textarea{padding:14px;resize:vertical}.form input:focus,.form textarea:focus{border-color:#00e6ff;box-shadow:0 0 0 4px rgba(0,230,255,.08)}.alert{margin-bottom:20px;padding:13px;border-radius:12px}.alert.ok{color:#bdfbe8;background:rgba(66,245,194,.08)}.alert.error{color:#ffc8d0;background:rgba(255,143,157,.08)}.note{display:block;margin-top:12px;text-align:center;color:#71869b}
footer{padding:38px 0;border-top:1px solid var(--line);background:rgba(1,7,16,.75)}.footer-inner{display:grid;grid-template-columns:auto 1fr auto auto;gap:25px;align-items:center}.footer-inner img{width:190px;height:auto;object-fit:contain}.footer-inner span,.footer-inner a,.footer-inner small{color:var(--muted);font-size:12px}
.reveal{opacity:0;transform:translateY(28px);transition:.75s}.reveal.visible{opacity:1;transform:none}
@keyframes float{0%,100%{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-15px)}}@keyframes smallfloat{50%{transform:translateY(-7px)}}@keyframes halo{50%{opacity:.9;transform:translate(-50%,-50%) scale(1.06)}}@keyframes rotate{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes reverse{to{transform:translate(-50%,-50%) rotate(-360deg)}}@keyframes ringpulse{50%{transform:translate(-50%,-50%) scale(1.05);opacity:.8}}@keyframes wave{50%{height:28px}}@keyframes pulse{50%{transform:scale(1.2);opacity:1}}
@media(max-width:1020px){.hero-grid,.two-columns,.qu-card,.contact-grid{grid-template-columns:1fr}.hero-copy{text-align:center}.hero-copy .eyebrow,.actions,.availability{justify-content:center}.avatar-stage{min-height:610px}.cards{grid-template-columns:1fr}.sticky{position:static}.applications{grid-template-columns:repeat(2,1fr)}.footer-inner{grid-template-columns:1fr;text-align:center;justify-items:center}}
@media(max-width:780px){nav{position:absolute;display:none;top:82px;left:20px;right:20px;flex-direction:column;align-items:stretch;padding:16px;border:1px solid var(--line);border-radius:18px;background:#020915}nav.open{display:flex}.menu-button{display:block}.hero h1{font-size:clamp(50px,15vw,74px)}.avatar-stage{min-height:520px;transform:scale(.84);margin:-40px -80px}.section{padding:88px 0}.applications{grid-template-columns:1fr}.applications article{min-height:220px}.applications h3{margin-top:58px}.form-row{grid-template-columns:1fr}.form{padding:24px}.qu-card{padding:26px}}
@media(max-width:540px){.container{width:min(calc(100% - 28px),var(--container))}.brand{width:180px;height:auto}.actions{flex-direction:column}.actions .button{width:100%}.avatar-stage{min-height:455px;transform:scale(.7);margin:-75px -130px}.speech{font-size:12px}.qu-logo{min-height:180px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

@media(max-width:780px){.brand{width:220px}.header-inner{min-height:88px}}
@media(max-width:540px){.brand{width:180px}.speech{min-width:290px}}