:root{
  --bg:#02050a;--bg2:#06111b;--panel:#071522;--panel2:#0a1b2b;
  --line:#163850;--line2:#285f7b;--text:#f7fbff;--muted:#91a8ba;
  --cyan:#49efff;--blue:#20a8ff;--orange:#ff9a34;--green:#67efaa;
  --red:#ff5e6c;--purple:#b68cff;--shadow:0 30px 110px rgba(0,0,0,.58);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:#02050a}
body{
  margin:0;color:var(--text);overflow-x:hidden;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  background:
    radial-gradient(circle at 75% -8%,rgba(32,168,255,.19),transparent 27%),
    radial-gradient(circle at 14% 19%,rgba(73,239,255,.075),transparent 21%),
    linear-gradient(180deg,#010309 0%,#06101b 46%,#02050a 100%);
}
body:before{
  content:"";position:fixed;inset:0;z-index:-6;pointer-events:none;opacity:.30;
  background-image:
    linear-gradient(rgba(45,177,255,.075) 1px,transparent 1px),
    linear-gradient(90deg,rgba(45,177,255,.075) 1px,transparent 1px);
  background-size:52px 52px;
  transform:perspective(620px) rotateX(68deg) scale(1.72) translateY(20%);
  transform-origin:center bottom;animation:gridMove 18s linear infinite;
}
body:after{
  content:"";position:fixed;inset:-12%;z-index:-7;pointer-events:none;
  background:
    radial-gradient(circle at 72% 15%,rgba(0,177,255,.18),transparent 18%),
    radial-gradient(circle at 20% 60%,rgba(47,242,255,.08),transparent 22%);
  filter:blur(22px);animation:bgDrift 14s ease-in-out infinite alternate;
}
@keyframes gridMove{to{background-position:0 52px,52px 0}}
@keyframes bgDrift{from{transform:translate3d(-2%,0,0) scale(1)}to{transform:translate3d(3%,2%,0) scale(1.06)}}
@keyframes rise{from{transform:translateY(110vh);opacity:0}10%{opacity:.7}90%{opacity:.3}to{transform:translateY(-20vh);opacity:0}}
@keyframes shimmer{0%,65%{left:-38%}88%,100%{left:130%}}
@keyframes scan{0%,7%{top:5%;opacity:.08}18%{opacity:1}52%{top:92%;opacity:.9}58%,100%{opacity:0}}
@keyframes sweepX{0%{left:16%}50%{left:84%}100%{left:16%}}
@keyframes pulse{0%,100%{box-shadow:0 0 0 rgba(73,239,255,0)}50%{box-shadow:0 0 34px rgba(73,239,255,.15)}}
@keyframes bar{0%{width:5%}45%{width:92%}55%,100%{width:100%}}

a{color:inherit;text-decoration:none}
img{max-width:100%}
.wrap{width:min(1260px,calc(100% - 42px));margin:auto}
.stars{position:fixed;inset:0;z-index:-4;pointer-events:none;overflow:hidden}
.star{position:absolute;width:2px;height:2px;border-radius:50%;background:#bafaff;box-shadow:0 0 8px #52ddff;opacity:.5;animation:rise linear infinite}

nav{position:sticky;top:0;z-index:90;background:rgba(1,5,10,.74);backdrop-filter:blur(18px) saturate(140%);border-bottom:1px solid rgba(95,225,255,.10)}
.navbar{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{font-size:24px;font-weight:1000;letter-spacing:-.8px;white-space:nowrap}.brand span{color:var(--blue)}
.navlinks{display:flex;align-items:center;gap:19px;color:#b7cad8;font-size:12px;font-weight:900;letter-spacing:.45px}
.navlinks>a:not(.btn){position:relative;padding:8px 0}.navlinks>a:not(.btn):after{content:"";position:absolute;left:0;right:100%;bottom:0;height:1px;background:var(--cyan);transition:.18s}.navlinks>a:hover:after,.navlinks>a.active:after{right:0}
.navlinks>a.active{color:white}

.btn{min-height:46px;padding:0 20px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.12);font-weight:950;letter-spacing:.25px;transition:.18s;position:relative;overflow:hidden}
.btn:hover{transform:translateY(-1px);filter:brightness(1.08)}
.btn-primary{background:linear-gradient(135deg,#107bd2,#22aaff 55%,#4ceeff);border-color:#28b6ff;box-shadow:0 10px 28px rgba(29,159,255,.26)}
.btn-primary:after{content:"";position:absolute;top:-65%;left:-38%;width:26%;height:230%;background:rgba(255,255,255,.28);transform:rotate(24deg);animation:shimmer 4.7s ease-in-out infinite}
.btn-secondary{background:rgba(10,23,36,.92);border-color:#23465f;color:#ecf8ff}

.hero{padding:22px 0 74px;position:relative}
.hero:before{content:"";position:absolute;left:-8%;right:-8%;top:82px;height:410px;pointer-events:none;background:linear-gradient(105deg,transparent 13%,rgba(28,156,255,.11) 28%,transparent 46%),repeating-linear-gradient(0deg,transparent 0 6px,rgba(73,198,255,.023) 7px 8px);clip-path:polygon(0 15%,100% 0,92% 77%,7% 100%)}
.mega{position:relative;z-index:2;margin:18px 0 30px;font-size:clamp(76px,11.7vw,160px);line-height:.84;letter-spacing:-9px;font-weight:1000;white-space:nowrap;text-transform:uppercase;background:linear-gradient(180deg,#fff,#e9f4ff 38%,#83c0e7 55%,#fff 82%,#66dbff);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 8px 18px rgba(0,0,0,.56))}
.mega .two{background:linear-gradient(180deg,#79f9ff,#20adff 58%,#0668d2);-webkit-background-clip:text;background-clip:text;color:transparent}
.mega:after{content:"";position:absolute;left:0;right:0;bottom:-14px;height:2px;background:linear-gradient(90deg,transparent,#24b9ff 12%,#63f3ff 42%,transparent 76%);box-shadow:0 0 18px #22a8ff;opacity:.7}
.hero-grid{position:relative;z-index:3;display:grid;grid-template-columns:.74fr 1.26fr;gap:38px;align-items:center}
.kicker,.eyebrow{font-size:11px;font-weight:950;letter-spacing:1.8px;color:#5ee6ff;text-transform:uppercase}
.hero h1,.page-hero h1{font-size:clamp(43px,4.8vw,72px);line-height:.98;letter-spacing:-3.2px;margin:9px 0 18px}.hero h1 span,.page-hero h1 span{color:var(--blue)}
.hero-copy p,.lead{color:#a5b9c8;font-size:18px;max-width:800px}.hero-copy p{margin:0 0 26px;max-width:600px}
.hero-actions{display:flex;gap:11px;flex-wrap:wrap}
.points{display:grid;grid-template-columns:1fr 1fr;gap:10px 17px;margin-top:28px;color:#9eb3c2;font-size:13px;font-weight:760}.points div:before{content:"✦";color:#4beeff;margin-right:8px}

.demo-shell{position:relative;border-radius:24px;padding:8px;background:linear-gradient(135deg,rgba(76,232,255,.36),rgba(18,95,145,.08) 30%,rgba(5,10,15,.95) 58%,rgba(43,165,255,.24));box-shadow:var(--shadow),0 0 95px rgba(22,150,255,.18)}
.demo-top{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:8px;padding:0 3px}
.demo-top .live{font-size:10px;color:#7af4b2;font-weight:950;letter-spacing:1.2px}.demo-top .live:before{content:"●";margin-right:7px;animation:pulse 2s infinite}.demo-top .stage-title{font-size:10px;color:#7f9aac;font-weight:900;letter-spacing:1px}
.demo-window{position:relative;background:#02070c;border-radius:17px;overflow:hidden;aspect-ratio:16/8.7;min-height:405px}
.demo-slide{position:absolute;inset:0;opacity:0;transition:opacity .65s ease,transform .75s ease;transform:scale(1.012)}.demo-slide.active{opacity:1;transform:scale(1)}
.demo-slide img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.demo-window:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(29,187,255,.10),transparent 9%,transparent 90%,rgba(29,187,255,.07)),repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 4px)}
.scanline{position:absolute;z-index:8;left:0;right:0;height:3px;top:5%;background:linear-gradient(90deg,transparent,#4ef6ff 20%,#fff 50%,#4ef6ff 80%,transparent);box-shadow:0 0 14px #4ef6ff,0 0 36px rgba(32,180,255,.8);animation:scan 6.3s ease-in-out infinite}
.demo-overlay{position:absolute;z-index:10;left:15px;right:15px;bottom:14px;display:grid;grid-template-columns:1.3fr .8fr .8fr;gap:9px}
.hud{background:rgba(1,8,14,.91);border:1px solid rgba(59,215,255,.29);border-radius:10px;padding:10px 12px;backdrop-filter:blur(8px)}
.hud-label{font-size:9px;color:#7c99ad;text-transform:uppercase;letter-spacing:1px;font-weight:850}.hud-value{font-size:14px;font-weight:950;color:#eafaff;margin-top:2px}.hud-value.cyan{color:#59f2ff}.hud-value.green{color:#7bf3b0}
.hud-progress{height:4px;background:#142534;border-radius:99px;margin-top:7px;overflow:hidden}.hud-progress i{display:block;height:100%;background:linear-gradient(90deg,#21a7ff,#5dffff);animation:bar 6.3s ease-in-out infinite}
.demo-dots{display:flex;gap:7px;margin-top:10px;justify-content:center}.demo-dot{width:7px;height:7px;border-radius:50%;background:#1f4359;transition:.25s}.demo-dot.active{background:#58f1ff;box-shadow:0 0 12px #58f1ff}

.section{padding:88px 0}.section.alt{border-top:1px solid rgba(85,218,255,.06);background:linear-gradient(180deg,rgba(7,18,29,.63),rgba(3,7,12,.05))}
.section h2{font-size:clamp(34px,4vw,54px);line-height:1.04;letter-spacing:-2.2px;margin:10px 0 16px}
.page-hero{padding:70px 0 38px;position:relative}.page-hero .inner{max-width:920px}.page-hero .orb{position:absolute;right:8%;top:40px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle at 35% 35%,rgba(92,245,255,.34),rgba(25,124,255,.08) 35%,rgba(3,9,15,.1) 68%);border:1px solid rgba(84,233,255,.22);box-shadow:0 0 80px rgba(32,168,255,.13);animation:pulse 4s ease-in-out infinite}

.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.grid-5{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.card,.panel,.step,.gallery-card,.price-card,.screen-card{position:relative;border:1px solid rgba(56,134,183,.28);background:linear-gradient(180deg,rgba(10,27,42,.94),rgba(5,14,22,.94));border-radius:16px;overflow:hidden}
.card:after,.panel:after,.step:after,.gallery-card:after,.price-card:after,.screen-card:after{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,#45e7ff,transparent);opacity:.44}
.card,.panel,.price-card{padding:25px}.card,.gallery-card,.price-card,.screen-card{transition:.2s}.card:hover,.gallery-card:hover,.price-card:hover,.screen-card:hover{transform:translateY(-3px);border-color:rgba(66,224,255,.44);box-shadow:0 16px 45px rgba(0,0,0,.25)}
.card h3,.panel h3,.price-card h3{margin:15px 0 8px;font-size:21px}.card p,.panel p,.price-card p{color:#91a7b8;font-size:14px;margin:0}
.icon{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;background:#0c2030;border:1px solid #24506b;color:#61efff;font-size:18px;font-weight:1000}
.step{padding:21px 17px}.num{font-size:11px;color:#4cdfff;letter-spacing:1.2px;font-weight:950}.step h3{font-size:17px;margin:6px 0}.step p{font-size:13px;color:#8ea5b7;margin:0}
.screen-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.screen-copy{padding:17px}.screen-copy h3{margin:0 0 6px}.screen-copy p{margin:0;color:#8ea5b7;font-size:13px}
.tagrow{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.tag{font-size:11px;font-weight:850;color:#b7d5e7;background:#0b1b29;border:1px solid #1f4560;border-radius:999px;padding:7px 10px}
.status{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:900;color:#8ff5b8;border:1px solid rgba(106,240,173,.25);padding:6px 9px;border-radius:999px;background:rgba(106,240,173,.06)}.status i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 9px var(--green)}
.metric{font-size:60px;line-height:1;font-weight:1000;letter-spacing:-4px;color:#6ff4ff}.metric small{font-size:16px;color:#7890a4;letter-spacing:0}.meter{height:10px;border-radius:99px;background:#142536;overflow:hidden;margin:17px 0 9px}.meter i{display:block;height:100%;width:92%;background:linear-gradient(90deg,#ff934b,#7bee93,#4ff5ff)}
.note{padding:18px 20px;border-left:3px solid var(--blue);background:rgba(17,47,70,.25);color:#abc1d2;border-radius:8px}
.compare-live{position:relative;border:1px solid rgba(255,153,52,.30);border-radius:16px;overflow:hidden;background:#05090d}.compare-live img{width:100%;display:block}.compare-live:after{content:"";position:absolute;top:0;bottom:0;width:2px;background:#ff9a34;box-shadow:0 0 14px #ff9a34;left:16%;animation:sweepX 5.8s ease-in-out infinite}.compare-live:before{content:"ORIGINAL   ↔   PREPARED";position:absolute;z-index:4;left:50%;bottom:14px;transform:translateX(-50%);background:rgba(4,8,12,.86);border:1px solid rgba(255,153,52,.48);border-radius:999px;padding:7px 12px;font-size:10px;font-weight:950;letter-spacing:.7px;color:#ffd2a5}
.gallery-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.gallery-body{padding:17px}.gallery-body h3{margin:0 0 6px}.gallery-body p{margin:0;color:#8da4b6;font-size:13px}
.price{font-size:44px;font-weight:1000;letter-spacing:-2px}.price small{font-size:14px;color:#8ca2b4;letter-spacing:0;font-weight:700}.price-card.featured{border-color:rgba(74,242,255,.55);box-shadow:0 0 45px rgba(41,170,255,.10)}
.list{margin:18px 0 0;padding:0;list-style:none}.list li{padding:8px 0;color:#a6bac9;border-bottom:1px solid rgba(255,255,255,.05)}.list li:last-child{border-bottom:0}.list li:before{content:"✓";color:var(--green);margin-right:8px}
.searchbox{display:flex;gap:10px;margin:24px 0 18px}.searchbox input{flex:1;background:#06111b;border:1px solid #1b3c53;border-radius:10px;padding:13px 14px;color:white;outline:none}.searchbox input:focus{border-color:#2b9ed8;box-shadow:0 0 0 3px rgba(40,170,255,.08)}
details{border:1px solid rgba(56,134,183,.24);background:rgba(7,18,28,.8);border-radius:12px;padding:15px 17px;margin:10px 0}summary{cursor:pointer;font-weight:900;color:#e9f7ff}details p{color:#91a8ba}
.cta{text-align:center;border:1px solid rgba(54,198,255,.30);border-radius:22px;padding:55px 25px;background:radial-gradient(circle at 50% 0%,rgba(33,163,255,.19),transparent 47%),rgba(5,14,23,.88);box-shadow:0 25px 80px rgba(0,0,0,.34)}.cta p{color:#9db2c3;font-size:18px;max-width:680px;margin:0 auto 24px}
footer{padding:30px 0 44px;border-top:1px solid rgba(255,255,255,.06);color:#71899c;font-size:13px}.footer-row{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}

@media(max-width:1080px){.navlinks>a:not(.btn){display:none}.hero-grid,.grid-2{grid-template-columns:1fr}.grid-5{grid-template-columns:repeat(2,1fr)}.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:1fr 1fr}.mega{font-size:clamp(66px,12vw,112px);letter-spacing:-6px}.demo-window{min-height:360px}}
@media(max-width:660px){.wrap{width:min(100% - 24px,1260px)}.navbar{min-height:66px}.brand{font-size:19px}.navlinks .btn{padding:0 13px;min-height:40px}.mega{font-size:17vw;letter-spacing:-3px}.hero{padding-top:16px}.hero h1,.page-hero h1{font-size:44px;letter-spacing:-2.3px}.hero-copy p,.lead{font-size:16px}.points,.grid-5,.grid-4,.grid-3{grid-template-columns:1fr}.demo-overlay{grid-template-columns:1fr}.demo-overlay .hud:nth-child(2),.demo-overlay .hud:nth-child(3){display:none}.demo-window{min-height:300px}.section{padding:64px 0}.page-hero{padding-top:52px}}


/* V3 — 3D Illusion product system */
:root{--violet:#b98cff;--violet2:#7f5ad8}
.accent-3d{color:var(--violet)!important}
.card-3d,.panel-3d{
  border-color:rgba(185,140,255,.42)!important;
  background:
    radial-gradient(circle at 90% 0%,rgba(185,140,255,.12),transparent 34%),
    linear-gradient(180deg,rgba(25,18,43,.96),rgba(8,14,24,.96))!important
}
.card-3d:after,.panel-3d:after{background:linear-gradient(90deg,transparent,#c5a4ff,transparent)!important;opacity:.62!important}
.btn-3d{
  background:linear-gradient(135deg,#6843b9,#9369e8 54%,#c598ff);
  border-color:#ad82f4;color:#fff;box-shadow:0 10px 30px rgba(143,91,222,.24)
}
.three-d-hero{
  position:relative;overflow:hidden;border:1px solid rgba(185,140,255,.34);border-radius:22px;
  background:
    radial-gradient(circle at 72% 20%,rgba(185,140,255,.16),transparent 28%),
    linear-gradient(145deg,rgba(23,17,40,.92),rgba(5,12,20,.96));
  padding:34px
}
.three-d-hero:before{
  content:"3D";position:absolute;right:-18px;top:-46px;font-size:190px;font-weight:1000;
  color:rgba(185,140,255,.045);letter-spacing:-16px;pointer-events:none
}
.three-d-flow{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;margin-top:28px}
.three-d-step{
  padding:17px 13px;border:1px solid rgba(185,140,255,.25);border-radius:12px;
  background:rgba(13,16,29,.82);min-height:130px
}
.three-d-step b{display:block;color:#caaaff;font-size:10px;letter-spacing:1px;margin-bottom:7px}
.three-d-step strong{display:block;font-size:14px;margin-bottom:5px}
.three-d-step span{font-size:11px;color:#8fa5b7}
.score-3d{
  display:flex;align-items:center;gap:18px;padding:22px;border:1px solid rgba(185,140,255,.35);
  border-radius:16px;background:linear-gradient(135deg,rgba(78,47,126,.20),rgba(8,17,26,.92))
}
.score-ring{
  width:88px;height:88px;border-radius:50%;display:grid;place-items:center;
  border:8px solid #a87bea;box-shadow:0 0 28px rgba(185,140,255,.18);
  font-size:24px;font-weight:1000;color:#d7c2ff
}
.score-3d h3{margin:0 0 5px}.score-3d p{margin:0;color:#96aabd;font-size:13px}
.purple-note{
  padding:18px 20px;border-left:3px solid #b98cff;
  background:rgba(111,72,170,.12);color:#c8b9dc;border-radius:8px
}
@media(max-width:1080px){.three-d-flow{grid-template-columns:repeat(3,1fr)}}
@media(max-width:660px){.three-d-flow{grid-template-columns:1fr}.three-d-hero{padding:22px}}


/* V4 clean navigation + front-door homepage */
.nav-drop{position:relative;display:flex;align-items:center}
.nav-drop-btn{
  appearance:none;border:0;background:transparent;color:#b7cad8;
  font:inherit;font-size:12px;font-weight:900;letter-spacing:.45px;
  padding:8px 0;cursor:pointer
}
.nav-drop-btn:hover{color:white}
.nav-drop-menu{
  position:absolute;top:34px;left:50%;transform:translateX(-50%) translateY(-5px);
  min-width:190px;padding:8px;border:1px solid rgba(73,239,255,.18);
  background:rgba(4,11,18,.97);backdrop-filter:blur(18px);border-radius:12px;
  box-shadow:0 18px 50px rgba(0,0,0,.45);
  opacity:0;visibility:hidden;transition:.18s;z-index:120
}
.nav-drop:hover .nav-drop-menu,.nav-drop:focus-within .nav-drop-menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.nav-drop-menu a{display:block;padding:10px 12px;border-radius:8px;color:#a9c4d7;font-size:11px;font-weight:900;letter-spacing:.4px}
.nav-drop-menu a:hover{background:rgba(47,184,255,.10);color:white}
.home-hero{padding:26px 0 72px}
.home-hero .mega{margin-bottom:24px}
.home-hero .hero-grid{grid-template-columns:.82fr 1.18fr}
.home-tag{
  display:inline-flex;gap:8px;align-items:center;border:1px solid rgba(73,239,255,.22);
  background:rgba(73,239,255,.05);border-radius:999px;padding:7px 11px;
  color:#8df5ff;font-size:10px;font-weight:950;letter-spacing:1.25px;text-transform:uppercase
}
.home-headline{max-width:610px}
.home-headline h1{margin-top:16px}
.home-headline .sub{font-size:19px;line-height:1.55;color:#a8bdcc;max-width:610px}
.mission-strip{
  display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:28px
}
.mission-card{
  position:relative;padding:18px;border:1px solid rgba(56,134,183,.26);
  border-radius:14px;background:linear-gradient(180deg,rgba(9,25,39,.92),rgba(5,13,21,.96));
  min-height:138px;transition:.18s
}
.mission-card:hover{transform:translateY(-2px);border-color:rgba(73,239,255,.42)}
.mission-card small{font-size:9px;font-weight:950;letter-spacing:1px;color:#59eaff}
.mission-card h3{font-size:17px;margin:7px 0 5px}
.mission-card p{font-size:12px;color:#8fa6b8;margin:0}
.mission-card.threed{border-color:rgba(185,140,255,.35);background:radial-gradient(circle at 90% 0%,rgba(185,140,255,.11),transparent 35%),linear-gradient(180deg,rgba(21,16,37,.95),rgba(6,13,22,.96))}
.mission-card.threed small{color:#c3a3ff}
.mission-card.quick small{color:#ffb567}
.value-band{
  display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px
}
.value-item{padding:20px;border-top:1px solid rgba(73,239,255,.13)}
.value-item strong{display:block;font-size:18px;margin-bottom:5px}
.value-item span{color:#8ea6b8;font-size:13px}
.home-proof{
  display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:center
}
.home-proof .screen-card{box-shadow:0 20px 65px rgba(0,0,0,.34)}
.home-proof-copy h2{margin-top:8px}
.home-proof-copy .points{grid-template-columns:1fr;margin-top:20px}
.home-cta{padding-top:62px}
@media(max-width:1080px){
  .nav-drop{display:none}
  .mission-strip{grid-template-columns:repeat(2,1fr)}
  .home-proof{grid-template-columns:1fr}
}
@media(max-width:660px){
  .mission-strip{grid-template-columns:1fr}
  .value-band{grid-template-columns:1fr}
  .home-headline .sub{font-size:16px}
}

/* V5 full platform */
.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px}
.resource-card{padding:24px;border:1px solid rgba(56,134,183,.28);border-radius:16px;background:linear-gradient(180deg,rgba(10,27,42,.94),rgba(5,14,22,.94));transition:.2s}
.resource-card:hover{transform:translateY(-3px);border-color:rgba(73,239,255,.42);box-shadow:0 16px 45px rgba(0,0,0,.25)}
.resource-card small{display:block;color:#59eaff;font-size:10px;font-weight:950;letter-spacing:1px;margin-bottom:8px}
.resource-card h3{margin:0 0 8px}.resource-card p{color:#91a7b8;font-size:14px;margin:0}
.hero-free{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid rgba(106,240,173,.3);border-radius:999px;background:rgba(106,240,173,.06);color:#8ff5b8;font-size:10px;font-weight:950;letter-spacing:1px}
.free-banner{border:1px solid rgba(106,240,173,.28);border-radius:20px;padding:34px;background:radial-gradient(circle at 85% 5%,rgba(106,240,173,.12),transparent 30%),linear-gradient(145deg,#071720,#071019)}
.free-banner h2{margin:8px 0 10px}.free-banner p{color:#9fb2c1}
.email-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}
.email-step{padding:22px;border:1px solid rgba(73,239,255,.22);border-radius:14px;background:#07131f}
.email-step b{display:block;color:#55eaff;font-size:10px;letter-spacing:1px;margin-bottom:7px}
.form-shell{max-width:620px;margin:0 auto;border:1px solid rgba(73,239,255,.25);border-radius:20px;background:linear-gradient(180deg,#081522,#050b12);padding:28px;box-shadow:0 30px 100px rgba(0,0,0,.38)}
.form-row{display:grid;gap:8px;margin-bottom:16px}.form-row label{font-size:12px;font-weight:900;color:#c7d7e4}.form-row input,.form-row select{width:100%;background:#06111b;border:1px solid #21445d;border-radius:10px;padding:13px 14px;color:#fff;outline:none}
.form-row input:focus,.form-row select:focus{border-color:#2ba7df;box-shadow:0 0 0 3px rgba(40,170,255,.08)}
.checkline{display:flex;align-items:flex-start;gap:10px;color:#98adbd;font-size:13px;margin:14px 0}.checkline input{margin-top:3px}
.verify-box{text-align:center;padding:34px;border:1px solid rgba(73,239,255,.22);border-radius:18px;background:rgba(7,17,27,.86)}
.code-inputs{display:flex;justify-content:center;gap:10px;margin:22px 0}.code-inputs input{width:50px;height:56px;text-align:center;font-size:24px;font-weight:900;border-radius:10px;border:1px solid #21445d;background:#06111b;color:#fff}
.lang-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:28px}
.lang-card{padding:20px;border:1px solid rgba(56,134,183,.25);border-radius:14px;background:#07131f;text-align:center}.lang-card .flag{font-size:34px}.lang-card h3{margin:8px 0 3px}.lang-card p{margin:0;color:#8fa7b8;font-size:12px}
.table-wrap{overflow:auto;border:1px solid rgba(56,134,183,.24);border-radius:14px;margin-top:24px}
.info-table{width:100%;border-collapse:collapse;min-width:700px}.info-table th,.info-table td{padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.05);text-align:left}.info-table th{color:#5deaff;font-size:11px;letter-spacing:.8px}.info-table td{color:#a8bbc9;font-size:13px}
.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}.video-card{border:1px solid rgba(56,134,183,.25);border-radius:14px;overflow:hidden;background:#07131f}.video-thumb{aspect-ratio:16/9;display:grid;place-items:center;background:linear-gradient(135deg,#0b2133,#07121c);font-size:42px;color:#4eeaff}.video-copy{padding:16px}.video-copy h3{margin:0 0 6px}.video-copy p{margin:0;color:#8fa7b8;font-size:13px}
.funnel{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center;margin-top:30px}.funnel .arrow{font-size:38px;color:#8fdcff}
.depth-card{border-color:rgba(185,140,255,.35)!important;background:radial-gradient(circle at 90% 0%,rgba(185,140,255,.12),transparent 34%),linear-gradient(180deg,rgba(25,18,43,.96),rgba(8,14,24,.96))!important}
@media(max-width:1080px){.resource-grid,.video-grid{grid-template-columns:repeat(2,1fr)}.email-flow{grid-template-columns:1fr}.lang-grid{grid-template-columns:repeat(2,1fr)}.funnel{grid-template-columns:1fr}.funnel .arrow{transform:rotate(90deg);justify-self:center}}
@media(max-width:660px){.resource-grid,.video-grid,.lang-grid{grid-template-columns:1fr}.form-shell{padding:20px}.code-inputs input{width:42px;height:50px}}


/* V6 Community Gallery */
.community-hero{padding-bottom:34px}
.gallery-toolbar{
  display:grid;grid-template-columns:1.2fr repeat(4,.8fr) auto;gap:10px;
  padding:14px;border:1px solid rgba(56,134,183,.25);border-radius:16px;
  background:rgba(5,15,24,.86);position:sticky;top:84px;z-index:40;backdrop-filter:blur(15px)
}
.gallery-toolbar input,.gallery-toolbar select{
  width:100%;background:#06111b;border:1px solid #21445d;border-radius:9px;
  padding:11px 12px;color:#dff4ff;outline:none
}
.gallery-toolbar input:focus,.gallery-toolbar select:focus{border-color:#30a8df}
.community-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:28px}
.stat-card{padding:17px;border:1px solid rgba(56,134,183,.22);border-radius:13px;background:rgba(7,20,31,.78)}
.stat-card strong{display:block;font-size:25px;color:#61f0ff}.stat-card span{font-size:11px;color:#87a1b3;text-transform:uppercase;letter-spacing:.8px;font-weight:900}
.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:24px}
.project-card{border:1px solid rgba(56,134,183,.27);border-radius:16px;overflow:hidden;background:linear-gradient(180deg,#091724,#050d15);transition:.2s;position:relative}
.project-card:hover{transform:translateY(-3px);border-color:rgba(73,239,255,.48);box-shadow:0 18px 50px rgba(0,0,0,.3)}
.project-thumb{position:relative;aspect-ratio:4/3;background:#06111b;overflow:hidden}
.project-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.project-thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.72))}
.project-author{position:absolute;left:12px;bottom:10px;z-index:2;font-size:11px;font-weight:900;background:rgba(2,7,11,.85);border:1px solid rgba(73,239,255,.22);border-radius:999px;padding:6px 9px}
.project-badge{position:absolute;right:10px;top:10px;z-index:3;font-size:9px;font-weight:950;letter-spacing:.7px;border-radius:999px;padding:6px 8px;background:rgba(4,12,20,.88);border:1px solid rgba(73,239,255,.24);color:#7af3ff}
.project-badge.threed{color:#d4baff;border-color:rgba(185,140,255,.36)}
.project-body{padding:16px}
.project-title{font-size:18px;font-weight:950;margin:0 0 7px}
.project-meta{display:flex;flex-wrap:wrap;gap:7px;margin:11px 0}
.meta-chip{font-size:10px;border:1px solid #1c4259;border-radius:999px;padding:5px 7px;color:#a9c0d0;background:#071824}
.project-tech{display:grid;grid-template-columns:1fr 1fr;gap:7px;border-top:1px solid rgba(255,255,255,.05);padding-top:12px;margin-top:12px}
.tech-line{font-size:11px;color:#88a1b3}.tech-line b{color:#d6ebf8;font-weight:850}
.card-actions{display:flex;justify-content:space-between;align-items:center;margin-top:13px}
.like{font-size:11px;color:#91abbc}.project-card .btn{min-height:37px;padding:0 13px;font-size:11px}
.empty-state{display:none;text-align:center;padding:46px;border:1px dashed rgba(73,239,255,.22);border-radius:16px;color:#8fa8ba;margin-top:22px}
.gallery-callout{display:flex;justify-content:space-between;gap:25px;align-items:center;border:1px solid rgba(106,240,173,.25);border-radius:18px;padding:27px;background:linear-gradient(135deg,rgba(10,43,42,.34),rgba(6,17,25,.9))}
.gallery-callout h3{font-size:24px;margin:0 0 5px}.gallery-callout p{margin:0;color:#95acbc}
.demo-ribbon{display:inline-flex;padding:6px 9px;border-radius:999px;background:rgba(255,154,52,.08);border:1px solid rgba(255,154,52,.3);color:#ffc27e;font-size:10px;font-weight:950;letter-spacing:.7px}
.detail-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:22px;align-items:start}
.detail-photo{border:1px solid rgba(73,239,255,.24);border-radius:16px;overflow:hidden;background:#040a10}.detail-photo img{width:100%;display:block}
.detail-panel{border:1px solid rgba(56,134,183,.25);border-radius:16px;padding:22px;background:linear-gradient(180deg,#091724,#050d15);position:sticky;top:92px}
.detail-panel h2{font-size:28px;margin:0 0 8px}.detail-panel .author-line{color:#79eaff;font-weight:900;margin-bottom:18px}
.spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:17px 0}
.spec{padding:12px;border:1px solid rgba(56,134,183,.18);border-radius:10px;background:#06131e}.spec small{display:block;color:#6e899c;font-size:9px;font-weight:900;letter-spacing:.7px;text-transform:uppercase}.spec strong{display:block;color:#edfaff;font-size:13px;margin-top:4px}
.media-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.media-tab{appearance:none;border:1px solid #21445d;background:#071724;color:#9ab3c5;border-radius:9px;padding:9px 12px;font-weight:900;cursor:pointer}.media-tab.active{border-color:#4eeaff;color:#fff;background:rgba(73,239,255,.08)}
.media-view{display:none}.media-view.active{display:block}
.submission-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 24px}
.submit-step{padding:12px;border:1px solid rgba(56,134,183,.18);border-radius:10px;background:#06131e;font-size:11px;color:#6f899b;font-weight:900}.submit-step.active{color:#5cecff;border-color:#42dff4;background:rgba(73,239,255,.06)}
.upload-box{border:1px dashed rgba(73,239,255,.32);border-radius:14px;padding:28px;text-align:center;background:rgba(6,18,28,.55)}.upload-box strong{display:block;margin-bottom:6px}.upload-box p{color:#809aac;font-size:12px;margin:0 0 12px}
.submit-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.submit-full{grid-column:1/-1}
.form-note{font-size:11px;color:#7892a4;margin-top:6px}
.autofill{border:1px solid rgba(73,239,255,.24);border-radius:13px;padding:16px;background:rgba(73,239,255,.04);margin-bottom:18px}
.autofill strong{color:#62efff}.autofill p{margin:6px 0 0;color:#8fa6b7;font-size:12px}
.moderation-grid{display:grid;gap:12px}.moderation-item{display:grid;grid-template-columns:180px 1fr auto;gap:16px;align-items:center;border:1px solid rgba(56,134,183,.23);border-radius:14px;padding:13px;background:#07131f}.moderation-item img{width:180px;height:120px;object-fit:cover;border-radius:9px}.mod-actions{display:grid;gap:8px}
.status-pill{display:inline-flex;padding:6px 9px;border-radius:999px;font-size:9px;font-weight:950;letter-spacing:.7px}.pending{background:rgba(255,154,52,.08);border:1px solid rgba(255,154,52,.3);color:#ffc27e}.approved{background:rgba(106,240,173,.08);border:1px solid rgba(106,240,173,.3);color:#8ff5b8}.rejected{background:rgba(255,94,108,.08);border:1px solid rgba(255,94,108,.3);color:#ff8c98}
@media(max-width:1120px){.gallery-toolbar{grid-template-columns:1fr 1fr 1fr;position:static}.project-grid{grid-template-columns:repeat(2,1fr)}.detail-layout{grid-template-columns:1fr}.detail-panel{position:static}.moderation-item{grid-template-columns:140px 1fr}.moderation-item img{width:140px}.mod-actions{grid-column:1/-1;display:flex}.community-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.gallery-toolbar,.project-grid,.community-stats,.submit-grid,.submission-progress{grid-template-columns:1fr}.gallery-callout{display:block}.gallery-callout .btn{margin-top:16px}.project-tech,.spec-grid{grid-template-columns:1fr}.moderation-item{grid-template-columns:1fr}.moderation-item img{width:100%;height:auto}}


/* V8 legal pages */
.legal-wrap{width:min(980px,calc(100% - 42px));margin:auto}
.legal-hero{padding:66px 0 28px}
.legal-hero h1{font-size:clamp(42px,5vw,70px);letter-spacing:-2.8px;margin:8px 0 14px}
.legal-hero p{color:#9eb2c2;font-size:17px;max-width:780px;line-height:1.6}
.legal-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.legal-pill{font-size:11px;font-weight:900;letter-spacing:.6px;padding:7px 10px;border-radius:999px;border:1px solid rgba(73,239,255,.22);background:rgba(73,239,255,.05);color:#a9efff}
.legal-grid{display:grid;grid-template-columns:240px 1fr;gap:28px;padding:28px 0 80px}
.legal-nav{position:sticky;top:94px;align-self:start;border:1px solid rgba(56,134,183,.24);border-radius:14px;padding:14px;background:rgba(7,18,28,.85)}
.legal-nav a{display:block;padding:9px 10px;border-radius:8px;color:#93abba;font-size:12px;font-weight:800}
.legal-nav a:hover{background:rgba(73,239,255,.07);color:#eafaff}
.legal-content{border:1px solid rgba(56,134,183,.24);border-radius:18px;background:linear-gradient(180deg,rgba(8,22,34,.94),rgba(4,12,19,.96));padding:30px}
.legal-content h2{font-size:25px;margin:34px 0 10px;letter-spacing:-.8px}
.legal-content h2:first-child{margin-top:0}
.legal-content h3{font-size:17px;margin:22px 0 7px}
.legal-content p,.legal-content li{color:#9cb0bf;line-height:1.7;font-size:14px}
.legal-content ul{padding-left:21px}
.legal-callout{padding:16px 18px;border-left:3px solid #2ab6ff;background:rgba(30,103,146,.12);border-radius:8px;margin:18px 0;color:#abc5d5}
.legal-callout.warn{border-left-color:#ffae4c;background:rgba(255,174,76,.07);color:#d6b58d}
.legal-contact{border:1px solid rgba(73,239,255,.20);border-radius:12px;padding:18px;background:rgba(73,239,255,.035)}
.legal-content a{color:#65e9ff;text-decoration:underline;text-underline-offset:2px}
@media(max-width:820px){.legal-grid{grid-template-columns:1fr}.legal-nav{position:static}.legal-content{padding:22px}}