:root{
  --navy:#071a2d;--navy2:#0d2946;--blue:#1264a3;--sky:#eaf5ff;
  --gold:#f3b21a;--white:#fff;--ink:#152638;--muted:#607184;
  --line:#dce6ef;--soft:#f5f9fc;--green:#168a65;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);line-height:1.62;background:#fff}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1180px,92%);margin:auto}
.topbar{background:#03101e;color:#d7e8f6;font-size:14px}.topbar .container{display:flex;justify-content:space-between;gap:18px;padding:9px 0}.topbar a{color:#fff;font-weight:700}
.header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav{min-height:78px;display:flex;align-items:center;gap:26px}.brand{display:flex;align-items:center;gap:12px;min-width:245px}.brand img{width:48px;height:48px}.brand strong{display:block;font-size:20px;color:var(--navy)}.brand small{display:block;color:var(--muted)}
.menu{display:flex;gap:22px;margin-left:auto;font-weight:700}.menu a:hover{color:var(--blue)}.nav-actions{display:flex;gap:9px}.pill,.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-weight:800;transition:.2s}.pill{padding:10px 15px;border:1px solid var(--line)}.pill.call{background:var(--gold);border-color:var(--gold);color:#132033}
.hero{position:relative;overflow:hidden;background:linear-gradient(120deg,rgba(4,22,39,.97),rgba(10,64,102,.88)),url('/assets/bay-area-hero.svg') center/cover;color:white;padding:92px 0 74px}
.hero:after{content:"";position:absolute;inset:auto -5% -170px;height:260px;background:#fff;transform:rotate(-4deg)}
.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.25fr .75fr;gap:46px;align-items:center}.eyebrow{font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);font-size:13px}
h1{font-size:clamp(40px,6vw,72px);line-height:1.05;margin:.2em 0}.lead{font-size:20px;max-width:760px;color:#e2eff9}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0}.btn{padding:14px 21px}.btn.primary{background:var(--gold);color:#102033}.btn.secondary{background:#fff;color:var(--navy)}.btn.outline{border:1px solid rgba(255,255,255,.55);color:#fff}
.trust-row{display:flex;flex-wrap:wrap;gap:10px}.trust-row span{padding:8px 12px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(255,255,255,.08)}
.hero-panel{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.24);backdrop-filter:blur(12px);padding:28px;border-radius:24px;box-shadow:0 20px 60px rgba(0,0,0,.25)}.phone-big{font-size:30px;font-weight:900;color:var(--gold)}
.section{padding:76px 0}.section.light{background:var(--soft)}.section.dark{background:var(--navy);color:white}.section h2{font-size:clamp(30px,4vw,46px);line-height:1.15;margin:0 0 18px}.center{text-align:center}.narrow{max-width:780px}.grid-2,.grid-3,.grid-4{display:grid;gap:22px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}
.card{display:block;background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:0 10px 28px rgba(12,39,66,.06);transition:.2s}.card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(12,39,66,.12)}.card h3{margin:0 0 9px;color:var(--navy)}.card p{color:var(--muted);margin:0}.more{display:block;color:var(--blue);font-weight:900;margin-top:14px}
.icon{font-size:32px;margin-bottom:12px}.region{border-left:5px solid var(--gold)}.metric{font-size:36px;font-weight:900;color:var(--blue)}
.page-hero{background:linear-gradient(120deg,#071a2d,#0e527f);color:white;padding:62px 0}.page-hero h1{font-size:clamp(36px,5vw,58px)}.breadcrumbs{color:#bcd1e3;font-size:14px}.content{max-width:880px}.content h2{margin-top:38px}.list-check{padding-left:0;list-style:none}.list-check li{padding:7px 0 7px 30px;position:relative}.list-check li:before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:900}
.cta{background:linear-gradient(120deg,var(--blue),#113e68);color:#fff;border-radius:28px;padding:42px}.cta h2{margin-top:0}.faq details{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 18px;margin:12px 0}.faq summary{font-weight:900;cursor:pointer}
.footer{background:#03101e;color:#c7d6e3;padding:60px 0 100px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:28px}.footer h3{color:#fff}.footer a{color:#fff}.copyright{border-top:1px solid #203448;margin-top:34px;padding-top:20px;font-size:14px}
.sticky-actions{position:fixed;z-index:60;bottom:0;left:0;right:0;display:none;background:#fff;border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr)}.sticky-actions a{text-align:center;padding:14px;font-weight:900}.sticky-actions a:nth-child(2){background:var(--gold)}
.area-links{columns:4;column-gap:28px}.area-links a{display:block;padding:7px 0;color:var(--blue);font-weight:700}
.notice{background:#fff7dc;border:1px solid #f5d67c;padding:15px 18px;border-radius:12px}
@media(max-width:980px){.menu{display:none}.hero-grid,.grid-4{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.area-links{columns:2}}
@media(max-width:680px){.topbar .container{display:block}.nav{min-height:68px}.brand{min-width:0}.brand small{display:none}.nav-actions .lang{display:none}.hero{padding:68px 0}.hero-grid,.grid-2,.grid-3,.grid-4,.footer-grid{grid-template-columns:1fr}.hero:after{display:none}.sticky-actions{display:grid}.footer{padding-bottom:92px}.area-links{columns:1}.section{padding:55px 0}}

/* V10 Enterprise Flagship enhancements */
.badge-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:26px}
.badge-item{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;text-align:center;box-shadow:0 8px 20px rgba(12,39,66,.05)}
.badge-item strong{display:block;color:var(--navy);font-size:18px}
.process{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;counter-reset:step}
.process .step{position:relative;background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px 22px 22px}
.process .step:before{counter-increment:step;content:counter(step);display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:var(--gold);color:#142033;font-weight:900;margin-bottom:14px}
.region-map{display:grid;grid-template-columns:1.1fr .9fr;gap:26px;align-items:stretch}
.map-visual{min-height:390px;border-radius:26px;background:linear-gradient(135deg,#0b2b47,#1264a3);position:relative;overflow:hidden;color:#fff;padding:28px}
.map-visual:before,.map-visual:after{content:"";position:absolute;border:2px solid rgba(255,255,255,.22);border-radius:50%}
.map-visual:before{width:330px;height:330px;right:-80px;top:-50px}
.map-visual:after{width:220px;height:220px;left:-60px;bottom:-50px}
.map-points{position:relative;z-index:2;display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:24px}
.map-points span{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);padding:12px;border-radius:14px;font-weight:800}
.feature-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.feature-strip .feature{background:linear-gradient(180deg,#fff,#f8fbfe);border:1px solid var(--line);border-radius:20px;padding:24px}
.feature-strip .feature h3{margin-top:8px}
.hero-note{font-size:14px;color:#d3e4f0;margin-top:10px}
.service-band{background:linear-gradient(120deg,#fff7db,#fff);border-top:1px solid #f4df9f;border-bottom:1px solid #f4df9f}
.service-band .container{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;padding:18px 0}
.service-band span{font-weight:800;color:#263747}
.lang-note{font-size:14px;color:var(--muted)}
@media(max-width:980px){.badge-grid,.process{grid-template-columns:repeat(2,1fr)}.region-map{grid-template-columns:1fr}.feature-strip{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.badge-grid,.process,.feature-strip{grid-template-columns:1fr}.map-points{grid-template-columns:1fr}}

/* V10.2 Local SEO */
.breadcrumbs a{color:#d7e9f6;text-decoration:underline;text-underline-offset:3px}
.faq details{transition:.2s}
.faq details:hover{border-color:#b8ccdc}
.content .hero-actions .pill{background:#eef6fc}
.content .hero-actions .pill:hover{background:#dceefb;color:var(--blue)}

/* V10.3 Content & AI SEO */
.article-meta{font-size:14px;color:var(--muted);margin-bottom:24px}
.content a{color:var(--blue);font-weight:700}
.knowledge-callout{background:#eef7ff;border-left:5px solid var(--blue);padding:18px;border-radius:12px}
.menu{gap:16px}
@media(max-width:1100px){.menu{font-size:14px;gap:12px}}

/* V10.4 Performance & UX */
.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.skip-link:focus{left:16px;top:16px;width:auto;height:auto;z-index:100;background:#fff;color:#071a2d;padding:10px 14px;border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.18)}
img{height:auto}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #f3b21a;outline-offset:3px}
.page-hero,.hero{content-visibility:auto;contain-intrinsic-size:700px}
.section{content-visibility:auto;contain-intrinsic-size:600px}
.card,.cta,.hero-panel{will-change:transform}
.card:hover{transform:translateY(-3px)}
.floating-quote{position:fixed;right:18px;bottom:82px;z-index:58;display:flex;gap:8px;flex-direction:column}
.floating-quote a{box-shadow:0 10px 28px rgba(0,0,0,.18)}
.quick-info{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.quick-info .item{border:1px solid var(--line);border-radius:16px;padding:16px;background:#fff}
.quick-info .item strong{display:block;color:var(--navy)}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media(max-width:980px){.quick-info{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.quick-info{grid-template-columns:1fr}.floating-quote{display:none}}