:root{--navy:#0f172a;--blue:#3b82f6;--blue-d:#2563eb;--green:#22c55e;--green-d:#16a34a;--bg:#f8fafc;--tx:#1e293b;--mut:#64748b;--r:14px}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:80px}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--tx);background:#fff;line-height:1.6}
img{max-width:100%;display:block}a{color:inherit;text-decoration:none}
.wrap{max-width:1180px;margin:0 auto;padding:0 20px}
:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
.btn{display:inline-block;border:0;cursor:pointer;font:600 15px Inter,sans-serif;padding:13px 24px;border-radius:8px;color:#fff;transition:.2s;text-align:center}
.btn-g{background:var(--green)}.btn-g:hover{background:var(--green-d)}.btn-b{background:var(--blue)}.btn-b:hover{background:var(--blue-d)}
.btn-w{background:#fff;color:var(--blue-d)}.btn-w:hover{background:#eef4ff}.btn-sm{padding:10px 20px;font-size:14px;border-radius:999px}
header{position:sticky;top:0;z-index:50;background:#fff;box-shadow:0 1px 0 #e2e8f0}
.nav{display:flex;align-items:center;justify-content:space-between;height:68px;gap:16px}
.logo{display:flex;align-items:center;gap:10px}.logo img{width:auto;height:46px;object-fit:contain}
.logo b{display:block;font-size:19px;line-height:1.1;color:var(--blue)}.logo b i{font-style:normal;color:var(--green)}.logo small{font-size:11px;color:var(--mut)}
.menu{display:flex;gap:26px;font-size:14px;font-weight:500}.menu a{padding:6px 0;border-bottom:2px solid transparent}.menu a:hover,.menu a.on{color:var(--blue);border-color:var(--blue)}
.burger{display:none;background:none;border:0;font-size:28px;cursor:pointer;color:var(--navy)}
.hero{background:var(--navy);color:#fff;position:relative;overflow:hidden;min-height:540px;display:flex;align-items:center}
.hero:before{content:"";position:absolute;inset:0 0 0 38%;background:url(../img/hero.jpg) center/cover}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--navy) 42%,rgba(15,23,42,.55) 75%,rgba(15,23,42,.25))}
.hero .wrap{position:relative;z-index:2;padding-top:70px;padding-bottom:70px}
.tag{display:inline-block;background:var(--blue);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:5px 12px;border-radius:99px;margin-bottom:18px}
.hero h1{font-size:clamp(34px,5.4vw,56px);line-height:1.08;max-width:560px;margin-bottom:18px}
.hero p{max-width:520px;color:#cbd5e1;font-size:17px;margin-bottom:28px}.hero .cta{display:flex;gap:14px;flex-wrap:wrap}
.page-hero{background:var(--navy);color:#fff;text-align:center;padding:64px 20px}.page-hero h1{font-size:clamp(28px,4.5vw,42px)}.page-hero p{color:#94a3b8;max-width:560px;margin:10px auto 0}
.feats{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:64px 0;text-align:center}
.feats .ic{width:54px;height:54px;border-radius:50%;background:#eaf2ff;display:grid;place-items:center;margin:0 auto 12px;font-size:22px}
.feats h3{font-size:16px}.feats p{font-size:13px;color:var(--mut);margin-top:4px}
section{padding:72px 0}.alt{background:var(--bg)}
.sec-h{text-align:center;margin-bottom:44px}.sec-h h2{font-size:clamp(26px,3.6vw,34px)}.sec-h p{color:var(--mut);max-width:520px;margin:10px auto 0}
.sec-h:after{content:"";display:block;width:60px;height:4px;border-radius:4px;background:var(--blue);margin:14px auto 0}.sec-h.g:after{background:var(--green)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.card{background:#fff;border-radius:var(--r);overflow:hidden;box-shadow:0 4px 18px rgba(15,23,42,.08);display:flex;flex-direction:column}
.card img{aspect-ratio:16/10;object-fit:cover;width:100%}.card div{padding:24px;display:flex;flex-direction:column;flex:1}
.card h3{font-size:20px;margin-bottom:8px}.card p{font-size:14px;color:var(--mut);flex:1}.card a.more{color:var(--blue);font-weight:600;font-size:14px;margin-top:16px}
.center{text-align:center;margin-top:36px}
.about{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.about>img{border-radius:var(--r);box-shadow:0 12px 32px rgba(15,23,42,.18);width:100%}
.eyebrow{color:var(--blue);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.about h2{font-size:clamp(26px,3.4vw,34px);line-height:1.2;margin:8px 0 16px}.about p{color:var(--mut);margin-bottom:14px;font-size:15px}
.checks{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;margin-top:20px;list-style:none;font-weight:600;font-size:14px}
.checks li:before{content:"✔";color:#fff;background:var(--green);border-radius:50%;font-size:10px;width:18px;height:18px;display:inline-grid;place-items:center;margin-right:8px;vertical-align:2px}
.quote{background:linear-gradient(135deg,var(--blue) 60%,#4f8ef7);padding:72px 0}
.qbox{background:#fff;border-radius:16px;overflow:hidden;display:grid;grid-template-columns:.8fr 2fr;max-width:900px;margin:auto;box-shadow:0 20px 50px rgba(15,23,42,.3)}
.qside{background:var(--navy);color:#fff;padding:34px 28px}.qside h2{font-size:26px;line-height:1.2;margin-bottom:14px}.qside p{color:#94a3b8;font-size:14px;margin-bottom:24px}
.qside a{display:block;font-size:14px;margin-top:14px}.qside a:before{margin-right:10px}.qside .t:before{content:"📞"}.qside .l:before{content:"📍"}
form{padding:30px;display:grid;gap:16px}.row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
label{font-size:12px;font-weight:700;display:block;margin-bottom:6px}
input,select,textarea{width:100%;font:14px Inter,sans-serif;padding:12px;border:1px solid #cbd5e1;border-radius:8px;background:#f8fafc;color:var(--tx)}
input:focus,select:focus,textarea:focus{outline:2px solid var(--blue);border-color:var(--blue);background:#fff}
textarea{min-height:100px;resize:vertical}.err{color:#dc2626;font-size:12px;margin-top:4px;display:none}.bad+.err{display:block}.bad{border-color:#dc2626}
.hp{position:absolute;left:-9999px}.fnote{font-size:12px;color:var(--mut);text-align:center}
.gal{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.gal figure{border-radius:var(--r);overflow:hidden;box-shadow:0 4px 18px rgba(15,23,42,.08);background:#fff}
.gal img{aspect-ratio:3/2;object-fit:cover;width:100%}.gal figcaption{background:#f1f5f9;text-align:center;padding:10px;font-size:13px;font-weight:600;color:var(--blue-d)}
.faq{max-width:760px;margin:auto;display:grid;gap:12px}
details{background:#fff;border-radius:10px;box-shadow:0 2px 10px rgba(15,23,42,.06);padding:18px 22px}
summary{cursor:pointer;font-weight:700;font-size:15px;list-style:none;display:flex;justify-content:space-between;gap:12px}
summary::-webkit-details-marker{display:none}summary:after{content:"⌄";transition:.2s}details[open] summary:after{transform:rotate(180deg)}
details p{margin-top:12px;color:var(--mut);font-size:14px}
.svc{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;padding:56px 0}.svc.rev>img{order:2}
.svc>img{border-radius:var(--r);box-shadow:0 12px 32px rgba(15,23,42,.18);width:100%;aspect-ratio:3/2;object-fit:cover}
.svc h2{display:flex;align-items:center;gap:12px;font-size:28px;margin-bottom:16px}
.num{flex:none;width:34px;height:34px;border-radius:50%;background:var(--blue);color:#fff;font-size:13px;display:grid;place-items:center}.num.g{background:var(--green)}
.svc>div>p{color:var(--mut);margin-bottom:18px}.svc ul{list-style:none;display:grid;gap:12px;margin-bottom:24px}
.svc li{padding-left:24px;position:relative;font-weight:600;font-size:14px}.svc li:before{content:"✓";position:absolute;left:0;color:var(--green)}.svc li small{display:block;font-weight:400;color:var(--mut);font-size:13px}
.cta-b{background:#eff6ff;text-align:center}.cta-b h2{font-size:28px}.cta-b p{color:var(--mut);margin:10px auto 26px;max-width:480px}.cta-b .cta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
footer{background:var(--navy);color:#cbd5e1;padding:60px 0 24px;font-size:14px}
.fg{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:32px}footer h4{color:#fff;margin-bottom:16px;font-size:15px}
footer li{list-style:none;margin-bottom:10px}footer a:hover{color:#fff}.fg p{margin-top:14px;max-width:260px}
.soc{display:flex;gap:10px;margin-top:18px}.soc a{width:36px;height:36px;border-radius:50%;background:#1e293b;display:grid;place-items:center;font-size:12px;font-weight:700}
.copy{border-top:1px solid #1e293b;margin-top:40px;padding-top:22px;text-align:center;color:#64748b;font-size:13px}
.wa{position:fixed;right:20px;bottom:20px;width:58px;height:58px;border-radius:50%;background:var(--green);display:grid;place-items:center;z-index:60;box-shadow:0 6px 18px rgba(34,197,94,.5)}
.wa svg{width:30px;height:30px;fill:#fff}.wa:hover{background:var(--green-d)}
.toast{position:fixed;left:50%;bottom:90px;transform:translateX(-50%);background:var(--navy);color:#fff;padding:12px 20px;border-radius:8px;font-size:14px;display:none;z-index:70}
@media(max-width:900px){.menu{display:none;position:absolute;top:68px;left:0;right:0;background:#fff;flex-direction:column;gap:0;padding:8px 20px 16px;box-shadow:0 8px 16px rgba(0,0,0,.08)}.menu.open{display:flex}.menu a{padding:12px 0}.burger{display:block}.nav .btn-sm{display:none}
.feats{grid-template-columns:1fr 1fr}.cards,.gal{grid-template-columns:1fr}.about,.svc{grid-template-columns:1fr;gap:28px}.svc.rev>img{order:0}.qbox{grid-template-columns:1fr}.fg{grid-template-columns:1fr 1fr}
.hero:before{inset:0}.hero:after{background:rgba(15,23,42,.78)}}
@media(max-width:560px){.row,.checks{grid-template-columns:1fr}.fg{grid-template-columns:1fr}.hero{min-height:480px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.legal{max-width:760px}.legal h2{font-size:20px;margin:28px 0 8px}.legal p{color:var(--mut)}
.hero:before{filter:saturate(1.05)}
/* hero com foto em largura total (igual à referência) */
.hero{min-height:600px}
.hero:before{inset:0;background:url(../img/hero.jpg) right 25%/cover no-repeat}
.hero:after{background:linear-gradient(90deg,rgba(15,23,42,.9) 0%,rgba(15,23,42,.68) 40%,rgba(15,23,42,.18) 100%)}
.hero .wrap{width:100%;text-align:left}
html,body{overflow-x:hidden}
.btn,.burger,summary{min-height:44px}
.menu a,.faq summary{-webkit-tap-highlight-color:transparent}
/* ---------- responsivo ---------- */
@media(max-width:900px){
.hero{min-height:0}.hero:before{background-position:58% center}.hero:after{background:linear-gradient(180deg,rgba(15,23,42,.82),rgba(15,23,42,.7))}
.hero .wrap{padding-top:56px;padding-bottom:56px}
section{padding:52px 0}.quote{padding:44px 0}.feats{padding:44px 0 20px;gap:28px 16px}
.menu a{border-bottom:1px solid #eef2f6}
.menu .btn{display:block;margin-top:12px}
.svc{padding:36px 0}.svc h2{font-size:24px}.qside{padding:26px 22px}form{padding:22px}
.sec-h{margin-bottom:30px}}
@media(max-width:560px){
.wrap{padding-left:16px;padding-right:16px}.nav{height:62px}.menu{top:62px}
.logo img{height:40px}.logo b{font-size:17px}
.hero h1{font-size:32px}.hero p{font-size:16px}.hero .cta .btn{width:100%}
.feats{grid-template-columns:1fr 1fr}.feats p{font-size:12.5px}
.cta-b .cta .btn{width:100%}.cta-b h2{font-size:24px}
.card div{padding:20px}.fg{gap:26px}.wa{right:14px;bottom:14px;width:54px;height:54px}
.toast{width:calc(100% - 32px);text-align:center}
input,select,textarea{font-size:16px}}

.hero:before{display:none!important}.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right 25%}