/*
Theme Name: Motor Tech
Author: Motor Tech
Description: Multi-page professional WordPress theme for Motor Tech, Gomti Nagar, Lucknow.
Version: 2.1
*/
:root{--red:#ff171c;--black:#080808;--light:#f5f5f5;--muted:#666;--white:#fff;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#111;line-height:1.65;background:#fff}a{text-decoration:none;color:inherit}.container{width:min(92%,var(--max));margin:auto}
.topbar{background:#080808;color:#fff;padding:8px 0;font-size:13px}.topbar .container{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}
header{background:#fff;border-bottom:1px solid #eee;position:sticky;top:0;z-index:99}.nav{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{width:185px;height:auto}.menu{display:flex;align-items:center;gap:19px;font-weight:700}.menu a:hover{color:var(--red)}.btn{display:inline-block;background:var(--red);color:#fff;padding:12px 21px;border-radius:6px;font-weight:800;border:0;cursor:pointer}.btn.dark{background:#080808}
.hero{background:linear-gradient(115deg,#050505,#181818);color:#fff;padding:90px 0}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:45px;align-items:center}.eyebrow{color:var(--red);font-weight:900;text-transform:uppercase;letter-spacing:2px;font-size:13px}.hero h1{font-size:clamp(42px,6vw,70px);line-height:1.03;margin:10px 0 20px}.hero h1 span{color:var(--red)}.hero p{font-size:19px;color:#ddd}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.hero-card,.card{background:#fff;border:1px solid #e7e7e7;border-radius:14px;padding:27px;box-shadow:0 8px 28px #0000000d}.hero-card .item{padding:11px 0;border-bottom:1px solid #eee}.hero-card .item:last-child{border:0}
section{padding:75px 0}.band{background:var(--light)}.black{background:#080808;color:#fff}.black p{color:#ddd}.head{text-align:center;max-width:800px;margin:0 auto 42px}.head h2,.page-title h1{font-size:42px;line-height:1.1;margin:8px 0 15px}.head p{color:var(--muted)}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:25px}.check{margin:7px 0}.check:before{content:"✓";font-weight:900;color:var(--red);margin-right:9px}.icon{font-size:30px}.page-title{background:#090909;color:#fff;padding:65px 0}.page-title p{color:#ddd;max-width:800px}.content{max-width:950px;margin:auto}.content h2{font-size:31px;margin-top:38px}.content h3{font-size:22px;margin-top:27px}.quote{border-left:5px solid var(--red);padding:12px 0 12px 22px;font-size:22px;font-weight:700;margin:28px 0}
.team{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.role{font-size:12px;color:var(--red);font-weight:900;text-transform:uppercase;letter-spacing:1.5px}.price{font-size:38px;font-weight:900}.price-card{position:relative}.popular{position:absolute;right:18px;top:18px;background:var(--red);color:#fff;border-radius:20px;padding:5px 11px;font-size:12px;font-weight:800}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.step-no{width:42px;height:42px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;font-weight:900}
.checklist{columns:2;column-gap:50px}.checklist div{break-inside:avoid;padding:9px 0;border-bottom:1px solid #ddd}.checklist div:before{content:"✓";color:var(--red);font-weight:900;margin-right:10px}
.faq details{border-bottom:1px solid #ddd;padding:17px 0}.faq summary{font-weight:800;font-size:18px;cursor:pointer}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.contact-box{background:var(--light);padding:30px;border-radius:14px}
footer{background:#070707;color:#fff;padding:55px 0 20px}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:30px}.footer-grid p,.footer-grid li{color:#bbb}.footer-grid ul{list-style:none;padding:0}.copyright{border-top:1px solid #222;margin-top:35px;padding-top:18px;color:#999;font-size:13px}
.booking{display:grid;grid-template-columns:1fr 1fr;gap:14px}.booking input,.booking select,.booking textarea{width:100%;padding:14px;border:1px solid #ccc;border-radius:7px;font:inherit}.booking textarea{min-height:130px}.full{grid-column:1/-1}
@media(max-width:950px){.menu{display:none}.hero-grid,.grid2,.contact-grid{grid-template-columns:1fr}.grid3{grid-template-columns:1fr 1fr}.team{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.grid3,.team,.steps,.booking{grid-template-columns:1fr}.checklist{columns:1}.hero{padding:60px 0}.hero h1{font-size:44px}.head h2,.page-title h1{font-size:33px}.topbar .container{justify-content:center;text-align:center}}

/* Visual upgrades */
.hero-card{background:#151515;color:#fff;border:1px solid #333;box-shadow:0 20px 50px #00000033}.hero-card h3{color:#fff}.hero-card .item{border-color:#333}.hero-card .item::first-letter{color:var(--red)}
.service-img{width:100%;height:150px;object-fit:cover;border-radius:10px;margin-bottom:14px}.service-card{overflow:hidden}.service-card .icon{font-size:24px;margin-bottom:2px}
.leadership-preview{background:#fafafa}.leadership-cards{max-width:1000px;margin:auto}.leader-preview{display:grid;grid-template-columns:105px 1fr;column-gap:18px;align-items:center}.leader-preview .person-photo{grid-row:1 / span 4}.leader-preview .role,.leader-preview h3,.leader-preview p,.leader-preview .text-link{grid-column:2}.person-photo{height:220px;background:#111;border-radius:12px;overflow:hidden;margin-bottom:18px;display:flex;align-items:center;justify-content:center}.person-photo.small{height:105px;width:105px;margin:0}.person-photo img{width:100%;height:100%;object-fit:cover}.photo-placeholder{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(135deg,#111,#333);color:#fff;font-size:42px;font-weight:900}.text-link{color:var(--red);font-weight:800}.person-note{margin-top:15px;padding:12px 14px;background:#f7f7f7;border-left:4px solid var(--red);font-size:14px}.upload-hint{margin-top:25px;padding:15px 18px;border-radius:10px;background:#fff3f3;border:1px solid #ffd1d1}.section-explain{max-width:900px;margin:0 auto 22px;padding:15px 18px;background:#f7f7f7;border-left:4px solid var(--red);border-radius:8px;color:#444}
@media(max-width:600px){.leader-preview{display:block}.leader-preview .person-photo.small{margin-bottom:15px}.person-photo{height:250px}}