
:root{
 --navy:#07192d;--navy2:#0d2f52;--navy3:#132f4a;--gold:#ffbf19;--gold2:#e7a900;
 --white:#fff;--ink:#182230;--muted:#687386;--soft:#f4f7fa;--line:#e4e9ef;
 --shadow:0 18px 44px rgba(5,25,45,.12)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--ink);line-height:1.62;background:#fff}
a{text-decoration:none;color:inherit}.wrap{width:min(1180px,92%);margin:auto}
.topbar{background:#04111e;color:#eaf0f5;font-size:13px}.topbar .wrap{min-height:38px;display:flex;justify-content:space-between;align-items:center;gap:18px}.topbar .right{display:flex;gap:20px;align-items:center}.gold{color:var(--gold)}
.site-header{position:sticky;top:0;z-index:80;background:rgba(7,25,45,.97);backdrop-filter:blur(12px);box-shadow:0 4px 18px rgba(0,0,0,.16)}
.navbar{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;color:#fff;font-weight:950;letter-spacing:.3px;font-size:20px}.brand-mark{width:46px;height:46px;border-radius:50%;background:linear-gradient(145deg,#264c73,#0b2742);border:2px solid var(--gold);display:grid;place-items:center;font-size:24px}.brand small{display:block;font-size:10px;letter-spacing:2px;color:#cbd7e2}
.menu{display:flex;align-items:center;gap:17px;font-size:13px;font-weight:800;color:#eef4fa}.menu a:hover{color:var(--gold)}.call-btn,.btn-primary,.btn-outline{display:inline-flex;align-items:center;justify-content:center;border-radius:9px;font-weight:900;transition:.2s}.call-btn{background:var(--gold);color:#111!important;padding:12px 16px}.btn-primary{background:var(--gold);color:#101820;padding:15px 23px}.btn-outline{border:1px solid #ffffff7a;color:#fff;padding:14px 22px;background:#ffffff0b}.btn-primary:hover,.call-btn:hover{transform:translateY(-1px);background:#ffd255}
.hero{position:relative;min-height:680px;display:flex;align-items:center;color:#fff;background:
linear-gradient(90deg,rgba(4,18,34,.96) 0%,rgba(4,18,34,.84) 45%,rgba(4,18,34,.42) 74%,rgba(4,18,34,.26) 100%),
url('../images/home-mobile-van.jpg') center/cover}
.hero:after{content:"";position:absolute;inset:auto 0 0;height:115px;background:linear-gradient(transparent,rgba(4,18,34,.35))}
.hero-inner{position:relative;z-index:2;max-width:790px;padding:90px 0}.eyebrow{display:inline-flex;align-items:center;gap:8px;background:var(--gold);color:#111;padding:7px 13px;border-radius:999px;font-size:12px;font-weight:950;letter-spacing:.5px}
.hero h1{font-size:clamp(47px,7vw,76px);line-height:.98;margin:19px 0 20px;letter-spacing:-2.5px;text-transform:uppercase}.hero h1 span{display:block;color:var(--gold)}.hero p{font-size:19px;color:#e3ebf3;max-width:690px}.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin:29px 0}
.hero-badges{display:flex;gap:24px;flex-wrap:wrap;margin-top:28px}.hero-badge{display:flex;gap:10px;align-items:center}.badge-icon{width:37px;height:37px;border-radius:50%;border:1px solid #ffffff50;display:grid;place-items:center}.hero-badge b{display:block;font-size:13px}.hero-badge span{font-size:11px;color:#bfcddd;text-transform:uppercase}
.quick{position:relative;z-index:4;margin-top:-42px}.quick-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.quick-card{background:#fff;border-radius:15px;padding:22px 18px;box-shadow:var(--shadow);border:1px solid var(--line);min-height:180px}.quick-card .icon{font-size:29px}.quick-card h3{font-size:17px;margin:10px 0 6px}.quick-card p{font-size:13px;color:var(--muted);margin:0 0 12px}.learn{font-size:12px;color:#a87500;font-weight:900}
.section{padding:78px 0}.soft{background:var(--soft)}.dark{background:linear-gradient(135deg,#07192d,#0d3155);color:#fff}.section-head{text-align:center;max-width:780px;margin:0 auto 38px}.kicker{color:#a97500;text-transform:uppercase;font-size:12px;font-weight:950;letter-spacing:1.7px}.section-head h2{font-size:39px;line-height:1.12;margin:7px 0 12px}.section-head p{color:var(--muted);margin:0}.dark .section-head p{color:#c7d4e1}
.three{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature-card{background:#fff;border-radius:16px;border:1px solid var(--line);padding:28px;box-shadow:0 8px 26px rgba(7,25,45,.06)}.feature-card h3{margin:0 0 10px}.feature-card p{color:var(--muted)}
.home-panels{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}.panel{border-radius:17px;padding:26px;min-height:330px}.panel.darkpanel{background:var(--navy);color:#fff}.checklist{list-style:none;padding:0;margin:18px 0}.checklist li{position:relative;padding-left:28px;margin:11px 0}.checklist li:before{content:"✓";position:absolute;left:0;color:var(--gold);font-weight:950}
.rating{font-size:54px;font-weight:950;line-height:1}.stars{color:#ffb700;font-size:24px;letter-spacing:2px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:25px}.stat{text-align:center;border-top:1px solid var(--line);padding-top:15px}.stat b{display:block;font-size:21px}.stat span{font-size:11px;color:var(--muted)}
.tip{display:flex;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.tip-thumb{width:68px;height:58px;border-radius:9px;background:#dfe6ed;display:grid;place-items:center;font-size:24px}.tip h4{margin:0;font-size:14px;line-height:1.25}.tip small{color:var(--muted)}
.service-area-box{background:#fff;color:var(--ink);border-radius:17px;padding:28px;box-shadow:var(--shadow)}.area-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:4px 20px}.area-grid div{padding:7px 0;border-bottom:1px dashed #d7dfe7}.area-grid div:before{content:"●";color:var(--gold);margin-right:8px}
.cta-strip{background:var(--gold);color:#101820;padding:25px 0}.cta-strip .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px}.cta-strip h3{margin:0;font-size:24px}.cta-strip .number{font-size:27px;font-weight:950}.cta-strip .darkbtn{background:var(--navy);color:#fff;padding:13px 18px;border-radius:8px;font-weight:900}
.subhero{min-height:430px;display:flex;align-items:center;color:#fff;background-position:center;background-size:cover;background-repeat:no-repeat}
.subhero.car-keys{background-image:linear-gradient(90deg,rgba(4,18,34,.95),rgba(4,18,34,.45)),url('../images/car-keys.jpg')}
.subhero.keys-fobs{background-image:linear-gradient(90deg,rgba(4,18,34,.95),rgba(4,18,34,.42)),url('../images/keys-fobs.jpg')}
.subhero.residential-locksmith{background-image:linear-gradient(90deg,rgba(4,18,34,.95),rgba(4,18,34,.42)),url('../images/residential.jpg')}
.subhero.commercial-locksmith{background-image:linear-gradient(90deg,rgba(4,18,34,.95),rgba(4,18,34,.42)),url('../images/commercial.jpg')}
.subhero.emergency-locksmith{background-image:linear-gradient(90deg,rgba(4,18,34,.94),rgba(4,18,34,.40)),url('../images/emergency.jpg')}
.subhero.about{background-image:linear-gradient(90deg,rgba(4,18,34,.95),rgba(4,18,34,.43)),url('../images/about-mobile-van.jpg')}
.subhero.locksmith-tips{background-image:linear-gradient(90deg,rgba(4,18,34,.95),rgba(4,18,34,.50)),url('../images/residential.jpg')}
.subhero.contact{background-image:linear-gradient(90deg,rgba(4,18,34,.95),rgba(4,18,34,.48)),url('../images/contact.jpg')}
.subhero .inner{max-width:760px;padding:70px 0}.subhero h1{font-size:clamp(40px,5.5vw,60px);line-height:1.05;margin:14px 0}.subhero p{font-size:18px;color:#dce7f0}
.two{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:start}.service-list{list-style:none;padding:0}.service-list li{position:relative;padding:12px 0 12px 30px;border-bottom:1px solid var(--line)}.service-list li:before{content:"✓";position:absolute;left:0;color:#b27e00;font-weight:950}
.service-photo{height:390px;border-radius:17px;background:center/cover;box-shadow:var(--shadow)}.photo-car{background-image:url('../images/keys-fobs.jpg')}.photo-home{background-image:url('../images/residential.jpg')}.photo-commercial{background-image:url('../images/commercial.jpg')}.photo-emergency{background-image:url('../images/emergency.jpg')}.photo-fobs{background-image:url('../images/car-keys.jpg')}
.posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.post-card{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden}.post-card .post-img{height:185px;background:#dce4eb center/cover}.post-body{padding:20px}.post-body h3{line-height:1.25}.post-body p{color:var(--muted);font-size:14px}
.contact-card{background:#fff;border-radius:17px;padding:30px;box-shadow:var(--shadow);border:1px solid var(--line)}.contact-card input,.contact-card textarea{width:100%;padding:13px;border:1px solid #ccd6df;border-radius:9px;font:inherit;margin-bottom:12px}.contact-card textarea{min-height:140px}
.footer{background:#040c14;color:#bcc8d5;padding:48px 0 78px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px}.footer strong{color:#fff}.footer a{display:block;margin:6px 0}.copyright{border-top:1px solid #ffffff17;margin-top:28px;padding-top:18px;font-size:12px}
.mobile-call{display:none;position:fixed;bottom:0;left:0;right:0;z-index:100;background:var(--gold);color:#111;text-align:center;padding:14px;font-weight:950}
@media(max-width:980px){.menu{display:none}.quick-grid{grid-template-columns:repeat(2,1fr)}.home-panels,.three,.posts-grid{grid-template-columns:1fr 1fr}.two,.footer-grid{grid-template-columns:1fr}.mobile-call{display:block}.hero{min-height:610px}}
@media(max-width:620px){.topbar .right .addr{display:none}.quick-grid,.home-panels,.three,.posts-grid{grid-template-columns:1fr}.hero{min-height:560px}.hero h1{font-size:48px}.section{padding:58px 0}.section-head h2{font-size:32px}.cta-strip .wrap{flex-direction:column;text-align:center}.brand{font-size:17px}}

.logo-img{height:62px;width:auto;display:block;filter:drop-shadow(0 4px 8px rgba(0,0,0,.22))}
.mobile-ribbon{display:inline-flex;align-items:center;gap:9px;background:#0e2d4a;border:1px solid #ffbf19;color:#fff;padding:10px 14px;border-radius:10px;font-weight:900;margin:8px 0 3px}
.mobile-ribbon strong{color:#ffbf19}
.mobile-note{font-size:13px;color:#d7e3ee;margin-top:5px}
.mobile-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px;max-width:700px}
.mobile-proof .proof{background:#07192dcc;border:1px solid #ffffff2e;border-radius:12px;padding:14px}
.mobile-proof b{display:block;color:#ffbf19}
@media(max-width:620px){.logo-img{height:52px}.mobile-proof{grid-template-columns:1fr}.navbar{min-height:72px}}

.quick-card{overflow:hidden;padding:0}
.quick-card .quick-thumb{height:112px;background-position:center;background-size:cover}
.quick-card .quick-content{padding:18px}
.quick-card .icon{margin-top:-37px;background:#fff;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;box-shadow:0 5px 16px rgba(0,0,0,.16);position:relative}
.quick-card.car .quick-thumb{background-image:url('../images/car-keys.jpg')}
.quick-card.fobs .quick-thumb{background-image:url('../images/keys-fobs.jpg')}
.quick-card.home .quick-thumb{background-image:url('../images/residential.jpg')}
.quick-card.business .quick-thumb{background-image:url('../images/commercial.jpg')}
.quick-card.emergencycard .quick-thumb{background-image:url('../images/emergency.jpg')}
.subhero.service-areas{background-image:linear-gradient(90deg,rgba(4,18,34,.95),rgba(4,18,34,.35)),url('../images/service-areas.jpg')}
.hero{background-position:center center}

.photo-car{background-image:url('../images/car-keys.jpg')!important}
.photo-home{background-image:url('../images/residential.jpg')!important}
.photo-commercial{background-image:url('../images/commercial.jpg')!important}
.photo-emergency{background-image:url('../images/emergency.jpg')!important}
.photo-fobs{background-image:url('../images/keys-fobs.jpg')!important}

.photo-about{background-image:url('../images/about-mobile-van.jpg')!important}


/* V7.4 TRUE HIGH-RES PHOTO OVERRIDES */
.hero{background-image:linear-gradient(90deg,rgba(4,18,34,.96) 0%,rgba(4,18,34,.84) 45%,rgba(4,18,34,.42) 74%,rgba(4,18,34,.26) 100%),url('https://images.pexels.com/photos/97075/pexels-photo-97075.jpeg?auto=compress&cs=tinysrgb&w=2400')!important;background-size:cover!important;background-position:center!important}
.subhero.car-keys{background-image:linear-gradient(90deg,rgba(4,18,34,.95),rgba(4,18,34,.42)),url('https://images.pexels.com/photos/4930676/pexels-photo-4930676.jpeg?auto=compress&cs=tinysrgb&w=2400')!important}
.subhero.keys-fobs{background-image:linear-gradient(90deg,rgba(4,18,34,.95),rgba(4,18,34,.42)),url('https://images.pexels.com/photos/6565048/pexels-photo-6565048.jpeg?auto=compress&cs=tinysrgb&w=2400')!important}
.subhero.residential-locksmith{background-image:linear-gradient(90deg,rgba(4,18,34,.95),rgba(4,18,34,.42)),url('https://images.pexels.com/photos/17325288/pexels-photo-17325288.jpeg?auto=compress&cs=tinysrgb&w=2400')!important}
.subhero.commercial-locksmith{background-image:linear-gradient(90deg,rgba(4,18,34,.95),rgba(4,18,34,.42)),url('https://images.pexels.com/photos/7641991/pexels-photo-7641991.jpeg?auto=compress&cs=tinysrgb&w=2400')!important}
.subhero.emergency-locksmith{background-image:linear-gradient(90deg,rgba(4,18,34,.94),rgba(4,18,34,.40)),url('https://images.pexels.com/photos/4732649/pexels-photo-4732649.jpeg?auto=compress&cs=tinysrgb&w=2400')!important}
.subhero.about{background-image:linear-gradient(90deg,rgba(4,18,34,.95),rgba(4,18,34,.43)),url('https://images.pexels.com/photos/97075/pexels-photo-97075.jpeg?auto=compress&cs=tinysrgb&w=2400')!important}
.subhero.locksmith-tips{background-image:linear-gradient(90deg,rgba(4,18,34,.95),rgba(4,18,34,.50)),url('https://images.pexels.com/photos/17325288/pexels-photo-17325288.jpeg?auto=compress&cs=tinysrgb&w=2400')!important}
.subhero.contact{background-image:linear-gradient(90deg,rgba(4,18,34,.95),rgba(4,18,34,.48)),url('https://images.pexels.com/photos/7641991/pexels-photo-7641991.jpeg?auto=compress&cs=tinysrgb&w=2400')!important}

.quick-card.car .quick-thumb{background-image:url('https://images.pexels.com/photos/4930676/pexels-photo-4930676.jpeg?auto=compress&cs=tinysrgb&w=2400')!important}
.quick-card.fobs .quick-thumb{background-image:url('https://images.pexels.com/photos/6565048/pexels-photo-6565048.jpeg?auto=compress&cs=tinysrgb&w=2400')!important}
.quick-card.home .quick-thumb{background-image:url('https://images.pexels.com/photos/17325288/pexels-photo-17325288.jpeg?auto=compress&cs=tinysrgb&w=2400')!important}
.quick-card.business .quick-thumb{background-image:url('https://images.pexels.com/photos/7641991/pexels-photo-7641991.jpeg?auto=compress&cs=tinysrgb&w=2400')!important}
.quick-card.emergencycard .quick-thumb{background-image:url('https://images.pexels.com/photos/4732649/pexels-photo-4732649.jpeg?auto=compress&cs=tinysrgb&w=2400')!important}

.photo-car{background-image:url('https://images.pexels.com/photos/4930676/pexels-photo-4930676.jpeg?auto=compress&cs=tinysrgb&w=2400')!important}
.photo-fobs{background-image:url('https://images.pexels.com/photos/6565048/pexels-photo-6565048.jpeg?auto=compress&cs=tinysrgb&w=2400')!important}
.photo-home{background-image:url('https://images.pexels.com/photos/17325288/pexels-photo-17325288.jpeg?auto=compress&cs=tinysrgb&w=2400')!important}
.photo-commercial{background-image:url('https://images.pexels.com/photos/7641991/pexels-photo-7641991.jpeg?auto=compress&cs=tinysrgb&w=2400')!important}
.photo-emergency{background-image:url('https://images.pexels.com/photos/4732649/pexels-photo-4732649.jpeg?auto=compress&cs=tinysrgb&w=2400')!important}
.photo-about{background-image:url('https://images.pexels.com/photos/97075/pexels-photo-97075.jpeg?auto=compress&cs=tinysrgb&w=2400')!important}

/* V9.2 LAYOUT EDITOR — default values reproduce V8.1 */
.kb92-center{text-align:center;margin-left:auto;margin-right:auto}
.kb92-center .hero-actions{justify-content:center}.kb92-center .mobile-proof{margin-left:auto;margin-right:auto}
.kb92-right{text-align:right;margin-left:auto}.kb92-right .hero-actions{justify-content:flex-end}.kb92-right .mobile-proof{margin-left:auto}
.kb92-cols-5{grid-template-columns:repeat(5,1fr)!important}
.kb92-cols-4{grid-template-columns:repeat(4,1fr)!important}
.kb92-cols-3{grid-template-columns:repeat(3,1fr)!important}
.kb92-cols-2{grid-template-columns:repeat(2,1fr)!important}
.kb92-side-left .service-photo{grid-column:1;grid-row:1}.kb92-side-left .kb92-content-text{grid-column:2;grid-row:1}
.kb92-ratio-60-40{grid-template-columns:3fr 2fr!important}.kb92-ratio-40-60{grid-template-columns:2fr 3fr!important}
.kb92-content-text[style*="text-align:center"] .service-list,.kb92-content-text[style*="text-align:right"] .service-list{text-align:left}
@media(max-width:900px){.kb92-cols-5,.kb92-cols-4,.kb92-cols-3{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:620px){.kb92-cols-5,.kb92-cols-4,.kb92-cols-3,.kb92-cols-2{grid-template-columns:1fr!important}.kb92-side-left .service-photo,.kb92-side-left .kb92-content-text{grid-column:auto;grid-row:auto}}
