/* styles.css — LOCK v1.7.3 — 2025-09-01 */
:root{--red:#F15D5C;--red-hover:#CC4F4E;--text:#1C1C1C;--muted:#6B6B6F;--bg:#FAFAFB;--link:#0A66C2;--g-200:#E7E7EA;--radius:12px;--gap:24px;--max:1120px;--z-header:10;--z-drawer:30;--z-cta:40}
*,:before,:after{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:#fff}
img,video{max-width:100%;height:auto} a{color:var(--link);text-decoration:underline} a:focus,button:focus{outline:2px solid var(--link);outline-offset:2px}
.container{max-width:clamp(320px,92vw,var(--max));padding-inline:16px} @media(min-width:1200px){.container{padding-inline:24px}}
h1{font-size:clamp(28px,4.2vw,40px);line-height:1.2;margin:16px 0} h2{font-size:clamp(22px,3.2vw,28px);margin:24px 0 12px} h3{font-size:clamp(18px,2.4vw,22px);margin:16px 0 8px}
.header{position:sticky;top:0;z-index:var(--z-header);background:#fff;box-shadow:0 1px 0 rgba(0,0,0,.06)}
.navbar{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text)} .brand img{height:28px} .brand span{font-weight:700}
.nav-links{display:flex;gap:18px;align-items:center} @media(max-width:1159px){.nav-links{display:none}}
.book-btn{background:var(--red);border:none;color:#fff;border-radius:12px;padding:10px 14px;cursor:pointer} .book-btn:hover{background:var(--red-hover)}
.dropdown{position:absolute;right:16px;top:64px;background:#fff;border:1px solid var(--g-200);border-radius:12px;padding:12px;box-shadow:0 8px 20px rgba(0,0,0,.08);display:none}
.dropdown a{display:block;padding:8px 10px;text-decoration:none;color:var(--text)} .dropdown small{color:var(--muted)}
.burger{display:none;background:none;border:none;width:44px;height:44px} .burger span{display:block;height:2px;background:#333;margin:7px 6px} @media(max-width:1159px){.burger{display:block}}
.drawer{position:fixed;inset:0 0 0 auto;width:min(420px,90vw);background:#fff;transform:translateX(100%);transition:transform .2s ease;box-shadow:-4px 0 20px rgba(0,0,0,.15);z-index:var(--z-drawer)}
.drawer.open{transform:none} .drawer-header{display:flex;justify-content:flex-end;padding:12px} .drawer a{display:block;padding:12px 16px;border-bottom:1px solid var(--g-200)}
.cta-stack{padding:16px;border-bottom:1px solid var(--g-200)} .cta-primary,.cta-secondary{display:block;text-align:center;padding:12px 16px;border-radius:12px;margin:8px 0}
.cta-primary{background:var(--red);color:#fff} .cta-secondary{background:#eee;color:#333}
.hero{padding:28px 0;background:var(--bg)} .grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))} .card{border:1px solid var(--g-200);border-radius:12px;padding:16px;background:#fff}
.kpi{display:flex;gap:16px;flex-wrap:wrap;padding:8px 0;border-top:1px solid var(--g-200);border-bottom:1px solid var(--g-200);margin:16px 0}
.callout--safety{border-left:4px solid var(--red);background:#FFF5F5;padding:12px;border-radius:8px} .callout--estimates{border-left:4px solid #FFD44D;background:#FFFBEA;padding:12px;border-radius:8px}
.faq .faq-item{border-top:1px solid var(--g-200)} .faq button{display:block;width:100%;text-align:left;background:none;border:none;padding:14px 0;font-weight:600} .faq .panel{padding:0 0 12px}
.footer{margin-top:40px;border-top:1px solid var(--g-200)} .footer .cols{display:grid;gap:24px} @media(min-width:960px){.footer .cols{grid-template-columns:2fr 1fr 1fr}}
.legal{border-top:1px solid var(--g-200);padding:12px 0;color:var(--muted);font-size:14px}
.sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:var(--z-cta);background:#fff;border-top:1px solid var(--g-200);padding:12px env(safe-area-inset-right) max(12px,env(safe-area-inset-bottom)) env(safe-area-inset-left)}
.sticky-cta .row{display:flex;gap:16px;flex-wrap:wrap} @media(max-width:479px){.sticky-cta .row{flex-direction:column}}
.thumbs{display:flex;gap:12px;align-items:center;margin:16px 0;color:var(--muted)} .thumbs button{border:1px solid var(--g-200);border-radius:12px;padding:8px 12px;background:#fff}
.btn{display:inline-block;padding:10px 14px;border-radius:12px;text-decoration:none} .btn-red{background:var(--red);color:#fff} .btn-gray{background:#eee;color:#333} .table{width:100%;border-collapse:collapse}
.table th,.table td{padding:10px;border-bottom:1px solid var(--g-200)} .table tr:nth-child(even){background:#FAFAFB}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0} .chip{padding:6px 10px;border:1px solid var(--g-200);border-radius:999px;background:#fff}
.lightbox-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.7);display:none;align-items:center;justify-content:center;z-index:50}
.lightbox-backdrop.open{display:flex} .lightbox-box img{max-width:92vw;max-height:92vh;border-radius:12px;box-shadow:0 8px 40px rgba(0,0,0,.5)}