/* G&G AI Group theme v5: colors sampled from final logo */
:root{--bg:#05040d;--bg2:#08071a;--card:rgba(18,16,48,.55);--line:rgba(120,110,255,.18);--teal:#5cc6f2;--teal2:#3ba5da;
--blue:#3060cf;--blue2:#2f6bff;--violet:#603bcd;--purple:#9e52d1;--cyan:#3ba5da;--cyan2:#35d0ff;--gold:#f9b870;--ember:#d77e56;--text:#eef0ff;--mute:#a9b0d6;
--grad:linear-gradient(100deg,#35d0ff 0%,#2f6bff 38%,#8a3cff 75%,#b46cf0 100%)}
html{background:var(--bg)}
body{background:radial-gradient(1200px 700px at 85% -5%,rgba(96,59,205,.20),transparent 60%),radial-gradient(900px 600px at -10% 30%,rgba(48,96,207,.14),transparent 60%),var(--bg);background-attachment:fixed;font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
a{color:var(--teal)}
::selection{background:rgba(138,60,255,.45)}
header{background:rgba(5,4,13,.72);border-bottom:1px solid transparent;border-image:linear-gradient(90deg,transparent,rgba(53,208,255,.45),rgba(138,60,255,.45),transparent) 1;backdrop-filter:blur(14px) saturate(140%)}
nav{height:68px}
.logo{display:flex;align-items:center;gap:10px;font-size:1.25rem;letter-spacing:.2px;white-space:nowrap}
.logo img{width:44px;height:44px;filter:drop-shadow(0 0 8px rgba(96,59,205,.6))}
.logo span{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.logo small{font-weight:600;color:var(--mute);font-size:.95rem}
.links a{color:var(--mute);position:relative;transition:color .2s}
.links a:hover{color:#fff}
.links a::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;background:var(--grad);transform:scaleX(0);transition:transform .25s;border-radius:2px}
.links a:hover::after{transform:scaleX(1)}
.hero{position:relative;overflow:hidden;background:radial-gradient(800px 420px at 75% 10%,rgba(47,107,255,.22),transparent 65%),radial-gradient(700px 420px at 10% 100%,rgba(138,60,255,.18),transparent 65%)}
.hero .wrap{position:relative;z-index:2}
#fx{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
.hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(53,208,255,.6),rgba(249,184,112,.7),rgba(138,60,255,.6),transparent);z-index:2}
.hero-grid{display:grid;grid-template-columns:1.25fr .9fr;gap:30px;align-items:center}
.hero-logo{position:relative;text-align:center}
.hero-logo img{width:100%;max-width:440px;height:auto;filter:drop-shadow(0 0 40px rgba(96,59,205,.45));animation:float 7s ease-in-out infinite}
.hero-logo::before{content:"";position:absolute;inset:12% 12%;background:radial-gradient(circle,rgba(47,107,255,.35),rgba(138,60,255,.15) 45%,transparent 70%);filter:blur(30px);z-index:-1}
.tagline{font-weight:800;letter-spacing:.5px;font-size:1.05rem;margin:0 0 16px;background:linear-gradient(90deg,#f9b870,#ffd9a0);-webkit-background-clip:text;background-clip:text;color:transparent}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.tag{border:1px solid rgba(53,208,255,.35);color:#bfe9ff;background:rgba(53,208,255,.07);box-shadow:0 0 18px rgba(53,208,255,.12) inset}
h1{color:#fff;text-shadow:0 0 40px rgba(96,59,205,.25)}
h1 em,h2 em{background:var(--grad);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shine 8s linear infinite}
@keyframes shine{to{background-position:200% 0}}
h2{background:linear-gradient(90deg,#fff 30%,#c9c3ff);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block}
.btn{background:linear-gradient(100deg,#2f6bff,#603bcd 60%,#8a3cff);color:#fff;border:1px solid rgba(255,255,255,.12);box-shadow:0 0 0 1px rgba(249,184,112,.0),0 8px 30px -6px rgba(96,59,205,.7),0 0 22px rgba(47,107,255,.35);position:relative}
.btn::before{content:"";position:absolute;top:-4px;right:-4px;width:9px;height:9px;border-radius:50%;background:radial-gradient(circle,#fff,#f9b870 45%,rgba(249,184,112,0) 70%);box-shadow:0 0 12px 3px rgba(249,184,112,.7)}
.btn:hover{background:linear-gradient(100deg,#3a78ff,#7046e0 60%,#9a52ff);transform:translateY(-2px);box-shadow:0 0 0 1px rgba(249,184,112,.6),0 12px 36px -6px rgba(138,60,255,.8),0 0 30px rgba(53,208,255,.35)}
.btn.ghost{background:rgba(255,255,255,.03)}
.btn.ghost::before{display:none}
.btn:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
section.alt{background:linear-gradient(180deg,rgba(13,11,36,.65),rgba(8,7,26,.65))}
.card,details,.gov,.areas span,.proof span{background:linear-gradient(160deg,rgba(28,24,72,.55),rgba(10,9,30,.55));border:1px solid var(--line);backdrop-filter:blur(8px);box-shadow:0 1px 0 rgba(255,255,255,.04) inset,0 10px 30px -18px rgba(0,0,0,.8)}
.card{position:relative;border-radius:16px}
.card::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(140deg,rgba(53,208,255,.55),rgba(47,107,255,.1) 40%,rgba(138,60,255,.55));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.35;transition:opacity .3s;pointer-events:none}
.card:hover{border-color:transparent;transform:translateY(-3px);box-shadow:0 0 34px -8px rgba(96,59,205,.55),0 0 0 1px rgba(53,208,255,.15)}
.card:hover::before{opacity:1}
.card p,details p,.sub,.lead{color:var(--mute)}
.ico{background:linear-gradient(140deg,rgba(53,208,255,.18),rgba(138,60,255,.22));color:#fff;border:1px solid rgba(120,140,255,.35);box-shadow:0 0 16px rgba(47,107,255,.3)}
.badge{color:var(--gold);border-color:rgba(249,184,112,.55);background:rgba(249,184,112,.06)}
.price{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.card h3 a{color:#fff}.card h3 a:hover{color:var(--teal)}
.more{color:var(--teal)}.more:hover{color:var(--gold)}
.demo{border:1px dashed rgba(249,184,112,.45);background:radial-gradient(500px 200px at 50% 0,rgba(249,184,112,.08),transparent),rgba(10,9,30,.4)}
section.strip{border-bottom:1px solid var(--line);background:rgba(8,7,26,.6)}
.proof span{border-radius:999px}.proof b{color:#fff}
.creds li{border-bottom:1px solid var(--line)}
.shots img{border:1px solid rgba(120,110,255,.3);box-shadow:0 10px 30px -10px rgba(47,107,255,.4)}
summary{color:#fff}summary::marker{color:var(--teal)}
details[open]{border-color:rgba(53,208,255,.35)}
footer{border-top:1px solid var(--line);background:rgba(3,3,8,.8)}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.hero-logo{order:-1}.hero-logo img{max-width:300px}}
@media(max-width:760px){.links{display:flex;position:absolute;left:0;right:0;top:68px;overflow-x:auto;white-space:nowrap;padding:8px 16px;background:rgba(5,4,13,.92);border-bottom:1px solid var(--line);scrollbar-width:none}.links::-webkit-scrollbar{display:none}.links a{margin:0 14px 0 0;font-size:.9rem}.hero{padding-top:90px}header{position:sticky}nav{position:relative}.logo small{display:none}h2{display:block}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}
@media(max-width:900px){.hero-grid .tagline{display:none}}
/* wordmark v6: Orbitron, matches logo wordmark */
@font-face{font-family:"Orbitron WM";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/orbitron-wordmark.ttf) format("truetype")}
.logo{font-family:"Orbitron WM","Orbitron",system-ui,sans-serif;font-weight:700;font-size:1.15rem;letter-spacing:.08em;text-transform:none;gap:12px}
.logo .wm{background:linear-gradient(90deg,#3ba5da 0%,#3a74f0 35%,#603bcd 70%,#9e52d1 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 6px rgba(59,120,240,.55)) drop-shadow(0 0 14px rgba(110,70,220,.35));white-space:nowrap}
.logo .wm span,.logo .wm small{background:none;color:inherit;-webkit-text-fill-color:transparent;font:inherit;letter-spacing:inherit}
@media(max-width:760px){.logo{font-size:1rem;letter-spacing:.06em}.logo small{display:inline}}
@media(max-width:360px){.logo{font-size:.88rem}}