:root{--navy:#062d4c;--green:#3aaa45;--pale:#f2f7fa;--ink:#082e4e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);line-height:1.35}a{text-decoration:none;color:inherit}.site-header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:10px 6%;background:#fff;position:sticky;top:0;z-index:5}.brand{font-size:34px;font-weight:800;letter-spacing:-2px;line-height:.75;color:#0d4268;position:relative;padding-bottom:17px}.brand b{color:var(--green)}.brand small{display:block;font-size:7px;letter-spacing:1px;position:absolute;bottom:0}.nav{display:flex;gap:38px;align-items:center;font-size:13px}.button{display:inline-flex;gap:14px;background:var(--green);color:#fff;font-weight:700;padding:13px 20px;border-radius:9px}.menu-toggle{display:none}.hero{height:485px;background:linear-gradient(90deg,#002e4de8,#00395d66),url('hero-clean.webp') center/cover;color:#fff;position:relative}.hero-content{padding:45px 7%}.eyebrow{font-size:12px;color:#79c9ef}.hero h1{font-size:31px;line-height:.98}.hero h1 em,.split em{color:var(--green);font-style:normal}.contact-strip{display:flex;gap:15px;font-size:11px;margin-top:28px}.hero-note{position:absolute;right:8%;top:32px;text-align:center;font-style:italic}.hero-tag{position:absolute;right:7%;bottom:12px;text-align:right;font-weight:bold;font-size:12px}.section{padding:30px 3.5%}.section-heading{text-align:center;margin-bottom:20px}.section-heading h2,.split h2,.process h2,.comparison h2{font-size:28px;line-height:1.05;margin:0 0 5px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.cards article{border-radius:9px;overflow:hidden;background:var(--pale);box-shadow:0 1px 6px #08325018}.card-image{height:78px;background-position:center;background-size:cover}.truck{background-image:url('transportes.webp')}.van{background-image:url('distribuicao.webp')}.car{background-image:url('ligeiras.webp')}.fuel{background-image:url('abastecimento.webp')}.cards h3,.cards p{margin-left:20px;margin-right:20px}.cards p,.factors span,.pillars p,.steps p,.comparison p,.comparison li{font-size:12px}.split{display:grid;grid-template-columns:42% 58%;background:#f5f8fa}.split-image{min-height:220px;background:linear-gradient(90deg,#0a4160aa,#f5f8fa20),url('analise.webp') center/cover}.split-content{padding:25px 5%}.factors{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.factors strong{display:block;font-size:29px;color:#076ca9}.factors b,.factors span{display:block;font-size:12px}.light{background:var(--pale)}.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;max-width:1050px;margin:auto}.pillars>div{padding-left:65px}.pillars i{float:left;margin-left:-65px;background:var(--navy);color:#fff;border-radius:50%;width:52px;height:52px;text-align:center;padding-top:11px;font-size:25px;font-style:normal}.pillars>div:nth-child(2) i{background:var(--green)}.process{display:grid;grid-template-columns:28% 72%;padding:28px 7%;background:linear-gradient(#003957e8,#003957e8),url('hero-clean.webp') center/cover;color:#fff}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.steps b{font-size:26px;color:#2385c2}.steps h3{font-size:14px}.comparison{display:grid;grid-template-columns:1fr 1.15fr}.compare-dark,.compare-light{padding:26px 8%;min-height:220px}.compare-dark{background:var(--navy);color:#fff}.compare-light{background:linear-gradient(90deg,#edf5f8ee,#edf5f855),url('bomba.webp') right center/cover}.comparison em{font-weight:700;color:#76d083;font-style:normal}.benefits{display:flex;gap:50px}.benefits small{display:block;font-size:11px}footer{padding:22px 5%;font-size:11px;border-top:1px solid #d7e1e7;display:flex;gap:25px;align-items:center;flex-wrap:wrap}@media(max-width:800px){.nav{display:none}.menu-toggle{display:block}.nav.open{display:flex;position:absolute;top:78px;left:0;right:0;background:#fff;padding:20px;flex-direction:column}.hero{height:550px}.contact-strip{flex-direction:column}.cards,.pillars,.process,.comparison,.split{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr}.split-image{min-height:180px}.factors{grid-template-columns:1fr 1fr}.process,.comparison{grid-template-columns:1fr}footer{justify-content:center;text-align:center}}@media(max-width:460px){.cards{grid-template-columns:1fr}.hero h1{font-size:28px}.hero-note{display:none}}


.trust{display:flex;justify-content:center;gap:80px;padding:24px;background:#eef5f8}.trust div{display:flex;gap:14px;align-items:center}.trust strong{font-size:27px;color:#1681b7}.trust span{font-size:12px;line-height:1.45}.section{padding-top:46px;padding-bottom:46px}.section-heading{margin-bottom:34px}.section-heading h2{margin-bottom:12px}.section-heading p{line-height:1.6}.cards{gap:18px}.cards h3{line-height:1.3;margin-top:18px;margin-bottom:14px}.cards p{line-height:1.55;margin-bottom:25px}.split-content{padding:42px 6%}.split-content h2{line-height:1.18;margin-bottom:14px}.split-content>p{line-height:1.55;margin-bottom:28px}.factors{gap:28px}.factors b{margin-top:5px;margin-bottom:6px}.factors span{line-height:1.5}.pillars{gap:62px}.pillars h3{margin-top:8px;margin-bottom:10px}.pillars p{line-height:1.55}.process{padding-top:42px;padding-bottom:42px}.process h2{line-height:1.18;margin-bottom:14px}.process>div:first-child p{line-height:1.5}.steps{gap:44px}.steps h3{margin-top:7px;margin-bottom:10px}.steps p{line-height:1.55;margin-top:0}.compare-dark,.compare-light{padding-top:38px;padding-bottom:38px}.comparison h2{line-height:1.2;margin-bottom:10px}.comparison em{display:block;line-height:1.5;margin-bottom:10px}.comparison p{line-height:1.55;margin-top:0;margin-bottom:18px}.comparison li{line-height:1.6;margin-bottom:5px}.contact-section{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:58px 8%;background:#edf5f8}.contact-section h2{font-size:30px;line-height:1.18;margin:0 0 14px}.contact-section p{font-size:14px;line-height:1.6}.contact-section form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-section label{font-size:11px;font-weight:700}.contact-section input{display:block;width:100%;margin-top:7px;border:1px solid #c5d6de;border-radius:5px;padding:12px}.contact-section button{border:0;cursor:pointer;grid-column:1/-1;margin-top:4px}.footer-contact a{color:#0a6b9e}@media(max-width:800px){.trust{gap:20px;justify-content:space-around}.section{padding-top:34px;padding-bottom:34px}.section-heading{margin-bottom:25px}.factors{gap:22px}.pillars{gap:40px}.contact-section{grid-template-columns:1fr;gap:28px;padding:40px 7%}}@media(max-width:460px){.trust{flex-direction:column;gap:12px}.contact-section form{grid-template-columns:1fr}.cards h3{margin-top:15px}.split-content{padding:32px 7%}}

body{font-family:Inter,Arial,sans-serif;font-weight:400;line-height:1.55}.brand,.hero h1,.section-heading h2,.split h2,.process h2,.comparison h2,.contact-section h2{font-weight:800}.nav,.button,.cards h3,.factors b,.pillars h3,.steps h3,.hero-tag,.eyebrow,.contact-strip,.footer-contact{font-weight:600}.hero h1{font-size:clamp(2rem,3vw,2.8rem);line-height:1.02;letter-spacing:-.025em}.section-heading h2,.split h2{font-size:clamp(1.65rem,2.5vw,2.15rem);line-height:1.15;letter-spacing:-.02em}.process h2{font-size:clamp(1.8rem,2.7vw,2.35rem);line-height:1.12}.comparison h2{font-size:clamp(1.4rem,2vw,1.8rem);line-height:1.2}.contact-section h2{font-size:clamp(1.8rem,2.8vw,2.35rem);line-height:1.15}.hero-lead{font-size:1.05rem;line-height:1.5}.section-heading p,.split-content>p{font-size:.95rem;line-height:1.6}.cards h3{font-size:1rem;line-height:1.35}.cards p,.factors span,.pillars p,.steps p,.comparison p,.comparison li{font-size:.86rem;line-height:1.55}.hero-note{font-weight:400;line-height:1.45}.comparison em{font-weight:600}.contact-section label{font-weight:600}@media(max-width:460px){.hero h1{font-size:1.9rem}.cards p,.factors span,.pillars p,.steps p,.comparison p,.comparison li{font-size:.84rem}}

.site-header{min-height:78px;height:78px}.brand{font-size:29px;letter-spacing:-1.8px;line-height:.78;white-space:nowrap}.brand b{font-size:23px}.brand small{font-size:6px;letter-spacing:.8px;line-height:1.05;bottom:0}.site-header .brand{flex:0 0 auto}@media(max-width:800px){.site-header{height:70px;min-height:70px;padding:9px 6%}.site-header .brand{font-size:27px}.site-header .brand b{font-size:21px}.site-header .brand small{font-size:5.5px}.nav{top:70px}}

.brand small{font-size:7px;letter-spacing:.2px;line-height:1.12;font-weight:600;color:#123d73;white-space:nowrap;text-transform:none}@media(max-width:800px){.brand small{font-size:6.3px;letter-spacing:.15px}}

.hero-note{right:24px;top:16px;width:270px;font-size:17px;font-style:italic;font-weight:600;line-height:1.35;text-align:right;text-shadow:0 1px 10px rgba(0,20,35,.85),0 1px 3px rgba(0,20,35,.9);transform:none}.hero-note i{width:44px;height:3px;background:var(--green);margin:10px 0 0 auto;display:block}.hero-tag{right:7%;bottom:26px;padding:13px 17px;border:1px solid rgba(255,255,255,.55);border-radius:8px;background:rgba(3,42,67,.76);font-size:12px;letter-spacing:1.2px;line-height:1.45;text-align:left}.hero-tag:before{content:'SOLUÇÕES DE MOBILIDADE';display:block;color:#79c9ef;font-size:8px;letter-spacing:1px;margin-bottom:5px}@media(max-width:800px){.hero-note{display:none}.hero-tag{right:6%;bottom:20px;font-size:10px}}

.card-image{height:112px}.cards h3{min-height:44px;display:flex;align-items:flex-start;gap:8px}.cards h3 br{display:none}.cards article:nth-child(1) h3:before{content:'🚚';font-size:23px;line-height:1}.cards article:nth-child(2) h3:before{content:'🚐';font-size:23px;line-height:1}.cards article:nth-child(3) h3:before{content:'🚗';font-size:23px;line-height:1}.cards article:nth-child(4) h3:before{content:'⛽';font-size:22px;line-height:1}@media(max-width:800px){.card-image{height:100px}.cards h3{font-size:.92rem}}@media(max-width:460px){.card-image{height:125px}.cards h3{min-height:auto}}

.factors{align-items:start}.factors strong{font-size:25px;line-height:1.1;height:30px;margin-bottom:9px}.factors b{font-size:13px;line-height:1.3;font-weight:700;margin:0 0 5px}.factors span{font-size:12px;line-height:1.45;font-weight:400}.split-content>p{font-size:15px;line-height:1.5}@media(max-width:800px){.factors strong{font-size:23px}.factors b{font-size:12px}.factors span{font-size:11px}}

.pillars>div{display:grid;grid-template-columns:64px 1fr;column-gap:20px;align-items:start;padding-left:0}.pillars i{float:none;margin:0;grid-column:1;grid-row:1 / span 2;width:58px;height:58px;padding-top:12px}.pillars h3{grid-column:2;grid-row:1;margin:7px 0 9px;font-size:18px;line-height:1.25}.pillars p{grid-column:2;grid-row:2;margin:0;line-height:1.5}.pillars{align-items:start}@media(max-width:800px){.pillars>div{grid-template-columns:56px 1fr;column-gap:15px}.pillars i{width:50px;height:50px;padding-top:9px}.pillars h3{font-size:16px;margin-top:4px}} 

.process h2{font-size:30px;font-weight:800}.process>div:first-child p,.steps p{font-size:14px;line-height:1.5}.steps b{font-size:30px;font-weight:800}.steps h3{font-size:16px;font-weight:700;line-height:1.3}.comparison em{font-size:15px}.compare-light em{color:#278b37}.benefits{gap:58px;margin-top:28px}.benefits b{font-size:30px;line-height:1.1}.benefits small{font-size:14px;line-height:1.3;font-weight:600;margin-top:8px}.comparison p,.comparison li{font-size:14px;line-height:1.55}@media(max-width:800px){.process h2{font-size:26px}.steps p,.process>div:first-child p,.comparison p,.comparison li{font-size:13px}.benefits{gap:35px}.benefits b{font-size:27px}.benefits small{font-size:13px}}

.cards article:nth-child(1) h3:before{content:'▰';font-size:18px;color:#0b4268}.cards article:nth-child(2) h3:before{content:'▱';font-size:18px;color:#0b4268}.cards article:nth-child(3) h3:before{content:'▭';font-size:18px;color:#0b4268}.cards article:nth-child(4) h3:before{content:'♢';font-size:21px;color:#0b4268}.factors strong,.pillars i{font-family:Arial,sans-serif;font-weight:400}.factors strong{font-size:26px}.pillars i{font-size:25px}

.contact-strip small,.footer-contact small{font-size:9px;font-weight:400;opacity:.85}.footer-contact{line-height:1.6}

.hero h1 .hero-title-gap{display:block;height:12px}@media(max-width:460px){.hero h1 .hero-title-gap{height:8px}}

.brand b{display:inline-block;width:21px;height:27px;margin-left:3px;background:#35ad45;clip-path:polygon(50% 0,86% 46%,90% 63%,84% 80%,70% 92%,50% 98%,30% 92%,16% 80%,10% 63%,14% 46%);font-size:0;vertical-align:-4px}.brand small{font-size:0}.brand small:after{content:'novas soluções de fuel';font-size:8px;letter-spacing:.2px;white-space:nowrap;color:#123d93}@media(max-width:800px){.brand b{width:18px;height:24px}.brand small:after{font-size:7px}}

.brand{color:#151515!important;white-space:nowrap;display:inline-block;min-width:205px}.brand span{color:#123d73!important}.brand b{display:inline-block!important;vertical-align:middle!important;margin-left:0!important;position:relative!important;top:-3px!important}.brand small:after{color:#123d93!important;font-weight:600!important}

.hero{background-image:linear-gradient(90deg,#002e4de8,#00395d66),url('hero-clean.webp')}.truck{background-image:url('transportes.webp')}.van{background-image:url('distribuicao.webp')}.car{background-image:url('ligeiras.webp')}.fuel{background-image:url('abastecimento.webp')}.split-image{background-image:linear-gradient(90deg,#0a4160aa,#f5f8fa20),url('analise.webp')}.process{background-image:linear-gradient(#003957e8,#003957e8),url('hero-clean.webp')}.compare-light{background-image:linear-gradient(90deg,#edf5f8ee,#edf5f855),url('bomba.webp')}

.compare-light em{color:#237c32}.button{min-height:44px}.contact-strip a,.nav a{min-height:44px;display:inline-flex;align-items:center}.hero{contain:layout paint}.hero::before{content:"";display:block}.card-image{aspect-ratio:3/1}
body{font-family:Arial,"Segoe UI",sans-serif}
.hero h1 em,.hero .hero-note strong{color:#83dc87}.split h2 em,.compare-light em{color:#237c32}.button,.button:visited{color:#fff}.button{font-weight:700}
.faq-list{max-width:900px;margin:auto;display:grid;gap:12px}.faq-list details{background:#fff;border:1px solid #d5e1e7;border-radius:8px;padding:17px 20px}.faq-list summary{cursor:pointer;font-weight:700;font-size:15px;color:var(--navy)}.faq-list details p{font-size:14px;line-height:1.55;margin:13px 0 0;color:#34566a}

/* Review pass: warmer, rounder typography and stronger visual anchors. */
body{font-family:"Trebuchet MS","Segoe UI",Arial,sans-serif}
.hero{background-image:linear-gradient(90deg,rgba(0,42,69,.78),rgba(0,57,93,.24)),url('hero-clean.webp');background-position:center 42%}
.hero-content{max-width:760px}
.hero-lead{font-weight:600;max-width:700px}
.contact-strip{font-size:12px;gap:20px}
.cards .card-image{height:125px;background-size:cover;background-position:center}
.cards article:nth-child(1) .card-image,.cards article:nth-child(2) .card-image{background-position:center center}
.cards h3 .site-icon{width:34px;height:34px;flex:0 0 34px;padding:5px;border-radius:10px;background:#dff3e2;color:#237c32;stroke-width:2.8}
.factors strong .site-icon{width:36px;height:36px;padding:4px;border-radius:10px;background:#dff3e2;stroke-width:2.8}
.pillars i{width:62px;height:62px;padding-top:13px;box-shadow:0 5px 12px rgba(6,45,76,.14)}
.pillars i .site-icon{width:34px;height:34px;stroke-width:2.8}
.pillars>div:nth-child(1) i{background:#0d6d9e}
.pillars>div:nth-child(2) i{background:#3aaa45}
.pillars>div:nth-child(3) i{background:#14547a}
.comparison .compare-light em{color:#237c32}
.comparison .compare-dark{padding-left:15%}
.footer-links:last-of-type{color:#527086}
@media(max-width:800px){.hero-note{right:4%;}.contact-strip{gap:8px}.cards .card-image{height:115px}}

.button,.button:visited{background:#237c32;color:#fff}.button:hover{background:#1b6428}.compare-light em,.split h2 em{color:#237c32}
.cards .card-image{background-repeat:no-repeat;background-size:100% 100%;}

/* Final review adjustments */
.brand small:after{font-size:11px}
.hero{background-image:linear-gradient(90deg,rgba(0,42,69,.48),rgba(0,57,93,.08)),url('hero-clean.webp')}
.hero-content,.hero-note{filter:none}
.contact-strip .contact-icon{display:inline-flex;align-items:center;justify-content:center;width:23px;height:23px;margin-right:4px;border-radius:50%;background:#3aaa45;color:#fff;font-size:14px;font-weight:700;vertical-align:middle}
.contact-strip a{gap:3px;white-space:nowrap;min-width:170px;align-items:flex-start}
.contact-strip .contact-copy{display:flex;flex-direction:column;line-height:1.2}
.contact-strip .contact-copy small{font-size:10px;font-weight:400;color:rgba(255,255,255,.82);margin-top:3px}
.footer-contact small{font-size:10px;font-weight:400;color:#527086;white-space:nowrap}
.contact-strip a:last-child{min-width:260px}
@media(max-width:800px){.contact-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;max-width:100%;}.contact-strip a{min-width:0;font-size:12px}.contact-strip a:last-child{min-width:0;grid-column:1/-1}.contact-strip .contact-copy{white-space:normal}}
@media(max-width:460px){.contact-strip{grid-template-columns:1fr;gap:10px}.contact-strip a:last-child{grid-column:auto}}
.cards h3 .site-icon,.factors strong .site-icon,.pillars i .site-icon{fill:none}
.pillars i .site-icon{stroke-width:2.5}

/* Final visual system */
.cards .card-image{height:145px;background-size:cover;background-position:center;background-color:#dcebf0;filter:saturate(1.08) brightness(1.06)}
.cards article:nth-child(1) .card-image{background-position:58% center}
.cards article:nth-child(2) .card-image{background-position:52% center}
.cards article:nth-child(3) .card-image{background-position:center center}
.cards article:nth-child(4) .card-image{background-position:center center}
.cards h3 .site-icon{width:38px;height:38px;padding:6px;border-radius:12px;stroke-width:2.6}
.factors strong .site-icon{width:40px;height:40px;padding:6px;border-radius:12px;stroke-width:2.6}
.pillars i{width:70px;height:70px;padding-top:17px}
.pillars i .site-icon{width:36px;height:36px}
.pillars>div{column-gap:26px}
.process .steps{gap:58px}
.process .steps>div{position:relative;padding-left:8px}
.process .steps>div+div{border-left:1px solid rgba(255,255,255,.18);padding-left:28px}
.benefits{align-items:flex-start}
.benefits b{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.faq-list details{padding:20px 22px}
.faq-list summary{list-style:none;position:relative;padding-right:28px}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:after{content:'+';position:absolute;right:0;top:-3px;color:var(--green);font-size:24px;line-height:1;font-weight:400}
.faq-list details[open] summary:after{content:'−'}
.contact-section{gap:48px}
.contact-section input{min-height:48px}
.contact-section button{min-height:52px;font-size:15px}
footer{display:grid;grid-template-columns:1fr 1fr;gap:18px 35px;align-items:center}
footer .brand{grid-column:1}
footer .footer-contact{grid-column:2}
footer .footer-links{grid-column:1 / -1;text-align:center}
footer>small{grid-column:1 / -1;text-align:center;font-size:13px;line-height:1.8}
footer .footer-meta{grid-column:1 / -1;width:100%;display:grid;gap:7px;text-align:center;font-size:13px;line-height:1.8}
footer .footer-meta small{font-size:13px}
footer .footer-credit{margin-bottom:6px}
footer .footer-address{font-style:normal}
@media(max-width:800px){.cards .card-image{height:135px}.process .steps{gap:24px}.process .steps>div+div{padding-left:18px}footer{display:flex;flex-direction:column;gap:14px;text-align:center}footer .brand,footer .footer-contact,footer .footer-links,footer>small{width:100%;text-align:center}}
@media(max-width:800px){.comparison .compare-dark{padding-left:8%}}

/* Latest client adjustments */
.hero-content{padding-top:26px}
.whatsapp-mark{display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;color:currentColor}
.whatsapp-mark svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.contact-strip{margin-top:52px}
.hero{margin-bottom:190px}
.hero{contain:none;overflow:visible}
.trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:900px;margin:0 auto;gap:0}
.trust>div{justify-content:center}
.hero-content>.button{position:absolute;left:50%;right:auto;top:100%;bottom:auto;transform:translateX(-50%);margin:24px 0 0;width:max-content;justify-content:center;white-space:nowrap}
.hero-content>.contact-strip{position:absolute;left:50%;right:auto;top:calc(100% + 100px);bottom:auto;width:100%;max-width:900px;transform:translateX(-50%);margin:0;padding:24px 24px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));justify-content:stretch;align-items:start;color:var(--ink);gap:0}
.hero-content>.contact-strip a{justify-content:center}
.hero-content>.contact-strip{z-index:10;visibility:visible;opacity:1}
.hero-content>.contact-strip .contact-icon{background:var(--green);color:#fff}
.hero-content>.contact-strip .contact-copy small{color:#527086}
.cards .card-image{background-size:cover;background-repeat:no-repeat;background-position:right center;background-color:#dcebf0}
.cards article:nth-child(1) .card-image{background-position:90% center}
.cards article:nth-child(2) .card-image{background-position:85% center}
.cards article:nth-child(3) .card-image{background-position:80% center}
.cards article:nth-child(4) .card-image{background-position:center center}
.split-image{background-image:linear-gradient(90deg,rgba(10,65,96,.32),rgba(245,248,250,.08)),url('analise.webp')}
@media(max-width:800px){.trust{max-width:none;grid-template-columns:1fr 1fr 1fr}.hero{margin-bottom:230px}.hero-content{padding-top:22px}.hero-content>.button{position:absolute;left:50%;top:100%;bottom:auto;transform:translateX(-50%);margin:20px 0 0;margin-left:0}.hero-content>.contact-strip{left:6%;right:6%;top:calc(100% + 90px);bottom:auto;width:auto;max-width:none;transform:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px}.hero-content>.contact-strip a:last-child{grid-column:1/-1}.cards .card-image{background-position:right center}}
@media(max-width:460px){.trust{grid-template-columns:1fr}.hero-content>.contact-strip{grid-template-columns:1fr;top:calc(100% + 90px);bottom:auto}.hero-content>.contact-strip a:last-child{grid-column:auto}.hero{margin-bottom:280px}}
@media(min-width:1200px){.hero{height:560px}}


/* logo mark: real SVG drop instead of unicode circle */
.brand b.brand-drop{background:none;clip-path:none;font-size:0;width:17px;height:17px}
.brand b.brand-drop svg{display:block;width:100%;height:100%;fill:currentColor}
footer .brand b.brand-drop{width:24px;height:24px}

/* remove leftover ghost tagline that was overriding the real header/footer text */
.brand small{font-size:7px}
.brand small:after{content:none}
@media(max-width:800px){.brand small{font-size:6.3px}}

footer .brand{font-size:38px}
footer .brand small{font-size:8px}

/* pillars: lighter shadow now that icons are filled, not just outline */
.pillars i{box-shadow:0 3px 8px rgba(6,45,76,.09)}

/* comparison: dark-side badges reuse the filled pillar icons */
.benefits b{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}
.benefits .site-icon{width:32px;height:32px}

/* comparison: light-side background lightened/desaturated behind text, bullets spaced out with discrete icons */
.compare-light{position:relative;overflow:hidden;background:#edf5f8}
.compare-light::before{content:"";position:absolute;inset:0;background:url('bomba.webp') right center/cover;filter:saturate(.5) brightness(1.1)}
.compare-light::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#edf5f8f2,#edf5f8bb)}
.compare-light>*{position:relative;z-index:1}
.compare-light ul{margin:16px 0 0;padding-left:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.compare-light li{display:flex;align-items:flex-start;gap:8px}
.compare-light .li-icon{width:18px;height:18px;flex:0 0 18px;margin-top:2px;color:#0d6d9e}

/* mobile hero: reserve space below the flow content so it doesn't run under the
   absolutely-positioned button (see rule at line 139/140 above) */
@media(max-width:800px){.hero-content{padding-bottom:130px}}
@media(max-width:460px){.hero-content{padding-bottom:110px}}

/* card photos: this box has accumulated ~6 different fixed pixel heights from past edits,
   one per breakpoint, while its WIDTH is fluid (grid 1fr) — so the box's aspect ratio (and
   therefore how tight the crop looks) changed continuously with window width, and no single
   zoom/position tweak could be right everywhere. Fixing the aspect ratio itself (not the
   height) makes the crop identical at every width, so this needs tuning only once. !important
   is used deliberately here to override all those older per-breakpoint height rules at once
   instead of hunting each one down individually. */
.cards .card-image,.card-image{height:auto!important;aspect-ratio:2.1/1!important;background-size:cover!important}
.cards article:nth-child(1) .card-image{background-position:85% center!important}
.cards article:nth-child(2) .card-image{background-position:80% center!important}
.cards article:nth-child(3) .card-image{background-position:60% center!important}
.cards article:nth-child(4) .card-image{background-position:50% center!important}

@media(max-width:460px){
  .hero-content>.contact-strip a{width:min(100%,290px);margin-inline:auto;justify-content:flex-start;gap:12px;transform:translateX(12px)}
  .hero-content>.contact-strip .contact-icon{width:36px;height:36px;flex:0 0 36px;margin-right:0}
  .trust>div{width:min(100%,260px);margin-inline:auto;justify-content:flex-start}
  .trust strong{flex:0 0 92px;text-align:center}
}

@media(max-width:800px){
  .pillars{grid-template-columns:1fr;max-width:560px}
  .process .steps{grid-template-columns:1fr;gap:16px}
  .process .steps>div{padding-left:0}
  .process .steps>div+div{border-left:0;border-top:1px solid rgba(255,255,255,.18);padding:16px 0 0}
}