/* JDM Rental Tokyo Shibuya | Midnight Neon Luxury, Oct 2026
   Atmospheric headings and navigation; high-contrast functional panels. */
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@500;600;700;800&family=Rajdhani:wght@500;600;700&display=swap');
:root{
 --bg:#0b0f14;--panel:#151a20;--white:#f5f7fb;--muted:#aeb8c7;
 --acid:#58c7ff;--line:rgba(120,180,255,.22);
 --neon-blue:#58c7ff;--neon-purple:#8c6cff;--neon-pink:#ff4fd8;
 --lux-line:rgba(120,180,255,.22);
}
body{background:#0b0f14;color:#f5f7fb}
.nav,footer{background:#0b0f14!important;border-color:rgba(120,180,255,.2)}
.logo,.hero-brand{
 font-family:'Orbitron','Rajdhani',sans-serif;
 letter-spacing:.095em;text-transform:uppercase;color:#f6f8ff;
 text-shadow:0 0 13px rgba(88,199,255,.2);
}
.logo{font-size:clamp(15px,1.7vw,22px);line-height:1.15}
.logo span{color:var(--neon-blue);text-shadow:0 0 14px rgba(88,199,255,.55)}
.logo small{font-family:'DM Sans',sans-serif;letter-spacing:.19em;color:#cfd7e4;font-size:9px}
.hero-brand{font-size:clamp(13px,1.5vw,19px);margin-bottom:20px}
.hero h1{
 font-family:'Orbitron','Oswald',sans-serif;font-weight:800;
 font-size:clamp(38px,5.85vw,82px);line-height:1.13;
 letter-spacing:.018em;overflow-wrap:normal;word-break:normal;
 text-shadow:0 0 17px rgba(88,199,255,.22),0 0 40px rgba(140,108,255,.13),0 3px 25px #02050b;
}
.hero h1 em,.intro h2 em,.section h2 em{
 color:var(--neon-blue);
 text-shadow:0 0 11px rgba(88,199,255,.48),0 0 27px rgba(88,199,255,.2),0 0 45px rgba(140,108,255,.13);
}
.section h2,.intro h2{
 font-family:'Rajdhani','Oswald',sans-serif;font-weight:700;
 line-height:1.04;letter-spacing:.055em;
}
.intro h2,.section h2{font-size:clamp(46px,6vw,84px)}
.hero-content{max-width:1250px}
.hero-content>p{color:#e2e8f2;text-shadow:0 1px 12px #03060d}
.eyebrow,.section-tag,.vehicle-type{color:#95ddff;letter-spacing:.2em}
.live-dot{background:#58c7ff;box-shadow:0 0 10px rgba(88,199,255,.8)}
.hero-foot{color:#d8e3f3;letter-spacing:.13em}
.intro h2,.section h2{position:relative;padding-bottom:14px}
.intro h2::after,.section h2::after{
 content:'';position:absolute;bottom:0;left:0;
 height:2px;width:min(60%,220px);
 background:linear-gradient(90deg,#58c7ff,#8c6cff,transparent);
 box-shadow:0 0 13px rgba(88,199,255,.36);
}
.nav nav a,.navright a:not(.navcta){color:#dce6f5;transition:color .2s,text-shadow .2s}
.nav nav a:hover,.navright a:hover{color:#fff;text-shadow:0 0 12px rgba(88,199,255,.48)}
.navcta,.hero .btn,.booking-form button.primary,.btn.primary{
 border:1px solid rgba(88,199,255,.65);
 background:linear-gradient(135deg,#15273a,#0c111b 75%);
 color:#f6fbff;box-shadow:inset 0 1px rgba(255,255,255,.08),0 0 14px rgba(88,199,255,.1);
 text-shadow:0 0 11px rgba(88,199,255,.16);
 transition:transform .2s,border-color .2s,box-shadow .2s,background .2s;
}
.navcta:hover,.hero .btn:hover,.booking-form button.primary:hover,.btn.primary:hover{
 transform:translateY(-2px);border-color:#8adcff;
 background:linear-gradient(135deg,#1a3248,#11182a 75%);
 box-shadow:0 0 15px rgba(88,199,255,.26),0 0 32px rgba(140,108,255,.15);
}
.hero .btn.outline{background:rgba(9,15,26,.85);color:#f1f7ff}
.vehicle,.calendar-box,.booking-form,.booking-callout,.steps>div,.policies details{
 background:#151a20!important;border:1px solid var(--lux-line)!important;
 box-shadow:inset 0 1px rgba(255,255,255,.025),0 8px 32px rgba(0,0,0,.23);
 opacity:1!important;
}
.calendar-layout>div:first-child{background:#151a20!important;border-color:var(--lux-line)!important}
.booking-form input,.booking-form textarea,.booking-form select{
 background:#0f141a;color:#fff;border-color:rgba(120,180,255,.28)
}
.booking-form input:focus,.booking-form textarea:focus,.booking-form select:focus{
 outline:2px solid rgba(88,199,255,.48);outline-offset:2px;
 box-shadow:0 0 0 3px rgba(88,199,255,.08);
}
.hero-video-toggle{border-color:rgba(88,199,255,.43);box-shadow:0 0 13px rgba(88,199,255,.12)}
.page-video-background{background-color:#0b0f14}
.page-video-background::after{background:linear-gradient(90deg,rgba(3,7,15,.65),rgba(3,7,15,.16) 73%,rgba(3,7,15,.28))}
@media(max-width:900px){
 .hero h1{font-size:clamp(35px,6.9vw,64px);letter-spacing:0}
 .nav{gap:10px}
}
@media(max-width:700px){
 .logo{font-size:16px;letter-spacing:.055em}
 .logo small{font-size:8px;letter-spacing:.12em}
 .hero h1{font-size:clamp(31px,9vw,55px);letter-spacing:-.012em;line-height:1.18}
 .hero-content{padding-left:6%;padding-right:6%}
 .hero-brand{font-size:12px;letter-spacing:.07em}
 .intro h2,.section h2{font-size:clamp(40px,10vw,64px);letter-spacing:.025em}
 .navcta{font-size:10px;padding:10px 12px}
 .intro h2::after,.section h2::after{width:min(57%,165px)}
}
@media(prefers-reduced-motion:reduce){
 .navcta,.hero .btn,.btn.primary{transition:none}
}

/* VOL. 02 — Realistic illuminated glass-tube lettering and nocturnal architecture.
   An almost-white plasma core, tight cyan fringe, distant blue/violet bloom. */
:root{
 --neon-core:#f4fdff;
 --neon-inner:#b9f5ff;
 --neon-electric:#36bfff;
 --neon-halo:rgba(28,122,255,.40);
}
.hero h1 em,.intro h2 em,.section h2 em{
 font-style:normal;
 color:var(--neon-core);
 -webkit-text-stroke:.35px rgba(234,253,255,.85);
 text-shadow:
  0 0 1px #ffffff,
  0 0 3px #ebfdff,
  0 0 7px rgba(181,245,255,.95),
  0 0 13px rgba(68,198,255,.91),
  0 0 26px rgba(29,136,255,.68),
  0 0 54px rgba(54,91,243,.40),
  0 0 85px rgba(114,64,255,.24);
}
.hero h1 em{
 filter:drop-shadow(0 0 1px rgba(255,255,255,.65));
}
.logo span{
 color:#f0fdff;
 text-shadow:0 0 2px #fff,0 0 5px #b2f1ff,0 0 12px rgba(47,194,255,.96),0 0 29px rgba(39,115,255,.63);
}
.hero-brand{
 color:#e7f9ff;
 text-shadow:0 0 2px #fff,0 0 12px rgba(47,194,255,.36),0 0 35px rgba(55,92,243,.19);
}
/* Precision-lit typographic accents instead of generic blue text */
.section-tag,.eyebrow{
 color:#c4f2ff;
 text-shadow:0 0 10px rgba(57,196,255,.38);
}
.live-dot{
 background:#edfaff;
 border:1px solid #fff;
 box-shadow:0 0 3px #fff,0 0 9px #46caff,0 0 22px rgba(35,129,255,.75);
}
.intro h2::after,.section h2::after{
 height:2px;
 background:linear-gradient(90deg,#f7ffff 0%,#90eaff 15%,#38bfff 43%,#775afc 76%,transparent 100%);
 box-shadow:0 0 3px #e4fdff,0 0 11px rgba(47,189,255,.7),0 0 27px rgba(89,105,255,.28);
}
/* The page reads like a private midnight garage, not a nightclub */
.hero{
 position:relative;
 isolation:isolate;
}
.hero::before{
 content:'';
 position:absolute;
 z-index:0;inset:0;
 pointer-events:none;
 background:
  radial-gradient(ellipse 48% 29% at 72% 30%,rgba(31,87,202,.20),transparent 78%),
  radial-gradient(ellipse 50% 40% at 3% 80%,rgba(15,154,238,.10),transparent 78%),
  linear-gradient(90deg,rgba(4,8,16,.38) 0%,transparent 57%);
}
.hero::after{
 content:'';
 position:absolute;z-index:0;left:6%;right:6%;bottom:37px;height:1px;
 pointer-events:none;
 background:linear-gradient(90deg,rgba(223,251,255,.7),rgba(66,192,255,.38) 22%,transparent 72%);
 box-shadow:0 0 9px rgba(54,192,255,.35);
}
.hero-content{position:relative;z-index:1}
.hero-brand{
 display:inline-flex;
 align-items:center;
 gap:12px;
 padding:10px 14px 10px 12px;
 border-left:2px solid #ddfaff;
 background:linear-gradient(90deg,rgba(9,26,47,.85),rgba(11,19,33,.32));
 box-shadow:inset 0 1px rgba(178,231,255,.11),-4px 0 21px rgba(39,175,255,.2);
}
.hero-foot span{
 padding:7px 0;
 border-top:1px solid rgba(151,211,255,.35);
 color:#e2efff;
 text-shadow:0 0 8px rgba(50,155,255,.2);
}
.hero .btn.primary,.navcta{
 border-top-color:rgba(227,250,255,.87);
 border-left-color:rgba(164,228,255,.78);
 box-shadow:inset 0 1px rgba(242,252,255,.19),0 0 5px rgba(79,191,255,.26),0 0 23px rgba(36,110,230,.12);
}
.hero .btn.primary:hover,.navcta:hover{
 box-shadow:inset 0 1px rgba(255,255,255,.31),0 0 6px rgba(238,252,255,.42),0 0 22px rgba(50,191,255,.41),0 0 51px rgba(59,98,244,.23);
}
.vehicle,.calendar-box,.booking-form,.booking-callout,.steps>div,.policies details{
 border-top-color:rgba(193,226,255,.32)!important;
 box-shadow:inset 0 1px rgba(215,243,255,.075),0 16px 46px rgba(0,0,0,.32),0 0 20px rgba(40,115,208,.055);
}
.vehicle{position:relative}
.vehicle::before{
 content:'';position:absolute;z-index:3;inset:0 auto auto 0;width:94px;height:2px;
 background:linear-gradient(90deg,#e9fdff,#50caff,transparent);
 box-shadow:0 0 9px rgba(73,189,255,.54);
 pointer-events:none;
}
.nav{
 box-shadow:0 1px 0 rgba(202,244,255,.08),0 6px 32px rgba(0,0,0,.26);
}
.nav::after{
 content:'';position:absolute;left:5%;bottom:-1px;width:min(230px,30vw);height:1px;
 background:linear-gradient(90deg,rgba(237,252,255,.85),rgba(40,187,255,.5),transparent);
 box-shadow:0 0 8px rgba(75,180,255,.44);
 pointer-events:none;
}
.page-video-background::after{
 background:
  radial-gradient(ellipse 38% 49% at 85% 32%,rgba(43,72,143,.11),transparent 90%),
  linear-gradient(90deg,rgba(3,7,15,.60),rgba(3,7,15,.15) 72%,rgba(3,7,15,.29));
}
/* Atmospheric details without sacrificing legibility or performance */
@media(max-width:700px){
 .hero::after{left:6%;right:6%;bottom:18px}
 .hero-brand{padding:7px 10px;gap:6px}
 .hero h1 em,.intro h2 em,.section h2 em{
  -webkit-text-stroke:.2px rgba(244,253,255,.6);
  text-shadow:0 0 2px #fff,0 0 7px #b6edff,0 0 15px rgba(50,181,255,.84),0 0 32px rgba(42,101,241,.48);
 }
}
@media(prefers-contrast:more){
 .hero h1 em,.intro h2 em,.section h2 em{color:#fff;text-shadow:0 1px 5px #07101a}
 .hero-brand{background:#091425}
}

/* VOL. 03 — Purple atmosphere, blue JDM identity, no rectangular neon glow. */
:root{
 --neon-purple:#bf70ff;--neon-purple-deep:#7939ec;--neon-purple-soft:#eed0ff;
 --neon-blue:#40caff;--neon-blue-soft:#b9f0ff;
 --acid:#c78bff;--line:rgba(175,115,255,.23);--lux-line:rgba(175,115,255,.23);
}
.hero h1 em,.intro h2 em,.section h2 em{
 color:#eed1ff;-webkit-text-stroke:.2px rgba(255,239,255,.6);
 text-shadow:0 0 2px rgba(255,255,255,.9),0 0 6px rgba(248,211,255,.9),
 0 0 13px rgba(210,122,255,.89),0 0 27px rgba(153,64,255,.72),
 0 0 49px rgba(92,35,215,.4);
}
.section-tag,.eyebrow,.vehicle-type{color:#e5baff;text-shadow:0 0 9px rgba(185,91,245,.24)}
.live-dot{background:#fff1ff;box-shadow:0 0 3px #fff,0 0 10px rgba(203,105,255,.84),0 0 24px rgba(120,49,235,.46)}
.intro h2::after,.section h2::after{
 background:linear-gradient(90deg,#fff2ff,#e2b2ff 19%,#b462fc 58%,transparent);
 box-shadow:0 0 3px #fff2ff,0 0 12px rgba(198,107,255,.75),0 0 28px rgba(122,54,230,.29);
}
.navcta,.hero .btn.primary,.booking-form button.primary,.btn.primary{
 border-color:rgba(192,112,255,.66);
 background:linear-gradient(135deg,#39224f,#130f21 75%);
 box-shadow:inset 0 1px rgba(255,255,255,.11),0 0 12px rgba(162,81,245,.14);
}
.navcta:hover,.hero .btn.primary:hover,.booking-form button.primary:hover,.btn.primary:hover{
 border-color:#e2bbff;background:linear-gradient(135deg,#573174,#201331 75%);
 box-shadow:0 0 12px rgba(226,179,255,.32),0 0 28px rgba(168,75,255,.34);
}
.hero .btn.outline{border-color:rgba(175,103,255,.48)}
/* The JDM RENTAL TOKYO SHIBUYA logotype is cyan-blue with a white-hot center.
   No opaque panel, box-shadow, blur filter, or rectangular halo. */
.hero-brand{
 display:inline-block!important;
 position:relative;
 padding:0 0 12px!important;margin:0 0 20px;
 background:none!important;border:0!important;
 box-shadow:none!important;filter:none!important;
 color:#c9f4ff;font-weight:800;
 text-shadow:0 0 1px #fff,0 0 3px rgba(240,253,255,.96),
 0 0 8px rgba(142,224,255,.97),0 0 18px rgba(46,179,255,.92),
 0 0 36px rgba(26,112,255,.66),0 0 60px rgba(24,88,227,.3);
}
.hero-brand::after{
 content:'';position:absolute;bottom:0;left:0;width:min(100%,330px);height:1px;
 background:linear-gradient(90deg,#f4ffff,#65d8ff 30%,#3278f5 70%,transparent);
 box-shadow:0 0 5px rgba(141,228,255,.5),0 0 12px rgba(46,161,255,.36);
}
.logo{color:#c7f3ff;text-shadow:0 0 2px #fff,0 0 7px rgba(132,223,255,.94),0 0 18px rgba(40,161,255,.72),0 0 33px rgba(29,97,236,.33)}
.logo span{color:#e2faff;text-shadow:0 0 2px #fff,0 0 9px #53cbff,0 0 23px rgba(29,108,255,.6)}
.logo small{color:#81d8ff;text-shadow:0 0 5px rgba(83,208,255,.8),0 0 14px rgba(32,124,255,.43)}
/* Remove box-like light pools near lettering. Keep the video visible. */
.hero::before{background:linear-gradient(90deg,rgba(4,6,13,.26),transparent 65%)}
.hero::after{opacity:.5}
.nav::after{opacity:.45}
.vehicle::before{background:linear-gradient(90deg,#e7c4ff,#a45eff,transparent);box-shadow:0 0 7px rgba(161,77,255,.52)}
.vehicle,.calendar-box,.booking-form,.booking-callout,.steps>div,.policies details{
 border-color:rgba(167,111,242,.23)!important;
}
.page-video-background::after{background:linear-gradient(90deg,rgba(6,4,15,.56),rgba(7,4,18,.13) 72%,rgba(7,4,18,.26))}
@media(max-width:700px){
 .hero-brand{font-size:12px;letter-spacing:.08em;padding-bottom:9px!important}
 .hero-brand::after{width:min(100%,225px)}
 .hero h1 em,.intro h2 em,.section h2 em{
  text-shadow:0 0 2px #fff,0 0 8px rgba(231,188,255,.96),0 0 18px rgba(168,86,255,.82),0 0 33px rgba(94,40,229,.37);
 }
}
@media(prefers-contrast:more){.hero-brand{background:none!important;color:#b8edff}}

/* VOL.04 — #C040B0 magenta-purple neon, unchanged existing typefaces. */
:root{
 --neon-purple:#c040b0;
 --neon-purple-deep:#802270;
 --neon-purple-soft:#e09ad4;
 --acid:#c040b0;
 --line:rgba(192,64,176,.3);
 --lux-line:rgba(192,64,176,.28);
}
.hero h1 em,.intro h2 em,.section h2 em{
 color:#e2a8dd;
 -webkit-text-stroke:.18px rgba(255,223,250,.4);
 text-shadow:
  0 0 1px rgba(255,242,254,.8),
  0 0 4px rgba(250,204,245,.84),
  0 0 9px rgba(223,130,210,.94),
  0 0 19px rgba(192,64,176,.86),
  0 0 37px rgba(192,64,176,.60),
  0 0 64px rgba(117,24,111,.29);
}
.section-tag,.eyebrow,.vehicle-type{
 color:#e6b4df;
 text-shadow:0 0 8px rgba(192,64,176,.36);
}
.live-dot{
 background:#ffe7fb;
 box-shadow:0 0 2px #fff,0 0 8px rgba(223,127,209,.9),0 0 21px rgba(192,64,176,.72);
}
.intro h2::after,.section h2::after{
 background:linear-gradient(90deg,#ffeafb,#dd8fd2 16%,#c040b0 46%,#802270 81%,transparent 100%);
 box-shadow:0 0 3px rgba(255,225,250,.77),0 0 12px rgba(192,64,176,.75),0 0 25px rgba(137,35,126,.28);
}
.navcta,.hero .btn.primary,.booking-form button.primary,.btn.primary{
 border-color:rgba(192,64,176,.78);
 background:linear-gradient(135deg,#48213f,#170d1b 77%);
 box-shadow:inset 0 1px rgba(255,255,255,.08),0 0 9px rgba(192,64,176,.22);
}
.navcta:hover,.hero .btn.primary:hover,.booking-form button.primary:hover,.btn.primary:hover{
 border-color:#df91d3;
 background:linear-gradient(135deg,#632552,#241025 77%);
 box-shadow:0 0 11px rgba(223,142,212,.34),0 0 25px rgba(192,64,176,.42);
}
.hero .btn.outline{border-color:rgba(192,64,176,.48)}
.vehicle::before{
 background:linear-gradient(90deg,#eec4e6,#c040b0,transparent);
 box-shadow:0 0 7px rgba(192,64,176,.48);
}
.vehicle,.calendar-box,.booking-form,.booking-callout,.steps>div,.policies details{
 border-color:rgba(192,64,176,.27)!important;
}
/* No area-based glow around letters; current Orbitron/Rajdhani styling remains. */
.hero-brand{
 background:transparent!important;
 border:0!important;
 box-shadow:none!important;
 filter:none!important;
 color:#a6eaff;
 text-shadow:0 0 1px #fff,0 0 5px #b5efff,
  0 0 12px rgba(64,202,255,.96),0 0 24px rgba(30,148,255,.82),
  0 0 45px rgba(21,93,244,.44);
}
.logo{
 color:#b4edff;
 text-shadow:0 0 1px #fff,0 0 5px rgba(168,230,255,.94),
  0 0 14px rgba(45,177,255,.86),0 0 30px rgba(28,110,245,.48);
}
.logo span,.logo small{
 color:#8edbff;
 text-shadow:0 0 2px rgba(232,250,255,.84),0 0 9px rgba(69,199,255,.81),0 0 20px rgba(28,113,245,.48);
}
@media(max-width:700px){
 .hero h1 em,.intro h2 em,.section h2 em{
  text-shadow:0 0 2px rgba(255,240,252,.8),0 0 7px rgba(234,158,224,.94),0 0 17px rgba(192,64,176,.8),0 0 33px rgba(129,30,120,.4);
 }
}

/* VOL.05 — Pure electric blue #0000FF. Less glow, crisp blue outlines, no white core.
   Preserve existing typefaces, layout, video playback, and opaque booking surfaces. */
:root{
 --acid:#0000ff;
 --neon-blue:#0000ff;
 --neon-purple:#0000ff;
 --neon-purple-deep:#0808a4;
 --neon-purple-soft:#3d3dff;
 --line:rgba(50,63,255,.3);
 --lux-line:rgba(50,63,255,.28);
}
.hero h1 em,.intro h2 em,.section h2 em{
 color:#2525ff!important;
 -webkit-text-stroke:.45px #0000ff!important;
 filter:none!important;
 text-shadow:0 0 1px #0000ff,0 0 4px rgba(0,0,255,.78),0 0 10px rgba(0,0,255,.38)!important;
}
/* The brand reads blue rather than white. Crisp stroke makes edges visible. */
.hero-brand{
 color:#2020ff!important;
 -webkit-text-stroke:.38px #0000ff;
 background:transparent!important;
 border:0!important;
 box-shadow:none!important;
 filter:none!important;
 text-shadow:0 0 1px #0000ff,0 0 4px rgba(0,0,255,.72),0 0 10px rgba(0,0,255,.35)!important;
}
.logo{
 color:#2525ff!important;
 -webkit-text-stroke:.3px #0000ff;
 text-shadow:0 0 1px #0000ff,0 0 4px rgba(0,0,255,.68),0 0 9px rgba(0,0,255,.28)!important;
}
.logo span,.logo small{
 color:#3535ff!important;
 text-shadow:0 0 1px #0000ff,0 0 4px rgba(0,0,255,.55)!important;
}
.section-tag,.eyebrow,.vehicle-type{
 color:#8585ff!important;
 text-shadow:0 0 5px rgba(0,0,255,.24)!important;
}
.live-dot{
 background:#0808ff!important;
 border:1px solid #5555ff!important;
 box-shadow:0 0 3px #0000ff,0 0 9px rgba(0,0,255,.35)!important;
}
.intro h2::after,.section h2::after,.hero-brand::after{
 background:linear-gradient(90deg,#0000ff 0%,#4545ff 44%,transparent 100%)!important;
 box-shadow:0 0 3px rgba(0,0,255,.68),0 0 9px rgba(0,0,255,.23)!important;
}
.navcta,.hero .btn.primary,.booking-form button.primary,.btn.primary{
 border-color:#3131ff!important;
 background:linear-gradient(135deg,#141447,#080b22 80%)!important;
 color:#e5ebff!important;
 box-shadow:inset 0 1px rgba(255,255,255,.055),0 0 5px rgba(0,0,255,.17)!important;
 text-shadow:none!important;
}
.navcta:hover,.hero .btn.primary:hover,.booking-form button.primary:hover,.btn.primary:hover{
 border-color:#6969ff!important;
 background:linear-gradient(135deg,#202061,#101139 80%)!important;
 box-shadow:0 0 9px rgba(0,0,255,.35),0 0 20px rgba(0,0,255,.17)!important;
}
.hero .btn.outline{border-color:rgba(65,65,255,.5)!important}
.vehicle::before{
 background:linear-gradient(90deg,#0000ff,#5151ff,transparent)!important;
 box-shadow:0 0 5px rgba(0,0,255,.32)!important;
}
.vehicle,.calendar-box,.booking-form,.booking-callout,.steps>div,.policies details{
 border-color:rgba(65,65,255,.27)!important;
}
.calendar-layout>div:first-child{border-color:rgba(65,65,255,.27)!important}
.page-video-background::after{
 background:linear-gradient(90deg,rgba(3,5,19,.60),rgba(4,5,20,.14) 72%,rgba(3,5,19,.3))!important;
}
.nav::after{background:linear-gradient(90deg,rgba(0,0,255,.65),rgba(0,0,255,.2),transparent)!important;box-shadow:0 0 5px rgba(0,0,255,.2)!important}
@media(max-width:700px){
 .hero h1 em,.intro h2 em,.section h2 em{
  -webkit-text-stroke:.35px #0000ff!important;
  text-shadow:0 0 1px #0000ff,0 0 4px rgba(0,0,255,.7),0 0 8px rgba(0,0,255,.32)!important;
 }
}
@media(prefers-contrast:more){
 .hero h1 em,.intro h2 em,.section h2 em,.hero-brand,.logo{color:#6a6aff!important;text-shadow:none!important}
}

/* VOL.06 — Pure-blue main accents; white plasma core; retain cyan brand identity. */
:root{--acid:#0000ff;--line:rgba(40,64,255,.28);--lux-line:rgba(40,64,255,.26)}
.hero h1 em,.intro h2 em,.section h2 em{
 color:#f6f9ff!important;-webkit-text-stroke:.42px #0000ff!important;filter:none!important;
 text-shadow:0 0 1px rgba(255,255,255,.96),0 0 3px rgba(238,244,255,.76),
 0 0 7px rgba(90,116,255,.56),0 0 14px rgba(0,0,255,.36),
 0 0 24px rgba(0,0,255,.12)!important;
}
.section-tag,.eyebrow,.vehicle-type{color:#758aff!important;text-shadow:0 0 5px rgba(0,0,255,.18)!important}
.live-dot{background:#1c2fff!important;border:1px solid #5f71ff!important;box-shadow:0 0 2px rgba(0,0,255,.65),0 0 8px rgba(0,0,255,.22)!important}
.intro h2::after,.section h2::after{
 background:linear-gradient(90deg,#0000ff,rgba(72,96,255,.82) 42%,transparent)!important;
 box-shadow:0 0 3px rgba(0,0,255,.42),0 0 8px rgba(0,0,255,.15)!important;
}
.navcta,.hero .btn.primary,.booking-form button.primary,.btn.primary{
 border-color:#2f42ff!important;background:linear-gradient(135deg,#141a4d,#0b1028 78%)!important;
 box-shadow:inset 0 1px rgba(255,255,255,.05),0 0 5px rgba(0,0,255,.12)!important;
}
.navcta:hover,.hero .btn.primary:hover,.booking-form button.primary:hover,.btn.primary:hover{
 border-color:#7080ff!important;background:linear-gradient(135deg,#1b2470,#10163a 78%)!important;
 box-shadow:0 0 8px rgba(0,0,255,.24),0 0 18px rgba(0,0,255,.1)!important;
}
.hero .btn.outline{border-color:rgba(68,88,255,.45)!important}
.vehicle::before{background:linear-gradient(90deg,#0000ff,#4b63ff,transparent)!important;box-shadow:0 0 5px rgba(0,0,255,.22)!important}
.vehicle,.calendar-box,.booking-form,.booking-callout,.steps>div,.policies details,.calendar-layout>div:first-child{border-color:rgba(62,79,255,.24)!important}
/* JDM RENTAL TOKYO SHIBUYA: restore the existing cyan brand, not #0000ff */
.hero-brand{
 color:#a6eaff!important;-webkit-text-stroke:0!important;
 background:none!important;border:0!important;box-shadow:none!important;filter:none!important;
 text-shadow:0 0 1px #fff,0 0 5px #b5efff,0 0 12px rgba(64,202,255,.96),
 0 0 24px rgba(30,148,255,.82),0 0 45px rgba(21,93,244,.44)!important;
}
.hero-brand::after{
 background:linear-gradient(90deg,rgba(255,255,255,.92),rgba(101,216,255,.88) 30%,rgba(50,120,245,.56) 70%,transparent)!important;
 box-shadow:0 0 4px rgba(141,228,255,.45),0 0 10px rgba(46,161,255,.28)!important;
}
.logo{
 color:#b4edff!important;-webkit-text-stroke:0!important;
 text-shadow:0 0 1px #fff,0 0 5px rgba(168,230,255,.94),
 0 0 14px rgba(45,177,255,.86),0 0 30px rgba(28,110,245,.48)!important;
}
.logo span,.logo small{
 color:#8edbff!important;
 text-shadow:0 0 2px rgba(232,250,255,.84),0 0 9px rgba(69,199,255,.81),0 0 20px rgba(28,113,245,.48)!important;
}
@media(max-width:700px){
 .hero h1 em,.intro h2 em,.section h2 em{
  -webkit-text-stroke:.34px #0000ff!important;
  text-shadow:0 0 1px rgba(255,255,255,.92),0 0 3px rgba(235,241,255,.70),
   0 0 6px rgba(88,112,255,.52),0 0 12px rgba(0,0,255,.28),0 0 20px rgba(0,0,255,.1)!important;
 }
}
@media(prefers-contrast:more){.hero h1 em,.intro h2 em,.section h2 em{color:#fff!important;text-shadow:0 0 2px #0000ff!important}}

/* VOL.10 — Tokyo after-dark red neon.
   Red is the accent; existing cyan-blue JDM brand lettering remains unchanged.
   Tight tube glow keeps letters legible on moving road footage. */
:root{
 --acid:#ff344d;
 --neon-purple:#ff344d;
 --neon-purple-deep:#a50024;
 --neon-purple-soft:#ffa3a8;
 --line:rgba(255,65,83,.3);
 --lux-line:rgba(255,72,91,.28);
}
/* A pink-white incandescent tube core, saturated red edge, short red halo.
   Not a thick outline, and no large text-clipped gradients or rectangles. */
.hero h1 em,.intro h2 em,.section h2 em{
 background:none!important;
 -webkit-background-clip:border-box!important;
 background-clip:border-box!important;
 color:#ffd1d0!important;
 -webkit-text-fill-color:#ffd1d0!important;
 -webkit-text-stroke:.12px rgba(255,69,79,.55)!important;
 filter:none!important;
 text-shadow:
  0 0 1px rgba(255,240,234,.85),
  0 0 3px rgba(255,151,149,.96),
  0 0 6px rgba(255,43,62,.79),
  0 0 11px rgba(232,5,35,.55),
  0 0 20px rgba(174,0,33,.21)!important;
}
.section-tag,.eyebrow,.vehicle-type{
 color:#ff9ea4!important;
 text-shadow:0 0 3px rgba(255,107,116,.64),0 0 8px rgba(222,19,57,.22)!important;
}
.live-dot{
 background:#ff7c86!important;
 border:1px solid #ffc0be!important;
 box-shadow:0 0 2px rgba(255,235,229,.89),0 0 7px rgba(255,51,72,.71)!important;
}
.intro h2::after,.section h2::after{
 background:linear-gradient(90deg,#ffb5b2,#ff344d 43%,transparent 100%)!important;
 box-shadow:0 0 4px rgba(255,60,80,.62),0 0 10px rgba(255,30,60,.26)!important;
}
.navcta,.hero .btn.primary,.booking-form button.primary,.btn.primary{
 border-color:rgba(255,71,89,.76)!important;
 background:linear-gradient(135deg,#4b1726,#140e16 80%)!important;
 color:#fff0ef!important;
 text-shadow:0 0 3px rgba(255,138,143,.33)!important;
 box-shadow:inset 0 1px rgba(255,236,232,.09),0 0 7px rgba(240,15,47,.22)!important;
}
.navcta:hover,.hero .btn.primary:hover,.booking-form button.primary:hover,.btn.primary:hover{
 border-color:#ff9da1!important;
 background:linear-gradient(135deg,#682034,#220f19 80%)!important;
 box-shadow:0 0 9px rgba(255,80,92,.38),0 0 19px rgba(224,15,46,.22)!important;
}
.hero .btn.outline{border-color:rgba(255,90,104,.48)!important}
.vehicle::before{
 background:linear-gradient(90deg,#ffb1b2,#ff344d,transparent)!important;
 box-shadow:0 0 6px rgba(255,45,69,.47)!important;
}
.vehicle,.calendar-box,.booking-form,.booking-callout,.steps>div,.policies details,.calendar-layout>div:first-child{
 border-color:rgba(235,75,93,.3)!important;
}
.nav::after{
 background:linear-gradient(90deg,rgba(255,75,93,.65),rgba(255,52,78,.23),transparent)!important;
 box-shadow:0 0 6px rgba(255,45,69,.22)!important;
}
/* Precise production selectors from actual markup:
   .vehicle-copy .textlink is CHECK DATES, including dynamically generated cars.
   .legend span:first-child contains ○ and translated Available text. */
.vehicle-copy .textlink,
.vehicle-copy a.textlink{
 display:inline-block;
 color:#ff9d9f!important;
 -webkit-text-fill-color:#ff9d9f!important;
 font-weight:800!important;
 letter-spacing:.07em;
 line-height:1.4;
 margin-top:12px;
 margin-left:0;
 text-shadow:0 0 1px rgba(255,239,232,.84),0 0 4px rgba(255,74,85,.84),
  0 0 9px rgba(255,24,53,.45)!important;
 transition:color .18s ease,text-shadow .18s ease;
}
.vehicle-copy .textlink:hover,
.vehicle-copy .textlink:focus-visible{
 color:#ffe2df!important;
 -webkit-text-fill-color:#ffe2df!important;
 text-shadow:0 0 2px #fff0e8,0 0 6px rgba(255,82,93,.93),0 0 13px rgba(255,24,52,.54)!important;
}
.legend span:first-child{
 color:#ff9d9f!important;
 font-weight:650;
 text-shadow:0 0 1px rgba(255,229,220,.62),0 0 4px rgba(255,81,91,.79),
  0 0 10px rgba(252,26,53,.43)!important;
}
.legend span:first-child b{
 color:inherit!important;font-weight:700;font-size:13px;
}
.legend span:first-child::first-letter{
 color:#ffb1b1;
}
.legend span:nth-child(2){color:#f6a5a5}
.legend span:nth-child(3){color:#d4d7e1}
.hero-brand,.logo,.logo span,.logo small{-webkit-text-fill-color:initial!important}
/* Keep cyan identity; only the / slash has the boosted blue tube glow. */
.logo span{
 color:#d5f8ff!important;
 -webkit-text-stroke:.22px rgba(224,250,255,.8)!important;
 text-shadow:0 0 1px #fff,0 0 3px #e0fbff,
  0 0 7px rgba(87,214,255,.99),
  0 0 15px rgba(39,166,255,.9),
  0 0 27px rgba(29,109,244,.55)!important;
}
@media(max-width:700px){
 .hero h1 em,.intro h2 em,.section h2 em{
  -webkit-text-stroke:.08px rgba(255,60,79,.46)!important;
  text-shadow:0 0 1px rgba(255,239,235,.87),
   0 0 3px rgba(255,149,150,.9),
   0 0 6px rgba(255,42,60,.73),
   0 0 11px rgba(231,7,44,.33)!important;
 }
 .vehicle-copy .textlink{margin-top:14px}
}
@media(prefers-contrast:more){
 .hero h1 em,.intro h2 em,.section h2 em{
  color:#ffe3e0!important;-webkit-text-fill-color:#ffe3e0!important;
  -webkit-text-stroke:0!important;text-shadow:0 0 2px #f20d32!important;
 }
 .vehicle-copy .textlink,.legend span:first-child{
  color:#ffe3e0!important;-webkit-text-fill-color:#ffe3e0!important;
 }
}

/* VOL.11 — Interactive red neon fleet filters (real markup: .filter-bar).
   JS already sets aria-pressed on each re-render; CSS follows that state. */
.fleet .filter-bar{
 display:flex;flex-wrap:wrap;gap:12px;
 margin:0 0 25px;
}
.fleet .filter-bar button{
 appearance:none;
 position:relative;
 min-height:48px;
 padding:11px 22px;
 border:1px solid rgba(255,66,79,.63)!important;
 border-radius:2px;
 color:#ffb6b8!important;
 background:rgba(14,10,17,.88)!important;
 font-weight:650;
 letter-spacing:.045em;
 line-height:1.25;
 text-shadow:0 0 2px rgba(255,164,164,.35),0 0 6px rgba(241,32,55,.2)!important;
 box-shadow:inset 0 0 0 1px rgba(255,255,255,.018),0 0 5px rgba(229,20,46,.1)!important;
 transition:border-color .2s,background .2s,color .2s,text-shadow .2s,box-shadow .2s,transform .2s;
}
.fleet .filter-bar button:hover{
 color:#ffe6e3!important;
 border-color:rgba(255,123,128,.93)!important;
 text-shadow:0 0 2px #ffe1dc,0 0 6px rgba(255,61,75,.64)!important;
 box-shadow:0 0 8px rgba(244,34,58,.26),0 0 19px rgba(213,10,42,.12)!important;
}
.fleet .filter-bar button[aria-pressed="true"]{
 color:#fff0ed!important;
 background:linear-gradient(180deg,rgba(115,14,31,.97),rgba(45,10,20,.97))!important;
 border-color:#ff8e93!important;
 text-shadow:0 0 1px #fff,0 0 4px rgba(255,199,190,.85),0 0 8px rgba(255,64,79,.73)!important;
 box-shadow:
  inset 0 0 0 1px rgba(255,198,188,.13),
  inset 0 0 13px rgba(255,60,77,.2),
  0 0 4px rgba(255,208,200,.38),
  0 0 12px rgba(255,39,57,.56),
  0 0 27px rgba(217,9,39,.26)!important;
}
.fleet .filter-bar button[aria-pressed="true"]:hover{
 background:linear-gradient(180deg,rgba(137,18,35,.98),rgba(54,10,23,.98))!important;
 box-shadow:0 0 6px rgba(255,174,169,.49),0 0 15px rgba(255,44,63,.65),0 0 33px rgba(217,9,39,.3)!important;
}
.fleet .filter-bar button:focus-visible{
 outline:2px solid #ff9b9e;outline-offset:4px;
}
@media(max-width:700px){
 .fleet .filter-bar{gap:9px}
 .fleet .filter-bar button{min-height:46px;padding:10px 15px;font-size:14px}
}
@media(prefers-reduced-motion:reduce){
 .fleet .filter-bar button{transition:none}
}

/* VOL.12 — Glass tube neon: white-hot narrow core, saturated red corona.
   Use existing lettering. Cyan brand retains its color and brighter slash. */
:root{--acid:#ff3033;--neon-red:#ff3033;--neon-red-core:#ffe4df;--neon-red-rim:#ff222c;}
/* Individual glyph glow only: no box shadows / rectangular pools behind text. */
.hero h1 em,.intro h2 em,.section h2 em{
 background:none!important;
 -webkit-background-clip:border-box!important;
 background-clip:border-box!important;
 color:#ffe2df!important;
 -webkit-text-fill-color:#ffe2df!important;
 -webkit-text-stroke:.12px rgba(255,50,53,.68)!important;
 filter:none!important;
 text-shadow:0 0 1px rgba(255,255,255,.95),0 0 2px rgba(255,225,219,.95),
 0 0 4px rgba(255,151,143,.91),0 0 7px rgba(255,34,44,.86),
 0 0 12px rgba(248,0,24,.56),0 0 21px rgba(184,0,25,.25)!important;
}
.section-tag,.eyebrow,.vehicle-type{
 color:#ffb5b1!important;
 text-shadow:0 0 1px rgba(255,238,232,.72),0 0 4px rgba(255,78,78,.7),
 0 0 9px rgba(230,0,34,.22)!important;
}
.intro h2::after,.section h2::after{
 background:linear-gradient(90deg,#ffe0d9,#ff3033 42%,transparent)!important;
 box-shadow:0 0 4px rgba(255,59,66,.53),0 0 10px rgba(217,0,31,.24)!important;
}
/* Red tube lettering applied to actual fleet links, including dynamically created cards. */
.vehicle-copy a.textlink{
 display:inline-block;
 margin-left:8px;
 color:#ffdfda!important;
 -webkit-text-fill-color:#ffdfda!important;
 font-weight:800!important;
 letter-spacing:.06em;
 text-shadow:0 0 1px #fff4f0,0 0 3px rgba(255,188,179,.96),
 0 0 7px rgba(255,46,52,.79),0 0 13px rgba(244,0,29,.48)!important;
 transition:color .2s ease,text-shadow .2s ease;
}
.vehicle-copy a.textlink:hover,.vehicle-copy a.textlink:focus-visible{
 color:#fff3ed!important;-webkit-text-fill-color:#fff3ed!important;
 text-shadow:0 0 2px #fff,0 0 5px rgba(255,189,177,.98),
 0 0 10px rgba(255,48,57,.89),0 0 19px rgba(228,0,33,.45)!important;
}
/* Availability legend: leave unavailable status readable but distinct. */
.legend span:first-child{
 color:#ffded8!important;
 font-weight:700;
 text-shadow:0 0 1px rgba(255,246,239,.93),0 0 4px rgba(255,175,164,.86),
 0 0 8px rgba(255,50,61,.74),0 0 15px rgba(219,0,34,.29)!important;
}
.legend span:first-child b{font-size:13px;font-weight:700;color:inherit!important;}
.legend span:nth-child(2){color:#f7aaa6!important;}
.legend span:nth-child(3){color:#d9dce5!important;}
/* Glass illuminated red controls. Existing aria-pressed state drives selection. */
.fleet .filter-bar button{
 border-color:rgba(255,65,73,.58)!important;
 color:#ffc6c1!important;
 background:rgba(13,8,13,.87)!important;
 text-shadow:0 0 2px rgba(255,166,156,.31),0 0 6px rgba(255,27,45,.18)!important;
 box-shadow:inset 0 0 0 1px rgba(255,255,255,.02),0 0 5px rgba(235,0,33,.11)!important;
}
.fleet .filter-bar button:hover{
 color:#ffebe4!important;
 border-color:#ff8b88!important;
 text-shadow:0 0 2px rgba(255,240,229,.75),0 0 6px rgba(255,57,66,.59)!important;
 box-shadow:0 0 8px rgba(255,38,50,.26),0 0 18px rgba(208,0,30,.12)!important;
}
.fleet .filter-bar button[aria-pressed="true"]{
 color:#fff0e9!important;
 border-color:#ffaaa3!important;
 background:linear-gradient(180deg,rgba(106,12,24,.96),rgba(34,8,14,.96))!important;
 text-shadow:0 0 1px #fff,0 0 3px rgba(255,213,202,.98),
 0 0 7px rgba(255,53,58,.87),0 0 12px rgba(232,0,34,.52)!important;
 box-shadow:inset 0 0 0 1px rgba(255,216,207,.11),
 inset 0 0 12px rgba(255,39,49,.18),0 0 5px rgba(255,203,188,.34),
 0 0 12px rgba(255,34,48,.57),0 0 25px rgba(205,0,33,.26)!important;
}
.fleet .filter-bar button[aria-pressed="true"]:hover{
 box-shadow:0 0 6px rgba(255,198,184,.43),0 0 17px rgba(255,35,49,.62),
 0 0 31px rgba(200,0,35,.22)!important;
}
/* Brand title remains the established cyan-blue; change material, not brand hue. */
.logo,.hero-brand{
 background:transparent!important;border:0!important;box-shadow:none!important;filter:none!important;
 -webkit-text-stroke:.1px rgba(117,220,255,.55)!important;
 color:#d5f6ff!important;
 -webkit-text-fill-color:#d5f6ff!important;
 text-shadow:0 0 1px rgba(255,255,255,.98),0 0 2px rgba(228,251,255,.94),
 0 0 5px rgba(143,235,255,.9),0 0 10px rgba(53,191,255,.79),
 0 0 18px rgba(18,139,252,.43)!important;
}
.logo small{
 color:#a1e6ff!important;-webkit-text-fill-color:#a1e6ff!important;
 text-shadow:0 0 1px rgba(230,252,255,.88),0 0 4px rgba(106,215,255,.75),
 0 0 9px rgba(29,158,255,.45)!important;
}
.logo span{
 color:#f0fcff!important;-webkit-text-fill-color:#f0fcff!important;
 -webkit-text-stroke:.16px rgba(218,248,255,.78)!important;
 text-shadow:0 0 1px #fff,0 0 3px #e4faff,0 0 7px rgba(106,220,255,.97),
 0 0 14px rgba(50,178,255,.85),0 0 26px rgba(19,114,250,.48)!important;
}
@media(max-width:700px){
 .hero h1 em,.intro h2 em,.section h2 em{
  -webkit-text-stroke:.08px rgba(255,52,56,.59)!important;
  text-shadow:0 0 1px #fff3ed,0 0 3px rgba(255,165,155,.85),
   0 0 6px rgba(255,40,50,.78),0 0 12px rgba(221,0,29,.36)!important;
 }
 .vehicle-copy a.textlink{margin-left:8px}
}
@media(prefers-reduced-motion:reduce){.fleet .filter-bar button{transition:none!important}}