:root{--ink:#05070a;--panel:#0a0e13;--line:rgba(143,230,255,.18);--cyan:#17ddff;--magenta:#ff178f;--text:#f5f8fa;--muted:#98a4ad;font-family:Arial,Helvetica,sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:linear-gradient(rgba(23,221,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(23,221,255,.025) 1px,transparent 1px),var(--ink);background-size:44px 44px}a{color:inherit;text-decoration:none}
.nav{position:absolute;z-index:10;inset:0 0 auto;height:92px;padding:0 clamp(20px,4vw,72px);display:grid;grid-template-columns:minmax(260px,430px) 1fr auto;align-items:center;gap:28px;border-bottom:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(3,5,8,.94),rgba(3,5,8,.28));backdrop-filter:blur(8px)}.logo img{display:block;width:min(100%,410px);height:64px;object-fit:contain;object-position:left}.nav nav{display:flex;justify-content:center;gap:clamp(16px,2vw,34px)}.nav nav a{font-size:.84rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.outline{display:inline-flex;align-items:center;gap:9px;padding:12px 16px;border:1px solid rgba(23,221,255,.5);color:var(--cyan);font-size:.8rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;transform:skewX(-7deg)}
.hero{position:relative;min-height:790px;height:min(920px,100svh);display:flex;align-items:center;isolation:isolate}.hero-image{position:absolute;inset:0;z-index:-3;width:100%;height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(2,4,7,.98) 0%,rgba(2,4,7,.88) 31%,rgba(2,4,7,.34) 58%,rgba(2,4,7,.12) 100%),linear-gradient(0deg,#05070a 0%,transparent 26%)}.hero:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.18;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.08) 4px)}.hero-copy{width:min(740px,90vw);padding:130px 0 80px clamp(20px,7vw,126px)}.kicker{color:var(--cyan);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem;font-weight:900;letter-spacing:.15em}.hero h1{margin:0;max-width:760px;font-size:clamp(3.7rem,7.4vw,7.2rem);line-height:.82;letter-spacing:-.072em;text-transform:uppercase;font-style:italic;font-weight:1000;text-shadow:0 8px 40px #000}.hero h1 em{color:transparent;-webkit-text-stroke:1.6px var(--cyan);filter:drop-shadow(0 0 16px rgba(23,221,255,.24))}.lead{max-width:640px;margin:30px 0 0;color:#d2d9de;font-size:clamp(1rem,1.4vw,1.16rem);line-height:1.65}.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:31px}.actions a,.primary{display:inline-flex;align-items:center;gap:10px;min-height:50px;padding:0 21px;border:1px solid rgba(255,255,255,.25);font-size:.8rem;font-weight:950;letter-spacing:.09em;text-transform:uppercase}.actions .primary,.primary{color:#001014;background:var(--cyan);border-color:var(--cyan);box-shadow:0 0 28px rgba(23,221,255,.22)}.proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:650px;margin-top:44px;border-top:1px solid rgba(255,255,255,.19)}.proof span{padding:17px 18px 0 0;display:grid;gap:2px}.proof strong{font-size:1.35rem;font-style:italic}.proof small{color:var(--muted);font-size:.74rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.side-label{position:absolute;right:21px;bottom:75px;color:rgba(255,255,255,.4);writing-mode:vertical-rl;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.67rem;letter-spacing:.22em}
.marquee{position:relative;z-index:3;overflow:hidden;padding:15px 24px;display:flex;align-items:center;justify-content:space-around;gap:26px;min-width:max-content;color:#020609;background:var(--cyan);border-bottom:4px solid var(--magenta);transform:rotate(-1deg) scale(1.02)}.marquee span{font-size:.8rem;font-style:italic;font-weight:1000;letter-spacing:.1em}.marquee i{width:8px;height:8px;background:var(--magenta);transform:rotate(45deg)}
.intro,.capabilities{max-width:1360px;margin:auto;padding:120px clamp(22px,5vw,76px)}.section-label{display:flex;align-items:center;gap:12px;color:var(--cyan);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.76rem;font-weight:900;letter-spacing:.15em}.section-label b{display:grid;place-items:center;width:32px;height:32px;border:1px solid currentColor;color:#fff;transform:skewX(-8deg)}.intro-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(50px,8vw,130px);margin-top:42px}.intro h2,.capabilities>h2,.request h2{margin:0;font-size:clamp(2.7rem,5.6vw,5.25rem);line-height:.95;letter-spacing:-.06em;text-transform:uppercase;font-style:italic;font-weight:1000}.intro-grid>div{border-left:2px solid var(--magenta);padding-left:28px}.intro-grid p{margin:0 0 20px;color:#b5c0c8;font-size:1.05rem;line-height:1.7}
.specialties{max-width:1480px;margin:auto;padding:0 clamp(22px,4vw,58px) 120px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.specialties article{min-height:420px;padding:30px;border:1px solid var(--line);background:linear-gradient(150deg,rgba(18,25,32,.94),rgba(5,8,12,.96))}.specialties header{display:flex;justify-content:space-between;align-items:center;margin-bottom:66px}.specialties header span{color:#58636c}.specialties header b{color:var(--cyan)}.specialties small{color:var(--magenta);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem;font-weight:900;letter-spacing:.1em}.specialties h3{margin:12px 0 14px;font-size:2rem;line-height:1;text-transform:uppercase;font-style:italic}.specialties p{min-height:90px;color:#aab5bd;line-height:1.55}.specialties article>div{display:flex;flex-wrap:wrap;gap:7px;margin-top:24px}.specialties article>div b{padding:6px 9px;border:1px solid rgba(255,255,255,.12);color:#c9d2d8;font-size:.67rem;letter-spacing:.06em;text-transform:uppercase}
.era{min-height:520px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:70px;padding:70px clamp(24px,7vw,130px);background:linear-gradient(115deg,#101821,#07090d 60%);border-block:1px solid var(--line)}.years{display:grid;grid-template-columns:auto 1fr auto auto 1fr;align-items:end;font-style:italic}.years small{margin-bottom:16px;color:var(--cyan);font-size:clamp(1.3rem,2.4vw,2.4rem);font-weight:1000;writing-mode:vertical-rl}.years strong{font-size:clamp(6.5rem,14vw,14rem);line-height:.7;letter-spacing:-.1em;text-shadow:12px 14px 0 rgba(255,23,143,.12)}.years i{margin:0 18px 12px;color:var(--magenta);font-size:3rem}.era h2{margin:20px 0;font-size:clamp(2.4rem,4.2vw,4.2rem);line-height:.94;letter-spacing:-.05em;text-transform:uppercase;font-style:italic}.era>div>p:last-child{color:#b4bec6;font-size:1.02rem;line-height:1.7}
.capabilities>h2{margin:38px 0 60px}.capabilities>h2 em,.request h2 em{color:var(--cyan)}.capability-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;border:1px solid var(--line);background:var(--line)}.capability-grid article{min-height:250px;padding:34px;background:#080c11}.capability-grid span{color:var(--cyan);font-family:ui-monospace,monospace}.capability-grid h3{margin:45px 0 10px;font-size:1.7rem;text-transform:uppercase;font-style:italic}.capability-grid p{color:#9da9b2;line-height:1.6}.capabilities aside{margin-top:28px;padding:clamp(32px,5vw,65px);border-left:5px solid var(--cyan);background:linear-gradient(90deg,rgba(23,221,255,.09),rgba(255,23,143,.035))}.capabilities aside small{color:var(--magenta);font-weight:900;letter-spacing:.15em}.capabilities aside h3{margin:20px 0 12px;font-size:clamp(2rem,3.6vw,3.5rem);text-transform:uppercase;font-style:italic}.capabilities aside p{max-width:840px;color:#b8c2c9;font-size:1.04rem;line-height:1.65}
.request{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(50px,8vw,130px);padding:110px clamp(24px,7vw,130px);background:#080c11;border-top:1px solid var(--line)}.request h2{margin-top:35px}.request>div>p:not(.section-label){max-width:580px;margin:25px 0 35px;color:#aab5bd;font-size:1.05rem;line-height:1.7}.details{display:grid;gap:3px;padding:17px 0;border-top:1px solid rgba(255,255,255,.1)}.details strong{text-transform:uppercase;font-size:.85rem;letter-spacing:.06em}.details span{color:var(--muted);font-size:.82rem}.request-card{align-self:center;padding:clamp(34px,5vw,70px);border:1px solid rgba(23,221,255,.28);background:linear-gradient(155deg,#111923,#080b10);box-shadow:0 24px 80px rgba(0,0,0,.45)}.request-card small{color:var(--magenta);font-weight:900;letter-spacing:.13em}.request-card h3{font-size:clamp(2rem,4vw,3.4rem);line-height:1;text-transform:uppercase;font-style:italic}.request-card .primary{margin-top:18px}
footer{padding:55px clamp(24px,6vw,100px) 35px;display:grid;grid-template-columns:minmax(250px,410px) 1fr auto;align-items:center;gap:25px;border-top:1px solid var(--line);background:#030507}footer img{width:100%;max-width:390px;height:70px;object-fit:contain;object-position:left}footer p{color:#a9b4bc;font-style:italic;font-weight:800}footer>div{display:flex;gap:20px;color:#c4cdd3;font-size:.75rem;font-weight:800;text-transform:uppercase}footer>small{grid-column:1/-1;padding-top:25px;border-top:1px solid rgba(255,255,255,.08);color:#65717a;font-family:ui-monospace,monospace;font-size:.7rem;letter-spacing:.08em;text-align:center}
@media(max-width:1050px){.nav{grid-template-columns:minmax(230px,1fr) auto}.nav nav{display:none}.era,.request{grid-template-columns:1fr}footer{grid-template-columns:1fr 1fr}footer>div{grid-column:1/-1}}@media(max-width:760px){.nav{height:76px;padding:0 16px;gap:12px}.logo img{height:50px}.outline{padding:9px 10px;font-size:.67rem}.hero{min-height:760px;height:auto}.hero-image{object-position:60% center}.hero-shade{background:linear-gradient(90deg,rgba(2,4,7,.96),rgba(2,4,7,.55)),linear-gradient(0deg,#05070a,rgba(3,5,8,.25) 60%)}.hero-copy{padding:135px 20px 70px}.hero h1{font-size:clamp(3.15rem,15vw,5.4rem)}.proof{grid-template-columns:1fr}.proof span{grid-template-columns:70px 1fr;align-items:center;padding-top:12px}.side-label{display:none}.marquee{justify-content:flex-start}.intro,.capabilities{padding:85px 20px}.intro-grid{grid-template-columns:1fr;gap:34px}.specialties{grid-template-columns:1fr;padding:0 16px 80px}.specialties article{min-height:360px}.era{min-height:590px;padding:70px 20px;gap:55px}.years strong{font-size:clamp(5.8rem,24vw,9rem)}.years small{font-size:1.15rem}.years i{margin-inline:8px}.capability-grid{grid-template-columns:1fr}.request{padding:85px 18px}footer{grid-template-columns:1fr;padding-inline:20px}footer p{margin:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Launch refinements: readable type, keyboard access and narrow-screen layout. */
html{scroll-padding-top:24px}body{overflow-wrap:break-word}a:focus-visible{outline:3px solid var(--magenta);outline-offset:5px}.skip-link{position:fixed;top:12px;left:12px;z-index:100;padding:14px 20px;background:var(--cyan);color:var(--ink);transform:translateY(-180%)}.skip-link:focus{transform:none}
.nav{grid-template-columns:minmax(180px,330px) 1fr auto;gap:20px}.nav nav a,.outline,.actions a,.primary{font-size:.875rem}.nav nav a{letter-spacing:.04em}.hero{height:auto;min-height:850px}.hero-copy{width:min(850px,94vw);padding-top:160px}.hero h1{font-size:clamp(3rem,6.7vw,6.4rem);line-height:1.02;letter-spacing:-.055em}.intro h2,.capabilities>h2,.request h2,.era h2{line-height:1.06}.marquee{min-width:0;max-width:100%;flex-wrap:wrap;transform:none;gap:14px 24px}.marquee span{font-size:.875rem}.marquee i{flex:0 0 8px}.proof small,.section-label,.specialties small,.specialties article>div b,.details strong,.details span,footer>div{font-size:.875rem}.side-label,footer>small{font-size:.75rem}.specialties article{min-width:0}.specialties header{gap:12px;flex-wrap:wrap}.specialties h3{line-height:1.12}.specialties article>div b{letter-spacing:.02em}.intro-grid>*,.request>*,.era>*{min-width:0}.request-steps{padding-left:22px;color:#b8c2c9;line-height:1.65}.request-steps li{padding-left:4px;margin:16px 0}.request-steps strong{color:var(--text)}.request-card .primary{width:100%;justify-content:center;line-height:1.5;padding:14px 18px}.primary:hover,.outline:hover{background:#8eeeff;color:#001014}.secondary:hover,footer a:hover,.nav nav a:hover{color:var(--cyan)}
@media(max-width:1150px){.nav{grid-template-columns:minmax(0,1fr) auto}.nav nav{display:none}}
@media(max-width:760px){.nav{height:auto;min-height:84px;position:relative;background:#05070a;padding:12px 16px}.logo img{width:100%;height:auto;max-height:56px}.outline{padding:12px 10px;letter-spacing:0;transform:none;text-align:center}.hero{min-height:0}.hero-copy{width:100%;padding:60px 20px 60px}.hero h1{font-size:clamp(2.6rem,11vw,5rem);line-height:1.05}.kicker{font-size:.875rem;line-height:1.6;letter-spacing:.08em}.actions{flex-direction:column;align-items:stretch}.actions a{justify-content:center;padding:14px 12px;line-height:1.5}.proof{margin-top:32px}.proof small{line-height:1.5}.marquee{padding:18px 16px;gap:12px 18px}.marquee i{display:none}.intro h2,.capabilities>h2,.request h2{font-size:clamp(2rem,9vw,4rem)}.era h2{font-size:clamp(2rem,8vw,3rem)}.years{grid-template-columns:auto minmax(0,1fr) auto auto minmax(0,1fr)}.years strong{font-size:clamp(3.5rem,20vw,9rem)}.years i{font-size:2rem}.years small{margin-bottom:4px}.request-card{padding:28px 22px}.request{gap:36px}.specialties header{margin-bottom:36px}.section-label{letter-spacing:.06em}.section-label b{flex-shrink:0}footer>div{flex-wrap:wrap}footer>small{line-height:1.7}}
@media(max-width:360px){.nav{grid-template-columns:1fr}.logo img{max-width:250px}.outline{justify-self:start}.capability-grid article{padding:24px}.intro-grid>div{padding-left:18px}}

/* Midnight Tuning identity and expanded service scope. */
.brand-name{display:block;font-size:clamp(1.25rem,2.2vw,2rem);font-weight:950;font-style:italic;letter-spacing:-.045em;line-height:1.15;white-space:nowrap}.brand-name em{color:var(--cyan)}.brand-services{display:block;margin-top:7px;color:#c5d2dc;font-size:.75rem;line-height:1.5;letter-spacing:.055em}.hero-copy{width:min(980px,96vw)}.hero h1{font-size:clamp(2.7rem,6.3vw,6rem);letter-spacing:-.05em}.hero .lead{max-width:650px}.proof{max-width:720px}.proof span{min-width:0}.proof strong{font-size:1.15rem}.specialties p{min-height:0}.specialties header{margin-bottom:40px}.specialties h3{font-size:1.85rem}.capability-grid h3{line-height:1.15}.nav .logo{min-width:0}.capabilities aside small,.request-card small{font-size:.875rem}footer .logo{max-width:410px}
@media(max-width:760px){.brand-name{font-size:clamp(1.1rem,4.6vw,1.7rem)}.brand-services{font-size:.75rem;letter-spacing:0}.hero h1{font-size:clamp(2.4rem,10vw,4.8rem)}.proof span{grid-template-columns:minmax(125px,.8fr) 1.2fr;gap:10px}.specialties header{margin-bottom:28px}footer .brand-name{font-size:1.8rem}.nav{gap:12px}.outline{max-width:110px}}

.tuning-platforms{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:24px 0;padding:0}.tuning-platforms li{padding:10px 14px;border:1px solid var(--line);background:#080c11;color:var(--text);font-size:1rem;font-weight:700;line-height:1.4}

/* Limited-run shirt promotion. */
.shirt-popup{position:fixed;inset:0;max-width:min(940px,calc(100vw - 28px));max-height:min(760px,calc(100dvh - 28px));width:100%;margin:auto;padding:0;border:1px solid rgba(23,221,255,.45);background:#080c12;color:var(--text);box-shadow:0 30px 100px #000;overflow:auto;grid-template-columns:1.05fr .95fr}
.shirt-popup[open]{display:grid}.shirt-popup::backdrop{background:rgba(0,0,0,.82);backdrop-filter:blur(5px)}
.shirt-popup>img{width:100%;height:100%;min-height:440px;object-fit:cover;object-position:center top;background:#171717}
.shirt-copy{align-self:center;padding:clamp(28px,4vw,52px)}.shirt-eyebrow{color:var(--cyan);font-size:.875rem;font-weight:900;letter-spacing:.12em}.shirt-copy h2{margin:14px 0 24px;font-size:clamp(2.2rem,4.6vw,4.2rem);line-height:1;text-transform:uppercase;font-style:italic}.shirt-price{margin:0;color:#fff;font-size:2.8rem;font-weight:900}.shirt-price span{display:block;color:#b8c6cf;font-size:1rem;font-weight:500}.shirt-copy>p:not(.shirt-eyebrow):not(.shirt-price){font-size:1rem;line-height:1.55;color:#cbd4da}.shirt-action{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:28px 0 14px;padding:17px 20px;background:var(--cyan);color:#001014;font-size:.95rem;font-weight:900;text-transform:uppercase}.shirt-action:hover{background:#9af2ff}.shirt-copy small{color:#aab9c3;font-size:.875rem;line-height:1.5}.shirt-close{position:absolute;top:12px;right:12px;z-index:2;width:44px;height:44px;border:1px solid rgba(255,255,255,.4);background:#05070a;color:#fff;font-size:1.8rem;line-height:1;cursor:pointer}.shirt-close:focus-visible,.shirt-action:focus-visible{outline:3px solid var(--magenta);outline-offset:3px}
@media(max-width:680px){.shirt-popup[open]{display:block}.shirt-popup>img{display:block;height:auto;min-height:0;max-height:43dvh;object-fit:contain}.shirt-copy{padding:24px}.shirt-copy h2{margin:10px 0 16px;font-size:2.25rem}.shirt-price{font-size:2.2rem}.shirt-action{margin:18px 0 10px}}
