:root{
  --navy:#062b57;--navy-2:#0b3c72;--ink:#10243d;--muted:#607089;--orange:#ff851b;--orange-2:#f36f0a;
  --cream:#fff8ef;--sky:#eef6ff;--white:#fff;--line:#dde6ef;--success:#168653;--shadow:0 18px 50px rgba(6,43,87,.12);
  --radius:24px;--radius-sm:16px;--max:1180px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.6;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.container{width:min(var(--max),calc(100% - 40px));margin:auto}.section{padding:88px 0}.section-sm{padding:58px 0}.eyebrow{display:inline-flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.13em;font-size:.76rem;color:var(--orange-2);font-weight:700}.eyebrow:before{content:"";width:28px;height:2px;background:var(--orange);border-radius:9px}.h1,.h2,.h3{margin:0;line-height:1.08;letter-spacing:-.035em;color:var(--navy)}.h1{font-size:clamp(2.55rem,6vw,5.6rem);max-width:900px}.h2{font-size:clamp(2rem,4vw,3.4rem)}.h3{font-size:1.3rem}.lead{font-size:clamp(1.04rem,1.8vw,1.25rem);color:#40536b;max-width:700px}.muted{color:var(--muted)}.accent{color:var(--orange)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:999px;padding:14px 21px;font-weight:700;transition:.2s ease;cursor:pointer;min-height:50px}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--orange);color:#132941;box-shadow:0 10px 28px rgba(255,133,27,.25)}.btn-primary:hover{background:#ff952f}.btn-dark{background:var(--navy);color:#fff}.btn-ghost{background:#fff;color:var(--navy);border-color:#d9e4ef}.btn-ghost:hover{border-color:#a8bed1}.btn-white{background:#fff;color:var(--navy)}
.icon{width:20px;height:20px;display:inline-block;flex:0 0 20px}.icon svg{width:100%;height:100%;display:block}
.header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(221,230,239,.85)}.nav{display:flex;align-items:center;justify-content:space-between;min-height:80px;gap:24px}.logo img{width:min(325px,42vw);height:auto}.navlinks{display:flex;align-items:center;gap:25px}.navlinks a{font-size:.96rem;color:#334b65;position:relative;padding:29px 0}.navlinks a:after{content:"";position:absolute;left:0;right:100%;bottom:18px;height:2px;background:var(--orange);transition:.2s}.navlinks a:hover:after,.navlinks a.active:after{right:0}.nav-cta{display:flex;align-items:center;gap:10px}.menu-btn{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--navy)}
.hero{position:relative;overflow:hidden;background:linear-gradient(120deg,#eef6ff 0%,#fff 52%,#fff8ef 100%)}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 0%,rgba(255,133,27,.18),transparent 34%),linear-gradient(180deg,transparent 70%,rgba(6,43,87,.03));pointer-events:none}.hero-grid{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center;padding:72px 0 78px}.hero-copy .h1{font-size:clamp(3rem,5.8vw,5.8rem)}.hero-copy .lead{margin:24px 0 28px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.trustline{display:flex;flex-wrap:wrap;gap:15px;margin-top:28px;color:#40536b;font-size:.93rem}.trust-chip{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.85);border:1px solid var(--line);padding:9px 13px;border-radius:999px}.check{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#daf5e7;color:var(--success);font-size:.78rem;font-weight:900}
.hero-card{position:relative;background:#fff;border:1px solid rgba(221,230,239,.9);border-radius:30px;box-shadow:var(--shadow);overflow:hidden}.hero-media{height:235px;background:linear-gradient(180deg,rgba(6,43,87,.05),rgba(6,43,87,.35)),url('images/cnBik5ESdHuC6261vQ0AAODmIY.png') center/cover}.hero-card-body{padding:24px}.hero-card h2{margin:0 0 4px;font-size:1.5rem;color:var(--navy);letter-spacing:-.02em}.hero-card p{margin:0 0 18px;color:var(--muted)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:.8rem;color:#50637b}.input{width:100%;border:1px solid #d7e1eb;background:#fff;border-radius:12px;padding:12px 13px;outline:none;transition:.2s}.input:focus{border-color:#76a7d9;box-shadow:0 0 0 4px rgba(29,113,196,.1)}textarea.input{min-height:110px;resize:vertical}.form-note{font-size:.75rem;color:#728198;margin-top:10px}.form-note a{text-decoration:underline}
.stats-strip{background:var(--navy);color:#fff}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.12)}.stat{padding:25px;text-align:center;background:var(--navy)}.stat strong{font-size:1.45rem;display:block;color:#fff}.stat span{font-size:.87rem;color:#d7e8fb}
.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:38px}.section-head .lead{margin:12px 0 0}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fff;transition:.25s;display:flex;flex-direction:column;min-height:100%}.service-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:#c8d9e9}.service-img{aspect-ratio:16/10;background:#eaf1f7;overflow:hidden;position:relative}.service-img img{width:100%;height:100%;object-fit:cover;transition:.45s}.service-card:hover .service-img img{transform:scale(1.04)}.service-card-body{padding:22px;display:flex;flex-direction:column;flex:1}.service-card h3{margin:0 0 8px;font-size:1.28rem;color:var(--navy)}.service-card p{margin:0 0 17px;color:var(--muted);font-size:.95rem}.arrow-link{margin-top:auto;color:var(--navy);display:inline-flex;align-items:center;gap:7px;font-weight:700}.arrow-link span{transition:.2s}.arrow-link:hover span{transform:translateX(4px);color:var(--orange-2)}
.why{background:var(--sky)}.why-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center}.why-visual{min-height:520px;border-radius:30px;overflow:hidden;position:relative;background:linear-gradient(180deg,rgba(6,43,87,.05),rgba(6,43,87,.52)),url('images/PCzFCVcFakTCLp4fM6SSy5aJew.jpg') center/cover}.why-badge{position:absolute;left:24px;bottom:24px;right:24px;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-radius:18px;padding:20px;display:flex;gap:14px;align-items:center}.why-badge strong{display:block;color:var(--navy)}.why-badge span{color:var(--muted);font-size:.88rem}.why-list{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:28px}.why-item{background:#fff;border:1px solid #d8e6f3;border-radius:18px;padding:18px}.why-item .mini-icon{width:38px;height:38px;border-radius:12px;background:var(--cream);display:grid;place-items:center;color:var(--orange-2);margin-bottom:12px}.why-item h3{margin:0 0 5px;font-size:1rem;color:var(--navy)}.why-item p{margin:0;color:var(--muted);font-size:.88rem}
.process{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;counter-reset:step}.process-card{position:relative;border:1px solid var(--line);border-radius:20px;padding:22px;background:#fff}.process-card:before{counter-increment:step;content:"0" counter(step);display:inline-grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--navy);color:#fff;font-weight:800;margin-bottom:16px}.process-card h3{margin:0 0 6px;color:var(--navy);font-size:1.08rem}.process-card p{margin:0;color:var(--muted);font-size:.9rem}
.reviews{background:#0a315e;color:#fff;position:relative;overflow:hidden}.reviews:after{content:"★★★★★";position:absolute;right:-30px;top:-30px;font-size:9rem;letter-spacing:.04em;color:rgba(255,255,255,.035);white-space:nowrap}.reviews .h2,.reviews .eyebrow{color:#fff}.reviews .eyebrow:before{background:#ffb067}.review-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:34px}.review-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:22px;padding:24px;backdrop-filter:blur(7px)}.stars{letter-spacing:.11em;color:#ffb65a}.review-card blockquote{margin:15px 0;font-size:1.04rem;color:#f2f7ff}.review-meta{font-size:.87rem;color:#bed4ee}
.ba-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.compare{position:relative;overflow:hidden;border-radius:26px;aspect-ratio:4/3;background:#dfe8f0;box-shadow:var(--shadow);isolation:isolate}.compare img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.compare img.compare-after{clip-path:inset(0 0 0 50%);z-index:1}.compare .divider{position:absolute;top:0;bottom:0;left:50%;width:2px;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.08);pointer-events:none;z-index:3}.compare .knob{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;background:#fff;color:var(--navy);display:grid;place-items:center;box-shadow:0 8px 24px rgba(6,43,87,.2);pointer-events:none;z-index:4}.compare input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;z-index:5}.compare .compare-label{position:absolute;top:15px;z-index:6;padding:7px 12px;border-radius:999px;background:rgba(6,43,87,.88);color:#fff;font-size:.78rem;font-weight:700;line-height:1.2;white-space:nowrap;overflow:visible;clip-path:none!important;mask:none!important;pointer-events:none}.compare .compare-label-before{left:14px}.compare .compare-label-after{right:14px}
.cta-band{background:linear-gradient(115deg,var(--navy) 0%,#0e4a83 70%,#1565a8 100%);border-radius:30px;padding:44px;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:28px;box-shadow:var(--shadow)}.cta-band h2{margin:0;color:#fff;font-size:clamp(1.7rem,3.2vw,2.8rem);letter-spacing:-.03em}.cta-band p{margin:7px 0 0;color:#cde0f5;max-width:650px}.cta-actions{display:flex;gap:10px;flex-wrap:wrap;flex-shrink:0}
.page-hero{background:linear-gradient(135deg,#eef6ff,#fff 55%,#fff5e8);padding:72px 0}.page-hero-grid{display:grid;grid-template-columns:1fr .6fr;gap:48px;align-items:end}.page-hero .h1{font-size:clamp(2.6rem,5vw,4.7rem)}.crumbs{display:flex;gap:8px;align-items:center;font-size:.85rem;color:#6a7d92;margin-bottom:18px}.crumbs a:hover{color:var(--navy)}.hero-aside{background:#fff;border:1px solid var(--line);padding:23px;border-radius:22px;box-shadow:var(--shadow)}.hero-aside .rating{font-size:2rem;color:var(--navy);font-weight:800}.hero-aside small{color:var(--muted)}
.about-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:50px;align-items:start}.founder-card{position:sticky;top:115px}.founder-photo{border-radius:28px;overflow:hidden;background:#f3f6f9;box-shadow:var(--shadow)}.founder-photo img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center top}.founder-message{margin-top:16px;background:var(--navy);color:#fff;border-radius:22px;padding:24px}.founder-message p{margin:0 0 13px;color:#e5f0ff}.founder-message strong{display:block}.founder-message span{font-size:.84rem;color:#b9d0eb}.prose h2{font-size:2rem;line-height:1.18;color:var(--navy);margin:0 0 16px}.prose h3{color:var(--navy);margin:26px 0 8px}.prose p{color:#52647a}.promise-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.promise{border:1px solid var(--line);border-radius:16px;padding:16px;background:#fff;display:flex;gap:10px}.promise b{color:var(--navy);font-size:.95rem}.promise p{margin:3px 0 0;font-size:.85rem}
.service-hero-card{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:30px;overflow:hidden;background:#fff;box-shadow:var(--shadow)}.service-hero-media{min-height:420px}.service-hero-media img{width:100%;height:100%;object-fit:cover}.service-hero-copy{padding:44px}.service-hero-copy .h1{font-size:clamp(2.4rem,4vw,4.2rem)}.bullet-list{list-style:none;padding:0;margin:25px 0;display:grid;gap:10px}.bullet-list li{display:flex;gap:10px;align-items:flex-start;color:#455a72}.bullet-list li:before{content:"✓";color:var(--success);background:#e6f7ee;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;flex:0 0 22px;font-size:.78rem;font-weight:900;margin-top:2px}
.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.info-card{border:1px solid var(--line);border-radius:22px;padding:26px}.info-card h2{margin:0 0 12px;color:var(--navy);font-size:1.5rem}.info-card ul{margin:0;padding-left:18px;color:#52647a}.info-card li+li{margin-top:8px}
.faq{display:grid;gap:10px;max-width:860px;margin:28px auto 0}.faq details{border:1px solid var(--line);border-radius:16px;background:#fff;padding:0 18px}.faq summary{list-style:none;cursor:pointer;padding:17px 28px 17px 0;font-weight:700;color:var(--navy);position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";position:absolute;right:0;top:14px;font-size:1.5rem;color:var(--orange-2)}.faq details[open] summary:after{content:"−"}.faq p{margin:0 0 18px;color:var(--muted)}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.blog-card{border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#fff;transition:.2s}.blog-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.blog-card .media{aspect-ratio:16/9;overflow:hidden;background:#edf3f8}.blog-card .media img{width:100%;height:100%;object-fit:cover}.blog-card .body{padding:20px}.blog-card .meta{font-size:.78rem;color:var(--orange-2);margin-bottom:8px}.blog-card h3{margin:0 0 8px;color:var(--navy);font-size:1.2rem;line-height:1.3}.blog-card p{margin:0;color:var(--muted);font-size:.9rem}
.article{max-width:820px;margin:auto}.article .hero-img{width:100%;aspect-ratio:16/8;border-radius:26px;object-fit:cover;margin:28px 0}.article h2{color:var(--navy);font-size:1.8rem;margin-top:36px}.article h3{color:var(--navy);margin-top:25px}.article p,.article li{color:#4f6278}.article .callout{background:var(--sky);border-left:4px solid var(--orange);padding:18px 20px;border-radius:0 14px 14px 0;margin:28px 0}
.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:35px}.contact-card{background:var(--navy);color:#fff;border-radius:28px;padding:32px;position:relative;overflow:hidden}.contact-card:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-110px;bottom:-110px;background:rgba(255,133,27,.13)}.contact-card h2{margin:0;color:#fff;font-size:2rem}.contact-card p{color:#cfe0f3}.contact-lines{display:grid;gap:12px;margin-top:25px}.contact-line{display:flex;align-items:flex-start;gap:12px}.contact-line .mini-icon{width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.09);display:grid;place-items:center;flex:0 0 40px}.contact-line span{display:block;color:#bcd0e8;font-size:.82rem}.contact-form{border:1px solid var(--line);border-radius:28px;padding:30px;background:#fff;box-shadow:var(--shadow)}
.service-area{display:flex;flex-wrap:wrap;gap:9px;margin-top:15px}.pill{border:1px solid #dbe6f0;background:#fff;border-radius:999px;padding:8px 12px;color:#51657d;font-size:.84rem}
.footer{background:#041f3f;color:#d2e2f2;margin-top:88px}.footer-main{padding:56px 0;display:grid;grid-template-columns:1.35fr .75fr .8fr .9fr;gap:40px}.footer-logo{width:321px;max-width:100%;filter:none}.footer p{color:#9fb7d0;font-size:.9rem}.footer h3{color:#fff;font-size:.95rem;margin:0 0 13px}.footer-links{display:grid;gap:9px}.footer-links a{color:#b8cce1;font-size:.9rem}.footer-links a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.09);padding:18px 0;color:#8ea8c2;font-size:.8rem;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.float-rail{position:fixed;right:18px;bottom:24px;z-index:60;display:grid;gap:10px}.float-btn{width:52px;height:52px;border-radius:17px;display:grid;place-items:center;color:#fff;box-shadow:0 12px 28px rgba(6,43,87,.22);border:1px solid rgba(255,255,255,.3);transition:.2s}.float-btn:hover{transform:translateY(-3px) scale(1.03)}.float-call{background:var(--orange)}.float-whatsapp{background:#25D366}.float-email{background:var(--navy)}.float-btn .icon{width:22px;height:22px}.mobile-bar{display:none}
.modal{border:0;border-radius:26px;padding:0;width:min(700px,calc(100% - 24px));box-shadow:0 30px 90px rgba(0,0,0,.28)}.modal::backdrop{background:rgba(1,17,35,.64);backdrop-filter:blur(4px)}.modal-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding:24px 26px 10px}.modal-head h2{margin:0;color:var(--navy)}.modal-head p{margin:5px 0 0;color:var(--muted)}.modal-close{border:1px solid var(--line);background:#fff;width:40px;height:40px;border-radius:12px;cursor:pointer}.modal-body{padding:14px 26px 26px}
.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,120px);opacity:0;background:#041f3f;color:#fff;padding:12px 16px;border-radius:999px;z-index:100;transition:.3s;box-shadow:var(--shadow);font-size:.88rem}.toast.show{transform:translate(-50%,0);opacity:1}
@media (max-width:1020px){.navlinks{display:none}.nav-cta .btn-ghost{display:none}.menu-btn{display:inline-grid;place-items:center}.hero-grid{grid-template-columns:1fr}.hero-card{max-width:700px}.why-grid,.about-grid,.contact-grid{grid-template-columns:1fr}.founder-card{position:relative;top:auto;max-width:620px}.service-grid,.blog-grid{grid-template-columns:repeat(2,1fr)}.process{grid-template-columns:1fr 1fr}.footer-main{grid-template-columns:1fr 1fr}.service-hero-card{grid-template-columns:1fr}.service-hero-media{min-height:360px}.page-hero-grid{grid-template-columns:1fr}.hero-aside{max-width:500px}.float-rail{display:none}.mobile-bar{display:grid;grid-template-columns:repeat(3,1fr);position:fixed;left:10px;right:10px;bottom:10px;z-index:70;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 16px 40px rgba(6,43,87,.22);overflow:hidden}.mobile-bar a{padding:10px 6px;display:grid;place-items:center;gap:3px;font-size:.72rem;color:var(--navy)}.mobile-bar a+a{border-left:1px solid var(--line)}body{padding-bottom:72px}}
@media (max-width:700px){.container{width:min(100% - 28px,var(--max))}.section{padding:68px 0}.header .nav{min-height:68px}.nav-cta>.btn{display:none}.logo img{width:240px;max-width:64vw}.hero-grid{padding:50px 0 60px}.hero-copy .h1{font-size:clamp(2.7rem,13vw,4.3rem)}.hero-card-body{padding:18px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.stats{grid-template-columns:1fr 1fr}.stat{padding:18px 12px}.section-head{align-items:flex-start;flex-direction:column}.service-grid,.blog-grid,.ba-grid,.why-list,.info-grid{grid-template-columns:1fr}.why-visual{min-height:390px}.process{grid-template-columns:1fr}.review-grid{grid-template-columns:1fr}.cta-band{padding:30px;align-items:flex-start;flex-direction:column}.service-hero-copy{padding:28px}.service-hero-media{min-height:300px}.promise-grid{grid-template-columns:1fr}.footer-main{grid-template-columns:1fr}.footer{margin-top:65px}.page-hero{padding:56px 0}.contact-card,.contact-form{padding:24px}.float-rail{display:none}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Requested homepage + conversion updates */
.hero-single .hero-grid{grid-template-columns:1fr;max-width:980px}
.hero-single .hero-copy{max-width:900px}
.footer-main.footer-simple{grid-template-columns:minmax(0,1.7fr) minmax(260px,.8fr)}


@media (max-width:700px){.footer-main.footer-simple{grid-template-columns:1fr}}

/* v3 homepage/footer refinements */
.why-copy{max-width:980px;margin:0 auto}.why-copy>.lead{max-width:820px}.why-copy .why-list{margin-top:30px}.footer-bottom{justify-content:center;text-align:center}

/* Final footer alignment */
.footer-bottom{display:block!important;text-align:center!important;justify-content:center!important;width:min(var(--max),calc(100% - 40px));margin:0 auto}
.footer-bottom span{display:block;width:100%;text-align:center}


/* Final navigation + services refinements */
.service-issue-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
@media (max-width:1020px){
  .navlinks.mobile-open a:after{display:none!important}
  .navlinks.mobile-open a.active{
    text-decoration-line:underline;
    text-decoration-color:var(--orange);
    text-decoration-thickness:3px;
    text-underline-offset:8px;
    text-decoration-skip-ink:none;
  }
}
@media (max-width:700px){
  .service-issue-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px}
  .service-issue-grid .why-item{padding:14px}
}


/* v5 founder/profile/issue refinements */
.profile-links{margin-top:24px;display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.issue-icon svg{width:23px;height:23px;display:block}
.founder-oversight-copy{max-width:820px;margin:0 auto 28px;text-align:center}
.founder-house-frame{width:85%;max-width:980px;margin:0 auto;position:relative;padding:7px;background:linear-gradient(135deg,var(--navy),#194f82 55%,var(--orange));clip-path:polygon(50% 0,100% 18%,100% 100%,0 100%,0 18%);filter:drop-shadow(0 20px 38px rgba(6,43,87,.18))}
.founder-house-frame img{display:block;width:100%;height:auto;aspect-ratio:1536/1313;object-fit:cover;clip-path:polygon(50% 0,100% 18%,100% 100%,0 100%,0 18%);background:#eef3f7}
@media (max-width:700px){.profile-links{display:grid;grid-template-columns:1fr}.profile-links .btn{width:100%}.founder-house-frame{width:100%}}


/* v9 trust, hours and floating-contact refinements */
.footer-main>div:first-child p,.founder-message p,.prose>p{text-align:justify;text-justify:inter-word}

/* Keep all floating contact actions visually consistent in WA Roofing orange */
.float-btn{position:relative;background:#fff!important;color:var(--orange-2)!important;border-color:rgba(243,111,10,.32)!important}
.float-btn:hover{background:#fff8ef!important;color:var(--orange-2)!important;border-color:var(--orange)!important}
.mobile-bar a{color:var(--orange-2)!important}
.mobile-bar a .icon{color:var(--orange-2)!important}

/* Emergency cue attached to the phone action */
.float-call::before{
  content:"Imargency?";
  position:absolute;
  right:-2px;
  top:-29px;
  background:#c62828;
  color:#fff;
  font-size:.68rem;
  line-height:1;
  font-weight:800;
  letter-spacing:.01em;
  padding:6px 8px;
  border-radius:999px;
  white-space:nowrap;
  box-shadow:0 8px 20px rgba(198,40,40,.25);
  animation:emergencyPulse 1.55s ease-in-out infinite;
}
@keyframes emergencyPulse{
  0%,100%{background:#b71c1c;box-shadow:0 0 0 0 rgba(211,47,47,.36)}
  50%{background:#ef5350;box-shadow:0 0 0 7px rgba(211,47,47,0)}
}
.mobile-bar a:first-child{position:relative}
.mobile-bar a:first-child::before{
  content:"Imargency?";
  position:absolute;
  left:50%;
  top:-25px;
  transform:translateX(-50%);
  background:#c62828;
  color:#fff;
  font-size:.62rem;
  line-height:1;
  font-weight:800;
  padding:5px 7px;
  border-radius:999px;
  white-space:nowrap;
  box-shadow:0 7px 18px rgba(198,40,40,.22);
  animation:emergencyPulse 1.55s ease-in-out infinite;
}
.faq-contact-note{max-width:860px;margin:28px auto 0;padding:26px;border:1px solid var(--line);border-radius:20px;background:var(--sky);text-align:center}
.faq-contact-note h3{margin:0;color:var(--navy);font-size:1.4rem}
.faq-contact-note p{margin:6px 0 18px;color:var(--muted)}
@media (max-width:700px){.footer-main>div:first-child p,.founder-message p,.prose>p{text-align:left}}


/* v10: About sequence, no top bar, contact simplification */
.about-sequence .about-block{padding:0 0 64px;margin:0 0 64px;border-bottom:1px solid var(--line)}
.about-sequence .about-block:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
.about-story-block{max-width:900px}
.about-story-block .h2,.founder-section>.h2,.about-block>.h2{margin:10px 0 18px}
.founder-pair{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:28px;align-items:start}
.founder-panel{min-width:0}
.founder-panel .founder-photo{border-radius:26px}
.founder-panel .founder-message{margin-top:16px}
.mission-vision-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px}
.about-principle-card{background:var(--sky)}
.about-principle-card p{margin:0;color:var(--muted)}
.values-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:26px}
.value-card{border:1px solid var(--line);border-radius:18px;padding:18px;background:#fff;display:flex;gap:12px;align-items:flex-start}
.value-card h3{margin:0 0 4px;color:var(--navy);font-size:1.05rem}
.value-card p{margin:0;color:var(--muted);font-size:.9rem}
.value-card-wide{grid-column:1/-1}
.about-process{margin-top:26px}
.contact-hero-simple{grid-template-columns:1fr!important;max-width:900px;margin-left:auto;margin-right:auto}
.contact-card-wide{max-width:900px;margin:0 auto}
.contact-lines-wide{grid-template-columns:1fr 1fr}
.service-area-copy{max-width:780px;text-align:left}
.service-area-copy .lead{margin:12px 0 0}
@media (max-width:780px){.founder-pair,.mission-vision-grid,.values-grid,.contact-lines-wide{grid-template-columns:1fr}.value-card-wide{grid-column:auto}}


/* v11: site-wide paragraph alignment and emergency phone cue */
/* Justify content paragraphs where the available width makes it readable. */
main p,
.footer-main p,
.founder-message p,
.faq p,
.contact-card p,
.contact-form p,
.service-card p,
.process-card p,
.why-item p,
.review-card p,
.blog-card p,
.cta-band p,
.about-block p,
.hero-card p {
  text-align: justify;
  text-justify: inter-word;
}

/* Keep very short / utility text natural rather than stretching it. */
.form-note p, p[hidden] { text-align: left; }

/* Emergency tab physically attached above the Call action, matching the mobile reference. */
.float-call::before {
  content: "Imargency?";
  right: -5px;
  top: -31px;
  min-width: 82px;
  text-align: center;
  padding: 7px 10px;
  border-radius: 10px 10px 7px 7px;
  background: #d9272e;
  color: #fff;
  box-shadow: 0 8px 20px rgba(217,39,46,.28);
  animation: emergencyPulseV11 1.45s ease-in-out infinite;
}
.mobile-bar a:first-child::before {
  content: "Imargency?";
  left: 50%;
  top: -31px;
  transform: translateX(-50%);
  min-width: 112px;
  text-align: center;
  padding: 7px 11px;
  border-radius: 10px 10px 7px 7px;
  background: #d9272e;
  color: #fff;
  font-size: .72rem;
  box-shadow: 0 8px 20px rgba(217,39,46,.28);
  animation: emergencyPulseV11 1.45s ease-in-out infinite;
}
@keyframes emergencyPulseV11 {
  0%,100% { background:#c91f27; opacity:1; box-shadow:0 0 0 0 rgba(217,39,46,.34); }
  50% { background:#ef5358; opacity:.72; box-shadow:0 0 0 8px rgba(217,39,46,0); }
}

@media (max-width:700px) {
  main p,
  .footer-main p,
  .founder-message p,
  .faq p,
  .contact-card p,
  .contact-form p,
  .service-card p,
  .process-card p,
  .why-item p,
  .review-card p,
  .blog-card p,
  .cta-band p,
  .about-block p,
  .hero-card p {
    text-align: justify;
    text-justify: inter-word;
  }
}

.faq-hero-single{grid-template-columns:1fr;max-width:960px;margin-left:auto;margin-right:auto}
.mobile-bar{overflow:visible!important}
main p,.footer-main p,.founder-message p,.faq p,.contact-card p,.contact-form p,.service-card p,.process-card p,.why-item p,.review-card p,.blog-card p,.cta-band p,.about-block p,.hero-card p{hyphens:auto;-webkit-hyphens:auto}

/* v12: compact emergency extension attached to Call action */
.float-call::before{
  content:"Imargency?";
  box-sizing:border-box;
  left:0!important;
  right:auto!important;
  top:-25px!important;
  width:52px!important;
  min-width:0!important;
  height:26px;
  padding:0 2px!important;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:.48rem!important;
  line-height:1!important;
  border-radius:10px 10px 0 0!important;
  background:#d9272e;
  color:#fff;
  box-shadow:none!important;
  animation:emergencyPulseV12 2.8s ease-in-out infinite!important;
}

@media (max-width:1020px){
  .mobile-bar a:first-child::before{
    content:"Imargency?";
    box-sizing:border-box;
    left:0!important;
    top:auto!important;
    bottom:100%!important;
    transform:none!important;
    width:100%!important;
    min-width:0!important;
    height:30px;
    padding:0 6px!important;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:.68rem!important;
    line-height:1!important;
    border-radius:14px 14px 0 0!important;
    background:#d9272e;
    color:#fff;
    box-shadow:none!important;
    animation:emergencyPulseV12 2.8s ease-in-out infinite!important;
  }
}

@keyframes emergencyPulseV12{
  0%,100%{background:#c91f27;opacity:1}
  50%{background:#ef5358;opacity:.74}
}


/* v13: emergency extension at 90% of the Call action width */
.float-call::before{
  width:46.8px!important;
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%)!important;
}
@media (max-width:1020px){
  .mobile-bar a:first-child::before{
    width:90%!important;
    left:5%!important;
    right:auto!important;
    transform:none!important;
  }
}


/* v14: align emergency extension to the right edge of Call and keep footer intro justified */
.float-call::before{
  width:90%!important;
  left:10%!important;
  right:auto!important;
  transform:none!important;
}
@media (max-width:1020px){
  .mobile-bar a:first-child::before{
    width:90%!important;
    left:10%!important;
    right:auto!important;
    transform:none!important;
  }
}
.footer-main.footer-simple>div:first-child>p{
  text-align:justify!important;
  text-justify:inter-word!important;
}


/* v15: emergency topbar, compact numbering, service work, practical advice */
.emergency-topbar{background:#c62828;color:#fff;text-align:center;position:relative;z-index:55;animation:emergencyTopPulse 3.6s ease-in-out infinite}
.emergency-topbar a{min-height:38px;padding:7px 16px;display:flex;align-items:center;justify-content:center;gap:9px;color:#fff;font-size:.88rem;letter-spacing:.01em}
.emergency-topbar strong{font-weight:900}.emergency-topbar span{font-weight:700}
@keyframes emergencyTopPulse{0%,100%{background:#b71c1c}50%{background:#e34a4f}}

/* Remove the old transparent orange circle from Contact. */
.contact-card:after{display:none!important;content:none!important}

/* Standard, larger contact icons. */
.contact-line .standard-contact-icon{width:52px!important;height:52px!important;flex:0 0 52px!important;border-radius:15px!important}
.contact-line .standard-contact-icon .icon{width:26px;height:26px;color:#d7e8fb}
.contact-line{align-items:center}

/* Why choose: the same green check treatment used in Our Values. */
.why-check-item{display:grid!important;grid-template-columns:22px 1fr!important;gap:11px!important;align-items:start!important}
.why-check-item>.check{margin-top:1px;width:20px;height:20px;flex:0 0 20px}
.why-check-item .why-item-copy h3{margin:0 0 5px;font-size:1rem;color:var(--navy)}
.why-check-item .why-item-copy p{margin:0;color:var(--muted);font-size:.88rem}

/* Numbers sit beside titles everywhere, with no leading zero. */
.process-card{display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:10px;row-gap:8px;align-items:center;padding:18px}
.process-card:before{content:counter(step)!important;width:34px;height:34px;border-radius:10px;margin:0!important;grid-column:1;grid-row:1;font-size:.9rem}
.process-card h3{grid-column:2;grid-row:1;margin:0!important;font-size:1.02rem;line-height:1.25}
.process-card p{grid-column:1/-1;grid-row:2;margin:0!important}

/* One project comparison on the most relevant service pages. */
.service-work-section{padding-top:72px;padding-bottom:72px}
.service-ba{max-width:820px;margin:0 auto}
.service-ba .compare{aspect-ratio:4/3}

/* Practical advice: no imagery; readable merged article layout. */
.practical-advice{max-width:900px}
.advice-index{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:34px}
.advice-index a{border:1px solid var(--line);background:#fff;border-radius:16px;padding:15px 16px;color:var(--navy);font-weight:750;display:flex;align-items:center;gap:10px;transition:.2s}
.advice-index a:hover{border-color:#b9cede;box-shadow:0 10px 30px rgba(6,43,87,.08);transform:translateY(-2px)}
.advice-index span{width:28px;height:28px;border-radius:9px;background:var(--navy);color:#fff;display:grid;place-items:center;font-size:.8rem;flex:0 0 28px}
.advice-article{scroll-margin-top:110px;padding:52px 0;border-top:1px solid var(--line)}
.advice-article:first-of-type{border-top:0;padding-top:16px}
.advice-kicker{font-size:.78rem;letter-spacing:.05em;text-transform:uppercase;color:var(--orange-2);font-weight:800;margin-bottom:9px}
.advice-article h2{font-size:clamp(1.8rem,3.5vw,2.7rem);line-height:1.12;color:var(--navy);letter-spacing:-.025em;margin:0 0 14px}
.advice-article h3{font-size:1.25rem;color:var(--navy);margin:28px 0 8px}
.advice-article p,.advice-article li{color:#4f6278}
.advice-article p{margin:0 0 15px;text-align:justify;text-justify:inter-word}
.advice-article ul{padding-left:22px;margin:10px 0 18px}.advice-article li+li{margin-top:6px}
.advice-intro{font-size:1.05rem;color:#40536b!important}
.advice-callout{background:var(--sky);border-left:4px solid var(--orange);padding:18px 20px;border-radius:0 14px 14px 0;margin:22px 0;color:#42576f}

/* The floating emergency cue remains slower and compact. */
.float-call::before,.mobile-bar a:first-child::before{animation-duration:3.4s!important}

@media (max-width:900px){.advice-index{grid-template-columns:1fr}.emergency-topbar a{font-size:.8rem}.process-card{grid-template-columns:32px minmax(0,1fr)}.process-card:before{width:32px;height:32px}}
@media (prefers-reduced-motion:reduce){.emergency-topbar{animation:none!important}}


/* v16: fixed emergency status strip + compact contact location/hour icons */
:root{--emergency-bar-height:40px}
body{padding-top:var(--emergency-bar-height)}
.emergency-topbar{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  height:var(--emergency-bar-height)!important;
  z-index:1000!important;
  box-shadow:0 5px 18px rgba(122,0,0,.18);
}
.emergency-topbar a{
  min-height:var(--emergency-bar-height)!important;
  height:var(--emergency-bar-height)!important;
  padding:6px 16px!important;
}
.header{top:var(--emergency-bar-height)!important}
.contact-line .standard-contact-icon{
  width:44px!important;
  height:44px!important;
  flex:0 0 44px!important;
  border-radius:13px!important;
}
.contact-line .standard-contact-icon .icon{width:22px!important;height:22px!important}


/* v17: slimmer emergency strip and contact icons aligned to the standard contact size */
:root{--emergency-bar-height:24px}
.emergency-topbar a{padding:0 12px!important;font-size:.72rem!important;line-height:1!important;gap:6px!important}
.contact-line .standard-contact-icon{width:40px!important;height:40px!important;flex:0 0 40px!important;border-radius:12px!important}
.contact-line .standard-contact-icon .icon{width:20px!important;height:20px!important}


/* v18: enlarge the Imargency tab to match the supplied reference more closely */
.float-call::before{
  content:"Imargency?";
  box-sizing:border-box;
  left:50%!important;
  right:auto!important;
  top:-36px!important;
  transform:translateX(-50%)!important;
  width:92%!important;
  min-width:0!important;
  height:34px!important;
  padding:0 8px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:.72rem!important;
  line-height:1!important;
  font-weight:800!important;
  border-radius:14px 14px 0 0!important;
  background:#d92d33!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(217,45,51,.18)!important;
  z-index:2;
}

@media (max-width:1020px){
  .mobile-bar a:first-child{position:relative;overflow:visible!important;}
  .mobile-bar a:first-child::before{
    content:"Imargency?";
    box-sizing:border-box;
    position:absolute;
    left:0!important;
    right:auto!important;
    bottom:100%!important;
    top:auto!important;
    transform:none!important;
    width:100%!important;
    min-width:0!important;
    height:42px!important;
    padding:0 10px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:1rem!important;
    line-height:1!important;
    font-weight:800!important;
    border-radius:18px 18px 0 0!important;
    background:#d92d33!important;
    color:#fff!important;
    box-shadow:0 8px 18px rgba(217,45,51,.18)!important;
    z-index:2;
  }
}


/* v21: remove the Imargency tab above the floating/mobile Call action */
.float-call::before,
.mobile-bar a:first-child::before{
  content:none!important;
  display:none!important;
  animation:none!important;
}


/* v23: homepage Before & After + comparison-only service sections */
.home-before-after{background:var(--sky)}
.home-before-after .ba-grid{margin-top:6px}
.service-work-section .service-ba{margin-top:0}

/* Keep inspection form actions compact on narrow screens. */
form[data-lead-form] .btn[type="submit"] {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  min-height: 48px;
  padding: 12px 10px;
  gap: 6px;
  font-size: clamp(12px, 3.5vw, 15px);
  line-height: 1.25;
  white-space: nowrap;
  box-sizing: border-box;
}
form[data-lead-form] .btn[type="submit"] .icon {
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
}
form[data-lead-form] .btn[type="submit"] .icon svg {
  width: 100%;
  height: 100%;
}