:root{--bg:#02040a;--text:#fff;--muted:#b9c6dc;--panel:rgba(255,255,255,.075);--line:rgba(255,255,255,.14);--accent:#00d5ff;--accent2:#174cff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;overflow-x:hidden}
body.theme-restaurant{--accent:#ff8a00;--accent2:#7a1f00}body.theme-clinic{--accent:#19ffc9;--accent2:#006bff}body.theme-real{--accent:#9f7aea;--accent2:#291356}body.theme-banquet{--accent:#d4af37;--accent2:#6b1f00}body.theme-automation{--accent:#00d5ff;--accent2:#174cff}body.theme-business{--accent:#4f7cff;--accent2:#00d5ff}
a{text-decoration:none;color:inherit}.bg{position:fixed;inset:0;z-index:-5;background:radial-gradient(circle at 15% 20%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 34%),radial-gradient(circle at 85% 55%,color-mix(in srgb,var(--accent2) 24%,transparent),transparent 36%),linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:auto,auto,70px 70px,70px 70px}
.nav{width:min(1220px,94%);margin:16px auto;padding:13px 18px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-radius:24px;border:1px solid var(--line);background:rgba(5,10,22,.78);backdrop-filter:blur(18px);position:sticky;top:14px;z-index:50}
.brand{display:flex;align-items:center;gap:10px;font-weight:900}.brand img{height:38px}.nav nav{display:flex;gap:18px;color:var(--muted);font-size:14px}.nav nav a:hover{color:var(--accent)}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 18px;border-radius:999px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;font-weight:900;box-shadow:0 14px 34px color-mix(in srgb,var(--accent) 24%,transparent);border:0;cursor:pointer}.btn.ghost{background:rgba(255,255,255,.075);border:1px solid var(--line);box-shadow:none}
.wrap{width:min(1220px,94%);margin:auto}.hero{min-height:84vh;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:48px;padding:68px 0}.tag{color:var(--accent);text-transform:uppercase;letter-spacing:.18em;font-weight:900;font-size:12px;margin-bottom:14px}
h1{font-size:clamp(42px,7vw,84px);line-height:.93;letter-spacing:-.067em;margin:0 0 22px}h2{font-size:clamp(32px,5vw,58px);line-height:1;letter-spacing:-.05em;margin:0 0 16px}h3{margin:0;font-size:24px}p{color:var(--muted);line-height:1.75;font-size:16px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin:30px 0}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.stat{padding:18px;border-radius:22px;background:var(--panel);border:1px solid var(--line)}.stat b{font-size:26px;display:block}.stat span{color:var(--muted);font-size:13px}
.visual{min-height:520px;border-radius:38px;border:1px solid var(--line);background:var(--panel);position:relative;overflow:hidden;box-shadow:0 40px 120px rgba(0,0,0,.35)}.browser{position:absolute;left:50%;top:50%;width:78%;transform:translate(-50%,-50%) rotateY(-10deg);padding:18px;border-radius:28px;background:#061226;border:1px solid color-mix(in srgb,var(--accent) 28%,transparent);box-shadow:0 30px 90px rgba(0,0,0,.45)}.browser-head{height:34px;border-radius:16px;background:rgba(255,255,255,.07);display:flex;align-items:center;gap:8px;padding:0 12px;margin-bottom:15px}.dot{width:10px;height:10px;border-radius:50%;background:#ff4d4d}.dot:nth-child(2){background:#ffcc00}.dot:nth-child(3){background:#00ff99}.browser img{width:100%;max-height:105px;object-fit:contain;margin:20px 0}.line{height:12px;border-radius:99px;background:linear-gradient(90deg,var(--accent),transparent);margin:12px 0}.line:nth-of-type(2){width:80%}.line:nth-of-type(3){width:64%}
.float{position:absolute;padding:12px 15px;border-radius:16px;background:rgba(255,255,255,.10);border:1px solid var(--line);font-weight:900;animation:float 4s ease-in-out infinite}.f1{top:70px;left:38px}.f2{right:40px;top:180px;animation-delay:.4s}.f3{left:90px;bottom:80px;animation-delay:.8s}@keyframes float{50%{transform:translateY(-14px)}}
.section{padding:86px 0}.center{text-align:center}.lead{max-width:780px;margin:auto}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:34px}.card{padding:24px;border-radius:28px;background:var(--panel);border:1px solid var(--line);transition:.25s ease;position:relative;overflow:hidden}.card:hover{transform:translateY(-8px);border-color:color-mix(in srgb,var(--accent) 50%,transparent);box-shadow:0 24px 80px rgba(0,0,0,.28)}.card .icon{font-size:38px;margin-bottom:14px}.card small{color:var(--accent);font-weight:900}
.preview{height:155px;border-radius:22px;margin-bottom:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 48%,#111),rgba(255,255,255,.07));position:relative;overflow:hidden}.preview:before{content:"";position:absolute;left:24px;right:24px;top:24px;height:18px;border-radius:99px;background:rgba(255,255,255,.55);box-shadow:0 38px 0 rgba(255,255,255,.25),0 76px 0 rgba(255,255,255,.15)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}.panel{padding:30px;border-radius:32px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 15%,transparent),rgba(255,255,255,.055));border:1px solid color-mix(in srgb,var(--accent) 22%,transparent)}
input,select,textarea{width:100%;padding:14px 15px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.08);color:#fff;font:inherit;margin-bottom:12px}select option{color:#111}textarea{min-height:95px}
.blog-hero{min-height:360px;border-radius:34px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 35%,#111),rgba(255,255,255,.06));display:flex;align-items:center;justify-content:center;font-size:86px;border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);margin:24px 0}.article{max-width:920px;margin:auto}.article h2{font-size:36px;margin-top:42px}.article p{font-size:18px}.article ul{color:var(--muted);line-height:2}
.faq details{padding:18px 20px;border-radius:20px;background:var(--panel);border:1px solid var(--line);margin:12px 0}.faq summary{font-weight:900;cursor:pointer}.faq p{margin-bottom:0}.cta{padding:42px;border-radius:34px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 20%,transparent),rgba(255,255,255,.06));border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);display:flex;justify-content:space-between;gap:24px;align-items:center}.footer{padding:45px 20px;text-align:center;color:var(--muted);border-top:1px solid var(--line)}.breadcrumb{padding-top:28px;color:var(--muted);font-size:14px}.breadcrumb a{color:var(--accent)}
.reveal{opacity:0;transform:translateY(34px);transition:.8s ease}.reveal.active{opacity:1;transform:translateY(0)}
@media(max-width:960px){.nav nav{display:none}.hero,.split{grid-template-columns:1fr}.grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr}.visual{min-height:390px}.cta{flex-direction:column;align-items:flex-start}}

/* === ProGroww AI Premium Dark Gradient System - V5 UI Upgrade === */
:root{
  --bg:#05030a;
  --bg2:#120821;
  --text:#f8fafc;
  --muted:#a9b4c6;
  --panel:rgba(255,255,255,.072);
  --panel-strong:rgba(255,255,255,.105);
  --line:rgba(255,255,255,.14);
  --accent:#8b5cf6;
  --accent2:#a3ff12;
  --accent3:#14f1b8;
  --gold:#f5b942;
  --danger:#ff4d8d;
  --shadow:rgba(0,0,0,.48);
}
body.theme-restaurant{--accent:#ff6b35;--accent2:#ffd166;--accent3:#ff2daa;--bg2:#180713}
body.theme-clinic{--accent:#10f3a3;--accent2:#00e5ff;--accent3:#8b5cf6;--bg2:#04130e}
body.theme-real{--accent:#a855f7;--accent2:#f5b942;--accent3:#00e5ff;--bg2:#120a1f}
body.theme-banquet{--accent:#f5b942;--accent2:#ff6b35;--accent3:#a855f7;--bg2:#1a1204}
body.theme-automation{--accent:#22f7d5;--accent2:#a855f7;--accent3:#a3ff12;--bg2:#07111f}
body.theme-business{--accent:#8b5cf6;--accent2:#a3ff12;--accent3:#22f7d5;--bg2:#120821}
body{
  background:
    radial-gradient(circle at 50% -20%, rgba(139,92,246,.22), transparent 35%),
    linear-gradient(140deg,#05030a 0%,#0b0614 42%,#02140f 100%);
  color:var(--text);
}
body:before{
  content:"";position:fixed;inset:0;z-index:-6;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 220 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.36'/%3E%3C/svg%3E");
  opacity:.09;mix-blend-mode:screen;
}
.bg{
  position:fixed;inset:-22%;z-index:-5;pointer-events:none;overflow:hidden;
  background:
    radial-gradient(circle at 16% 22%, color-mix(in srgb,var(--accent) 36%,transparent), transparent 26%),
    radial-gradient(circle at 78% 20%, rgba(255,45,170,.18), transparent 25%),
    radial-gradient(circle at 82% 74%, color-mix(in srgb,var(--accent2) 24%,transparent), transparent 28%),
    radial-gradient(circle at 25% 88%, color-mix(in srgb,var(--accent3) 22%,transparent), transparent 24%),
    linear-gradient(120deg,#05030a 0%,var(--bg2) 52%,#02140f 100%);
  filter:saturate(1.18);
  animation:auroraMove 18s ease-in-out infinite alternate;
}
.bg:before{
  content:"";position:absolute;inset:0;
  background:
    linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);
  background-size:92px 92px;
  mask-image:radial-gradient(circle at 50% 35%,#000 0%,transparent 62%);
  transform:perspective(900px) rotateX(58deg) translateY(-120px);
  animation:gridDrift 16s linear infinite;
}
.bg:after{
  content:"";position:absolute;inset:0;
  background:conic-gradient(from 180deg at 50% 50%, transparent, color-mix(in srgb,var(--accent) 16%,transparent), transparent, color-mix(in srgb,var(--accent2) 10%,transparent), transparent);
  filter:blur(70px);opacity:.7;animation:spinGlow 28s linear infinite;
}
@keyframes auroraMove{0%{transform:translate3d(-2%,0,0) scale(1)}50%{transform:translate3d(3%,-2%,0) scale(1.04)}100%{transform:translate3d(-1%,2%,0) scale(1.08)}}
@keyframes gridDrift{to{background-position:0 920px,920px 0}}
@keyframes spinGlow{to{transform:rotate(360deg)}}
.nav{
  background:linear-gradient(135deg,rgba(10,7,20,.74),rgba(3,20,15,.44));
  border:1px solid rgba(255,255,255,.15);
  box-shadow:0 24px 85px rgba(0,0,0,.48), inset 0 1px 0 rgba(255,255,255,.08);
}
.brand span{letter-spacing:-.03em}.nav nav a{position:relative}.nav nav a:after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:2px;border-radius:99px;background:linear-gradient(90deg,var(--accent),var(--accent2));transform:scaleX(0);transform-origin:left;transition:.25s ease}.nav nav a:hover:after{transform:scaleX(1)}
.btn{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#06100b;text-shadow:0 1px 0 rgba(255,255,255,.18);box-shadow:0 18px 48px color-mix(in srgb,var(--accent) 24%,transparent),0 0 0 1px rgba(255,255,255,.11) inset;transition:.25s ease}.btn:hover{transform:translateY(-3px);filter:saturate(1.2) brightness(1.04)}.btn.ghost{color:#f8fafc;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);text-shadow:none}
.hero{position:relative}.hero:before{content:"";position:absolute;left:-8%;top:8%;width:52%;height:70%;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 24%,transparent),transparent 66%);filter:blur(54px);z-index:-1;animation:pulseAura 5s ease-in-out infinite}.hero h1{max-width:950px;background:linear-gradient(95deg,#fff 0%,#e9ddff 38%,var(--accent2) 72%,#fff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 22px 70px rgba(139,92,246,.18)}
@keyframes pulseAura{50%{opacity:.72;transform:scale(1.08)}}
.visual,.panel,.card,.stat,.cta,.faq details{
  background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.045));
  border:1px solid rgba(255,255,255,.145);
  box-shadow:0 28px 90px var(--shadow), inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter:blur(20px);
}
.visual:before,.card:before,.panel:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 55%,transparent),transparent 42%,color-mix(in srgb,var(--accent2) 42%,transparent));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.65}.panel{position:relative;overflow:hidden}.browser{background:linear-gradient(160deg,rgba(8,8,18,.94),rgba(7,22,17,.78));border-color:color-mix(in srgb,var(--accent) 38%,transparent)}
.line{background:linear-gradient(90deg,var(--accent),var(--accent2),transparent)}.float{box-shadow:0 18px 60px rgba(0,0,0,.28);background:rgba(255,255,255,.11)}
.grid .card:nth-child(1){--accent:#ff6b35;--accent2:#ffd166}.grid .card:nth-child(2){--accent:#10f3a3;--accent2:#00e5ff}.grid .card:nth-child(3){--accent:#a855f7;--accent2:#f5b942}.grid .card:nth-child(4){--accent:#f5b942;--accent2:#ff6b35}.grid .card:nth-child(5){--accent:#22f7d5;--accent2:#a855f7}.grid .card:nth-child(6){--accent:#8b5cf6;--accent2:#a3ff12}
.card{isolation:isolate}.card:after{content:"";position:absolute;inset:auto -25% -45% -25%;height:120px;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--accent) 28%,transparent),transparent 70%);filter:blur(24px);opacity:.7;transition:.3s ease;z-index:-1}.card:hover:after{opacity:1;transform:translateY(-16px)}.preview{background:radial-gradient(circle at 72% 22%,color-mix(in srgb,var(--accent2) 58%,transparent),transparent 38%),linear-gradient(135deg,color-mix(in srgb,var(--accent) 58%,#09060f),rgba(255,255,255,.055))}.tag{color:var(--accent2)}.card small,.breadcrumb a,.nav nav a:hover{color:var(--accent2)}
.section:nth-of-type(2){--accent:#10f3a3;--accent2:#00e5ff}.section:nth-of-type(3){--accent:#a855f7;--accent2:#f5b942}.section:nth-of-type(4){--accent:#f5b942;--accent2:#a3ff12}.footer{background:linear-gradient(180deg,transparent,rgba(0,0,0,.35));border-color:rgba(255,255,255,.1)}
.rocket-stage{position:fixed;right:clamp(16px,4vw,58px);bottom:28px;width:132px;height:260px;z-index:18;pointer-events:none;transform:translateY(var(--rocket-y,0px)) rotate(var(--rocket-r,-8deg));transition:filter .2s ease;filter:drop-shadow(0 22px 35px rgba(0,0,0,.44))}.rocket{position:absolute;left:36px;bottom:84px;width:58px;height:112px;transform-origin:center bottom;animation:rocketBob 2.2s ease-in-out infinite}.rocket-body{position:absolute;inset:0;border-radius:55% 55% 42% 42%;background:linear-gradient(90deg,#ececff,#fff 45%,#b7b7d8);border:1px solid rgba(255,255,255,.7);box-shadow:inset -12px 0 18px rgba(139,92,246,.25)}.rocket-body:before{content:"";position:absolute;left:18px;top:-24px;border-left:11px solid transparent;border-right:11px solid transparent;border-bottom:30px solid var(--accent2);filter:drop-shadow(0 0 14px color-mix(in srgb,var(--accent2) 55%,transparent))}.rocket-body:after{content:"";position:absolute;left:18px;top:32px;width:21px;height:21px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#65eaff 42%,#174cff 75%);box-shadow:0 0 20px rgba(0,229,255,.55)}.fin{position:absolute;bottom:2px;width:22px;height:38px;background:linear-gradient(135deg,var(--accent),#4711a8);border-radius:10px 10px 4px 4px}.fin.left{left:-14px;transform:skewY(20deg)}.fin.right{right:-14px;transform:skewY(-20deg)}.flame{position:absolute;left:14px;bottom:-62px;width:30px;height:70px;border-radius:50% 50% 50% 50%;background:radial-gradient(circle at 50% 20%,#fff 0 9%,#ffd166 18%,#ff6b35 46%,#ff2d55 70%,transparent 72%);filter:blur(.2px) drop-shadow(0 0 25px #ff6b35);animation:flame 120ms infinite alternate;transform-origin:top}.smoke{position:absolute;left:0;right:0;bottom:0;height:96px}.smoke i{position:absolute;bottom:0;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.17);filter:blur(8px);animation:smoke 2.2s ease-in-out infinite}.smoke i:nth-child(1){left:20px}.smoke i:nth-child(2){left:52px;animation-delay:.35s}.smoke i:nth-child(3){left:74px;animation-delay:.7s}.smoke i:nth-child(4){left:42px;animation-delay:1.05s}.launch-path{position:absolute;left:62px;bottom:20px;width:2px;height:210px;background:linear-gradient(transparent,color-mix(in srgb,var(--accent2) 32%,transparent),transparent);opacity:.45}@keyframes rocketBob{50%{transform:translateY(-8px) rotate(2deg)}}@keyframes flame{from{transform:scaleY(.82) scaleX(.88);opacity:.8}to{transform:scaleY(1.14) scaleX(1.05);opacity:1}}@keyframes smoke{0%{transform:translate(0,0) scale(.8);opacity:.0}22%{opacity:.62}100%{transform:translate(var(--sx,18px),70px) scale(1.8);opacity:0}}
@media(max-width:960px){.rocket-stage{width:92px;height:185px;right:4px;opacity:.58;transform:translateY(calc(var(--rocket-y,0px) * .55)) scale(.72) rotate(var(--rocket-r,-8deg))}.hero h1{letter-spacing:-.052em}.visual{border-radius:28px}.nav{border-radius:18px}.wrap{width:min(100% - 28px,1220px)}}
@media(prefers-reduced-motion:reduce){.bg,.bg:before,.bg:after,.rocket,.flame,.smoke i,.hero:before{animation:none!important}.rocket-stage{display:none}.reveal{transition:none}}


/* === V5.1 Performance Fix: clean dark premium theme, no rocket/no moving gradient === */
:root{
  --bg:#050508;
  --bg-soft:#0b0b12;
  --text:#f7f7fb;
  --muted:#aeb4c2;
  --panel:rgba(255,255,255,.065);
  --panel-strong:rgba(255,255,255,.095);
  --line:rgba(255,255,255,.13);
  --accent:#8b5cf6;
  --accent2:#9cff2e;
  --accent3:#22d3ee;
  --glow:rgba(139,92,246,.22);
}
body.theme-restaurant{--accent:#ff7a2f;--accent2:#ffc857;--accent3:#ff4d8d;--glow:rgba(255,122,47,.18)}
body.theme-clinic{--accent:#17e7b4;--accent2:#38bdf8;--accent3:#7c3aed;--glow:rgba(23,231,180,.16)}
body.theme-real{--accent:#a78bfa;--accent2:#f5c542;--accent3:#22d3ee;--glow:rgba(167,139,250,.18)}
body.theme-banquet{--accent:#f5c542;--accent2:#f97316;--accent3:#a78bfa;--glow:rgba(245,197,66,.16)}
body.theme-automation{--accent:#22d3ee;--accent2:#a78bfa;--accent3:#9cff2e;--glow:rgba(34,211,238,.16)}
body.theme-business{--accent:#8b5cf6;--accent2:#9cff2e;--accent3:#22d3ee;--glow:rgba(139,92,246,.18)}
html{scroll-behavior:smooth}
body{
  background:#050508 !important;
  color:var(--text);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body:before{display:none!important}
.bg{
  position:fixed!important;
  inset:0!important;
  z-index:-5!important;
  pointer-events:none!important;
  background:
    radial-gradient(circle at 18% 16%, var(--glow), transparent 34%),
    radial-gradient(circle at 86% 18%, rgba(156,255,46,.10), transparent 30%),
    radial-gradient(circle at 82% 82%, rgba(34,211,238,.10), transparent 34%),
    linear-gradient(180deg,#050508 0%,#080812 48%,#040406 100%)!important;
  animation:none!important;
  filter:none!important;
  transform:none!important;
}
.bg:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px)!important;
  background-size:88px 88px!important;
  transform:none!important;
  animation:none!important;
  mask-image:linear-gradient(#000,transparent 86%)!important;
  opacity:.55!important;
}
.bg:after{display:none!important}
.nav{
  background:rgba(8,8,14,.88)!important;
  border-color:rgba(255,255,255,.12)!important;
  box-shadow:0 18px 60px rgba(0,0,0,.35)!important;
}
.btn{
  background:linear-gradient(135deg,var(--accent),var(--accent2))!important;
  color:#07070a!important;
  box-shadow:0 14px 36px var(--glow)!important;
}
.btn.ghost{
  background:rgba(255,255,255,.07)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:none!important;
}
h1 span,h1 strong,.tag,.card small,.breadcrumb a{color:var(--accent2)!important}
.hero{position:relative}
.hero:before{
  content:""!important;
  position:absolute!important;
  inset:7% -4% auto -4%!important;
  height:58%!important;
  background:radial-gradient(circle at 25% 40%, var(--glow), transparent 38%),radial-gradient(circle at 72% 45%, rgba(156,255,46,.11), transparent 36%)!important;
  filter:blur(18px)!important;
  opacity:.9!important;
  animation:none!important;
  pointer-events:none!important;
}
.visual,.panel,.card,.stat,.cta,.blog-hero,.browser{
  background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.035))!important;
  border:1px solid rgba(255,255,255,.13)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.32)!important;
}
.visual:before,.visual:after,.card:before,.panel:before{animation:none!important}
.preview{
  background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.035)),radial-gradient(circle at 75% 20%,var(--glow),transparent 45%)!important;
}
.line{background:linear-gradient(90deg,var(--accent),var(--accent2),transparent)!important}
.float{animation:none!important;transform:none!important;background:rgba(255,255,255,.09)!important}
.card:hover{transform:translateY(-4px)!important;box-shadow:0 22px 70px rgba(0,0,0,.38)!important;border-color:color-mix(in srgb,var(--accent) 42%,transparent)!important}
.rocket-stage,.launch-path,.rocket,.smoke,.flame{display:none!important}
@media(max-width:960px){
  html{scroll-behavior:auto}
  .bg{position:absolute!important;min-height:100vh!important}
  .bg:before{background-size:72px 72px!important;opacity:.35!important}
  .hero{min-height:auto!important;padding:46px 0!important;gap:28px!important}
  .visual{min-height:330px!important}
  .nav{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;top:8px!important;margin-top:8px!important}
  .float{display:none!important}
  .reveal{opacity:1!important;transform:none!important;transition:none!important}
}
@media(prefers-reduced-motion:reduce){
  *{scroll-behavior:auto!important;animation:none!important;transition:none!important}
}

/* === V5.2 Mobile Navigation + Mobile UX Fix === */
.mobile-menu-toggle,
.mobile-menu-panel,
.mobile-menu-backdrop{display:none}
.nav .desktop-cta{display:inline-flex}
body.menu-open{overflow:hidden;touch-action:none}

@media(max-width:960px){
  .nav{
    width:calc(100% - 22px)!important;
    min-height:64px!important;
    padding:10px 12px!important;
    border-radius:20px!important;
    position:sticky!important;
    top:8px!important;
    z-index:200!important;
    gap:10px!important;
  }
  .brand{min-width:0!important;gap:8px!important}
  .brand img{height:30px!important;width:auto!important;object-fit:contain!important}
  .brand span{font-size:16px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:180px!important}
  .nav nav,
  .nav > .btn{display:none!important}
  .mobile-menu-toggle{
    display:inline-flex!important;
    width:46px!important;
    height:46px!important;
    border-radius:15px!important;
    border:1px solid rgba(255,255,255,.16)!important;
    background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.045))!important;
    color:#fff!important;
    align-items:center!important;
    justify-content:center!important;
    flex-direction:column!important;
    gap:5px!important;
    cursor:pointer!important;
    margin-left:auto!important;
    box-shadow:0 12px 34px rgba(0,0,0,.28)!important;
  }
  .mobile-menu-toggle span{
    display:block!important;
    width:20px!important;
    height:2px!important;
    border-radius:999px!important;
    background:#fff!important;
    transition:transform .22s ease,opacity .22s ease!important;
  }
  .mobile-menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)!important}
  .mobile-menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0!important}
  .mobile-menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)!important}
  .mobile-menu-backdrop{
    display:block!important;
    position:fixed!important;
    inset:0!important;
    z-index:210!important;
    background:rgba(0,0,0,.58)!important;
    opacity:0!important;
    pointer-events:none!important;
    transition:opacity .22s ease!important;
  }
  .mobile-menu-backdrop.is-open{opacity:1!important;pointer-events:auto!important}
  .mobile-menu-panel{
    display:flex!important;
    position:fixed!important;
    top:0!important;
    right:0!important;
    z-index:220!important;
    width:min(86vw,370px)!important;
    height:100dvh!important;
    padding:22px!important;
    background:linear-gradient(180deg,rgba(11,11,18,.98),rgba(5,5,8,.98))!important;
    border-left:1px solid rgba(255,255,255,.14)!important;
    box-shadow:-28px 0 70px rgba(0,0,0,.55)!important;
    transform:translateX(105%)!important;
    transition:transform .25s ease!important;
    flex-direction:column!important;
    overflow:auto!important;
  }
  .mobile-menu-panel.is-open{transform:translateX(0)!important}
  .mobile-menu-head{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-bottom:22px!important}
  .mobile-menu-title{font-weight:950!important;font-size:18px!important;letter-spacing:-.03em!important}
  .mobile-menu-close{
    width:42px!important;height:42px!important;border-radius:14px!important;border:1px solid rgba(255,255,255,.14)!important;
    background:rgba(255,255,255,.08)!important;color:#fff!important;font-size:24px!important;line-height:1!important;cursor:pointer!important;
  }
  .mobile-menu-links{display:flex!important;flex-direction:column!important;gap:10px!important}
  .mobile-menu-links a{
    display:flex!important;align-items:center!important;justify-content:space-between!important;
    padding:15px 16px!important;border-radius:17px!important;
    background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.10)!important;
    color:#f7f7fb!important;font-weight:850!important;letter-spacing:-.02em!important;
  }
  .mobile-menu-links a:after{content:"›";font-size:24px;color:var(--accent2)}
  .mobile-menu-links a.active{border-color:color-mix(in srgb,var(--accent2) 55%,transparent)!important;background:color-mix(in srgb,var(--accent) 14%,rgba(255,255,255,.055))!important}
  .mobile-menu-actions{margin-top:18px!important;padding-top:18px!important;border-top:1px solid rgba(255,255,255,.12)!important;display:grid!important;gap:12px!important}
  .mobile-menu-actions .btn{width:100%!important;min-height:50px!important}
  .mobile-menu-note{margin-top:auto!important;padding-top:22px!important;color:var(--muted)!important;font-size:13px!important;line-height:1.6!important}

  h1{font-size:clamp(38px,13vw,56px)!important;line-height:.96!important;letter-spacing:-.055em!important}
  h2{font-size:clamp(30px,10vw,44px)!important;line-height:1.02!important}
  p{font-size:15px!important;line-height:1.68!important}
  .actions{gap:10px!important;margin:24px 0!important}
  .actions .btn{width:100%!important;min-height:50px!important}
  .hero{padding-top:34px!important}
  .visual{min-height:295px!important;border-radius:24px!important}
  .browser{width:86%!important;padding:14px!important;border-radius:22px!important;transform:translate(-50%,-50%)!important}
  .browser img{max-height:72px!important;margin:12px 0!important}
  .browser p{font-size:13px!important;line-height:1.55!important}
  .section{padding:58px 0!important}
  .card,.panel,.cta,.stat{border-radius:22px!important;padding:20px!important}
  .grid{gap:14px!important;margin-top:24px!important}
  .preview{height:128px!important;border-radius:18px!important}
}

@media(max-width:420px){
  .brand span{max-width:150px!important;font-size:15px!important}
  .mobile-menu-panel{width:90vw!important;padding:18px!important}
  .wrap{width:calc(100% - 24px)!important}
}