/* Extracted from demo-service-company-landing.html for v54_25 CSP hardening. */
:root{--navy:#06182f;--blue:#145cff;--yellow:#ffd43b;--ice:#f4f8ff;--ink:#0a1525;--muted:#6c7a8e;--line:#d9e3f2}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background:var(--ice);color:var(--ink)}a{text-decoration:none;color:inherit}.wrap{width:min(1180px,92vw);margin:auto}
.topbar{background:var(--yellow);color:var(--navy);padding:9px 0;font-weight:900;font-size:13px}.topbar .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.nav{background:white;border-bottom:1px solid var(--line)}.navin{height:74px;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:900;font-size:24px}.brand span{color:var(--blue)}.links{display:flex;gap:26px;color:var(--muted);font-weight:800;font-size:14px}.call{background:var(--blue);color:white;padding:14px 22px;border-radius:12px;font-weight:900}
.hero{background:var(--navy);color:white;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;right:-10%;top:-30%;width:60%;height:100%;background:radial-gradient(circle,var(--blue),transparent 60%);opacity:.55}.hero-grid{position:relative;display:grid;grid-template-columns:1fr .9fr;gap:48px;padding:82px 0;align-items:center}.badge{display:inline-flex;gap:8px;background:rgba(255,212,59,.12);color:var(--yellow);padding:10px 14px;border-radius:10px;font-weight:900;margin-bottom:18px}h1{font-size:clamp(45px,6vw,82px);line-height:.95;letter-spacing:-3px;margin-bottom:20px}.lead{color:#bdcce2;font-size:18px;line-height:1.75;max-width:590px}.emergency{display:grid;grid-template-columns:1fr auto;gap:14px;background:white;color:var(--ink);padding:14px;border-radius:20px;margin-top:32px;max-width:640px;box-shadow:0 24px 80px rgba(0,0,0,.22)}.input{padding:18px;border-radius:14px;border:1px solid var(--line);color:var(--muted);font-weight:700}.btn{display:inline-flex;justify-content:center;align-items:center;border-radius:14px;padding:17px 22px;font-weight:900}.yellow{background:var(--yellow);color:var(--navy)}.blue{background:var(--blue);color:white}.dash{background:#0b2341;border:1px solid rgba(255,255,255,.1);border-radius:28px;padding:18px;box-shadow:0 34px 100px rgba(0,0,0,.28)}.screen{height:430px;background:white;border-radius:20px;padding:22px;color:var(--ink)}.ticket{border:1px solid var(--line);border-radius:18px;padding:18px;margin-bottom:14px;display:flex;justify-content:space-between;align-items:center}.status{background:#dcfce7;color:#15803d;padding:8px 12px;border-radius:999px;font-size:12px;font-weight:900}.ticket:nth-child(2) .status{background:#fef3c7;color:#a16207}.ticket:nth-child(3) .status{background:#dbeafe;color:#1d4ed8}
.section{padding:86px 0}.head{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:end;margin-bottom:34px}.k{color:var(--blue);letter-spacing:.15em;text-transform:uppercase;font-size:12px;font-weight:900}.title{font-size:clamp(34px,5vw,58px);letter-spacing:-2px;line-height:1}.sub{color:var(--muted);line-height:1.8}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:white;border:1px solid var(--line);border-radius:24px;padding:28px;position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;width:100%;height:6px;background:var(--yellow)}.card h3{font-size:22px;margin:20px 0 10px}.card p{color:var(--muted);line-height:1.7}.icon{width:54px;height:54px;border-radius:14px;background:var(--navy);color:white;display:grid;place-items:center;font-weight:900}
.zones{background:white}.zonegrid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.map{min-height:410px;border-radius:28px;background:linear-gradient(135deg,#dbeafe,#fff);border:1px solid var(--line);position:relative;overflow:hidden}.map:before{content:"";position:absolute;inset:40px;border:3px dashed var(--blue);border-radius:50%}.map:after{content:"Technician nearby";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--blue);color:white;border-radius:999px;padding:14px 20px;font-weight:900}.list{display:grid;gap:14px}.zone{background:var(--ice);border:1px solid var(--line);border-radius:20px;padding:20px;display:flex;justify-content:space-between}.zone b{color:var(--blue)}
.cta{background:var(--yellow);border-radius:30px;padding:45px;display:flex;align-items:center;justify-content:space-between;gap:22px}.cta h2{font-size:42px;letter-spacing:-1px}.cta p{color:#5d4e14;margin-top:8px}.cta .call{background:var(--navy)}
footer{background:var(--navy);padding:35px 0;color:#8195b1}.foot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
@media(max-width:900px){.links{display:none}.hero-grid,.head,.zonegrid{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.emergency{grid-template-columns:1fr}.cta{display:block}.cta .call{margin-top:20px;display:inline-flex}}
