/*
Theme Name: Dark Performance Parts
Author: Dark Performance Parts
Description: Sleek, responsive automotive coming-soon theme with a custom performance rev counter.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dark-performance-parts
*/

*{box-sizing:border-box}html{background:#090a0c;color:#f5f5f5}body{margin:0;font-family:Arial,Helvetica,sans-serif} .dpp-page{min-height:100svh;overflow:hidden;position:relative;background:radial-gradient(ellipse at 83% 45%,#26282e 0,transparent 44%),#090a0c;padding:38px clamp(24px,6vw,100px) 24px;display:flex;flex-direction:column} .dpp-page:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(120deg,transparent 0 100px,#ffffff03 101px 102px);pointer-events:none}header,main,footer{position:relative}header{display:flex;justify-content:space-between;align-items:center;gap:24px;border-bottom:1px solid #ffffff1a;padding-bottom:28px}.brand{display:flex;gap:14px;align-items:center}.mark{color:#ff353d;font-size:34px;font-weight:900;letter-spacing:-8px;transform:skew(-14deg);padding-right:8px}.brand strong{display:block;font-size:25px;letter-spacing:5px;font-style:italic}.brand small{display:block;font-size:9px;letter-spacing:3px;margin-top:5px;color:#b7b8bd}.status{font-size:10px;letter-spacing:2px;color:#c3c4c8;display:flex;align-items:center;gap:10px}.dot{width:7px;height:7px;border-radius:50%;background:#ff353d;box-shadow:0 0 14px #ff353d77}main{flex:1;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:15px;padding:70px 0 62px;min-height:590px}.eyebrow{color:#ff555c;font-size:11px;letter-spacing:3px;text-transform:uppercase;display:flex;gap:12px;align-items:center}.eyebrow:before{content:"";width:30px;height:2px;background:#ff353d}h1{font-size:clamp(60px,7.5vw,114px);line-height:.94;letter-spacing:-5px;text-transform:uppercase;margin:28px 0;font-weight:900;font-style:italic}h1 span{display:block;color:#ff353d}.intro{font-size:16px;line-height:1.8;color:#a7a9b0;max-width:400px;margin:0}.launch{display:inline-flex;align-items:center;gap:14px;margin-top:34px;padding:17px 23px;border:1px solid #ff353d66;background:#ff353d0b;font-size:11px;letter-spacing:2px;font-weight:bold}.launch b{color:#ff353d;font-size:18px}.visual{position:relative;aspect-ratio:1;max-width:520px;width:100%;justify-self:end}.visual svg{width:100%;height:100%;overflow:visible}.dial-caption{position:absolute;bottom:10%;left:0;right:0;text-align:center;font-size:9px;letter-spacing:3px;color:#9699a2}.categories{display:flex;flex-wrap:wrap;gap:9px 24px;margin-top:39px;color:#737680;font-size:9px;letter-spacing:2px}.categories span+span:before{content:"/";margin-right:24px;color:#ff353d}footer{border-top:1px solid #ffffff1a;padding-top:23px;display:flex;justify-content:space-between;gap:15px;font-size:9px;letter-spacing:1.4px;color:#757780;line-height:1.7}footer strong{color:#bcbec5;font-weight:normal}@media(min-width:1600px){main{max-width:1500px;width:100%;margin:auto}}@media(max-width:760px){.dpp-page{padding-top:25px}header{padding-bottom:23px}.brand strong{font-size:20px}.status{font-size:8px;letter-spacing:1px}.brand small{font-size:7px;letter-spacing:2px}main{grid-template-columns:1fr;padding:55px 0 30px;gap:20px}h1{font-size:clamp(54px,12vw,84px);letter-spacing:-3px}.intro{font-size:14px}.visual{width:85%;max-width:360px;justify-self:center;margin-top:-15px}.categories{gap:10px 13px;font-size:8px}.categories span+span:before{margin-right:13px}footer{flex-direction:column;gap:5px}.status .status-label{max-width:65px;line-height:1.6}}@media(prefers-reduced-motion:no-preference){.needle{transform-origin:250px 250px;animation:ignite 1.6s cubic-bezier(.2,.7,.2,1) both}@keyframes ignite{from{transform:rotate(-105deg)}to{transform:rotate(0)}}}