:root{ --brand:#0d3b66; --accent:#ff7a00; --bg:#f8fafc; --text:#0f172a; --muted:#475569; --card:#ffffff; --border:#e2e8f0; } *{box-sizing:border-box} html,body{margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,'Helvetica Neue',Arial,'Noto Sans','Apple Color Emoji','Segoe UI Emoji';color:var(--text);background:var(--bg);} a{color:var(--brand);text-decoration:none} img{max-width:100%;display:block} .container{max-width:1200px;margin:0 auto;padding:0 16px} .header{position:sticky;top:0;background:#fff;border-bottom:1px solid var(--border);z-index:50} .nav{display:flex;align-items:center;justify-content:space-between;padding:12px 0;gap:16px} .brand{display:flex;align-items:center;gap:10px} .brand .logo{width:36px;height:36px} .brand .title{font-weight:700;color:var(--brand);letter-spacing:.2px} .navlinks{display:flex;gap:16px;align-items:center;flex-wrap:wrap} .navlinks a{padding:8px 10px;border-radius:10px} .navlinks a:hover{background:var(--bg)} .call-btn{background:var(--accent);color:#fff;padding:10px 14px;border-radius:999px;font-weight:700;display:inline-flex;align-items:center;gap:8px;border:2px solid rgba(0,0,0,.04)} .call-btn:hover{filter:brightness(0.95)} .hero{padding:48px 0;display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:center} .hero h1{font-size:clamp(28px,3.2vw,44px);margin:0 0 12px} .hero p{color:var(--muted);font-size:18px;margin:0 0 24px} .card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:18px} .cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px} .section{padding:36px 0} .section h2{font-size:28px;margin:0 0 12px} .section p.lead{color:var(--muted);margin:0 0 16px} .icon{width:28px;height:28px} .service{display:flex;gap:12px;align-items:flex-start} .service h3{margin:0 0 6px;font-size:18px} .service p{margin:0;color:var(--muted)} .grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} .grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px} .grid-1{display:grid;grid-template-columns:1fr;gap:16px} .footer{border-top:1px solid var(--border);padding:24px 0;color:var(--muted);margin-top:24px} .badge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#fafafc;border:1px solid var(--border);} .locales{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px} .locales a{display:block;background:#fff;border:1px solid var(--border);border-radius:12px;padding:12px;text-align:center} .locales a:hover{background:#f9fafb} .hero-img{border-radius:16px;border:1px solid var(--border)} .note{font-size:14px;color:var(--muted)} @media (max-width: 960px){ .hero{grid-template-columns:1fr} .cards{grid-template-columns:repeat(2,minmax(0,1fr))} .grid-3{grid-template-columns:repeat(2,minmax(0,1fr))} .locales{grid-template-columns:repeat(2,minmax(0,1fr))} } @media (max-width: 560px){ .cards,.grid-3{grid-template-columns:1fr} } .hero{padding:64px 0;display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:center;background:#fff6e9;border:1px solid var(--border);border-radius:16px;margin-top:16px} .hero h1{font-size:clamp(32px,4vw,48px);line-height:1.1} .service .icon{width:40px;height:40px} .service h3{font-size:20px} .badge.kicker{background:#fde9cc;border-color:#f7d2a8;color:#7a4a12;font-weight:700} .faq details{background:#fff;border:1px solid var(--border);border-radius:12px;padding:10px} .faq details+details{margin-top:10px} .accent{color:var(--accent);} .hero.center{ text-align:center; justify-items:center; } .hero.center .grid-2{ justify-items:center; } .cards-home{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; } .cards-home .tile{ display:flex; gap:12px; align-items:flex-start; background:#fff; border:1px solid var(--border); border-radius:16px; padding:18px; } .cards-home .tile h3{ margin:0 0 6px; font-size:20px; } .cards-home .tile p{ margin:0; color:var(--muted); } .tile--wide{ grid-column:span 2; } @media (max-width: 960px){ .cards-home{ grid-template-columns:1fr; } .tile--wide{ grid-column:span 1; } } .hero.center{ grid-template-columns: 1fr !important; text-align: center; justify-items: center; align-items: center; } .hero.center > * { width: 100%; } .hero.center .badge.kicker{ margin-left:auto; margin-right:auto; } .hero.center .grid-2{ justify-content:center; } .hero.center{ grid-template-columns: 1fr !important; text-align: center !important; justify-items: center !important; align-items: center !important; } .hero.center > *{ width: 100%; } .hero.center .badge.kicker{ margin-left:auto; margin-right:auto; } .hero.center h1, .hero.center p.lead{ max-width: 1024px; margin-left:auto; margin-right:auto; } .hero.center .grid-2{ justify-content:center; }
:root{--brand:#0d3b66;--accent:#ff7a00;--bg:#f8fafc;--text:#0f172a;--muted:#475569;--card:#ffffff;--border:#e2e8f0}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,'Helvetica Neue',Arial,'Noto Sans','Apple Color Emoji','Segoe UI Emoji';color:var(--text);background:var(--bg)}a{color:var(--brand);text-decoration:none}img{max-width:100%;display:block}.container{max-width:1200px;margin:0 auto;padding:0 16px}.header{position:sticky;top:0;background:#fff;border-bottom:1px solid var(--border);z-index:50}.nav{display:flex;align-items:center;justify-content:space-between;padding:12px 0;gap:16px}.brand{display:flex;align-items:center;gap:10px}.brand .logo{width:36px;height:36px}.brand .title{font-weight:700;color:var(--brand);letter-spacing:.2px}.navlinks{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.navlinks a{padding:8px 10px;border-radius:10px}.navlinks a:hover{background:var(--bg)}.call-btn{background:var(--accent);color:#fff;padding:10px 14px;border-radius:999px;font-weight:700;display:inline-flex;align-items:center;gap:8px;border:2px solid rgba(0,0,0,.04)}.call-btn:hover{filter:brightness(0.95)}.hero{padding:48px 0;display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:center}.hero h1{font-size:clamp(28px,3.2vw,44px);margin:0 0 12px}.hero p{color:var(--muted);font-size:18px;margin:0 0 24px}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:18px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.section{padding:36px 0}.section h2{font-size:28px;margin:0 0 12px}.section p.lead{color:var(--muted);margin:0 0 16px}.icon{width:28px;height:28px}.service{display:flex;gap:12px;align-items:flex-start}.service h3{margin:0 0 6px;font-size:18px}.service p{margin:0;color:var(--muted)}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.grid-1{display:grid;grid-template-columns:1fr;gap:16px}.footer{border-top:1px solid var(--border);padding:24px 0;color:var(--muted);margin-top:24px}.badge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#fafafc;border:1px solid var(--border)}.locales{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.locales a{display:block;background:#fff;border:1px solid var(--border);border-radius:12px;padding:12px;text-align:center}.locales a:hover{background:#f9fafb}.hero-img{border-radius:16px;border:1px solid var(--border)}.note{font-size:14px;color:var(--muted)}@media (max-width:960px){.hero{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.locales{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.cards,.grid-3{grid-template-columns:1fr}}.hero{padding:64px 0;display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:center;background:#fff6e9;border:1px solid var(--border);border-radius:16px;margin-top:16px}.hero h1{font-size:clamp(32px,4vw,48px);line-height:1.1}.service .icon{width:40px;height:40px}.service h3{font-size:20px}.badge.kicker{background:#fde9cc;border-color:#f7d2a8;color:#7a4a12;font-weight:700}.faq details{background:#fff;border:1px solid var(--border);border-radius:12px;padding:10px}.faq details+details{margin-top:10px}.accent{color:var(--accent)}.hero.center{text-align:center;justify-items:center}.hero.center .grid-2{justify-items:center}.cards-home{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.cards-home .tile{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid var(--border);border-radius:16px;padding:18px}.cards-home .tile h3{margin:0 0 6px;font-size:20px}.cards-home .tile p{margin:0;color:var(--muted)}.tile--wide{grid-column:span 2}@media (max-width:960px){.cards-home{grid-template-columns:1fr}.tile--wide{grid-column:span 1}}.hero.center{grid-template-columns:1fr !important;text-align:center;justify-items:center;align-items:center}.hero.center>*{width:100%}.hero.center .badge.kicker{margin-left:auto;margin-right:auto}.hero.center .grid-2{justify-content:center}.hero.center{grid-template-columns:1fr !important;text-align:center !important;justify-items:center !important;align-items:center !important}.hero.center>*{width:100%}.hero.center .badge.kicker{margin-left:auto;margin-right:auto}.hero.center h1,.hero.center p.lead{max-width:1024px;margin-left:auto;margin-right:auto}.hero.center .grid-2{justify-content:center} :root{--text:#1f2937;--muted:#4b5563;--link:#0ea5e9;--focus:#1d4ed8} body{color:var(--text)} p.note,.note{color:var(--muted)} a{color:var(--link);text-decoration-thickness:.08em} a:hover{text-decoration:underline} :focus{outline:none} :focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:8px} button:focus-visible,.call-btn:focus-visible,.card:focus-visible{outline:3px solid var(--focus);outline-offset:3px} .section{margin-block:48px} input[type="text"],input[type="email"],input[type="tel"],input[type="number"],select,textarea{ font-size:16px;line-height:1.4;padding:12px 14px;border:1px solid #CBD5E1;border-radius:10px;width:100%; } label{display:block;margin-bottom:12px} .grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px} @media(max-width:680px){.grid-2{grid-template-columns:1fr}} .hidden{position:absolute;left:-9999px} .form-estimate{padding:18px} .form-actions{display:flex;justify-content:center;margin-top:10px} .btn-primary{background:#ff7a00;color:#fff;border:none;border-radius:24px;padding:12px 18px;cursor:pointer} .btn-primary:hover{opacity:.9} input[type="text"],input[type="email"],input[type="tel"],input[type="number"],select,textarea{ font-size:16px;line-height:1.4;padding:12px 14px;border:1px solid #CBD5E1;border-radius:10px;width:100%; } label{display:block;margin-bottom:12px} .grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px} @media(max-width:680px){.grid-2{grid-template-columns:1fr}} .hidden{position:absolute;left:-9999px} .form-estimate{padding:18px} .form-actions{display:flex;margin-top:10px} .form-actions.left{justify-content:flex-start} .btn-primary{background:#ff7a00;color:#fff;border:none;border-radius:24px;padding:12px 18px;cursor:pointer} .btn-primary:hover{opacity:.9} input[type="text"],input[type="email"],input[type="tel"],input[type="number"],select,textarea{ font-size:16px;line-height:1.4;padding:12px 14px;border:1px solid #CBD5E1;border-radius:10px;width:100%; } label{display:block;margin-bottom:12px} .grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px} @media(max-width:680px){.grid-2{grid-template-columns:1fr}} .form-estimate.mock-compact{padding:14px} .btn-primary{background:#ff7a00;color:#fff;border:none;border-radius:8px;padding:8px 14px;cursor:pointer} .btn-primary.btn-sm{padding:8px 14px;border-radius:6px} .btn-primary:hover{opacity:.92} .form-actions{display:flex;margin-top:8px} .form-actions.left{justify-content:flex-start} input[type="text"],input[type="email"],input[type="tel"],input[type="number"],select,textarea{ font-size:15px;line-height:1.35;padding:10px 12px;border:1px solid #cfd6df;border-radius:6px;width:100%; } label{display:block;margin-bottom:10px} .grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px 24px} @media(max-width:740px){.grid-2{grid-template-columns:1fr}} .visually-hidden{position:absolute !important;left:-10000px !important;top:auto !important;width:1px !important;height:1px !important;overflow:hidden !important} .mock-compact .grid-2{gap:12px 20px} .mock-compact label{margin-bottom:8px} .mock-compact input[type="text"], .mock-compact input[type="email"], .mock-compact input[type="tel"], .mock-compact input[type="number"], .mock-compact select, .mock-compact textarea{ padding:8px 10px; font-size:15px; border-radius:6px; } .mock-compact .btn-primary.btn-sm{padding:8px 14px} .form-estimate.mock-compact{ padding:20px 22px; background:#fff; border:1px solid #E5E7EB; border-radius:14px; box-shadow:0 1px 2px rgba(16,24,40,.04); } .mock-compact .grid-2{gap:16px 28px} .mock-compact label{font-weight:500;color:#0f172a;margin-bottom:8px} .mock-compact input[type="text"], .mock-compact input[type="email"], .mock-compact input[type="tel"], .mock-compact input[type="number"], .mock-compact select, .mock-compact textarea{ appearance:none; -webkit-appearance:none; font-size:16px; line-height:1.5; padding:12px 14px; border:1px solid #CBD5E1; border-radius:12px; background:#fff; color:#0f172a; width:100%; transition:border-color .15s ease, box-shadow .15s ease; } .mock-compact textarea{min-height:72px} .mock-compact input::placeholder, .mock-compact textarea::placeholder{color:#94A3B8} .mock-compact input:focus, .mock-compact select:focus, .mock-compact textarea:focus{ outline:0; border-color:#ff7a00; box-shadow:0 0 0 4px rgba(255,122,0,.15); } .form-actions{margin-top:16px;display:flex} .form-actions.center{justify-content:center} .btn-primary{ background:#ff7a00;color:#fff;border:none;cursor:pointer; transition:filter .15s ease, transform .02s ease; } .btn-primary.btn-lg{ padding:14px 22px;border-radius:9999px;font-weight:700;font-size:16px; box-shadow:0 8px 14px rgba(255,122,0,.18); } .btn-primary:hover{filter:brightness(0.98)} .btn-primary:active{transform:translateY(1px)} @media(max-width:740px){ .mock-compact .grid-2{grid-template-columns:1fr;gap:14px} .form-actions.center .btn-primary{width:100%} } .hero.hero--panel{background:#fff3e5;border:1px solid #f2e8db;border-radius:18px;padding:40px 24px 36px;text-align:center;box-shadow:0 1px 2px rgba(16,24,40,.04)} .hero__badge{display:inline-block;background:#fdebd6;border:1px solid #f5d7b7;border-radius:9999px;padding:8px 14px;font-weight:700;color:#7a4a16;margin-bottom:18px} .hero__title{font-size:clamp(28px,3.4vw,48px);line-height:1.15;margin:6px 0 12px;color:#0f172a;font-weight:800} .hero__lead{max-width:980px;margin:0 auto;color:#425466;font-size:clamp(16px,1.25vw,19px);line-height:1.6} .hero__actions{display:flex;justify-content:center;gap:16px;margin-top:26px} .hero__actions .btn-primary{padding:16px 26px;border-radius:9999px;font-weight:800;font-size:16px;box-shadow:0 8px 14px rgba(255,122,0,.18)} .call-pill{display:none!important} .hero .call-pill, .hero .call-btn { display: none !important; } .hero__actions{display:flex;justify-content:center;gap:16px;margin-top:26px} .btn-primary.btn-xl{padding:16px 26px;border-radius:9999px;font-weight:800;font-size:16px;box-shadow:0 8px 14px rgba(255,122,0,.18)} .estimate-quick{margin:18px 0;background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:18px 16px;box-shadow:0 1px 2px rgba(16,24,40,.04)} .estimate-quick h2{margin:0 0 10px 0;font-size:20px} .estimate-quick .eq-grid{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:12px} .estimate-quick label{display:flex;flex-direction:column;font-weight:600;color:#0f172a} .estimate-quick input,.estimate-quick select{margin-top:6px;border:1px solid #CBD5E1;border-radius:10px;padding:10px 12px;font-size:16px} .estimate-quick .eq-actions{margin-top:12px;display:flex;justify-content:center} .results-band{background:#0f172a;color:#fff;border-radius:12px;padding:10px 14px;margin:18px 0} .results-band ul{display:flex;gap:20px;justify-content:center;list-style:none;margin:0;padding:0} .results-band li{font-weight:700} .cards-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:12px 0} .cards-3 article{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:14px} .cta-center{text-align:center;margin-top:10px} .testimonials{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:10px 0} .testimonials blockquote{background:#fff;border:1px dashed #e5e7eb;border-radius:12px;padding:12px;font-style:italic;color:#334155} .thankyou-next .ty-actions{display:flex;gap:12px;justify-content:center;margin-top:10px} .btn-secondary{background:#eef2f7;color:#0f172a;border:1px solid #dbe1ea;border-radius:9999px;padding:12px 18px;font-weight:700} @media(max-width:900px){ .estimate-quick .eq-grid{grid-template-columns:1fr;gap:10px} .results-band ul{flex-direction:column;align-items:center} .cards-3{grid-template-columns:1fr} .testimonials{grid-template-columns:1fr} } .site-footer{margin-top:28px;padding:16px 0;border-top:1px solid #e5e7eb;color:#0f172a} .site-footer .footer-inner{max-width:1100px;margin:0 auto;padding:0 16px} .hero__badge{display:inline-block;background:#fdebd6;border:1px solid #f5d7b7;border-radius:9999px;padding:8px 14px;font-weight:700;color:#7a4a16;margin-bottom:18px} .hero__title{font-size:clamp(28px,3.4vw,48px);line-height:1.15;margin:6px 0 12px;color:#0f172a;font-weight:800} .hero__lead{max-width:980px;margin:0 auto;color:#425466;font-size:clamp(16px,1.25vw,19px);line-height:1.6} .hero__actions{display:flex;justify-content:center;gap:16px;margin-top:18px} .page-container{max-width:1100px;margin:0 auto;padding:0 16px} main > section:not(.full-bleed){max-width:1100px;margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px} .hero.hero--panel{padding:28px 0} .full-bleed{max-width:none;margin:0;padding-left:0;padding-right:0} .page-container{max-width:1100px;margin:0 auto;padding:0 16px} .hero__inner{max-width:1100px;margin:0 auto;padding:0 16px} .hero.hero--panel{padding:36px 0}