:root{
  --bg:#050307;
  --panel:#0d0911;
  --panel2:#130c19;
  --text:#fbf7ff;
  --muted:#a89fb2;
  --line:rgba(255,255,255,.09);
  --purple:#9b32ff;
  --purple2:#c57cff;
  --purple3:#6716b8;
  --green:#92ffbb;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
.grid-bg{
  position:fixed;inset:0;pointer-events:none;z-index:-3;
  background-image:
    linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(to bottom,black,transparent 70%);
}
.noise{
  position:fixed;inset:0;z-index:99;pointer-events:none;opacity:.035;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");
}
.cursor-glow{
  position:fixed;width:420px;height:420px;border-radius:50%;pointer-events:none;z-index:-1;
  background:radial-gradient(circle,rgba(155,50,255,.12),transparent 65%);
  transform:translate(-50%,-50%);
}
.intro{
  position:fixed;inset:0;z-index:100;background:#050307;display:grid;place-items:center;align-content:center;gap:18px;
  transition:opacity .9s ease,visibility .9s ease;
}
.intro.hide{opacity:0;visibility:hidden}
.intro-logo{width:170px;height:170px;object-fit:cover;border-radius:24px;animation:introPulse 1.6s ease-in-out infinite}
.intro-line{height:1px;width:220px;background:linear-gradient(90deg,transparent,var(--purple2),transparent);animation:lineGrow 1.5s ease forwards}
.intro p{margin:0;font-size:.72rem;letter-spacing:.28em;color:#a894ba;font-weight:900}
.intro-ring{position:absolute;width:340px;height:340px;border:1px solid rgba(188,118,255,.22);border-radius:50%;animation:spin 8s linear infinite}
@keyframes introPulse{50%{filter:drop-shadow(0 0 35px rgba(165,73,255,.8));transform:scale(1.04)}}
@keyframes lineGrow{from{width:0}to{width:220px}}
@keyframes spin{to{transform:rotate(360deg)}}

.nav{
  height:82px;position:sticky;top:0;z-index:30;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;
  background:rgba(5,3,7,.66);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.05)
}
.brand,.footer-brand{display:flex;align-items:center;gap:11px}
.brand img,.footer-brand img{width:42px;height:42px;object-fit:cover;border-radius:10px}
.brand strong{display:block;letter-spacing:.12em}
.brand small{display:block;color:#6f6675;font-size:.65rem;margin-top:2px}
.nav nav{display:flex;gap:30px}.nav nav a{color:#aca2b2;font-size:.9rem}.nav nav a:hover{color:white}
.nav-cta{padding:10px 15px;border:1px solid rgba(191,117,255,.35);border-radius:10px;background:rgba(155,50,255,.08);font-size:.85rem;font-weight:800}

.hero{
  min-height:calc(100vh - 82px);
  display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:30px;padding:8vh 7vw 6vh;position:relative;overflow:hidden
}
.hero-aurora{position:absolute;border-radius:50%;filter:blur(40px);opacity:.65}
.aurora-1{width:700px;height:500px;background:radial-gradient(circle,rgba(119,24,214,.28),transparent 68%);right:-100px;top:40px}
.aurora-2{width:520px;height:360px;background:radial-gradient(circle,rgba(204,101,255,.18),transparent 68%);left:-220px;bottom:-30px}
.hero-copy{position:relative;z-index:2}
.badge{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid rgba(182,104,255,.25);border-radius:999px;color:#cfa3ef;font-size:.7rem;letter-spacing:.18em;font-weight:900;background:rgba(155,50,255,.05)}
.badge span{width:7px;height:7px;border-radius:50%;background:#b867ff;box-shadow:0 0 0 5px rgba(184,103,255,.12),0 0 16px #b867ff}
h1{font-size:clamp(3.8rem,7.6vw,8.5rem);line-height:.87;letter-spacing:-.065em;margin:24px 0 25px;max-width:900px}
h1 span{display:block;color:transparent;background:linear-gradient(90deg,#ead6ff,#b363ff 45%,#7e22ce);-webkit-background-clip:text;background-clip:text}
.hero-copy>p{max-width:710px;color:#b2a9ba;line-height:1.75;font-size:1.09rem}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.btn{display:inline-flex;justify-content:center;align-items:center;padding:14px 20px;border-radius:12px;font-weight:900;border:1px solid transparent;cursor:pointer;transition:.2s transform,.2s box-shadow}
.btn:hover{transform:translateY(-2px)}
.primary{background:linear-gradient(135deg,#c37aff,#9629f4);box-shadow:0 16px 50px rgba(155,50,255,.26)}
.secondary{background:rgba(255,255,255,.03);border-color:var(--line);color:#ddd5e2}
.microcopy{margin-top:17px;color:#6e6674;font-size:.75rem}

.hero-visual{position:relative;min-height:620px;display:grid;place-items:center}
.logo-shell{width:min(455px,78vw);height:min(455px,78vw);max-height:455px;position:relative;border-radius:50%;display:grid;place-items:center;filter:drop-shadow(0 0 45px rgba(151,41,246,.25))}
.logo-shell:before{content:"";position:absolute;inset:5%;border-radius:50%;background:radial-gradient(circle,rgba(170,76,255,.14),transparent 65%)}
.logo-shell img{position:relative;width:88%;height:88%;object-fit:cover;border-radius:50%;mix-blend-mode:screen}
.hero-ring{position:absolute;border:1px solid rgba(190,119,255,.22);border-radius:50%;animation:spin 14s linear infinite}
.ring-1{width:500px;height:500px}
.ring-2{width:590px;height:310px;transform:rotate(18deg);animation-duration:19s}
.ring-3{width:650px;height:240px;transform:rotate(-16deg);animation-duration:23s;animation-direction:reverse}
.scanline{position:absolute;width:80%;height:2px;background:linear-gradient(90deg,transparent,#b656ff,transparent);box-shadow:0 0 30px #b656ff;animation:scan 4s ease-in-out infinite;opacity:.6}
@keyframes scan{0%,100%{transform:translateY(-220px)}50%{transform:translateY(220px)}}
.hud{position:absolute;padding:11px 14px;border:1px solid rgba(255,255,255,.09);border-radius:10px;background:rgba(10,7,13,.72);backdrop-filter:blur(12px);min-width:132px}
.hud span{display:block;color:#6d6573;font-size:.62rem;letter-spacing:.15em}.hud b{display:block;margin-top:4px;font-size:.8rem;color:#eadcff}
.hud-1{left:1%;top:27%}.hud-2{right:0;top:38%}.hud-3{left:11%;bottom:22%}

.trust-strip{padding:34px 0 28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#08050a;overflow:hidden;text-align:center}
.trust-strip>p{font-size:.64rem;letter-spacing:.23em;color:#665e6d;font-weight:900}
.trust-strip>small{display:block;color:#4d4652;font-size:.62rem;margin:14px 7vw 0}
.marquee{overflow:hidden;margin-top:22px}
.marquee-track{display:flex;gap:14px;width:max-content;animation:marquee 34s linear infinite}
@keyframes marquee{to{transform:translateX(-50%)}}
.brand-pill{height:78px;min-width:190px;padding:0 24px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.025);display:flex;align-items:center;justify-content:center;gap:13px;font-weight:900;letter-spacing:.07em}
.brand-pill img{width:32px;max-height:34px}.text-logo{font-size:1.05rem}

section{padding-left:7vw;padding-right:7vw}
.split-heading{padding-top:120px;padding-bottom:55px;display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:end}
.eyebrow{color:#b16ef0;font-size:.7rem;letter-spacing:.2em;font-weight:900}
h2{font-size:clamp(2.8rem,5.6vw,5.6rem);line-height:.95;letter-spacing:-.05em;margin:14px 0 0;max-width:900px}
.split-heading>p,.engine-copy>p{color:var(--muted);line-height:1.8;font-size:1.02rem;max-width:600px}

.solution-grid{padding-bottom:120px;display:grid;grid-template-columns:1fr 1fr;gap:18px}
.solution-card{min-height:560px;border:1px solid var(--line);border-radius:24px;padding:34px;background:
linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012));
position:relative;overflow:hidden}
.solution-card:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;filter:blur(20px);opacity:.45;right:-180px;bottom:-180px;background:radial-gradient(circle,rgba(154,49,255,.22),transparent 65%)}
.card-top{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.card-number{color:#625a69;font-weight:900}
.pill{font-size:.64rem;letter-spacing:.16em;font-weight:900;color:#c896f1;padding:8px 10px;border-radius:999px;border:1px solid rgba(177,104,240,.25)}
.solution-card h3{font-size:clamp(2.1rem,4vw,4rem);letter-spacing:-.045em;margin:80px 0 16px;position:relative;z-index:1}
.solution-card>p{color:var(--muted);max-width:560px;line-height:1.7;position:relative;z-index:1}
.mini-ui{margin-top:42px;border:1px solid var(--line);border-radius:16px;background:#0a070d;overflow:hidden;position:relative;z-index:1}
.mini-row{display:flex;justify-content:space-between;padding:15px 17px;border-bottom:1px solid var(--line);font-size:.82rem}.mini-row:last-child{border-bottom:0}.mini-row span{color:#8c8392}.mini-row b{color:#d6a6ff}
.dealer-ui{display:grid;grid-template-columns:repeat(3,1fr);padding:18px}.dealer-stat{padding:18px 15px;border-right:1px solid var(--line)}.dealer-stat:last-child{border-right:0}.dealer-stat span{display:block;color:#615969;font-size:.62rem;letter-spacing:.13em}.dealer-stat b{display:block;margin-top:8px}
.card-footer{position:absolute;left:34px;right:34px;bottom:28px;color:#655e6b;font-size:.72rem;z-index:2}

.engine{padding-top:115px;padding-bottom:115px;display:grid;grid-template-columns:.95fr 1.05fr;gap:70px;align-items:center;background:linear-gradient(180deg,#08050a,#0b0710)}
.engine-copy h2{margin-left:0}.engine-points{margin-top:34px;border-top:1px solid var(--line)}
.engine-points div{display:grid;grid-template-columns:55px 1fr;padding:16px 0;border-bottom:1px solid var(--line)}.engine-points b{color:#9a5fca}.engine-points span{color:#c9c1ce}
.engine-console{border:1px solid rgba(180,91,255,.28);border-radius:22px;overflow:hidden;background:#09060c;box-shadow:0 30px 90px rgba(0,0,0,.5),0 0 80px rgba(145,41,231,.08)}
.console-top{height:54px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:.7rem;letter-spacing:.12em}
.console-top>div{display:flex;gap:6px}.console-top i{display:block;width:7px;height:7px;border-radius:50%;background:#65566c}.console-top strong{color:#c58aff}
.console-grid{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)}.console-grid div{padding:18px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.console-grid div:nth-child(even){border-right:0}.console-grid span{display:block;color:#5d5663;font-size:.6rem;letter-spacing:.14em}.console-grid b{display:block;margin-top:7px;font-size:.78rem}
pre{min-height:260px;margin:0;padding:25px;color:#c7b9cc;font:13px/1.9 "SFMono-Regular",Consolas,monospace;white-space:pre-wrap}pre .good{color:#b16fff}

.metrics{padding-top:115px;padding-bottom:115px}
.metrics-head{text-align:center}.metrics-head h2{margin-left:auto;margin-right:auto}
.metric-grid{max-width:1050px;margin:55px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.metric-card{padding:34px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,rgba(154,49,255,.08),rgba(255,255,255,.015));text-align:center}
.metric-card strong{font-size:4.8rem;letter-spacing:-.06em}.metric-card>span{color:#aa63e8;font-size:1.2rem;font-weight:900}.metric-card p{color:#867e8b;font-size:.85rem;line-height:1.5}
.disclaimer{max-width:900px;margin:24px auto 0;text-align:center;color:#59515e;font-size:.7rem}

.comparison{padding-top:105px;padding-bottom:115px;background:#09060c}
.comparison-head{text-align:center}.comparison-head h2{margin-left:auto;margin-right:auto}
.compare-wrap{max-width:980px;margin:50px auto 0;display:grid;grid-template-columns:1fr 70px 1fr;align-items:center}
.compare-col{padding:34px;border:1px solid var(--line);border-radius:20px;background:#0e0a12}.compare-col.highlight{border-color:rgba(178,91,255,.38);box-shadow:0 0 50px rgba(145,41,231,.07)}
.compare-col>span{font-size:.66rem;letter-spacing:.18em;color:#9c61cb;font-weight:900}.compare-col h3{font-size:1.65rem}.compare-col ul{padding-left:20px;color:#9e95a5;line-height:1.9}.vs{text-align:center;color:#714692;font-weight:900}

.exclusive{padding-top:105px;padding-bottom:105px;display:grid;grid-template-columns:1fr 360px;gap:70px;align-items:center;position:relative;overflow:hidden}
.exclusive-bg{position:absolute;inset:0;background:radial-gradient(circle at 85% 50%,rgba(142,36,226,.18),transparent 38%)}
.exclusive-copy{position:relative}.exclusive-copy p{max-width:650px;color:var(--muted);line-height:1.8}
.exclusive-badge{position:relative;width:310px;height:310px;border:1px solid rgba(196,114,255,.28);border-radius:50%;display:grid;place-items:center;align-content:center;text-align:center;box-shadow:0 0 70px rgba(151,45,235,.08) inset}
.exclusive-badge:before,.exclusive-badge:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(196,114,255,.14)}.exclusive-badge:before{inset:20px}.exclusive-badge:after{inset:48px}
.exclusive-badge div{font-size:.7rem;letter-spacing:.25em;color:#8d6fa5}.exclusive-badge strong{font-size:3rem;letter-spacing:-.05em;z-index:1}.exclusive-badge span{font-size:.65rem;letter-spacing:.22em;color:#8e58bc;z-index:1}

.access{padding-top:120px;padding-bottom:125px;display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;background:linear-gradient(180deg,#070509,#0a0710)}
.access-copy p{color:var(--muted)}
.access-form{padding:30px;border:1px solid rgba(181,91,255,.22);border-radius:22px;background:rgba(255,255,255,.022)}
.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
label{display:block;margin-bottom:16px}label span{display:block;margin-bottom:8px;color:#8f8696;font-size:.75rem}
input,select,textarea{width:100%;background:#0b080e;color:#eee;border:1px solid var(--line);border-radius:10px;padding:13px 14px;font:inherit;outline:none}
input:focus,select:focus,textarea:focus{border-color:rgba(185,101,255,.55);box-shadow:0 0 0 3px rgba(156,50,255,.08)}
textarea{resize:vertical}.form-btn{width:100%;margin-top:2px}.access-form small{display:block;text-align:center;color:#5d5563;margin-top:13px}

footer{padding:30px 7vw 40px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;color:#6f6674;font-size:.75rem}
.footer-brand strong{display:block;color:#fff;letter-spacing:.12em}.footer-brand span{display:block;font-size:.65rem;color:#68606d}.footer-brand img{width:36px;height:36px}
footer p{text-align:center}footer>a{text-align:right}

.reveal{opacity:0;transform:translateY(24px);transition:.75s ease}
.reveal.show{opacity:1;transform:none}

@media(max-width:980px){
  .nav nav{display:none}
  .hero{grid-template-columns:1fr;padding-top:7vh}.hero-visual{min-height:520px}
  .split-heading,.engine,.access{grid-template-columns:1fr}
  .solution-grid{grid-template-columns:1fr}
  .exclusive{grid-template-columns:1fr}.exclusive-badge{margin:auto}
}
@media(max-width:680px){
  .nav{padding:0 4vw}.brand small{display:none}.nav-cta{font-size:.72rem;padding:9px 10px}
  .hero{padding:6vh 5vw 4vh}.hero-visual{min-height:430px}.logo-shell{width:280px;height:280px}.ring-1{width:320px;height:320px}.ring-2{width:390px;height:230px}.ring-3{width:420px;height:180px}
  .hud{display:none}
  section{padding-left:5vw;padding-right:5vw}
  .split-heading{padding-top:80px}.solution-grid{padding-bottom:85px}.solution-card{min-height:520px;padding:24px}.card-footer{left:24px;right:24px}
  .dealer-ui{grid-template-columns:1fr}.dealer-stat{border-right:0;border-bottom:1px solid var(--line)}.dealer-stat:last-child{border-bottom:0}
  .engine{padding-top:80px;padding-bottom:80px}.metric-grid{grid-template-columns:1fr}.compare-wrap{grid-template-columns:1fr}.vs{padding:15px}
  .exclusive{padding-top:80px;padding-bottom:80px}.exclusive-badge{width:250px;height:250px}.exclusive-badge strong{font-size:2.4rem}
  .access{padding-top:85px;padding-bottom:85px}.field-grid{grid-template-columns:1fr}
  footer{grid-template-columns:1fr;gap:14px;text-align:center}.footer-brand{justify-content:center}footer p,footer>a{text-align:center}
}


.oec-fields{
  max-height:0;opacity:0;overflow:hidden;margin:0;
  border:1px solid transparent;border-radius:16px;
  background:linear-gradient(145deg,rgba(155,50,255,.075),rgba(255,255,255,.015));
  transition:max-height .45s ease,opacity .3s ease,margin .3s ease,padding .3s ease,border-color .3s ease;
}
.oec-fields.show{
  max-height:520px;opacity:1;margin:4px 0 18px;padding:18px;
  border-color:rgba(185,101,255,.28);
}
.oec-form-header{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:15px}
.oec-form-header>span{font-size:.68rem;letter-spacing:.16em;font-weight:900;color:#c996f4}
.oec-form-header small{color:#756c7b;font-size:.65rem}
.full-field{grid-column:1 / -1}
@media(max-width:680px){
  .oec-form-header{align-items:flex-start;flex-direction:column}
  .full-field{grid-column:auto}
}


.client-results{
  padding-top:115px;
  padding-bottom:115px;
  background:
    radial-gradient(circle at 50% 0%, rgba(155,50,255,.12), transparent 34%),
    #070509;
}
.client-results-head{
  max-width:980px;
  margin:0 auto 48px;
  text-align:center;
}
.client-results-head h2{
  margin-left:auto;
  margin-right:auto;
}
.client-results-head p{
  max-width:800px;
  margin:20px auto 0;
  color:var(--muted);
  line-height:1.8;
}
.results-grid{
  max-width:1100px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}
.result-card{
  min-height:360px;
  padding:30px;
  border:1px solid var(--line);
  border-radius:22px;
  background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012));
  position:relative;
  overflow:hidden;
}
.result-card:after{
  content:"";
  position:absolute;
  width:220px;height:220px;border-radius:50%;
  right:-80px;bottom:-90px;
  background:radial-gradient(circle,rgba(155,50,255,.17),transparent 68%);
}
.hero-result{
  border-color:rgba(183,94,255,.36);
  box-shadow:0 0 50px rgba(145,41,231,.07);
}
.result-label{
  color:#a66ed3;
  font-size:.64rem;
  letter-spacing:.17em;
  font-weight:900;
}
.result-number{
  margin-top:46px;
  font-size:clamp(3.2rem,5.5vw,5.5rem);
  font-weight:950;
  letter-spacing:-.07em;
  background:linear-gradient(90deg,#efe1ff,#b86aff,#8e2bea);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.result-card h3{
  margin:10px 0 12px;
  font-size:1.4rem;
}
.result-card p{
  color:#968c9e;
  line-height:1.7;
  font-size:.9rem;
  position:relative;
  z-index:1;
}
.results-disclaimer{
  max-width:900px;
  margin:24px auto 0;
  text-align:center;
  color:#5f5665;
  font-size:.7rem;
  line-height:1.6;
}
@media(max-width:800px){
  .results-grid{grid-template-columns:1fr}
}

.dealer-proof{padding-top:115px;padding-bottom:115px;background:#09060c}
.proof-head{max-width:930px;margin:0 auto 48px;text-align:center}.proof-head h2{margin-left:auto;margin-right:auto}.proof-head p{color:var(--muted);line-height:1.75}
.proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:1200px;margin:0 auto}
.proof-card{padding:30px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012));overflow:hidden}
.featured-proof{border-color:rgba(183,94,255,.38);box-shadow:0 0 65px rgba(145,41,231,.08)}
.proof-title{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.proof-title span{font-size:.65rem;letter-spacing:.18em;color:#a86bd7;font-weight:900}.proof-title h3{margin:5px 0 0;font-size:1.35rem}.proof-title>strong{font-size:2rem;letter-spacing:-.05em;color:#d8a7ff}
.proof-sub{margin-top:8px;color:#655d6a;font-size:.7rem}
.bar-chart{height:285px;margin-top:36px;padding-top:30px;display:flex;align-items:flex-end;gap:10px;border-bottom:1px solid rgba(255,255,255,.12);background:repeating-linear-gradient(to top,transparent 0,transparent 69px,rgba(255,255,255,.04) 70px)}
.bar-item{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;position:relative}.bar-item i{display:block;width:68%;min-height:8px;border-radius:7px 7px 0 0;background:linear-gradient(180deg,#c778ff,#7d22c7);box-shadow:0 0 20px rgba(157,50,255,.12)}.bar-item b{font-size:.62rem;color:#b8aebf;margin-bottom:7px;white-space:nowrap}.bar-item span{font-size:.58rem;letter-spacing:.08em;color:#675e6d;margin-top:8px;position:absolute;bottom:-24px}
.proof-callout{margin-top:48px;padding:18px;border:1px solid var(--line);border-radius:14px;display:grid;grid-template-columns:1fr auto;align-items:center}.proof-callout span{font-size:.65rem;letter-spacing:.14em;color:#7d7383}.proof-callout strong{font-size:2rem;color:#c778ff}.proof-callout small{grid-column:1/-1;color:#6c6372}
.proof-summary{max-width:900px;margin:30px auto 0;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:18px;overflow:hidden}.proof-summary div{text-align:center;padding:24px;border-right:1px solid var(--line)}.proof-summary div:last-child{border-right:0}.proof-summary span,.proof-summary small{display:block;color:#6c6372;font-size:.65rem}.proof-summary strong{display:block;font-size:2rem;margin:5px 0;color:#eee}
.proof-disclaimer{max-width:900px;margin:18px auto 0;text-align:center;color:#5c5461;font-size:.68rem;line-height:1.6}
@media(max-width:800px){.proof-grid{grid-template-columns:1fr}.proof-summary{grid-template-columns:1fr}.proof-summary div{border-right:0;border-bottom:1px solid var(--line)}.proof-summary div:last-child{border-bottom:0}.proof-card{padding:20px}.bar-chart{gap:4px}.bar-item b{font-size:.52rem}.bar-item i{width:78%}}


.oec-primary{
  min-width:210px;
  border-color:rgba(190,105,255,.45)!important;
  background:linear-gradient(145deg,rgba(155,50,255,.16),rgba(255,255,255,.025))!important;
  box-shadow:0 0 30px rgba(155,50,255,.08);
  flex-direction:column;
  gap:3px!important;
}
.oec-primary span{font-size:1.25rem;letter-spacing:.08em;color:#fff!important}
.oec-primary small{font-size:.55rem;letter-spacing:.22em;color:#c883ff}

.oec-focus{
  padding-top:120px;
  padding-bottom:120px;
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:70px;
  align-items:center;
  background:
    radial-gradient(circle at 78% 50%,rgba(155,50,255,.13),transparent 30%),
    #070509;
}
.oec-focus-copy>p{
  max-width:720px;
  color:var(--muted);
  line-height:1.8;
  font-size:1.02rem;
}
.oec-benefits{
  margin:34px 0;
  border-top:1px solid var(--line);
}
.oec-benefits div{
  display:grid;
  grid-template-columns:54px 1fr;
  gap:8px;
  padding:15px 0;
  border-bottom:1px solid var(--line);
}
.oec-benefits strong{color:#aa67dd}
.oec-benefits span{color:#d2cad7}

.oec-scorecard{
  border:1px solid rgba(185,95,255,.34);
  border-radius:24px;
  overflow:hidden;
  background:linear-gradient(180deg,#120b18,#09060c);
  box-shadow:0 35px 90px rgba(0,0,0,.5),0 0 70px rgba(149,42,235,.08);
}
.scorecard-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:18px 20px;
  border-bottom:1px solid var(--line);
  font-size:.67rem;
  letter-spacing:.15em;
}
.scorecard-head span{color:#d0a1f6}
.scorecard-head b{color:#7b6e83}
.score-main{
  padding:38px 28px;
  text-align:center;
  border-bottom:1px solid var(--line);
}
.score-main small,.score-main span{display:block;color:#756c7d}
.score-main strong{
  display:block;
  margin:10px 0 3px;
  font-size:clamp(4rem,7vw,6.5rem);
  letter-spacing:-.08em;
  color:transparent;
  background:linear-gradient(90deg,#edd7ff,#b65fff,#7e20d0);
  -webkit-background-clip:text;
  background-clip:text;
}
.score-grid{display:grid;grid-template-columns:1fr 1fr}
.score-grid div{padding:22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.score-grid div:nth-child(even){border-right:0}
.score-grid div:nth-last-child(-n+2){border-bottom:0}
.score-grid small{display:block;color:#62596a;font-size:.6rem;letter-spacing:.13em}
.score-grid strong{display:block;margin-top:7px;font-size:1.25rem}

.retail-secondary{
  padding-top:90px;
  padding-bottom:90px;
  text-align:center;
  background:#08050a;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.retail-secondary h2{margin-left:auto;margin-right:auto;max-width:850px}
.retail-secondary p{max-width:850px;margin:20px auto 0;color:var(--muted);line-height:1.8}

.solution-card.dealer{
  border-color:rgba(187,97,255,.38);
  box-shadow:0 0 65px rgba(146,38,232,.08);
}
.solution-card.retail{opacity:.9}

@media(max-width:980px){
  .oec-focus{grid-template-columns:1fr}
}


/* Dealer C — uses original V6 black/purple visual system */
.dealer-c-study{
  padding:115px 7vw;
  background:
    radial-gradient(circle at 50% 0%,rgba(155,50,255,.12),transparent 34%),
    #08050a;
}
.dc-head{
  max-width:980px;
  margin:0 auto 48px;
  text-align:center;
}
.dc-head h2{
  margin-left:auto;
  margin-right:auto;
}
.dc-head p{
  color:var(--muted);
  line-height:1.8;
}
.dc-grid{
  max-width:1180px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr 1fr .8fr;
  gap:16px;
}
.dc-card,.dc-impact{
  padding:28px;
  border:1px solid var(--line);
  border-radius:22px;
  background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012));
}
.dc-after{
  border-color:rgba(183,96,255,.38);
  box-shadow:0 0 55px rgba(147,43,233,.08);
}
.dc-kicker{
  font-size:.66rem;
  letter-spacing:.18em;
  color:#aa70d6;
  font-weight:900;
}
.dc-card h3{
  margin:8px 0 24px;
  font-size:1.55rem;
}
.dc-rows{
  border:1px solid var(--line);
  border-radius:14px;
  overflow:hidden;
}
.dc-row{
  display:flex;
  justify-content:space-between;
  padding:11px 14px;
  border-bottom:1px solid var(--line);
  font-size:.82rem;
}
.dc-row:last-child{border-bottom:0}
.dc-row span{color:#837a89}
.dc-row b{color:#eee}
.dc-total{
  margin-top:18px;
  padding:18px;
  border:1px solid rgba(174,87,255,.2);
  border-radius:14px;
  background:rgba(157,53,255,.08);
}
.dc-total span,.dc-average span{
  display:block;
  color:#6f6577;
  font-size:.7rem;
}
.dc-total strong{
  display:block;
  margin-top:5px;
  font-size:2rem;
  color:#cf9bff;
}
.dc-average{
  margin-top:10px;
  padding:14px 18px;
  border-top:1px solid var(--line);
}
.dc-average b{
  display:block;
  margin-top:4px;
  font-size:1.25rem;
}
.dc-impact{
  display:flex;
  flex-direction:column;
  justify-content:center;
  text-align:center;
  border-color:rgba(183,96,255,.35);
}
.dc-impact-label{
  align-self:center;
  padding:7px 10px;
  border:1px solid rgba(181,99,255,.26);
  border-radius:999px;
  color:#be89eb;
  font-size:.62rem;
  letter-spacing:.14em;
  font-weight:900;
}
.dc-big{
  margin-top:22px;
  font-size:4.8rem;
  letter-spacing:-.07em;
  font-weight:950;
  color:transparent;
  background:linear-gradient(90deg,#edd8ff,#bf72ff,#8727d8);
  -webkit-background-clip:text;
  background-clip:text;
}
.dc-impact h3{
  margin:0 0 8px;
  font-size:1.35rem;
}
.dc-impact>p{
  color:#bfb5c7;
  margin:0 0 22px;
}
.dc-impact-stat{
  padding:16px 0;
  border-top:1px solid var(--line);
}
.dc-impact-stat span,.dc-impact-stat small{
  display:block;
  color:#6e6574;
  font-size:.7rem;
}
.dc-impact-stat strong{
  display:block;
  margin:5px 0;
  font-size:1.6rem;
}
.dc-chart-card{
  max-width:1180px;
  margin:18px auto 0;
  padding:24px;
  border:1px solid var(--line);
  border-radius:22px;
  background:#0c0910;
}
.dc-chart-title{
  margin-bottom:18px;
  color:#8f75a4;
  font-size:.72rem;
  letter-spacing:.13em;
  font-weight:900;
}
.dc-chart{
  height:340px;
  display:grid;
  grid-template-columns:.34fr 20px .66fr;
  gap:12px;
  align-items:end;
}
.dc-period{
  height:100%;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
}
.dc-period-title{
  text-align:center;
  margin-bottom:10px;
  color:#6b6171;
  font-size:.65rem;
  letter-spacing:.12em;
}
.dc-bars{
  height:290px;
  display:flex;
  align-items:flex-end;
  gap:8px;
  border-bottom:1px solid rgba(255,255,255,.10);
  background:repeating-linear-gradient(
    to top,
    transparent 0,
    transparent 71px,
    rgba(255,255,255,.035) 72px
  );
}
.dc-bar{
  position:relative;
  flex:1;
  min-width:20px;
  border-radius:7px 7px 0 0;
}
.dc-bar.muted{
  background:linear-gradient(180deg,#7c5f8d,#382f40);
}
.dc-bar.purple{
  background:linear-gradient(180deg,#c980ff,#7e2bc1);
  box-shadow:0 0 18px rgba(156,53,255,.10);
}
.dc-bar b{
  position:absolute;
  top:-22px;
  left:50%;
  transform:translateX(-50%);
  color:#d8cedf;
  font-size:.55rem;
  white-space:nowrap;
}
.dc-bar span{
  position:absolute;
  bottom:-20px;
  left:50%;
  transform:translateX(-50%);
  color:#6d6372;
  font-size:.52rem;
}
.dc-separator{
  width:1px;
  height:100%;
  margin:auto;
  background:linear-gradient(transparent,rgba(183,99,255,.5),transparent);
}
.dc-disclaimer{
  max-width:900px;
  margin:20px auto 0;
  text-align:center;
  color:#5f5665;
  font-size:.68rem;
  line-height:1.6;
}
@media(max-width:980px){
  .dc-grid{grid-template-columns:1fr}
  .dc-chart{
    height:auto;
    grid-template-columns:1fr;
  }
  .dc-separator{display:none}
  .dc-bars{height:250px}
}


/* V6D — results-first presentation, preserving original V6 purple/black styling */
.dealer-c-study{
  padding-top:72px !important;
  padding-bottom:105px !important;
  position:relative;
  overflow:hidden;
}
.dealer-c-study:before{
  content:"";
  position:absolute;
  inset:-220px 0 auto 0;
  height:520px;
  pointer-events:none;
  background:radial-gradient(circle at 50% 40%,rgba(157,53,255,.18),transparent 62%);
}
.dc-head,.dc-grid,.dc-chart-card,.dc-disclaimer{
  position:relative;
  z-index:1;
}
.dc-head{
  margin-bottom:38px !important;
}
.dc-head h2{
  max-width:980px !important;
  font-size:clamp(2.8rem,5.5vw,5.4rem) !important;
}
.dc-grid{
  grid-template-columns:1fr 1fr .82fr !important;
}
.dc-impact{
  background:linear-gradient(180deg,rgba(157,53,255,.10),rgba(255,255,255,.015)) !important;
}
.dc-big{
  font-size:5.4rem !important;
}
.dc-chart-card{
  margin-top:20px !important;
  box-shadow:0 28px 80px rgba(0,0,0,.32);
}
.dc-chart-title{
  color:#b984e8 !important;
}
@media(max-width:980px){
  .dealer-c-study{padding-top:58px !important}
  .dc-grid{grid-template-columns:1fr !important}
}

/* OEC remains a supported platform but is intentionally not visually prioritized by name. */
.brand-pill.text-logo{font-weight:900}


/* V6F — Cyber / electric logo animation */
.cyber-stage{
  isolation:isolate;
  overflow:hidden;
  border-radius:32px;
}
.cyber-grid{
  position:absolute;
  inset:8% 2%;
  opacity:.34;
  transform:perspective(620px) rotateX(64deg) translateY(150px) scale(1.05);
  transform-origin:center bottom;
  background-image:
    linear-gradient(rgba(181,104,255,.16) 1px,transparent 1px),
    linear-gradient(90deg,rgba(181,104,255,.16) 1px,transparent 1px);
  background-size:34px 34px;
  mask-image:linear-gradient(to top,rgba(0,0,0,.9),transparent 88%);
  animation:gridDrift 6s linear infinite;
  z-index:0;
}
@keyframes gridDrift{
  from{background-position:0 0,0 0}
  to{background-position:0 34px,34px 0}
}

.code-rain{
  position:absolute;
  inset:5% 3%;
  overflow:hidden;
  z-index:0;
  pointer-events:none;
  mask-image:radial-gradient(circle at center,transparent 0 28%,#000 60%,transparent 92%);
}
.code-token{
  position:absolute;
  top:-40px;
  color:rgba(197,124,255,.30);
  font:600 10px/1.15 "SFMono-Regular",Consolas,monospace;
  letter-spacing:.05em;
  white-space:nowrap;
  text-shadow:0 0 10px rgba(176,87,255,.24);
  animation:codeFall linear infinite;
}
.code-token:nth-child(3n){color:rgba(238,218,255,.18)}
.code-token:nth-child(4n){font-size:8px}
@keyframes codeFall{
  from{transform:translateY(-20px);opacity:0}
  10%{opacity:.72}
  90%{opacity:.52}
  to{transform:translateY(620px);opacity:0}
}

.data-sweep{
  position:absolute;
  height:1px;
  width:64%;
  z-index:2;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(202,141,255,.85),transparent);
  box-shadow:0 0 12px rgba(177,83,255,.72);
  opacity:.5;
}
.sweep-a{transform:rotate(-14deg);animation:sweepA 4.8s ease-in-out infinite}
.sweep-b{transform:rotate(17deg);animation:sweepB 5.6s ease-in-out infinite 1s}
@keyframes sweepA{
  0%,100%{translate:-42% -150px;opacity:0}
  42%{opacity:.55}
  55%{translate:45% 150px;opacity:.1}
}
@keyframes sweepB{
  0%,100%{translate:36% -170px;opacity:0}
  45%{opacity:.45}
  62%{translate:-45% 170px;opacity:.08}
}

.cyber-logo-shell{
  z-index:5;
  animation:logoFloat 4.8s ease-in-out infinite;
}
@keyframes logoFloat{
  0%,100%{transform:translateY(0) scale(1)}
  50%{transform:translateY(-8px) scale(1.012)}
}
.cyber-logo{
  animation:logoCharge 5.5s ease-in-out infinite;
  filter:
    drop-shadow(0 0 8px rgba(206,140,255,.30))
    drop-shadow(0 0 24px rgba(139,43,225,.38));
}
@keyframes logoCharge{
  0%,100%{filter:drop-shadow(0 0 8px rgba(206,140,255,.24)) drop-shadow(0 0 22px rgba(139,43,225,.32));opacity:.96}
  48%{filter:drop-shadow(0 0 12px rgba(231,196,255,.50)) drop-shadow(0 0 34px rgba(160,55,255,.65));opacity:1}
  50%{filter:drop-shadow(0 0 20px rgba(255,255,255,.75)) drop-shadow(0 0 48px rgba(181,78,255,.85));}
  54%{filter:drop-shadow(0 0 11px rgba(207,145,255,.46)) drop-shadow(0 0 30px rgba(144,42,228,.55))}
}

.logo-energy{
  position:absolute;
  inset:-7%;
  border-radius:50%;
  pointer-events:none;
  border:1px solid rgba(203,138,255,.20);
  box-shadow:
    0 0 24px rgba(173,74,255,.16),
    inset 0 0 24px rgba(173,74,255,.10);
}
.energy-1{animation:energyPulse 2.7s ease-out infinite}
.energy-2{inset:-13%;animation:energyPulse 2.7s ease-out infinite 1.35s}
@keyframes energyPulse{
  0%{transform:scale(.88);opacity:0}
  25%{opacity:.65}
  100%{transform:scale(1.13);opacity:0}
}

.logo-glitch{
  position:absolute;
  left:7%;
  right:7%;
  height:4px;
  z-index:8;
  opacity:0;
  mix-blend-mode:screen;
  background:linear-gradient(90deg,transparent,#e3c3ff 30%,#9b32ff 65%,transparent);
  box-shadow:0 0 13px rgba(196,112,255,.9);
  pointer-events:none;
}
.glitch-1{top:37%;animation:glitchBand 5.4s steps(1,end) infinite 1.8s}
.glitch-2{top:62%;animation:glitchBand2 6.2s steps(1,end) infinite 3.2s}
@keyframes glitchBand{
  0%,88%,100%{opacity:0;transform:translateX(0)}
  89%{opacity:.8;transform:translateX(-12px)}
  90%{opacity:.25;transform:translateX(9px)}
  91%{opacity:.65;transform:translateX(-4px)}
  92%{opacity:0}
}
@keyframes glitchBand2{
  0%,91%,100%{opacity:0;transform:translateX(0)}
  92%{opacity:.65;transform:translateX(10px)}
  93%{opacity:.2;transform:translateX(-6px)}
  94%{opacity:0}
}

.electric-layer{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  z-index:4;
  overflow:visible;
  pointer-events:none;
}
.electric-layer path{
  fill:none;
  stroke:#c77dff;
  stroke-width:1.35;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-dasharray:7 22;
  filter:drop-shadow(0 0 5px #a43eff) drop-shadow(0 0 11px rgba(181,78,255,.65));
}
.electric-a path{animation:electricRun 2.8s linear infinite}
.electric-b path{animation:electricRun 3.4s linear infinite reverse}
@keyframes electricRun{
  0%{stroke-dashoffset:0;opacity:.08}
  20%{opacity:.58}
  52%{opacity:.20}
  68%{opacity:.72}
  100%{stroke-dashoffset:-116;opacity:.08}
}

.cyber-terminal{
  position:absolute;
  z-index:3;
  display:flex;
  flex-direction:column;
  gap:5px;
  padding:11px 13px;
  border:1px solid rgba(191,111,255,.15);
  border-radius:9px;
  background:rgba(7,5,10,.44);
  color:rgba(205,184,219,.48);
  font:600 9px/1.25 "SFMono-Regular",Consolas,monospace;
  letter-spacing:.03em;
  backdrop-filter:blur(5px);
  pointer-events:none;
}
.cyber-terminal .hot{
  color:rgba(211,151,255,.83);
  text-shadow:0 0 8px rgba(178,76,255,.38);
}
.terminal-left{left:2%;bottom:9%;transform:rotate(-2deg)}
.terminal-right{right:1%;top:12%;transform:rotate(2deg)}

.status-ticker{
  position:absolute;
  left:50%;
  bottom:5%;
  z-index:6;
  transform:translateX(-50%);
  min-width:290px;
  padding:8px 14px;
  border:1px solid rgba(188,104,255,.19);
  border-radius:999px;
  background:rgba(9,6,12,.62);
  text-align:center;
  color:#b88be0;
  font:800 9px/1 "SFMono-Regular",Consolas,monospace;
  letter-spacing:.14em;
  box-shadow:0 0 30px rgba(135,41,213,.08);
  backdrop-filter:blur(7px);
}
.status-ticker:before{
  content:"";
  display:inline-block;
  width:6px;
  height:6px;
  margin-right:8px;
  border-radius:50%;
  background:#c673ff;
  box-shadow:0 0 0 4px rgba(198,115,255,.08),0 0 12px #b554ff;
  vertical-align:1px;
}

@media(max-width:680px){
  .cyber-terminal{display:none}
  .status-ticker{bottom:2%;min-width:245px;font-size:7px}
  .code-rain{inset:2%}
  .electric-layer{opacity:.75}
}

@media(prefers-reduced-motion:reduce){
  .cyber-grid,.code-token,.data-sweep,.cyber-logo-shell,.cyber-logo,.logo-energy,.logo-glitch,.electric-layer path{
    animation:none!important;
  }
  .code-rain{display:none}
}


/* V6G — TMGTX.IO product/service identity + TMG Investments operator attribution */
.brand-operator-line{
  margin:18px 0 20px;
  color:#746b7b;
  font-size:.72rem;
  line-height:1.5;
  letter-spacing:.015em;
}
.brand-operator-line span{
  color:#c88cff;
  font-weight:900;
  letter-spacing:.06em;
}
.brand-operator-line strong{
  color:#a99caf;
  font-weight:800;
}
.operator-footer-note{
  max-width:1180px;
  margin:0 auto 24px;
  padding:14px 18px;
  border:1px solid rgba(190,108,255,.12);
  border-radius:12px;
  background:rgba(158,52,255,.035);
  color:#756c7c;
  font-size:.68rem;
  line-height:1.55;
}
.operator-footer-note strong:first-child{
  color:#b77be8;
}


/* V6H FIXED — animated dealership workflow sequence */
.workflow-demo{
  margin-top:32px;
  display:grid;
  grid-template-columns:1.08fr .92fr;
  gap:18px;
  position:relative;
  z-index:1;
}
.workflow-terminal{
  min-height:480px;
  border:1px solid rgba(182,100,255,.28);
  border-radius:16px;
  overflow:hidden;
  background:linear-gradient(180deg,rgba(155,50,255,.05),transparent 30%),#09060d;
  box-shadow:inset 0 0 38px rgba(146,41,232,.025),0 0 28px rgba(155,50,255,.04);
}
.workflow-terminal-head{
  height:48px;
  display:flex;
  align-items:center;
  gap:9px;
  padding:0 14px;
  border-bottom:1px solid var(--line);
  color:#8f8299;
  font:800 9px/1 "SFMono-Regular",Consolas,monospace;
  letter-spacing:.12em;
}
.workflow-terminal-head b{margin-left:auto;color:#c88cff;font-size:8px}
.workflow-live-dot{
  width:7px;height:7px;border-radius:50%;
  background:#b85cff;
  box-shadow:0 0 0 5px rgba(184,92,255,.08),0 0 14px #a845ff;
  animation:workflowPulse 1.8s ease-in-out infinite;
}
@keyframes workflowPulse{50%{transform:scale(.72);opacity:.55}}
.workflow-lines{
  min-height:385px;
  max-height:385px;
  overflow:hidden;
  padding:18px 14px 14px;
  font:600 10px/1.4 "SFMono-Regular",Consolas,monospace;
}
.workflow-line{
  display:grid;
  grid-template-columns:24px 8px 1fr;
  gap:8px;
  align-items:start;
  min-height:22px;
  opacity:0;
  transform:translateY(4px);
  animation:workflowLineIn .22s ease forwards;
}
@keyframes workflowLineIn{to{opacity:1;transform:none}}
.workflow-line .wf-num{color:#554d5d;font-size:8px;padding-top:2px}
.workflow-line .wf-node{
  width:6px;height:6px;border-radius:50%;margin-top:4px;
  background:#a84eff;box-shadow:0 0 8px #a84eff;position:relative;
}
.workflow-line:not(:last-child) .wf-node:after{
  content:"";position:absolute;top:6px;left:2px;width:1px;height:18px;
  background:linear-gradient(#a84eff,rgba(168,78,255,.08));
}
.workflow-line .wf-cmd{color:#d6ccd9}
.workflow-line .wf-cmd strong{color:#f1eaf5;font-weight:700}
.workflow-line .wf-meta{display:block;margin-top:2px;color:#6f6480;font-size:8px}
.workflow-line.success .wf-meta{color:#9fdd76}
.workflow-line.warning .wf-meta{color:#d7a862}
.workflow-line.danger .wf-meta{color:#d4728d}
.workflow-line.active .wf-cmd{color:#d7a7ff;text-shadow:0 0 10px rgba(180,86,255,.38)}
.workflow-terminal-foot{
  min-height:46px;padding:11px 14px;border-top:1px solid var(--line);
  display:flex;justify-content:space-between;gap:10px;color:#5e5664;
  font:700 8px/1.25 "SFMono-Regular",Consolas,monospace;letter-spacing:.08em;
}
.workflow-copy{display:flex;flex-direction:column;justify-content:center;padding:8px 2px}
.workflow-copy h4{margin:0 0 12px;font-size:1.35rem;letter-spacing:-.025em}
.workflow-copy>p{margin:0 0 22px;color:#9c92a4;font-size:.87rem;line-height:1.65}
.workflow-benefit{
  display:grid;grid-template-columns:32px 1fr;gap:12px;
  padding:13px 0;border-top:1px solid var(--line);
}
.workflow-benefit>span{color:#9f66ce;font-size:.68rem;font-weight:900}
.workflow-benefit b{display:block;font-size:.78rem;color:#ddd4e3;text-transform:uppercase;letter-spacing:.08em}
.workflow-benefit small{display:block;margin-top:4px;color:#756c7b;font-size:.72rem;line-height:1.45}
@media(max-width:760px){
  .workflow-demo{grid-template-columns:1fr}
  .workflow-terminal{min-height:450px}
  .workflow-lines{min-height:355px;max-height:355px}
  .workflow-copy{padding-top:10px}
}
@media(prefers-reduced-motion:reduce){
  .workflow-live-dot,.workflow-line{animation:none!important}
  .workflow-line{opacity:1;transform:none}
}

/* V6I — simplified dealership request */
.dealer-simple-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:680px){.dealer-simple-grid{grid-template-columns:1fr}}

.dealer-simple-grid label span em{
  color:#706777;
  font-style:normal;
  font-weight:500;
  font-size:.72em;
}


/* V6L — approved response-time / regional coverage visual */
.response-visual-section{
  padding:72px 5vw 92px;
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 22%, rgba(155,50,255,.10), transparent 36%),
    #070509;
}
.response-visual-section:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(rgba(174,89,255,.025) 1px, transparent 1px),
    linear-gradient(90deg,rgba(174,89,255,.025) 1px, transparent 1px);
  background-size:34px 34px;
  mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 82%,transparent);
}
.response-visual-wrap{
  max-width:1480px;
  margin:0 auto;
  position:relative;
  z-index:1;
  border:1px solid rgba(181,90,255,.22);
  border-radius:24px;
  overflow:hidden;
  background:#050408;
  box-shadow:
    0 30px 90px rgba(0,0,0,.42),
    0 0 70px rgba(146,39,229,.08);
}
.response-visual-image{
  display:block;
  width:100%;
  height:auto;
}
@media(max-width:700px){
  .response-visual-section{
    padding:44px 14px 60px;
  }
  .response-visual-wrap{
    border-radius:16px;
  }
}


/* V6M — referral source dropdown */
.referral-other-field[hidden]{
  display:none !important;
}
.referral-other-field{
  animation:referralReveal .22s ease both;
}
@keyframes referralReveal{
  from{opacity:0;transform:translateY(-4px)}
  to{opacity:1;transform:none}
}

.required-note{
  margin:0 0 16px;
  color:#756c7b;
  font-size:.72rem;
}


/* V6O — conditional referral detail rows */
.referral-detail-grid[hidden],
.referral-other-field[hidden]{
  display:none !important;
}

.referral-detail-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:14px;
  grid-column:1 / -1;
  animation:referralReveal .22s ease both;
}

@media (max-width: 720px){
  .referral-detail-grid{
    grid-template-columns:1fr;
  }
}


/* V6Q — supported-site logo treatment */
.brand-pill{
  min-width:205px;
}
.brand-pill img{
  width:34px;
  height:34px;
  object-fit:contain;
  flex:0 0 auto;
}
.brand-pill img.site-logo{
  width:38px;
  height:38px;
  padding:5px;
  border-radius:10px;
  background:rgba(255,255,255,.94);
  box-shadow:
    0 0 0 1px rgba(255,255,255,.10),
    0 0 24px rgba(166,82,255,.12);
}
.brand-pill span{
  white-space:nowrap;
}


/* V6R — animated secondary-service workflows */
.secondary-card{
  border-color:rgba(114,74,172,.35);
  box-shadow:0 0 44px rgba(146,64,234,.06);
}
.secondary-card p{
  margin-bottom:22px;
}
.secondary-card strong{
  color:#e9d9fb;
}
.retail-workflow-board{
  margin-top:10px;
  border:1px solid rgba(183,106,255,.20);
  border-radius:18px;
  overflow:hidden;
  background:
    linear-gradient(180deg,rgba(155,50,255,.045),transparent 28%),
    #0a0710;
}
.retail-workflow-topbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:14px 16px;
  border-bottom:1px solid var(--line);
  color:#b58ade;
  font:800 10px/1 "SFMono-Regular",Consolas,monospace;
  letter-spacing:.12em;
}
.retail-workflow-topbar small{
  color:#7f7690;
  font-size:9px;
}
.retail-workflow-grid{
  display:grid;
  gap:12px;
  padding:14px;
}
.retail-row{
  padding:14px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:14px;
  background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.01));
}
.retail-row-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:12px;
}
.retail-site-pill{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 12px;
  border-radius:999px;
  border:1px solid rgba(181,105,255,.22);
  background:rgba(157,52,255,.07);
  color:#dbcbeb;
  font-size:.68rem;
  font-weight:900;
  letter-spacing:.12em;
}
.retail-status{
  color:#7a7186;
  font:800 9px/1 "SFMono-Regular",Consolas,monospace;
  letter-spacing:.10em;
}
.retail-row.running .retail-status{
  color:#d8b1ff;
}
.retail-row.complete .retail-status{
  color:#9fe59f;
}
.retail-step-track{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.retail-step{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 10px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.07);
  background:#110d16;
  color:#6f667c;
  font:700 9px/1 "SFMono-Regular",Consolas,monospace;
  letter-spacing:.06em;
  transition:
    color .18s ease,
    border-color .18s ease,
    background .18s ease,
    box-shadow .18s ease,
    transform .18s ease;
}
.retail-step.active{
  color:#f1e8fb;
  border-color:rgba(206,145,255,.45);
  background:linear-gradient(180deg,rgba(205,137,255,.18),rgba(118,38,190,.18));
  box-shadow:0 0 18px rgba(154,58,242,.16);
  transform:translateY(-1px);
}
.retail-step.done{
  color:#d8c3ea;
  border-color:rgba(175,103,247,.18);
  background:rgba(143,55,220,.10);
}
.retail-step.success{
  color:#ecfff1;
  border-color:rgba(123,220,146,.34);
  background:linear-gradient(180deg,rgba(73,161,97,.22),rgba(28,72,41,.28));
  box-shadow:0 0 18px rgba(102,196,127,.16);
}
@media (max-width:740px){
  .retail-workflow-topbar,
  .retail-row-head{
    flex-direction:column;
    align-items:flex-start;
  }
}
@media (prefers-reduced-motion:reduce){
  .retail-step{transition:none!important}
}


/* V6T — animated page-wide logo background */
body{
  position:relative;
}
header,
main,
footer{
  position:relative;
  z-index:1;
}
.global-logo-bg{
  position:fixed;
  inset:0;
  overflow:hidden;
  pointer-events:none;
  z-index:0;
  opacity:1;
}
.global-logo-bg::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 20% 18%, rgba(146,44,236,.08), transparent 28%),
    radial-gradient(circle at 82% 32%, rgba(160,66,245,.07), transparent 24%),
    radial-gradient(circle at 42% 76%, rgba(110,36,190,.08), transparent 30%);
}
.bg-logo{
  position:absolute;
  opacity:.045;
  filter:drop-shadow(0 0 18px rgba(163,73,242,.12));
  user-select:none;
  will-change:transform, opacity;
}
.bg-logo-1{width:160px; top:8%; left:4%; animation:bgFloatA 20s ease-in-out infinite;}
.bg-logo-2{width:280px; top:14%; right:6%; animation:bgFloatB 24s ease-in-out infinite;}
.bg-logo-3{width:145px; top:38%; left:11%; animation:bgFloatC 22s ease-in-out infinite;}
.bg-logo-4{width:260px; top:44%; right:8%; animation:bgFloatA 26s ease-in-out infinite reverse;}
.bg-logo-5{width:175px; bottom:24%; left:5%; animation:bgFloatB 21s ease-in-out infinite;}
.bg-logo-6{width:295px; bottom:12%; right:10%; animation:bgFloatC 27s ease-in-out infinite;}
.bg-logo-7{width:130px; bottom:6%; left:42%; animation:bgFloatA 18s ease-in-out infinite;}
.bg-logo-8{width:210px; top:70%; left:58%; animation:bgFloatB 23s ease-in-out infinite;}

@keyframes bgFloatA{
  0%,100%{transform:translate3d(0,0,0) rotate(0deg) scale(1);}
  50%{transform:translate3d(18px,-20px,0) rotate(3deg) scale(1.03);}
}
@keyframes bgFloatB{
  0%,100%{transform:translate3d(0,0,0) rotate(0deg) scale(1);}
  50%{transform:translate3d(-16px,24px,0) rotate(-2.5deg) scale(1.04);}
}
@keyframes bgFloatC{
  0%,100%{transform:translate3d(0,0,0) rotate(0deg) scale(1);}
  50%{transform:translate3d(14px,16px,0) rotate(2deg) scale(.98);}
}

/* V6T — clickable private access badge with watermark */
.exclusive-cta{
  position:relative;
  overflow:hidden;
  text-decoration:none;
  cursor:pointer;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.exclusive-cta:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 40px rgba(138,43,229,.18);
  border-color:rgba(201,143,255,.34);
}
.exclusive-cta:active{
  transform:translateY(0);
}
.exclusive-watermark{
  position:absolute;
  inset:50% auto auto 50%;
  width:180px;
  transform:translate(-50%,-50%);
  opacity:.10;
  filter:drop-shadow(0 0 18px rgba(195,123,255,.16));
  animation:exclusivePulse 6s ease-in-out infinite;
  pointer-events:none;
}
@keyframes exclusivePulse{
  0%,100%{transform:translate(-50%,-50%) scale(1); opacity:.08;}
  50%{transform:translate(-50%,-50%) scale(1.06); opacity:.13;}
}
.exclusive-cta > div,
.exclusive-cta > strong,
.exclusive-cta > span,
.exclusive-cta > small{
  position:relative;
  z-index:1;
}
.exclusive-cta small{
  display:block;
  margin-top:8px;
  color:#9f8aac;
  font-size:.63rem;
  letter-spacing:.16em;
  font-weight:800;
}
@media (max-width:700px){
  .exclusive-watermark{width:142px;}
  .bg-logo-2,.bg-logo-4,.bg-logo-6,.bg-logo-8{width:170px;}
}
@media (prefers-reduced-motion: reduce){
  .bg-logo,
  .exclusive-watermark{
    animation:none !important;
  }
}


/* V6V — expanded anonymized dealer results */
.proof-grid{
  grid-template-columns:repeat(2, minmax(0, 1fr));
  max-width:1280px;
}
.proof-card{
  min-height:100%;
}
.proof-summary.expanded{
  max-width:1280px;
  grid-template-columns:repeat(5, minmax(0, 1fr));
}
.proof-summary.expanded strong{
  font-size:1.75rem;
}
.proof-summary.expanded div{
  min-height:126px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.bar-chart.six .bar-item{
  flex:1;
}
@media(max-width:1080px){
  .proof-summary.expanded{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
  .proof-summary.expanded div:nth-child(2n){
    border-right:0;
  }
}
@media(max-width:800px){
  .proof-grid{
    grid-template-columns:1fr;
  }
  .proof-summary.expanded{
    grid-template-columns:1fr;
  }
  .proof-summary.expanded div{
    border-right:0;
    border-bottom:1px solid var(--line);
  }
  .proof-summary.expanded div:last-child{
    border-bottom:0;
  }
}