/* PROJECT: Lost Car Key Houston TX — Houston Roadside V7
   COLOR: Deep Teal #0f4c4c + Amber #f2a51a
   FONTS: Oswald + Source Sans 3
   LAYOUT: Full-bleed photo with floating service panel */
:root{--teal:#0f4c4c;--teal2:#176969;--deep:#0a3537;--amber:#f2a51a;--amber2:#d78700;--cream:#fbf8f1;--sage:#eef5f1;--ink:#17343a;--muted:#667778;--line:#d9e2dc;--white:#fff;--shadow:0 28px 75px rgba(15,76,76,.17);--soft:0 14px 38px rgba(15,76,76,.1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:122px;overflow-x:hidden}body{margin:0;background:var(--cream);color:var(--ink);font:17px/1.72 "Source Sans 3",sans-serif;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(circle at 10% 10%,rgba(242,165,26,.08),transparent 24%),radial-gradient(circle at 90% 35%,rgba(15,76,76,.07),transparent 27%)}h1,h2,h3{margin-top:0;color:var(--deep);font-family:Oswald,sans-serif;font-weight:600;letter-spacing:-.025em}h1{font-size:clamp(3.4rem,6.2vw,6.6rem);line-height:.94}h2{font-size:clamp(2.5rem,4.5vw,4.7rem);line-height:1}h3{font-size:1.45rem;line-height:1.15}a{color:var(--teal)}img{max-width:100%;height:auto}.scroll-progress{position:fixed;inset:0 0 auto;z-index:2000;height:3px}.scroll-progress span{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--amber),#ffd86a);transform:scaleX(0);transform-origin:left}
.utility-bar{position:relative;background:var(--deep);color:#fff;font-size:.76rem;font-weight:700;letter-spacing:.065em;text-transform:uppercase;overflow:hidden}.utility-bar:after{content:"";position:absolute;right:-3%;top:0;width:31%;height:100%;background:var(--amber);transform:skewX(-20deg)}.utility-inner{position:relative;z-index:2;min-height:40px;display:flex;align-items:center;gap:26px}.utility-inner span{position:relative}.utility-inner span+span:before{content:"";position:absolute;left:-15px;top:5px;width:4px;height:4px;border-radius:50%;background:var(--amber)}.utility-inner a{position:relative;z-index:2;margin-left:auto;color:var(--deep);font-weight:700;text-decoration:none}.call-pulse{display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 5px rgba(242,165,26,.17);animation:pulse 2s ease-in-out infinite}.utility-inner a .call-pulse{background:var(--deep);box-shadow:0 0 0 5px rgba(10,53,55,.14)}
.navbar{padding:.72rem 0;background:rgba(251,248,241,.94);border-bottom:1px solid rgba(15,76,76,.1);backdrop-filter:blur(18px)}.navbar.scrolled{box-shadow:0 12px 35px rgba(15,76,76,.09)}.navbar-brand img{width:205px}.navbar-nav{gap:3px}.nav-link{position:relative;padding:.83rem .74rem!important;color:var(--deep)!important;font-size:.78rem;font-weight:700;letter-spacing:.045em;text-transform:uppercase;white-space:nowrap}.nav-link:after{content:"";position:absolute;left:50%;bottom:.38rem;width:5px;height:5px;border-radius:50%;background:var(--amber);opacity:0;transform:translate(-50%,5px);transition:.22s}.nav-link:hover:after,.nav-link.active:after{opacity:1;transform:translate(-50%,0)}.dropdown-menu{padding:9px;border:1px solid var(--line);border-radius:14px;background:var(--cream);box-shadow:var(--shadow)}.dropdown-item{padding:.66rem .88rem;border-radius:9px;font-weight:600}.dropdown-item:hover{background:#fff2d8;color:#8c5700;transform:translateX(3px)}.nav-call{margin-left:12px}.btn{min-height:50px;padding:.82rem 1.35rem;border-radius:9px;font-size:.78rem;font-weight:700;letter-spacing:.045em;text-transform:uppercase;transition:transform .22s,box-shadow .22s}.btn-accent{background:var(--amber);border-color:var(--amber);color:var(--deep);box-shadow:0 10px 25px rgba(215,135,0,.22)}.btn-accent:hover{background:#ffc34a;border-color:#ffc34a;color:var(--deep);transform:translateY(-3px);box-shadow:0 14px 30px rgba(215,135,0,.27)}.btn-outline-primary{border:2px solid var(--teal);background:rgba(255,255,255,.78);color:var(--teal)}.btn-outline-primary:hover{background:var(--teal);border-color:var(--teal);color:#fff}
.hero{position:relative;min-height:790px;padding:0;isolation:isolate;overflow:hidden;background:var(--deep)}.hero:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(10,53,55,.1),rgba(10,53,55,.16) 42%,rgba(10,53,55,.68) 100%);pointer-events:none}.hero:after{content:"HOUSTON";position:absolute;left:-.03em;bottom:-.19em;z-index:2;color:rgba(255,255,255,.07);font:700 clamp(9rem,22vw,21rem)/1 Oswald,sans-serif;letter-spacing:-.05em}.hero-keyline{position:absolute;right:5%;top:8%;z-index:3;width:170px;height:170px;border:1px solid rgba(255,255,255,.2);border-radius:50%}.hero-keyline:before,.hero-keyline:after{content:"";position:absolute;border-radius:50%}.hero-keyline:before{inset:25px;border:1px solid rgba(242,165,26,.7)}.hero-keyline:after{inset:66px;background:var(--amber)}.hero .container{position:relative;z-index:4;max-width:1320px}.hero .row{min-height:790px;align-items:center!important}.hero .col-lg-6:last-child{position:absolute;inset:0;max-width:none;width:100%;padding:0;z-index:-1}.hero-photo-wrap,.hero-photo{position:absolute;inset:0}.hero-photo:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,transparent 25%,rgba(10,53,55,.16) 55%,rgba(10,53,55,.7) 100%)}.hero-photo:after{content:"Mobile service across Houston";position:absolute;left:35px;bottom:30px;z-index:2;padding:10px 14px;border-left:4px solid var(--amber);background:rgba(10,53,55,.85);color:#fff;font-size:.73rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.hero-photo img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.86) contrast(1.04)}.hero-float-card{display:none}.hero-copy{position:relative;margin-left:auto;padding:52px clamp(34px,5vw,68px)!important;border-top:7px solid var(--amber);background:rgba(251,248,241,.95);box-shadow:var(--shadow);backdrop-filter:blur(10px)}.hero-index{position:absolute;right:24px;top:20px;color:var(--teal);font:600 .76rem/1 Oswald,sans-serif;letter-spacing:.14em}.hero-badges{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:20px}.hero-badges span{padding:7px 11px;border:1px solid #d8ddd8;border-radius:99px;background:#fff;color:var(--teal);font-size:.68rem;font-weight:700;text-transform:uppercase}.hero-badges span:before{content:"✓";margin-right:6px;color:var(--amber2)}.eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:13px;color:var(--amber2);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.eyebrow:before{content:"";width:30px;height:3px;border-radius:3px;background:var(--amber)}.hero h1{margin-bottom:22px}.hero-lead{color:#596c6d;font-size:1.04rem}.hero-actions{display:flex;gap:11px;flex-wrap:wrap;margin:28px 0 18px}.hours-line{display:flex;align-items:center;gap:8px;margin:0;color:var(--deep);font-weight:700}
.trust-strip{position:relative;z-index:6;margin-top:-38px;padding:0 0 70px;background:transparent}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;padding:9px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--soft)}.trust-grid div{display:flex;align-items:center;justify-content:center;gap:12px;min-height:102px;padding:18px;border-radius:12px;background:var(--sage)}.trust-grid div:first-child{background:var(--teal);color:#fff}.trust-grid strong{font:700 2.5rem/1 Oswald,sans-serif;color:var(--teal)}.trust-grid div:first-child strong{color:var(--amber)}.trust-grid span{max-width:140px;color:var(--muted);font-size:.78rem;line-height:1.35}.trust-grid div:first-child span{color:#d8e8e5}.section{position:relative;padding:98px 0}.section-heading{max-width:820px;margin:0 auto 48px;text-align:center}.section-heading .eyebrow{justify-content:center}.content-section:nth-of-type(even):before{content:"";position:absolute;inset:8% 0;z-index:-1;background:linear-gradient(105deg,#e8f2ed,#fff6e5);transform:skewY(-1.2deg)}.content-card{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(330px,.95fr);align-items:center;gap:clamp(34px,6vw,80px);padding:clamp(24px,4vw,48px);border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.9);box-shadow:var(--soft)}.content-card:not(:has(img)){grid-template-columns:1fr;max-width:980px;margin:auto}.content-copy{padding:clamp(12px,2vw,28px)}.content-copy p{color:#5e7071}.content-media{position:relative}.content-media img{display:block;width:100%;height:410px;object-fit:cover;border-radius:16px}.content-media:after{content:"";position:absolute;left:-13px;right:28%;bottom:-13px;height:45%;z-index:-1;border-radius:16px;background:var(--amber)}.media-mark{position:absolute;right:14px;top:14px;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--teal);color:#fff;font-size:.73rem;font-weight:700}.section-reverse .content-card .content-media{order:-1}.feature-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:20px 0 0;padding:0;list-style:none}.feature-list li{position:relative;padding:13px 13px 13px 40px;border:1px solid #dde6e1;border-radius:10px;background:#f5f9f6;font-weight:600}.feature-list li:before{content:"";position:absolute;left:15px;top:19px;width:9px;height:9px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 4px rgba(242,165,26,.16)}
.services-section{overflow:hidden;background:var(--sage)}.service-word{position:absolute;left:-.03em;top:-.18em;color:rgba(15,76,76,.035);font:700 clamp(8rem,21vw,20rem)/1 Oswald,sans-serif;letter-spacing:-.06em}.services-section .row{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.services-section .row>*{width:auto;padding:0}.services-section .row>*:nth-child(1),.services-section .row>*:nth-child(2){grid-column:span 3}.services-section .row>*:nth-child(n+3){grid-column:span 2}.service-card{position:relative;isolation:isolate;display:flex;flex-direction:column;min-height:285px;height:100%;padding:27px;border:1px solid #d3dfd8;border-radius:16px;background:#fff;color:var(--ink);text-decoration:none;overflow:hidden;transition:transform .28s,box-shadow .28s}.service-card:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(145deg,var(--teal),var(--teal2));opacity:0;transform:scale(.92);transition:.3s}.service-card:hover{color:#fff;transform:translateY(-7px);box-shadow:0 18px 40px rgba(15,76,76,.2)}.service-card:hover:before{opacity:1;transform:none}.service-number{font:600 1.15rem/1 Oswald,sans-serif;color:var(--amber2)}.service-icon{position:absolute;right:21px;top:21px;display:grid;place-items:center;width:43px;height:43px;border:1px solid var(--line);border-radius:50%;color:var(--teal)}.service-card h3{margin-top:auto}.service-card p{color:var(--muted)}.service-link{padding-top:13px;border-top:1px solid var(--line);color:var(--amber2);font-size:.75rem;font-weight:700;text-transform:uppercase}.service-card:hover h3,.service-card:hover p,.service-card:hover .service-link{color:#fff}
.before-after{background:#fff5e3}.photo-card{margin:0;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--soft);overflow:hidden}.photo-card img{display:block;width:100%;aspect-ratio:45/28;object-fit:cover}.photo-card figcaption{padding:18px 22px;border-top:4px solid var(--amber);color:var(--teal);font-weight:700}.gallery-section{background:var(--deep)}.gallery-section h2{color:#fff}.gallery-section .eyebrow{color:#ffd270}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:230px;gap:9px}.gallery-item{position:relative;border-radius:12px;overflow:hidden}.gallery-item:first-child{grid-column:span 2;grid-row:span 2}.gallery-item:after{content:"View roadside service";position:absolute;inset:auto 0 0;padding:55px 16px 15px;background:linear-gradient(transparent,rgba(10,53,55,.9));color:#fff;font-size:.73rem;font-weight:700;text-transform:uppercase}.gallery-item img{width:100%;height:100%;object-fit:cover;filter:saturate(.82);transition:transform .35s}.gallery-item:hover img{transform:scale(1.04)}.faq-section{background:#edf4f0}.accordion{max-width:940px;margin:auto}.accordion-item{margin-bottom:9px;border:1px solid var(--line)!important;border-radius:12px!important;background:#fff;overflow:hidden}.accordion-button{padding:1.25rem;font-family:Oswald,sans-serif;font-size:1.1rem;font-weight:600}.accordion-button:not(.collapsed){background:#fff4db;color:var(--teal);box-shadow:none}.accordion-body{padding:0 1.25rem 1.2rem;color:var(--muted)}.coupon-section{background:linear-gradient(125deg,#e8f3ee,#fff2d5)}.coupon-link{display:block;max-width:620px;margin:auto;transition:transform .25s}.coupon-link:hover{transform:translateY(-5px)}.coupon-link img{display:block;width:100%;border-radius:18px;box-shadow:var(--shadow)}
.cta-band{position:relative;padding:76px 0;background:var(--teal);color:#fff;text-align:center;overflow:hidden}.cta-band:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 50%,rgba(242,165,26,.2),transparent 24%),repeating-linear-gradient(120deg,transparent 0 70px,rgba(255,255,255,.035) 70px 71px)}.cta-band .container{position:relative}.cta-band h2{color:#fff}.cta-band p{color:#d7e7e3}.cta-band .btn{background:var(--amber);border-color:var(--amber);color:var(--deep)}.form-section{background:#f1f5f2}.form-shell{position:relative;max-width:1020px;margin:auto;padding:clamp(30px,5vw,60px);border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--shadow)}.form-shell:before{content:"";position:absolute;left:0;top:36px;bottom:36px;width:7px;border-radius:0 7px 7px 0;background:var(--amber)}.form-control{min-height:56px;border:1px solid #cedbd5;border-radius:9px;background:#f8fbf9;font-size:1rem}.form-control:focus{border-color:var(--amber2);background:#fff;box-shadow:0 0 0 4px rgba(242,165,26,.14)}.service-notes{min-height:130px}
.site-footer{position:relative;padding:72px 0 90px;background:var(--deep);color:#d4e3e0}.site-footer:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:var(--amber)}.site-footer h2{color:#ffd174;font-size:1.02rem;text-transform:uppercase}.site-footer a{color:#fff}.site-footer address{font-style:normal}.site-footer ul{padding:0;list-style:none}.site-footer li{margin:.45rem 0}.site-footer iframe{width:100%;height:210px;border:0;border-radius:12px;filter:saturate(.7)}.footer-grid>div:first-child img{padding:7px;border-radius:10px;background:#fff}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:38px;padding-top:22px;border-top:1px solid rgba(255,255,255,.16)}.mobile-call{display:none}.inner-hero{position:relative;padding:115px 0;background:linear-gradient(120deg,#edf5f0 0 68%,#fff0ca 68%);overflow:hidden}.inner-hero:after{content:"HOUSTON";position:absolute;right:-.03em;bottom:-.25em;color:rgba(15,76,76,.045);font:700 clamp(8rem,22vw,20rem)/1 Oswald,sans-serif}.inner-hero .container{position:relative;z-index:1}.inner-hero p{max-width:760px;color:var(--muted)}.prose-card{max-width:1020px;padding:clamp(30px,5vw,60px);border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--soft)}.prose-card h2{margin-top:2rem}.prose-card h2:first-child{margin-top:0}.location-grid,.site-map-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.location-grid span,.site-map-grid a{padding:13px 14px;border:1px solid var(--line);border-left:5px solid var(--amber);border-radius:8px;background:#f5f9f6;text-decoration:none}.reveal{opacity:0;transform:translateY(25px);transition:opacity .62s,transform .62s}.reveal.visible{opacity:1;transform:none}.lightbox{width:min(94vw,1100px);padding:46px 10px 10px;border:0;border-radius:16px;background:#fff}.lightbox::backdrop{background:rgba(7,37,38,.9)}.lightbox img{display:block;width:100%;max-height:82vh;object-fit:contain}.lightbox button{position:absolute;right:7px;top:2px;min-width:44px;min-height:44px;border:0;background:transparent;font-size:2rem}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}@media(max-width:1199px){.navbar-collapse{margin-top:10px;padding:14px 18px 20px;border:1px solid var(--line);border-radius:14px;background:var(--cream)}.nav-call{margin:12px 0 0}.utility-bar:after{width:26%}}@media(max-width:991px){.hero{min-height:900px}.hero .row{min-height:900px}.hero-copy{margin:0 24px 80px;align-self:flex-end}.hero .col-lg-6:last-child{position:absolute}.trust-grid{grid-template-columns:repeat(2,1fr)}.content-card{grid-template-columns:1fr}.content-media,.section-reverse .content-card .content-media{order:-1}.services-section .row{grid-template-columns:repeat(2,1fr)}.services-section .row>*{grid-column:span 1!important}}
@media(max-width:767px){body{padding-bottom:64px;font-size:16px}.utility-inner{min-height:54px;justify-content:center;gap:8px;padding:6px 12px}.utility-inner span:nth-child(2),.utility-inner span:nth-child(3),.utility-bar:after{display:none}.utility-inner a{margin-left:0;color:#fff}.utility-inner a .call-pulse{background:var(--amber)}.navbar>.container{width:100vw;max-width:100vw;padding:0 12px}.navbar-brand img{width:170px}.navbar-toggler{display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid #a8bdb7;border-radius:10px}.navbar-toggler-icon{width:24px;height:18px;background-image:linear-gradient(var(--teal),var(--teal)),linear-gradient(var(--teal),var(--teal)),linear-gradient(var(--teal),var(--teal));background-repeat:no-repeat;background-size:24px 2px;background-position:0 0,0 8px,0 16px}.navbar-toggler[aria-expanded="true"]{background:var(--teal)}.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon{filter:brightness(0) invert(1)}.hero{min-height:980px}.hero .container{width:100vw;max-width:100vw;padding:0 16px}.hero .row{width:calc(100vw - 32px);max-width:calc(100vw - 32px);min-height:980px;margin:0}.hero .col-lg-6{width:calc(100vw - 32px);max-width:calc(100vw - 32px)}.hero-copy{width:100%;margin:0 0 54px;padding:38px 20px!important;border-top-width:5px}.hero-index{right:16px;top:15px}.hero-badges{margin-top:24px}.hero h1{font-size:clamp(3.4rem,16vw,5rem)}.hero-actions{display:grid;grid-template-columns:1fr}.hero-actions .btn{width:100%}.hero-photo:after{left:16px;bottom:15px}.trust-strip{margin-top:-25px}.trust-grid{grid-template-columns:1fr}.trust-grid div{min-height:84px;justify-content:flex-start}.section{padding:74px 0}.content-card{padding:16px;border-radius:16px}.content-copy{padding:23px 10px}.content-media img{height:270px;border-radius:12px}.feature-list{grid-template-columns:1fr}.services-section .row{grid-template-columns:1fr}.service-card{min-height:245px}.gallery-grid{grid-template-columns:1fr;grid-auto-rows:250px}.gallery-item:first-child{grid-column:auto;grid-row:auto}.coupon-link img{border-radius:12px}.form-shell{padding:34px 22px;border-radius:14px}.footer-bottom{flex-direction:column}.inner-hero{padding:82px 0;background:#edf5f0}.prose-card{border-radius:12px}.location-grid,.site-map-grid{grid-template-columns:1fr}.mobile-call{position:fixed;display:flex;align-items:center;justify-content:center;left:0;right:0;bottom:0;z-index:1100;height:64px;background:var(--amber);color:var(--deep);font-size:.92rem;font-weight:700;text-decoration:none;text-transform:uppercase;box-shadow:0 -6px 22px rgba(10,53,55,.22)}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.reveal{opacity:1;transform:none;transition:none}.call-pulse{animation:none}}