/* CPM1 Redline geometry adapted to CPM2 Blue Neon. Load last. */
html:root,html:root[data-theme]{
 --bg:#000;--s0:#02060b;--s1:#05090f;--s2:#08101b;--s3:#0b192b;
 --surface:var(--s1);--surface2:var(--s2);--sheet:#030810;--pop:var(--s2);
 --neon:#2388ff;--neon-hot:#a1d6ff;--neon-soft:#64b5ff;--ember:#084fba;
 --line:rgba(70,151,255,.15);--line-2:rgba(70,151,255,.28);--line-hi:rgba(35,136,255,.6);
 --hair:var(--line);--hair2:var(--line-2);--border:var(--line);
 --ink:#f1f6fb;--ink-2:#bfccd3;--ink-3:#84939c;--ink-4:#5a656f;--sub:var(--ink-2);--muted:var(--ink-3);
 --glow-1:rgba(35,136,255,.16);--glow-2:rgba(35,136,255,.35);--glow-3:rgba(35,136,255,.6);
 --hex-surface:linear-gradient(180deg,#081014 0%,#040709 100%);
 --hex-edge:linear-gradient(150deg,rgba(45,145,255,.95),rgba(45,145,255,.18) 26%,rgba(45,145,255,.06) 58%,rgba(45,145,255,.5));
 --hex-shadow:0 0 28px -10px var(--glow-3),0 28px 60px -30px #000,inset 0 1px 0 #96caff1f,inset 0 0 44px -24px var(--glow-2);
 --display:'Chakra Petch','Manrope',system-ui,sans-serif;--body:'Manrope',-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif;
 --ui:var(--body);--disp:var(--display);--hex-spectrum:linear-gradient(180deg,#3a9bff,#0069e0 52%,#0045a1);
 color-scheme:dark;
}
*{box-sizing:border-box}html{background:#000}body{background:radial-gradient(70% 38% at 85% -4%,#147eff38,transparent 70%),radial-gradient(60% 40% at -10% 78%,#0046a029,transparent 70%),#000!important}
[hidden],.hidden{display:none!important}
.page,.wrap{width:100%;max-width:860px;margin-inline:auto;padding-inline:16px}
.page{padding-top:calc(18px + env(safe-area-inset-top,0px))}
.hex-masthead,.blue-masthead{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 0 18px;margin:0 0 12px;border:0;border-bottom:1px solid var(--line-2);position:relative}
.hex-masthead::after,.blue-masthead::after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,var(--neon),#2388ff40 45%,transparent);box-shadow:0 0 10px var(--glow-3)}
.hex-signature strong,.blue-signature{font:700 21px/1 var(--display);letter-spacing:.06em;color:#fff}.hex-signature strong em,.blue-signature em{font-style:normal;color:#e6f3ff;text-shadow:0 0 2px #fff,0 0 6px var(--neon),0 0 14px var(--neon),0 0 30px var(--neon)}
.hex-signature small,.blue-signature small{display:block;margin-top:7px;font:600 8.5px/1.3 var(--body);letter-spacing:.24em;color:var(--ink-3)}
.dashboard-head{display:none}.blue-badge{border-color:var(--line-2);background:var(--s1);border-radius:8px}
.hex-hero {
  position: relative; isolation: isolate; overflow: visible;
  height: auto; min-height: 0; margin: 0 0 12px; padding: 14px 0 26px;
  border: 0; border-radius: 0; box-shadow: none; background: none;
}
.hex-hero::before { display: none; }
/* Red underglow on the floor beneath the car. */

.hex-hero-copy { position: relative; z-index: 2; padding: 0 2px 6px; pointer-events: none; }
.hex-eyebrow { display: block; margin-bottom: 8px; font: 600 9px/1.2 var(--display); letter-spacing: .22em; color: var(--ink-3); }
.hex-hero-copy .hex-eyebrow:empty { display: none; }
.hex-hero h1 {
  margin: 0; font: 700 clamp(26px, 7.4vw, 36px)/1.04 var(--display); letter-spacing: -.005em;
  text-transform: none; color: #fff;
}
.hex-hero h1 em {
  font-style: normal; color: #e0f1ff;
  text-shadow: 0 0 2px #fff, 0 0 8px var(--neon), 0 0 20px var(--neon), 0 0 42px rgba(35, 136, 255, .6);
}

.hex-hero-line {
  position: absolute; z-index: 1; left: 4px; right: 4px; bottom: 20px; height: 2px; border-radius: 2px;
  background: linear-gradient(90deg, transparent, var(--neon) 18%, var(--neon-hot) 50%, var(--neon) 82%, transparent);
  box-shadow: 0 0 10px var(--neon), 0 0 26px var(--glow-3);
}
.hex-hero-caption {
  position: absolute; z-index: 2; left: 2px; right: 2px; bottom: 0;
  display: flex; justify-content: flex-start; align-items: center;
  font: 600 8.5px/1 var(--display); letter-spacing: .26em; color: var(--ink-4);
}



.hex-profile-shell{position:relative;isolation:isolate;overflow:hidden;padding:16px;border-radius:22px;border:1px solid transparent;background:var(--hex-surface) padding-box,var(--hex-edge) border-box;box-shadow:var(--hex-shadow)}
.hex-profile-shell::before{content:'';position:absolute;inset:1px;z-index:-2;background:url('/assets/hex-profile-flowers.jpg') 50% 52%/cover;filter:grayscale(1) contrast(1.25) brightness(.62);opacity:.9;border-radius:inherit}
.hex-profile-shell::after{content:'';position:absolute;inset:1px;z-index:-1;border-radius:inherit;background:linear-gradient(105deg,#000304f0,#001020c7 48%,#00427880),linear-gradient(#147eff59,#147eff59)}
.hex-profile-shell .hex-connected{margin:0;padding:0 0 16px;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important}
.hex-profile-shell .bal{margin:10px 0 0;border:0!important;border-top:1px solid var(--line)!important;border-radius:0!important;background:#0004!important;box-shadow:none!important}
.hex-profile-shell .hex-account-details{padding:8px 0;border:0!important;background:none!important;box-shadow:none!important}
.hex-connected-dot{width:40px;height:40px;display:grid;place-items:center;border:2px solid var(--neon);background:radial-gradient(circle at 50% 30%,#09233a,#02090d);box-shadow:0 0 0 4px #2388ff1f,0 0 18px var(--glow-3);color:white;font:700 14px var(--display)}
.hex-connected-dot::after{content:'HX'}.hex-connected b{font:700 16px/1.4 var(--display)}
.gh{display:flex;align-items:center;gap:9px;font:600 13px/1.2 var(--display);letter-spacing:.04em;color:var(--ink-2);margin:26px 2px 12px}.gh::before{content:'';width:14px;height:2px;background:var(--neon);box-shadow:0 0 8px var(--neon);flex:none}
.hex-tool-list{display:grid!important;grid-template-columns:minmax(0,1fr);gap:10px!important;background:none;border:0;box-shadow:none;overflow:visible}
.hex-tool-list .svc-row,.blue-admin-row{position:relative;display:flex;align-items:center;gap:12px;min-height:78px;height:100%;padding:14px 14px 14px 16px!important;border:1px solid var(--line)!important;border-radius:16px!important;background:linear-gradient(100deg,#2388ff08,transparent 44%),linear-gradient(180deg,var(--s2),var(--s1))!important;box-shadow:inset 0 1px 0 #8ccaff0a!important;text-align:left;overflow:hidden;transform:none!important}
.hex-tool-list .svc-row+.svc-row{border-top:1px solid var(--line)}.hex-tool-list .wide{grid-column:auto}
.svc-row::before,.blue-admin-row::before{top:28%;bottom:28%;width:3px;background:var(--neon);box-shadow:0 0 10px var(--neon);opacity:.6}
.svc-row .tx,.blue-menu-copy{min-width:0;flex:1}.svc-row .tx b,.blue-admin-row b{font:700 15px/1.3 var(--display);letter-spacing:.015em}.svc-row .tx small,.blue-admin-row small{font:500 11.5px/1.5 var(--body);color:var(--ink-3)}
.svc-row .ic,.blue-menu-icon{width:42px!important;height:42px!important;flex:0 0 42px;border-radius:12px!important;background:radial-gradient(100% 100% at 50% 110%,#2388ff40,transparent 70%),var(--s0)!important;border:1px solid var(--line-2)!important;box-shadow:inset 0 0 14px #2388ff14!important}
.svc-row .chev{position:static;flex:none;margin-left:auto}.svc-row .pill{position:static}.svc-row:not(:has(.ic)){padding-left:16px!important}
.sec,.grp,.quota,.blue-stat,.hex-login-card,.gate,.blue-match-list{border:1px solid transparent!important;border-radius:22px!important;background:var(--hex-surface) padding-box,var(--hex-edge) border-box!important;box-shadow:var(--hex-shadow)!important;backdrop-filter:none;-webkit-backdrop-filter:none}
.sec{padding:18px!important}.sec h2,.blue-intro h1,.ph h1{font-family:var(--display)}.blue-stat{border-radius:14px!important;padding:14px!important}.blue-stat b{font-size:27px;color:var(--ink)}
.btn,.hex-primary{position:relative;overflow:hidden;min-height:46px;font:700 13px/1.4 var(--display)!important;border-radius:12px!important;background:var(--hex-spectrum)!important;border:1px solid #64b5ff66!important;box-shadow:inset 0 1px 0 #b0dcff33,0 0 16px -8px var(--glow-3)!important;letter-spacing:.03em}
.btn.quiet,.btn.ghost,.btn.secondary,.btn.outline,.btn.btn-glass,.hex-logout,.mini{background:var(--s1)!important;color:var(--ink-2)!important;border:1px solid var(--line-2)!important;box-shadow:none!important}
.btn.danger,.mini.danger{background:linear-gradient(180deg,#301018,#17090e)!important;border-color:#ff4d6359!important;color:#ff9aaa!important}.btn:disabled,.hex-primary:disabled{opacity:.45;cursor:not-allowed;filter:none!important}
input:not([type=checkbox]):not([type=radio]),select,textarea{background:var(--s0)!important;border-color:var(--line-2)!important;font-size:16px!important;border-radius:12px!important;color:var(--ink)!important;min-width:0}
input[type=checkbox],input[type=radio]{accent-color:var(--neon)}
.chips button,.seg button,.vip-btn{background:var(--s1);border-color:var(--line);color:var(--ink-2)}.chips button.on,.seg button.on,.vip-btn.selected{background:#2388ff1f;color:var(--neon-hot);box-shadow:inset 0 0 0 1px var(--line-2)}
.tabs{border-radius:14px!important;background:#030810f5!important}.tabs button.on{background:#2388ff1f!important}.sheet{max-width:600px;border:1px solid var(--line-2);border-bottom:0;border-radius:24px 24px 0 0;box-shadow:0 -10px 40px -12px var(--glow-3)}.sheet-bar{background:linear-gradient(180deg,#2388ff0d,transparent)}
.back,.sheet-x{background:var(--s1);border:1px solid var(--line-2);color:var(--neon-soft)}.sheet-grip{background:var(--neon);box-shadow:0 0 10px var(--neon)}
.hex-status,.log{background:var(--s0)!important;border:1px solid var(--line)!important;box-shadow:none!important;color:var(--ink-2)}.hex-login-symbol{margin:20px 0;border-radius:20px}.hex-login-card{padding:24px!important}.hex-login-body{background:radial-gradient(70% 38% at 85% -4%,#147eff38,transparent 70%),#000!important}.hex-login-card h1{font-size:27px!important}.hex-login-hero{padding:8px 0 24px;margin-bottom:16px}.hex-login-hero h1{font-size:27px}
.hex-admin-dock{background:#000e}.hex-admin-dock a{font-family:var(--display);border-radius:12px}.blue-admin-menu{gap:10px}.hex-credit strong{color:var(--neon-soft)!important}
.hex-touch-wave{position:absolute;z-index:3;pointer-events:none;border-radius:50%;width:var(--wave-size);height:var(--wave-size);left:var(--wave-x);top:var(--wave-y);background:radial-gradient(circle,#a1d6ff42,#2388ff14 45%,transparent 68%);transform:translate(-50%,-50%) scale(.05);animation:neon-wave .6s ease-out forwards}
@keyframes neon-wave{to{transform:translate(-50%,-50%) scale(1.35);opacity:0}}
@media(hover:hover){.hex-tool-list .svc-row:hover,.blue-admin-row:hover{border-color:#2388ff73!important;background:linear-gradient(100deg,#2388ff24,transparent 44%),linear-gradient(180deg,var(--s3),var(--s1))!important;box-shadow:0 0 22px -6px var(--glow-3)!important}.svc-row:hover::before,.blue-admin-row:hover::before{top:14%;bottom:14%;opacity:1}}
@media(min-width:700px){.page,.wrap{padding-inline:24px}.hex-tool-list,.blue-admin-menu{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:360px){.page,.wrap{padding-inline:12px}.hex-signature strong,.blue-signature{font-size:18px}.hex-profile-shell,.hex-login-card,.sec{padding:14px!important}.svc-row .tx b{font-size:14px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.hex-touch-wave{display:none}}

/* Selected controls and progress retain the shared accent on every page. */
.vip-btn.selected::after{background:var(--hex-spectrum)!important;box-shadow:0 0 16px -4px var(--neon)}
.vip-btn .vb-title{font-family:var(--display)}.vip-btn .vb-icon{background:#2388ff12;border:1px solid var(--line);color:var(--neon-soft)}
.status-badge{background:#2388ff14!important;border-color:var(--line-2)!important;color:var(--neon-soft)}
.st-card,.stat-card,.blue-account-card{background:var(--s1);border:1px solid var(--line);border-radius:14px}
.gate button{background:var(--hex-spectrum);color:var(--ink);font-family:var(--display)}

/* Text-only introductions: no car artwork or reserved image space. */
.hex-hero{padding:8px 0 28px;margin-bottom:16px}
.hex-hero::after{display:none}
.hex-hero-line{bottom:16px}
.hex-hero-caption{bottom:0}

/* Account entry mirrors the CPM1 Saved / Sign In / Create tabs. */
.hex-auth-tabs{display:flex;gap:5px;padding:5px;border:1px solid var(--line);border-radius:14px;background:var(--s0);margin:18px 0}
.hex-auth-tabs button{flex:1;min-height:40px;padding:8px 5px;border:0;border-radius:10px;background:none;color:var(--ink-3);font:700 13px var(--display);cursor:pointer}
.hex-auth-tabs button.on{background:#2388ff20;color:var(--neon-hot);box-shadow:inset 0 0 0 1px var(--line-2)}
.hex-auth-tabs button:disabled{opacity:.5;cursor:wait}.hex-auth-panel[hidden]{display:none!important}
.hex-password-field{position:relative;display:block}.hex-password-field input{width:100%;padding-right:66px!important}.hex-password-field button{position:absolute;right:8px;top:50%;transform:translateY(-50%);padding:10px 7px;border:0;background:none;color:var(--neon-soft);font:600 11px var(--body);cursor:pointer}
.hex-form .hex-remember{display:flex;flex-direction:row;align-items:center;gap:9px;font-size:12px!important;letter-spacing:0}.hex-remember input{width:18px;height:18px;min-height:0}
.hex-saved-list{display:flex;flex-direction:column;gap:0;border:1px solid var(--line);border-radius:16px;background:var(--s0);overflow:hidden}
.hex-saved-row{display:flex;align-items:center;gap:10px;padding:12px;min-width:0}.hex-saved-row+.hex-saved-row{border-top:1px solid var(--line)}.hex-saved-avatar{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:50%;background:#2388ff18;border:1px solid var(--line-2);color:var(--neon-soft);font:700 15px var(--display)}
.hex-saved-use{flex:1;min-width:0;padding:0;background:none;border:0;color:var(--ink);text-align:left;cursor:pointer}.hex-saved-use strong{display:block;overflow-wrap:anywhere;font:700 13px/1.5 var(--body)}.hex-saved-use small{display:block;color:var(--ink-3);font:500 11px/1.5 var(--body)}.hex-saved-remove{flex:none;width:32px;height:36px;background:none;border:1px solid var(--line);border-radius:9px;color:var(--ink-3);font-size:22px;cursor:pointer}.hex-saved-empty{padding:12px 16px;color:var(--ink-3);font:500 12px/1.7 var(--body)}
.hex-account-nav{display:flex;gap:8px;margin:12px 0}.hex-account-nav button{flex:1;min-height:40px;padding:8px;border:1px solid var(--line-2);border-radius:10px;background:var(--s0);color:var(--neon-soft);font:600 11px var(--display);cursor:pointer}

/* Final account and shared control refinements. */
.hex-login-card{width:min(100%,440px);max-width:100%;margin:auto}
.hex-auth-tabs button{min-height:44px;font-size:14px}.hex-auth-panel{min-width:0}
.hex-saved-use{min-height:44px;display:flex;flex-direction:column;justify-content:center}
.hex-saved-remove{width:44px;height:44px}.hex-password-field button{min-width:48px;min-height:44px}
.hex-login-message{margin:14px 0 0;padding:12px 0;color:var(--ink-2);line-height:1.65}
.hex-login-credit{margin-top:12px}.hex-account-nav{display:grid;grid-template-columns:1fr}
.hex-account-nav button{min-height:44px;font-size:12px;transition:background .15s,border-color .15s}
.hex-account-nav button:hover{background:var(--s2);border-color:var(--neon)}
.hex-saved-list[aria-busy="true"]{opacity:.65;pointer-events:none}
.hex-auth-tabs button:focus-visible,.hex-saved-use:focus-visible,.hex-saved-remove:focus-visible{outline:2px solid var(--neon-soft);outline-offset:-3px}
.hex-form input{line-height:1.4}.hex-form{gap:16px}.hex-primary{width:100%;min-height:48px}
.hex-auth-panel .hex-remember{color:var(--ink-2);margin:0}
button{touch-action:manipulation}button:disabled{cursor:not-allowed}
.sec,.blue-stat,.blue-admin-row,.hex-tool-list,.hex-saved-row{min-width:0}
.blue-admin-row b,.svc-row .tx b{overflow-wrap:anywhere}
@media(max-width:360px){.hex-login-body{padding-inline:12px}.hex-login-card{padding:20px 16px!important}.hex-saved-row{gap:8px;padding:10px}.hex-saved-use strong{font-size:12px}}

/* Copy Design Studio — route → mode → accounts → verified result. */
.design-heading{padding:10px 0 22px;border-bottom:1px solid var(--line);margin-bottom:22px}.design-kicker{font:700 9px var(--display);letter-spacing:.2em;color:var(--neon-soft)}.design-heading h1{font:700 32px/1.1 var(--display);margin:12px 0;color:white}.design-heading h1 span{display:block;margin-top:7px;color:var(--neon-hot);font-size:19px;text-shadow:0 0 16px var(--glow-2)}.design-heading p{color:var(--ink-3);font-size:12px;line-height:1.65;margin:0}
.design-step{margin:20px 0}.design-step h2{display:flex;align-items:center;gap:10px;font:700 15px var(--display);margin:0 0 13px}.design-step h2>span{color:var(--neon-soft);border:1px solid var(--line-2);background:#2388ff0d;border-radius:9px;padding:7px;font-size:11px}
.design-routes{display:grid;grid-template-columns:1fr 1fr;gap:10px}.design-routes button{display:flex;flex-direction:column;gap:12px;padding:18px 13px;min-height:126px;text-align:left;border:1px solid var(--line-2);border-radius:17px;background:linear-gradient(145deg,#071e33,#03070d);color:var(--ink);cursor:pointer}.design-routes small{font:600 8px var(--body);letter-spacing:.15em;color:var(--ink-3)}.design-routes strong{font:700 17px var(--display);white-space:nowrap}.design-routes strong span{color:var(--neon)}.design-routes em{font:500 10px/1.5 var(--body);color:var(--ink-3);font-style:normal}
.design-routes button[aria-pressed=true],.design-modes button[aria-pressed=true]{border-color:var(--neon);background:linear-gradient(145deg,#0d3157,#040e1c);box-shadow:inset 0 0 20px #2388ff15,0 0 20px -12px var(--glow-3)}
.design-modes{display:grid;gap:9px}.design-modes button{display:flex;align-items:center;gap:12px;padding:15px 12px;min-height:84px;border:1px solid var(--line);border-radius:15px;background:var(--s1);color:var(--ink);text-align:left;cursor:pointer}.design-symbol{display:grid;place-items:center;flex:0 0 35px;height:40px;border:1px solid var(--line-2);border-radius:11px;color:var(--neon-soft);font-size:23px}.design-modes button>span:nth-child(2){flex:1;min-width:0}.design-modes strong{display:block;font:700 14px/1.3 var(--display)}.design-modes small{display:block;margin-top:5px;color:var(--ink-3);font:500 11px/1.5 var(--body)}.design-modes button>b{font:700 10px var(--display);color:var(--ink-4)}
.design-live,.menu-live{margin:20px 0;padding:16px;border:1px solid var(--line-2);border-radius:17px;background:linear-gradient(145deg,#07182b,#02070f)}.design-live-top{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--neon-soft);font:700 9px var(--display);letter-spacing:.1em}.design-live-top span{display:flex;align-items:center;gap:7px}.design-live i{width:6px;height:6px;background:var(--neon);border-radius:50%;box-shadow:0 0 10px var(--neon)}.design-live p,.menu-live p{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ink-2);font:500 12px/1.7 var(--body);margin:12px 0 0}.design-live progress,.menu-live progress{display:block;width:100%;height:6px;accent-color:var(--neon);margin-top:12px}.menu-live>b{color:var(--neon-soft);font:700 10px var(--display);letter-spacing:.1em}.menu-live[hidden]{display:none}
@media(max-width:360px){.design-routes{gap:8px}.design-routes button{padding:15px 10px}.design-routes strong{font-size:15px}.design-modes strong{font-size:13px}}