/*
Theme Name: LR Pro
Theme URI: https://lrpro.com
Author: LR Pro
Description: Land Rover & Jaguar Module Programming Specialists
Version: 1.0
License: GNU General Public License v2 or later
Text Domain: lrpro
*/


*{margin:0;padding:0;box-sizing:border-box;}
:root{
  --bg:#0A0A0A;--bg2:#111111;--bg3:#1A1A1A;
  --border:rgba(255,255,255,0.07);--border2:rgba(255,255,255,0.13);
  --text:#F0EFEB;--muted:#CCC;--accent:#C8F25A;--accent2:#A8D845;
}
html{scroll-behavior:smooth;}
body{background:var(--bg);color:var(--text);font-family:'Inter',sans-serif;font-weight:300;overflow-x:hidden;line-height:1.6;}
nav{position:fixed;top:0;left:0;right:0;z-index:999;padding:20px 64px;display:flex;align-items:center;justify-content:space-between;background:rgba(10,10,10,0.88);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);transition:padding .3s;}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;}
.logo-mark{width:30px;height:30px;background:var(--accent);border-radius:6px;display:flex;align-items:center;justify-content:center;}
.logo-mark svg{width:16px;height:16px;color:#000;}
.logo-text{font-family:'Inter',sans-serif;font-size:15px;font-weight:700;color:#fff;}
.logo-text span{color:var(--accent);}
.nav-links{display:flex;align-items:center;gap:32px;list-style:none;}
.nav-links a{color:var(--muted);text-decoration:none;font-size:14px;font-weight:400;transition:color .2s;}
.nav-links a:hover{color:#fff;}
.nav-btn{background:var(--accent)!important;color:#000!important;padding:9px 20px;border-radius:8px;font-weight:600!important;}
.hero{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;align-items:start;padding:120px 64px 80px;gap:64px;position:relative;overflow:hidden;}
.hero-bg-r{position:absolute;top:0;right:0;width:52%;min-height:100%;height:100%;background:var(--bg2);z-index:0;}
.hero-left{position:relative;z-index:1;}
.hero-right{position:relative;z-index:1;align-self:start;}
.pill{display:inline-flex;align-items:center;gap:8px;background:rgba(200,242,90,0.1);border:1px solid rgba(200,242,90,0.2);color:var(--accent);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:6px 14px;border-radius:100px;margin-bottom:28px;}
.dot{width:6px;height:6px;background:var(--accent);border-radius:50%;animation:blink 2s infinite;}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}
.hero h1{font-family:'DM Serif Display',serif;font-size:clamp(42px,5vw,68px);font-weight:400;line-height:1.1;color:#fff;margin-bottom:22px;}
.hero h1 i{color:var(--accent);font-style:italic;}
.hero-sub{font-size:18px;color:var(--muted);line-height:1.8;max-width:440px;margin-bottom:36px;}
.hero-acts{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:52px;}
.btn-g{display:inline-flex;align-items:center;gap:8px;background:var(--accent);color:#000;text-decoration:none;padding:12px 26px;border-radius:9px;font-size:13.5px;font-weight:600;transition:background .2s,transform .15s;}
.btn-g:hover{background:var(--accent2);transform:translateY(-1px);}
.btn-gh{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border2);color:var(--text);text-decoration:none;padding:12px 26px;border-radius:9px;font-size:13.5px;transition:all .2s;}
.btn-gh:hover{border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.04);}
.stats{display:flex;gap:36px;}
.stat{border-left:2px solid rgba(200,242,90,.35);padding-left:14px;}
.stat-n{font-family:'DM Serif Display',serif;font-size:30px;color:#fff;line-height:1;}
.stat-l{font-size:14px;color:var(--muted);margin-top:3px;}
.car-frame{border-radius:16px;overflow:hidden;background:var(--bg3);border:1px solid var(--border);width:100%;}
.cf-top{background:var(--bg2);padding:11px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;}
.cf-dots{display:flex;gap:5px;}
.cf-dot{width:9px;height:9px;border-radius:50%;background:var(--border2);}
.cf-lbl{font-size:14px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);}
.cf-badge{background:var(--accent);color:#000;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border-radius:5px;}
.cf-svg{padding:24px 16px 12px;display:flex;justify-content:center;}
.cf-svg svg{width:100%;max-width:520px;height:auto;}
.cf-foot{padding:13px 16px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);}
.cf-name{font-size:18px;font-weight:600;color:#fff;}
.cf-sub{font-size:14px;color:var(--muted);}
.cf-status{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--accent);}
.cf-sdot{width:6px;height:6px;background:var(--accent);border-radius:50%;}
.ticker{background:var(--accent);padding:13px 0;overflow:hidden;}
.t-track{display:flex;white-space:nowrap;animation:tick 22s linear infinite;}
@keyframes tick{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.ti{font-family:'Inter',sans-serif;font-size:14px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#000;padding:0 32px;display:inline-flex;align-items:center;gap:12px;}
.ts{width:4px;height:4px;background:rgba(0,0,0,.3);border-radius:50%;display:inline-block;}
section{padding:96px 64px;}
.lbl{font-family:'Inter',sans-serif;font-size:14px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);display:block;margin-bottom:12px;}
h2{font-family:'DM Serif Display',serif;font-size:clamp(32px,3.8vw,50px);font-weight:400;line-height:1.1;color:#fff;margin-bottom:14px;}
.desc{font-size:18px;color:var(--muted);line-height:1.8;max-width:560px;margin-bottom:52px;}
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);}
.svc{background:var(--bg);padding:36px 32px;transition:background .25s;}
.svc:hover{background:var(--bg3);}
.svc-ico{width:40px;height:40px;background:rgba(200,242,90,.1);border-radius:9px;display:flex;align-items:center;justify-content:center;color:var(--accent);margin-bottom:18px;}
.svc-ico svg{width:18px;height:18px;}
.svc h3{font-size:18px;font-weight:600;color:#fff;margin-bottom:9px;}
.svc p{font-size:18px;color:var(--muted);line-height:1.75;margin-bottom:16px;}
.tags{display:flex;flex-wrap:wrap;gap:5px;}
.tg{font-size:10px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);background:rgba(255,255,255,.04);border:1px solid var(--border);padding:3px 8px;border-radius:4px;}
.gallery-sec{background:var(--bg2);padding:96px 0;}
.gallery-hd{padding:0 64px;margin-bottom:40px;}
.car-gal{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:auto auto;gap:14px;padding:0 64px;}
.cg{border-radius:14px;overflow:hidden;background:var(--bg3);border:1px solid var(--border);}
.cg.tall{grid-row:span 2;}
.cg-inner{padding:20px 14px 8px;}
.cg-inner svg{width:100%;height:auto;display:block;}
.cg-foot{padding:12px 16px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;}
.cg-name{font-size:18px;font-weight:600;color:#fff;}
.cg-yr{font-size:14px;color:var(--muted);}
.cg-pill{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:rgba(200,242,90,.12);color:var(--accent);padding:3px 9px;border-radius:4px;}
.key-sec{background:var(--bg);display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;}
.key-vis{border-radius:14px;overflow:hidden;background:var(--bg3);border:1px solid var(--border);padding:32px 24px;}
.key-vis svg{width:100%;height:auto;display:block;}
.kl{display:flex;flex-direction:column;gap:0;border:1px solid var(--border);border-radius:12px;overflow:hidden;margin-top:32px;}
.kli{display:flex;gap:14px;padding:20px 22px;border-bottom:1px solid var(--border);transition:background .2s;}
.kli:last-child{border-bottom:none;}
.kli:hover{background:rgba(200,242,90,.04);}
.kli-n{font-size:14px;font-weight:700;color:var(--accent);min-width:22px;padding-top:1px;}
.kli-t{font-size:18px;font-weight:600;color:#fff;margin-bottom:3px;}
.kli-d{font-size:18px;color:var(--muted);line-height:1.65;}
.models-sec{background:var(--bg2);}
.mg{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);}
.mc{background:var(--bg2);padding:22px 18px;transition:background .2s;}
.mc:hover{background:var(--bg3);}
.mc-b{font-size:14px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:4px;}
.mc-n{font-size:18px;font-weight:600;color:#fff;margin-bottom:2px;}
.mc-y{font-size:14px;color:var(--muted);}
.pg{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--border);border-radius:12px;overflow:hidden;margin-top:48px;}
.ps{padding:28px 24px;border-right:1px solid var(--border);}
.ps:last-child{border-right:none;}
.ps-n{font-family:'DM Serif Display',serif;font-size:36px;color:rgba(200,242,90,.15);line-height:1;margin-bottom:16px;}
.ps-t{font-size:18px;font-weight:600;color:#fff;margin-bottom:7px;}
.ps-d{font-size:18px;color:var(--muted);line-height:1.7;}
.testi-sec{background:var(--bg2);}
.tg2{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px;}
.tc{background:var(--bg3);border:1px solid var(--border);border-radius:12px;padding:26px;}
.tc-s{color:var(--accent);font-size:13px;letter-spacing:3px;margin-bottom:12px;}
.tc p{font-size:18px;color:rgba(240,239,235,.75);line-height:1.75;margin-bottom:16px;font-style:italic;}
.tc-a{font-size:14px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;}
.faq-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--border);border-radius:12px;overflow:hidden;margin-top:48px;}
.fi{padding:26px 28px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);}
.fi:nth-child(2n){border-right:none;}
.fi:nth-last-child(-n+2){border-bottom:none;}
.fi-q{font-size:18px;font-weight:600;color:#fff;margin-bottom:9px;}
.fi-a{font-size:18px;color:var(--muted);line-height:1.75;}
.cta-sec{background:var(--accent);padding:96px 64px;text-align:center;}
.cta-sec h2{font-family:'DM Serif Display',serif;font-size:clamp(36px,5vw,60px);font-weight:400;color:#000;margin-bottom:16px;line-height:1.1;}
.cta-sec p{font-size:18px;color:rgba(0,0,0,.5);max-width:480px;margin:0 auto 36px;line-height:1.7;}
.cta-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}
.btn-blk{display:inline-flex;align-items:center;gap:8px;background:#000;color:#fff;text-decoration:none;padding:12px 28px;border-radius:9px;font-size:13.5px;font-weight:600;transition:background .2s;}
.btn-blk:hover{background:#1a1a1a;}
.btn-ob{display:inline-flex;align-items:center;gap:8px;border:2px solid rgba(0,0,0,.2);color:#000;text-decoration:none;padding:12px 28px;border-radius:9px;font-size:13.5px;font-weight:500;transition:all .2s;}
.btn-ob:hover{background:rgba(0,0,0,.07);}
.ci-wrap{display:flex;gap:32px;justify-content:center;margin-top:32px;flex-wrap:wrap;}
.ci{display:flex;align-items:center;gap:7px;font-size:14px;color:rgba(0,0,0,.45);}
.ci svg{width:15px;height:15px;}
footer{background:var(--bg);border-top:1px solid var(--border);padding:56px 64px 32px;}
.ft{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:48px;margin-bottom:40px;}
.ft-desc{font-size:18px;color:var(--muted);line-height:1.8;margin-top:14px;max-width:240px;}
.fc h4{font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:rgba(255,255,255,.25);margin-bottom:16px;}
.fc ul{list-style:none;display:flex;flex-direction:column;gap:9px;}
.fc a{font-size:14px;color:var(--muted);text-decoration:none;transition:color .2s;}
.fc a:hover{color:var(--text);}
.fb{border-top:1px solid var(--border);padding-top:22px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;}
.fb p{font-size:14px;color:rgba(255,255,255,.18);}
.fb-l{display:flex;gap:18px;}
.fb-l a{font-size:14px;color:rgba(255,255,255,.18);text-decoration:none;transition:color .2s;}
.fb-l a:hover{color:var(--muted);}
.reveal{opacity:0;transform:translateY(20px);transition:opacity .55s ease,transform .55s ease;}
.reveal.on{opacity:1;transform:none;}
@media(max-width:960px){
  nav{padding:16px 20px;}.nav-links{display:none;}
  section{padding:60px 20px;}
  .hero{grid-template-columns:1fr;padding:100px 20px 56px;gap:40px;}.hero-bg-r{display:none;}
  .hero-img-section{width:100%;height:auto;}
  .cg-img{width:100%;height:auto;}
  .svc-grid{grid-template-columns:1fr;}
  .gallery-sec{padding:60px 0;}.gallery-hd{padding:0 20px;}.car-gal{grid-template-columns:1fr;padding:0 20px;}.cg.tall{grid-row:auto;}
  .key-sec{grid-template-columns:1fr;padding:60px 20px;}
  .mg{grid-template-columns:1fr 1fr;}
  .pg{grid-template-columns:1fr 1fr;}.ps:nth-child(2n){border-right:none;}
  .tg2{grid-template-columns:1fr;}
  .faq-grid{grid-template-columns:1fr;}.fi{border-right:none!important;}
  .cta-sec{padding:64px 20px;}
  footer{padding:48px 20px 28px;}.ft{grid-template-columns:1fr 1fr;gap:28px;}
}

/* Hero image */
.hero-img-section {
    width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
    border-radius: 0;
}
.hero-img-placeholder {
    width: 100%;
    min-height: 240px;
    background: var(--bg3);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--muted);
    font-size: 14px;
    border: 2px dashed var(--border2);
    padding: 40px;
    text-align: center;
}
/* Gallery card images */
.cg-img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
}
.cg-img-wrap {
    background: var(--bg3);
    width: 100%;
}
.cf-svg { padding: 0 !important; }
.cf-svg img { border-radius: 0; width:100%; height:auto; display:block; }