/* THE VOXCOR DEEP DIVE — neon city, split heart: cool blue / hot red */
.t-deep{--bg:#06071a;--bg2:#0b0e2c;--ink:#e9eeff;--mut:#9aa6cf;--acc:#ff2d55;--on-acc:#fff;--cy:#19e3ff;--am:#ffb020;--line:rgba(120,160,255,.22);--card:rgba(14,18,52,.7);--hbg:rgba(6,7,26,.82);
 --f-display:'Chakra Petch','Arial Narrow',sans-serif;--f-body:'Inter',system-ui,sans-serif;--f-label:'Chakra Petch',sans-serif;--rp:linear-gradient(90deg,#19e3ff,#ff2d55);--tt-bg:#0b0e2c;--tt-ink:#19e3ff;--tt-line:#19e3ff}
.t-deep{background-image:linear-gradient(rgba(25,227,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(25,227,255,.045) 1px,transparent 1px);background-size:48px 48px;background-attachment:fixed}
.t-deep .rp{background:linear-gradient(90deg,#19e3ff,#ff2d55)}
.t-deep h1,.t-deep h2,.t-deep h3{text-transform:uppercase;letter-spacing:.01em}
.t-deep .logo{font:700 1.05rem var(--f-display);letter-spacing:.16em;text-transform:uppercase}
.t-deep .logo b{color:var(--acc);font-weight:700;text-shadow:0 0 12px rgba(255,45,85,.7)}
.t-deep .logo i{font-style:normal;color:var(--cy);text-shadow:0 0 12px rgba(25,227,255,.6)}
.t-deep .btn{box-shadow:0 0 0 rgba(255,45,85,0);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}
.t-deep .btn:hover{box-shadow:0 0 28px rgba(255,45,85,.55)}
.t-deep .btn.ghost{border-color:var(--cy);color:var(--cy)}
.t-deep .btn.ghost:hover{background:rgba(25,227,255,.1);box-shadow:0 0 24px rgba(25,227,255,.35);color:#fff}
/* hero */
.dd-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(1.5rem,4vw,3.5rem);align-items:center;padding-block:clamp(2.5rem,7vw,5.5rem)}
.dd-hero>*{min-width:0}
.dd-hero .kick{font:500 .8rem var(--f-label);letter-spacing:.24em;text-transform:uppercase;color:var(--cy);display:flex;gap:.7rem;align-items:center}
.dd-hero .kick::before{content:"";width:2.4rem;height:2px;background:var(--cy);box-shadow:0 0 10px var(--cy)}
.dd-hero h1{margin-top:1rem;font-size:clamp(2.6rem,8.4vw,6rem);font-weight:700;line-height:.95;text-shadow:0 0 28px rgba(255,45,85,.45),0 0 2px rgba(255,255,255,.6)}
.dd-hero h1 span{display:block;color:var(--acc)}
.dd-hero .sub{margin-top:1.1rem;font:600 clamp(.95rem,2.2vw,1.25rem) var(--f-label);letter-spacing:.38em;text-transform:uppercase;color:var(--am);text-shadow:0 0 14px rgba(255,176,32,.5)}
.dd-hero .tag{margin-top:1.4rem;font-size:1.2rem;max-width:34ch}
.dd-heart{position:relative;aspect-ratio:1;max-width:34rem;justify-self:center;width:100%}
.dd-heart img{width:100%;height:100%;object-fit:cover;display:block;-webkit-mask-image:radial-gradient(circle at 50% 47%,#000 52%,transparent 71%);mask-image:radial-gradient(circle at 50% 47%,#000 52%,transparent 71%);animation:beat 4.2s ease-in-out infinite;filter:saturate(1.1) contrast(1.05)}
.dd-heart::after{content:"";position:absolute;inset:8%;border-radius:50%;box-shadow:0 0 90px 10px rgba(255,45,85,.22),0 0 120px 20px rgba(25,227,255,.16);z-index:-1}
@keyframes beat{0%,100%{transform:scale(1)}8%{transform:scale(1.025)}16%{transform:scale(1)}24%{transform:scale(1.018)}34%{transform:scale(1)}}
/* ticker */
.ticker{overflow:hidden;border-block:1px solid var(--line);background:rgba(10,12,40,.7);white-space:nowrap}
.ticker .tk{display:inline-flex;gap:2.5rem;padding-block:.8rem;animation:tick 38s linear infinite;font:600 .85rem var(--f-label);letter-spacing:.26em;text-transform:uppercase;color:var(--mut)}
.ticker .tk span:nth-child(3n+1){color:var(--cy)}.ticker .tk span:nth-child(3n+2){color:var(--acc)}.ticker .tk span:nth-child(3n){color:var(--am)}
@keyframes tick{to{transform:translateX(-50%)}}
/* two energies */
.duo{display:grid;grid-template-columns:1fr 1fr;margin-top:2.25rem;border:1px solid var(--line);position:relative;overflow:hidden}
.duo>div{padding:clamp(1.4rem,4vw,2.6rem);min-width:0}
.duo .blue{background:linear-gradient(160deg,rgba(25,80,200,.28),rgba(6,7,26,.2))}
.duo .red{background:linear-gradient(200deg,rgba(255,45,85,.26),rgba(6,7,26,.2))}
.duo h3{font-size:clamp(1.3rem,3vw,1.8rem)}
.duo .blue h3{color:var(--cy)}.duo .red h3{color:var(--acc)}
.duo ul{margin:1rem 0 0;padding:0;list-style:none;display:grid;gap:.45rem}
.duo li{padding-left:1.1rem;position:relative}
.duo li::before{content:"";position:absolute;left:0;top:.72em;width:.5rem;height:2px;background:currentColor}
.duo p{margin-top:.8rem;color:var(--mut);font-size:.95rem}
.duo::after{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;transform:translateX(-50%);background:linear-gradient(var(--cy),var(--acc));box-shadow:0 0 14px var(--cy),0 0 14px var(--acc)}
.note-line{margin-top:1.25rem;font:500 1.05rem var(--f-body);max-width:60ch;border-left:3px solid var(--am);padding-left:1rem}
/* tracks */
.tracks{margin-top:2.25rem;display:grid;gap:0;border-top:1px solid var(--line)}
.trk{display:grid;grid-template-columns:5.5rem 1fr;gap:1rem 1.5rem;padding:clamp(1.3rem,3vw,2rem) 0;border-bottom:1px solid var(--line);position:relative;transition:background .3s}
.trk:hover{background:linear-gradient(90deg,rgba(255,45,85,.08),transparent 70%)}
.trk .n{font:700 clamp(2.6rem,6vw,4rem)/1 var(--f-display);color:transparent;-webkit-text-stroke:1.5px var(--cy);transition:color .3s,text-shadow .3s}
.trk:hover .n{color:var(--cy);text-shadow:0 0 22px rgba(25,227,255,.6)}
.trk h3{font-size:clamp(1.15rem,2.6vw,1.6rem);text-transform:none;letter-spacing:0}
.trk .sb{margin-top:.2rem;font:500 .78rem var(--f-label);letter-spacing:.14em;text-transform:uppercase;color:var(--am)}
.trk p{margin-top:.7rem;color:var(--mut);max-width:64ch}
.trk .q{margin-top:.9rem;padding:.8rem 1rem;border:1px dashed rgba(255,176,32,.5);color:var(--ink);font-size:.95rem;max-width:64ch}
.trk .q b{font:600 .7rem var(--f-label);letter-spacing:.16em;text-transform:uppercase;color:var(--am);display:block;margin-bottom:.25rem}
.trk>div{min-width:0}
/* lenses + doors */
.two{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1rem,3vw,1.75rem);margin-top:2rem}
.two>*{min-width:0}
.lens{border:1px solid var(--line);padding:1.5rem;background:var(--card)}
.lens h3{font-size:1.25rem}
.lens .f{margin-top:.4rem;font:500 .75rem var(--f-label);letter-spacing:.14em;text-transform:uppercase;color:var(--cy)}
.lens p{margin-top:.8rem;color:var(--mut)}
.doors{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(.9rem,2.5vw,1.5rem);margin-top:2rem}
.door{--c:var(--cy);display:flex;flex-direction:column;gap:.8rem;border:1px solid var(--c);padding:1.5rem;text-decoration:none;background:var(--card);transition:box-shadow .3s,transform .3s}
.door:nth-child(2){--c:var(--acc)}.door:nth-child(3){--c:var(--am)}
.door:hover{box-shadow:0 0 34px color-mix(in srgb,var(--c) 45%,transparent);transform:translateY(-4px)}
.door b{font:700 1.15rem var(--f-display);text-transform:uppercase;color:var(--c)}
.door span{color:var(--mut);font-size:.95rem}
.door em{margin-top:auto;font:600 .76rem var(--f-label);font-style:normal;letter-spacing:.14em;text-transform:uppercase;color:var(--c)}
.bridge{margin-top:2.5rem;border:1px solid var(--line);background:linear-gradient(110deg,rgba(25,227,255,.1),rgba(255,45,85,.12));padding:clamp(1.4rem,4vw,2.4rem);display:grid;grid-template-columns:1fr auto;gap:1.5rem;align-items:center}
.bridge>*{min-width:0}
.bridge h3{font-size:clamp(1.3rem,3vw,1.9rem)}
.bridge p{margin-top:.6rem;color:var(--mut)}
@media (max-width:820px){.dd-hero,.two,.bridge{grid-template-columns:1fr}.doors{grid-template-columns:1fr}.dd-heart{max-width:22rem;order:-1}
 .duo{grid-template-columns:1fr}.duo::after{left:0;right:0;top:50%;bottom:auto;width:auto;height:2px;transform:translateY(-50%);background:linear-gradient(90deg,var(--cy),var(--acc))}
 .trk{grid-template-columns:3.4rem 1fr}}

.t-deep{--bg3d-a:#19e3ff;--bg3d-b:#ff2d55;--bg3d-alpha:1}