:root{--navy:#102b55;--blue:#0d3970;--orange:#f26b21;--text:#253247;--soft:#f5f7fa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,sans-serif;color:var(--text);line-height:1.65}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.wrap{max-width:1220px;padding:0 28px;margin:auto}.topstrip{background:#102b55;color:#dce7f7;font-size:11px;font-weight:700;letter-spacing:1px}.topinner{display:flex;justify-content:space-between;padding-top:8px;padding-bottom:8px}.header{background:white;position:sticky;top:0;z-index:20;border-bottom:1px solid #e9edf3}.nav{height:84px;display:flex;justify-content:space-between;align-items:center;gap:20px}.brandmark{display:flex;align-items:center;gap:9px;color:var(--navy)}.brandmark strong{font-size:39px;line-height:1;font-weight:900;letter-spacing:-2px}.brandmark strong span{color:var(--orange)}.brandmark small{font-size:10px;line-height:1.25;font-weight:800}.links{display:flex;gap:22px;align-items:center;font-size:14px;font-weight:700}.links a:hover,.textlink:hover{color:var(--orange)}.navright{display:flex;align-items:center;gap:14px}.navphone{font-weight:800;color:var(--navy);white-space:nowrap;font-size:13px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:12px;padding:13px 20px;background:var(--orange);color:white;border:1px solid var(--orange);border-radius:5px;font-size:14px;font-weight:800;cursor:pointer}.btn-large{padding:17px 23px}.btn-ghost{background:transparent;border-color:#ffffff90;color:white}.btn-ghost-dark{background:transparent;border-color:#8ba5c9;color:var(--navy)}.menu-toggle{display:none}.newhero{background:#102b55;color:white;overflow:hidden}.herowrap{display:grid;grid-template-columns:1fr 1fr;min-height:610px;gap:40px;align-items:center}.hero-copy{padding:55px 0}.pill{display:inline-block;color:#ffb77b;border:1px solid #ffffff30;border-radius:30px;padding:8px 14px;font-size:11px;font-weight:800;letter-spacing:1.2px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(38px,4.8vw,67px);line-height:1.13;letter-spacing:-2px;margin:27px 0}h1 em{font-style:normal;color:#ff985b}.hero-desc{font-size:17px;max-width:550px;color:#d7e3f3}.hero-buttons{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0}.trustline{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:#c9d9ec}.hero-photo{height:490px;position:relative;border-radius:12px;overflow:hidden;box-shadow:0 25px 65px #03142d80}.hero-photo img{height:100%;width:100%;object-fit:cover}.photo-tag{position:absolute;bottom:22px;left:22px;display:flex;flex-direction:column;background:#fff;color:var(--navy);padding:13px 18px;border-radius:5px}.photo-tag b{font-size:18px}.photo-tag span{font-size:12px}.introline{background:#f4f6fa;border-bottom:1px solid #e2e7ef}.intro-grid{display:grid;grid-template-columns:1fr 2fr;align-items:center;gap:50px;padding-top:26px;padding-bottom:26px}.intro-grid b{font-size:17px;color:var(--navy);letter-spacing:1px}.intro-grid p{margin:0;font-size:15px}.section{padding:95px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:37px}.section-heading p{max-width:400px}.eyebrow{font-size:12px;color:var(--orange);font-weight:900;letter-spacing:1.5px;margin-bottom:15px}h2{font-size:clamp(30px,3.4vw,46px);line-height:1.2;letter-spacing:-1.2px;color:var(--navy);margin-bottom:20px}h3{color:var(--navy)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.service-card{background:white;border:1px solid #e3e9f1;box-shadow:0 12px 32px #142c4810;overflow:hidden;border-radius:8px;transition:transform .2s}.service-card:hover{transform:translateY(-5px)}.service-img{height:245px;position:relative;overflow:hidden;background:#e6edf4}.service-img img{width:100%;height:100%;object-fit:cover}.service-img span{position:absolute;top:15px;left:15px;background:var(--orange);color:white;padding:4px 13px;font-weight:800}.service-body{padding:23px;display:flex;justify-content:space-between;gap:14px}.service-body h3{font-size:22px;margin-bottom:8px}.service-body p{font-size:14px;color:#637188;margin:0}.arrow{font-size:28px;color:var(--orange)}.disclaimer,.small-note{font-size:12px;color:#718198;margin-top:15px}.process{background:#f4f7fb}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:35px}.steps>div{background:white;border-radius:8px;padding:27px;border:1px solid #e3e9f1}.steps span{font-size:34px;font-weight:900;color:#e0e8f4}.steps h3{font-size:18px;margin:12px 0}.steps p{font-size:14px;color:#627188;margin:0}.pain-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.pain-grid>div>p{color:#617188}.textlink{color:var(--blue);font-weight:800}.qa details{border-bottom:1px solid #dbe3ee;padding:18px 0}.qa summary{cursor:pointer;font-weight:800;color:var(--navy)}.qa details p{margin:12px 0 0;color:#64748b}.contact-section{background:#eaf1f8}.contact-grid{display:grid;grid-template-columns:1fr 420px;gap:65px;align-items:start}.contact-grid>div>p{max-width:500px}.contact-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.lead-form{background:white;border-radius:10px;padding:27px;box-shadow:0 15px 50px #102b5519}.lead-form h3{font-size:22px}.lead-form label{display:block;font-size:13px;font-weight:700;margin:12px 0}.lead-form input,.lead-form select,.lead-form textarea{display:block;width:100%;border:1px solid #d0dae7;border-radius:5px;padding:12px;margin-top:6px;font:inherit;font-size:14px}.lead-form button[type=submit]{width:100%;opacity:1;cursor:pointer;transition:opacity .2s ease,transform .2s ease}.lead-form button[type=submit]:hover:not(:disabled){filter:brightness(.97);transform:translateY(-1px)}.lead-form button[type=submit]:disabled{opacity:.65;cursor:wait;transform:none}.footer{background:#0c2346;color:#d9e4f2;padding:65px 0 25px}.footer .brandmark,.footer h3{color:white}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.footer-grid a{display:block;margin:9px 0}.footer-grid a:hover{color:#ff985b}.copyright{border-top:1px solid #ffffff25;margin-top:38px;padding-top:20px;font-size:12px}.mobile-cta{display:none}@media(max-width:1050px){.navphone{display:none}.links{gap:12px;font-size:12px}.navright>.btn{display:none}}@media(max-width:780px){.wrap{padding-left:18px;padding-right:18px}.topstrip{font-size:9px}.topinner span{max-width:190px}.nav{height:67px}.brandmark strong{font-size:33px}.brandmark small{font-size:8px}.menu-toggle{display:block;background:#f2f5fa;border:1px solid #dbe3ed;border-radius:6px;font-size:24px;padding:3px 12px;cursor:pointer}.links{display:none;position:absolute;top:100%;left:0;right:0;background:white;padding:20px;flex-direction:column;align-items:stretch;box-shadow:0 15px 25px #102b5520;gap:16px;font-size:15px}.links.is-open{display:flex}.herowrap,.intro-grid,.pain-grid,.contact-grid{grid-template-columns:1fr;gap:24px}.herowrap{padding-top:15px;padding-bottom:35px}.hero-copy{padding:40px 0 0}.hero-photo{height:300px}.hero-desc{font-size:16px}.section{padding:64px 0}.section-heading{display:block}.service-grid{grid-template-columns:1fr}.service-img{height:220px}.steps{grid-template-columns:1fr 1fr}.contact-grid{gap:35px}.footer-grid{grid-template-columns:1fr 1fr;gap:22px}.footer-grid>div:first-child{grid-column:span 2}.mobile-cta{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:25;background:white;gap:8px;padding:10px;box-shadow:0 -5px 25px #0c234622}.mobile-cta a{flex:1;text-align:center;background:var(--orange);color:white;font-size:14px;font-weight:800;padding:12px 8px;border-radius:5px}.mobile-cta a:first-child{background:var(--navy)}.footer{padding-bottom:100px}}@media(max-width:420px){.steps{grid-template-columns:1fr}.hero-buttons .btn{width:100%}h1{font-size:40px}.topinner{gap:12px}}
/* Typography system aligned to ERA Solar (Inter + Montserrat), tuned for Vietnamese */
:root{--era-font-body:'Inter',Arial,sans-serif;--era-font-heading:'Montserrat','Inter',Arial,sans-serif}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--era-font-body);font-size:16px;line-height:1.65;font-synthesis:none}h1,h2,h3,.brandmark strong,.btn,.mobile-cta a{font-family:var(--era-font-heading);font-synthesis:none}h1{font-size:clamp(38px,4.7vw,62px);font-weight:800;line-height:1.19;letter-spacing:-.018em}h2{font-size:clamp(29px,3.4vw,44px);font-weight:800;line-height:1.25;letter-spacing:-.012em}h3{font-weight:700;line-height:1.35;letter-spacing:0}.brandmark strong{letter-spacing:-.02em}.hero-desc{font-family:var(--era-font-body);font-size:17px;line-height:1.72}.intro-grid p,.section-heading p,.pain-grid>div>p,.contact-grid>div>p{font-size:16px;line-height:1.7}.service-body p,.steps p,.qa details p{font-size:15px;line-height:1.7}.links{font-family:var(--era-font-body);font-size:13px;font-weight:600}.btn{font-size:13px;font-weight:800;letter-spacing:0;line-height:1.45}.lead-form input,.lead-form select,.lead-form textarea{font-family:var(--era-font-body);font-size:15px;line-height:1.5}.lead-form label{font-family:var(--era-font-body);font-size:14px}.eyebrow,.pill{letter-spacing:.07em}.service-body h3{font-size:21px}.trustline{font-size:13px}.disclaimer,.small-note{font-size:13px;line-height:1.6}@media(max-width:780px){h1{font-size:clamp(34px,8.6vw,43px);line-height:1.23;letter-spacing:-.012em}h2{font-size:clamp(28px,7vw,36px);line-height:1.28}.hero-desc{font-size:16px}.links{font-size:15px}.btn{font-size:13px}.service-body p,.steps p{font-size:15px}}@media(max-width:420px){h1{font-size:clamp(33px,9vw,39px)}}

/* ERA Corp readable typography scale v2 — based on customer review, aligned with ERA Solar */
:root{--era-body-size:18px;--era-body-mobile:16px}body{font-family:'Inter',Arial,sans-serif;font-size:var(--era-body-size);line-height:1.7}h1,h2,h3,.brandmark strong,.btn,.mobile-cta a{font-family:'Montserrat','Inter',Arial,sans-serif}h1{font-size:clamp(48px,4.4vw,56px);font-weight:700;line-height:1.23;letter-spacing:-.01em}h2{font-size:clamp(32px,3vw,36px);font-weight:700;line-height:1.3;letter-spacing:-.005em}h3{font-weight:600;line-height:1.4;letter-spacing:0}.service-body h3{font-size:23px}.steps h3{font-size:22px}.hero-desc{font-size:18px;line-height:1.75}.intro-grid p,.section-heading p,.pain-grid>div>p,.contact-grid>div>p{font-size:18px;line-height:1.75}.service-body p,.steps p,.qa details p{font-size:17px;line-height:1.7}.btn{font-size:16px;font-weight:600;line-height:1.45;letter-spacing:0}.links{font-size:14px;line-height:1.5}.lead-form label{font-size:16px}.lead-form input,.lead-form select,.lead-form textarea{font-size:16px}.lead-form h3{font-size:23px}.eyebrow,.pill{font-size:14px;letter-spacing:.055em}.trustline{font-size:14px}.disclaimer,.small-note{font-size:13px}.footer p,.footer a{font-size:15px}.photo-tag span{font-size:13px}@media(max-width:780px){body{font-size:16px;line-height:1.7}h1{font-size:clamp(32px,8.3vw,34px);line-height:1.3;letter-spacing:0}h2{font-size:clamp(24px,6.5vw,26px);line-height:1.35;letter-spacing:0}.service-body h3,.steps h3,.lead-form h3{font-size:19px}.hero-desc,.intro-grid p,.section-heading p,.pain-grid>div>p,.contact-grid>div>p,.service-body p,.steps p,.qa details p{font-size:16px;line-height:1.75}.btn,.mobile-cta a{font-size:16px}.links{font-size:16px}.eyebrow,.pill{font-size:12px}.lead-form label,.lead-form input,.lead-form select,.lead-form textarea{font-size:16px}.footer p,.footer a{font-size:15px}.trustline{font-size:13px}}

/* Visual workflow for ERA Corp */
.step-card{overflow:hidden;padding:0 0 25px!important}.step-visual{height:150px;background:linear-gradient(135deg,#eaf2fa,#d5e4f3);display:flex;align-items:center;justify-content:center;position:relative;color:#0f2c59}.step-visual svg{width:78px;height:78px;filter:drop-shadow(0 8px 12px #0f2c5920)}.step-visual span{position:absolute;left:20px;bottom:14px;font-family:Montserrat,Inter,sans-serif;font-size:25px;font-weight:800;color:#f26b21}.step-card h3,.step-card p{margin-left:23px;margin-right:23px}.step-card h3{margin-top:20px}.step-card p{margin-bottom:0}.service-img img{object-position:center}

/* Four photo cards: keep fallback illustration until each image asset is uploaded */
.process .steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.process .step-card{min-width:0;transition:transform .22s ease,box-shadow .22s ease}.process .step-visual{height:auto;aspect-ratio:761/505;overflow:hidden;position:relative}.process .step-visual>img{display:block;width:100%;height:100%;object-fit:cover}.process .step-visual>img[hidden]{display:none}.process .step-image-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.process .step-image-fallback[hidden]{display:none}.process .step-image-fallback svg{width:78px;height:78px}.process .step-number{position:absolute;left:14px;bottom:12px;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:10px;background:#fff;color:#0f2c59;font-size:20px;font-weight:800;box-shadow:0 3px 14px #0002}.process .step-card h3{font-size:21px}.process .step-card p{font-size:16px}@media(hover:hover) and (pointer:fine){.process .step-card:hover{transform:translateY(-4px);box-shadow:0 18px 34px #0f2c5918}}@media(max-width:800px){.process .steps{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;padding-bottom:18px;overscroll-behavior-inline:contain;scrollbar-width:thin}.process .step-card{flex:0 0 min(84vw,340px);scroll-snap-align:start}.process .step-card h3{font-size:19px}.process .step-card p{font-size:16px}}

/* CRO: replace disabled lead form with a functional contact route */
.quick-contact{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.quick-contact h3{margin:0}.quick-contact p{font-size:16px;line-height:1.65;margin:0}.quick-contact ol{margin:4px 0 10px;padding-left:22px}.quick-contact li{font-size:16px;line-height:1.65;margin:8px 0}.quick-contact .btn{width:100%;text-align:center}.process-intro{max-width:700px;font-size:17px;line-height:1.7;margin:12px 0 25px}.process .disclaimer{margin-top:12px}@media(max-width:780px){.process-intro{font-size:16px}}

/* ERA Corp compact lead form */
.era-request-form{display:grid;gap:14px}.era-request-form h3{margin:0}.era-request-form .form-intro{font-size:15px;line-height:1.65;margin:0}.era-request-form label{display:grid;gap:7px;font-size:15px;font-weight:600}.era-request-form label>span[aria-hidden]{color:#db6023}.era-request-form input:not([type=checkbox]),.era-request-form select,.era-request-form textarea{width:100%;min-width:0;border:1px solid #ccd6e2;border-radius:9px;padding:12px 13px;background:white;color:#132c4f;font:400 16px/1.5 Inter,Arial,sans-serif}.era-request-form input:focus-visible,.era-request-form select:focus-visible,.era-request-form textarea:focus-visible{outline:2px solid #f26b21;outline-offset:2px}.era-request-form .form-two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.era-request-form .form-consent{display:flex;align-items:flex-start;gap:9px;font-size:13px;font-weight:400;line-height:1.55}.era-request-form .form-consent input{width:18px;height:18px;flex:0 0 18px;margin-top:2px}.era-request-form .form-feedback{font-size:13px;line-height:1.6;margin:0}.era-request-form .form-handoff{display:grid;gap:10px;padding:14px;border:1px solid #cbd7e4;border-radius:12px;background:#f5f8fc}.era-request-form .form-handoff[hidden]{display:none}.era-request-form .form-handoff p{margin:0;font-size:14px;line-height:1.6}.era-request-form .form-handoff textarea{font-size:14px}.era-request-form .form-handoff .btn{text-align:center}@media(max-width:600px){.era-request-form .form-two-col{grid-template-columns:1fr}}

.service-picks{border:0;padding:0;margin:0}.service-picks legend{font-weight:700}.service-picks-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.era-request-form .service-picks-grid label{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #ccd6e2;border-radius:9px;background:white;font-size:14px;cursor:pointer}.service-picks-grid input{width:18px;height:18px;accent-color:#f26b21}.service-picks-grid label:has(input:checked){border-color:#f26b21;background:#fff7f1}@media(max-width:480px){.service-picks-grid{grid-template-columns:1fr}}