:root{--ink:#111827;--navy:#07182c;--line:#d8e0ea;--muted:#64748b;--paper:#f7fafc;--gold:#f2b705;--blue:#1d9bf0;--green:#0f766e;--max:1180px}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.7}a{color:inherit}img,svg{max-width:100%;height:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;background:#fff;padding:10px;z-index:99}.top{position:sticky;top:0;z-index:40;background:rgba(7,24,44,.96);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.1)}.bar{max-width:var(--max);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 22px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff;font-weight:900}.brand img{width:72px}.brand small{display:block;color:#b7c6d8;font-weight:750}.nav{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.nav a{color:#e7edf6;text-decoration:none;font-weight:850;font-size:.9rem}.call{background:linear-gradient(135deg,var(--gold),#ffe45e);color:#07182c;text-decoration:none;padding:12px 18px;border-radius:999px;font-weight:950;white-space:nowrap}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 80% 10%,rgba(29,155,240,.32),transparent 30%),linear-gradient(135deg,#07182c,#143a5d 62%,#0f766e);color:#fff}.hero-grid{position:relative;z-index:1;max-width:var(--max);margin:auto;display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:center;padding:82px 22px}.eyebrow{color:#d29b00;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;font-weight:950}.hero .eyebrow{color:#ffe58a}h1{font-size:clamp(2.5rem,5vw,5rem);line-height:.98;letter-spacing:-.04em;margin:12px 0 20px}h2{font-size:clamp(1.8rem,3.4vw,3.15rem);line-height:1.08;letter-spacing:-.025em;color:var(--navy);margin:0 0 18px}h3{font-size:1.12rem;margin:0 0 8px;color:var(--navy)}p{font-size:1.045rem}.hero p{font-size:1.2rem;color:#dbe7f5}.actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:24px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;text-decoration:none;font-weight:950;min-height:50px;padding:13px 20px;border:1px solid rgba(255,255,255,.2)}.primary{background:var(--gold);color:#081427;border-color:var(--gold)}.ghost{color:#fff}.visual{background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.6);border-radius:30px;padding:18px;box-shadow:0 28px 80px rgba(0,0,0,.28);transform:rotate(-1deg)}.visual-card{min-height:340px;border-radius:22px;background:linear-gradient(145deg,#e9f6ff,#fff8db);display:grid;place-items:center;padding:24px;color:#07182c;position:relative;overflow:hidden}.visual-card:before{content:"";position:absolute;inset:16px;border:1px dashed rgba(7,24,44,.22);border-radius:18px}.visual-card strong{font-size:clamp(1.25rem,2.3vw,2.1rem);display:block;line-height:1.05;text-align:center}.visual-card span{display:block;text-align:center;font-weight:850;color:#0f766e;margin-top:8px}.section{max-width:var(--max);margin:auto;padding:74px 22px}.split{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:38px;align-items:start}.content p{color:#334155}.content ul{padding-left:0;list-style:none;display:grid;gap:8px}.content li{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 14px;color:#263241}.panel{background:#fff8db;border:1px solid #f5d36b;border-radius:28px;padding:26px;box-shadow:0 20px 45px rgba(15,38,63,.08);position:sticky;top:96px}.panel strong{display:block;font-size:2rem;color:#07182c}.dark{max-width:none;background:#07182c;color:#dbe7f5}.dark h2{color:#fff}.dark-inner{max-width:var(--max);margin:auto;padding:76px 22px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:0 14px 34px rgba(15,38,63,.05);text-decoration:none;display:flex;flex-direction:column;min-height:170px}.card:hover{transform:translateY(-3px);box-shadow:0 22px 44px rgba(15,38,63,.12)}.card p{color:var(--muted);font-size:.96rem}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.step{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:20px;padding:22px}.step b{color:#fff;display:block;margin-bottom:8px}.soft{background:var(--paper)}.faq details{background:#fff;border:1px solid var(--line);border-radius:15px;padding:0 18px;margin-bottom:12px}.faq summary{font-weight:900;color:var(--navy);cursor:pointer;padding:17px 0}.faq p{padding-bottom:16px;margin:0;color:#334155}.cta{margin:0 22px 72px;border-radius:30px;background:linear-gradient(135deg,#f2b705,#ffe875);text-align:center;padding:46px 22px;color:#07182c}.cta h2{color:#07182c}.footer{background:#07182c;color:#bdd0e7;padding:50px 22px 110px}.footer-inner{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:26px}.footer a{color:#e7edf6}.small{color:#8aa3c0;font-size:.93rem}.badge{display:inline-flex;gap:8px;align-items:center;background:#ebf8ff;color:#0f3a5d;border:1px solid #bee3f8;border-radius:999px;padding:8px 12px;font-weight:900;font-size:.85rem}.linkgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.linkgrid a{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px;text-decoration:none;font-weight:900;color:#0f263f}.proof-note{font-size:.9rem;color:#64748b}@media(max-width:960px){.nav{display:none}.hero-grid,.split,.footer-inner{grid-template-columns:1fr}.cards,.steps,.linkgrid{grid-template-columns:1fr}.panel{position:static}.hero-grid{padding:58px 18px}.section{padding:56px 18px}.bar{padding:12px 16px}.brand img{width:62px}}

.card.has-media{padding:0;overflow:hidden;position:relative;min-height:260px}
.card.has-media .card-media{display:block;width:100%;height:145px;object-fit:cover;border-bottom:1px solid var(--line);background:#d8e0ea}
.card.has-media .card-body{display:flex;flex-direction:column;gap:4px;padding:18px 20px 21px;flex:1}
.card.has-media .card-stamp{position:absolute;top:12px;left:12px;display:inline-flex;flex-direction:column;gap:1px;background:rgba(7,24,44,.82);color:#fff;border:1px solid rgba(255,255,255,.22);border-radius:13px;padding:7px 9px;font-size:.72rem;line-height:1.15;backdrop-filter:blur(10px);box-shadow:0 8px 18px rgba(0,0,0,.18)}
.card.has-media .card-stamp b{font-size:.76rem;color:#fff}
.request-section{max-width:var(--max);margin:auto;padding:74px 22px}
.form-intro{max-width:760px;color:#334155}
.request-form{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:28px;border:1px solid var(--line);border-radius:28px;box-shadow:0 20px 45px rgba(15,38,63,.08);background:#fff}
.request-form label{display:grid;gap:7px;font-weight:900;color:var(--navy)}
.request-form input,.request-form select,.request-form textarea{width:100%;border:1px solid var(--line);border-radius:12px;padding:12px 13px;font:inherit;color:var(--ink);background:#fff}
.request-form .wide,.request-form button{grid-column:1/-1}
.request-form .consent{display:flex;align-items:flex-start;gap:10px;font-weight:750;color:var(--muted)}
.request-form .consent input{width:auto;margin-top:6px}
.hp-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important}
@media(max-width:700px){.request-form{grid-template-columns:1fr;padding:20px}.card.has-media .card-media{height:170px}.card.has-media .card-stamp{font-size:.68rem}}


/* PC3 2026-07-27 hero repair: replace flat logo-card hero with real service photo signal. */
.hero{background:linear-gradient(90deg,rgba(7,24,44,.94),rgba(7,24,44,.76) 48%,rgba(15,118,110,.34)),url('/assets/img/hero-san-bruno-garage-door-real.jpg?v=20260727hero') center/cover no-repeat;color:#fff}
.hero:after{content:"";position:absolute;inset:auto 0 0 0;height:90px;background:linear-gradient(180deg,transparent,rgba(7,24,44,.18));pointer-events:none}
.hero-grid{min-height:620px;padding:88px 22px}
.hero .visual{padding:0;overflow:hidden;border-radius:30px;background:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.72);box-shadow:0 32px 90px rgba(0,0,0,.34);transform:none}
.hero-photo-card img{display:block;width:100%;height:360px;object-fit:cover;background:#d8e0ea}
.hero-photo-card figcaption{display:grid;gap:6px;padding:18px 20px 20px;color:#07182c;background:linear-gradient(135deg,#ffffff,#edf9ff)}
.hero-photo-card figcaption strong{font-size:1.05rem;line-height:1.25;color:#07182c}
.hero-photo-card figcaption span{font-weight:900;color:#0f766e}
@media(max-width:960px){.hero-grid{min-height:auto;padding:56px 18px}.hero-photo-card img{height:240px}.hero .visual{border-radius:22px}}

/* PC1 no-form repair 20260727 */
.lead-section{padding-top:36px}.lead-panel{display:grid;grid-template-columns:minmax(0,.92fr) minmax(300px,1.08fr);gap:28px;align-items:start;background:#fff;border:1px solid var(--line);border-radius:30px;padding:32px;box-shadow:0 22px 70px rgba(15,23,42,.10)}.lead-panel a{color:var(--blue);font-weight:900}.leadform{display:grid;gap:14px}.leadform label{display:grid;gap:7px;font-weight:850;color:var(--ink)}.leadform input,.leadform textarea{width:100%;border:1px solid #cbd5e1;border-radius:16px;padding:13px 14px;font:inherit;color:var(--ink);background:#fff}.leadform textarea{resize:vertical}.leadform .frow{display:grid;grid-template-columns:1fr 1fr;gap:14px}.leadform .hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.leadform .consent{display:flex;grid-template-columns:none;gap:10px;align-items:flex-start;font-size:.92rem;color:var(--muted);font-weight:700}.leadform .consent input{width:auto;margin-top:5px}.formmsg{margin:0;font-weight:850}.formmsg.ok{color:#047857}.formmsg.err{color:#b91c1c}@media(max-width:760px){.lead-panel{grid-template-columns:1fr;padding:24px}.leadform .frow{grid-template-columns:1fr}}