@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');:root{--bg:#031827;--bg2:#051f34;--card:#08263e;--cyan:#30c4d8;--blue:#0784ff;--green:#24e47e;--text:#f4faff;--muted:#a3b9c9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.container{width:min(1180px,calc(100% - 48px));margin:auto}.header{position:sticky;top:0;z-index:30;background:#031827ee;backdrop-filter:blur(18px);border-bottom:1px solid #16415b}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand img{width:225px;max-height:55px;object-fit:contain}.nav nav{display:flex;gap:24px}.nav nav a{font-size:13px;font-weight:700;color:#d4e5ef}.nav nav a:hover{color:var(--cyan)}.access{font-size:12px;font-weight:700;padding:12px 16px;border:1px solid #286185;border-radius:9px;white-space:nowrap}.access span{color:var(--cyan)}.menu-toggle{display:none;color:white;background:none;border:0;font-size:25px}.hero{min-height:620px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 70% 35%,#0d4563 0%,transparent 48%),linear-gradient(115deg,#031726 20%,#072f4b 100%)}.hero:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#34b8ff08 1px,transparent 1px),linear-gradient(90deg,#34b8ff08 1px,transparent 1px);background-size:45px 45px;mask-image:linear-gradient(90deg,transparent,#000)}.hero-grid{min-height:620px;display:grid;grid-template-columns:1fr 1.08fr;align-items:center;position:relative;gap:35px}.hero-copy{z-index:2}.eyebrow,.kicker{font-size:11px;font-weight:900;letter-spacing:2.1px;color:#26b9ff}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#2ce687;box-shadow:0 0 14px #2ce687;margin-right:7px}.hero h1{font-size:clamp(42px,5vw,65px);line-height:1.1;letter-spacing:-2.8px;margin:20px 0}.hero h1 em,h2 em{font-style:normal;color:#26a6ff}.hero p{color:#c3d7e6;max-width:510px;font-size:16px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:29px 0}.btn{border:0;display:inline-flex;justify-content:center;align-items:center;gap:12px;padding:15px 22px;border-radius:11px;font-size:13px;font-weight:800;transition:transform .2s,box-shadow .2s;min-height:48px}.btn:hover{transform:translateY(-3px)}.primary{background:linear-gradient(110deg,#1ae27a,#43ee88);color:#03241b;box-shadow:0 8px 30px #1ce77a24}.outline{border:1px solid #2988be;color:white;background:#07263d8c}.bluebtn{background:#087cff;color:white}.hero-badges{display:flex;gap:20px;flex-wrap:wrap;margin-top:48px;color:#d3e6f1;font-size:11px;font-weight:700}.hero-badges span{border-left:2px solid #159cdb;padding-left:10px}.orb{position:absolute;border-radius:50%;filter:blur(70px);opacity:.25}.orb1{width:300px;height:300px;background:#008dff;right:10%;top:10%}.orb2{width:220px;height:220px;background:#13cddc;right:40%;bottom:-100px}.hero-art{height:490px;position:relative}.radar{position:absolute;border:1px solid #27b7f63a;border-radius:50%;left:10%;top:5%;width:410px;height:410px}.radar-b{transform:scale(.72);border-style:dashed}.map-lines{position:absolute;inset:8%;background:repeating-linear-gradient(155deg,transparent 0 65px,#168dd51a 66px 68px,transparent 69px 100px);transform:skewY(-9deg)}.car-silhouette{position:absolute;bottom:105px;left:0;width:78%;height:180px;filter:drop-shadow(0 30px 22px #0009)}.car-body{position:absolute;bottom:27px;left:4%;width:96%;height:87px;border-radius:65px 110px 22px 22px;background:linear-gradient(160deg,#7fb5d1 0%,#1d5e8b 28%,#08233c 75%);border-bottom:7px solid #071019;box-shadow:inset 0 12px 8px #ffffff35}.car-roof{position:absolute;left:24%;bottom:92px;width:53%;height:65px;background:linear-gradient(130deg,#7cb8da,#092f4b);clip-path:polygon(18% 0,72% 0,100% 100%,0 100%);border-radius:20px}.car-window{position:absolute;left:35%;bottom:99px;width:33%;height:40px;background:#051c2b;clip-path:polygon(15% 0,75% 0,100% 100%,0 100%)}.wheel{position:absolute;bottom:0;width:76px;height:76px;border:14px solid #050c12;border-radius:50%;background:radial-gradient(circle,#91aab7 0 25%,#183749 26% 100%);box-shadow:0 0 0 3px #30556d}.w1{left:18%}.w2{right:8%}.headlight{position:absolute;right:-2%;bottom:88px;width:47px;height:12px;background:#9ceeff;filter:blur(2px);border-radius:20px;box-shadow:0 0 30px #30bfff}.phone{position:absolute;right:1%;top:25px;width:190px;height:370px;border:8px solid #0c1822;border-radius:30px;background:#061e30;box-shadow:0 18px 50px #000b,0 0 0 2px #6a91a6;transform:rotate(7deg);overflow:hidden}.notch{position:absolute;top:0;left:28%;width:45%;height:12px;background:#08121d;border-radius:0 0 12px 12px;z-index:2}.phone-head{font-size:10px;padding:23px 10px 12px;color:white;font-weight:800;display:flex;justify-content:space-between}.phone-head span{font-size:8px;color:#32eb8e}.phone-map{position:relative;height:240px;background:linear-gradient(40deg,#264f50 15%,#37675e 15% 35%,#1b464d 35% 50%,#37605d 50% 70%,#264d4e 70%);overflow:hidden}.road{position:absolute;background:#d2d2b7;border:3px solid #a0ad9e;width:14px;height:390px;transform:rotate(35deg);left:40%;top:-30%}.r2{transform:rotate(-40deg);left:65%}.r3{transform:rotate(85deg);left:30%}.pin{position:absolute;top:43%;left:49%;background:#008aff;color:white;width:38px;height:38px;border:6px solid white;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 10px #008aff55}.phone-bottom{font-size:9px;padding:12px;color:#9fb4c2}.phone-bottom strong{display:block;color:#fff;font-size:12px}.floating-stat{position:absolute;top:55px;left:6%;background:#082e46e8;border:1px solid #1d718e;border-radius:12px;padding:14px 18px;display:flex;gap:10px;box-shadow:0 12px 40px #0008}.floating-stat small{display:block;color:#7eb6c7;font-size:9px}.floating-stat strong{font-size:12px}.pulse{color:#26e78b}.hero-bottom{height:3px;background:linear-gradient(90deg,transparent,#00aeff,transparent)}.section{padding:100px 0}.section-heading{text-align:center;max-width:750px;margin:0 auto 43px}h2{font-size:clamp(30px,3.4vw,43px);letter-spacing:-1.5px;line-height:1.2;margin:12px 0 18px}h3{line-height:1.3}.section p{color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature{padding:27px;border:1px solid #17415d;background:linear-gradient(145deg,#082c46,#041d31);border-radius:17px;min-height:225px;transition:transform .25s,border-color .25s}.feature:hover{transform:translateY(-7px);border-color:#2387bc}.feature h3{font-size:17px;margin:20px 0 9px}.feature p{font-size:13px;margin:0}.feature-icon{width:50px;height:50px;display:grid;place-items:center;border-radius:14px;color:white;font-size:27px;font-weight:800}.blue{background:#087bff}.green{background:#08c875}.violet{background:#6b45e6}.orange{background:#ef693b}.pink{background:#dc3064}.cyan{background:#08a9bf}.platform-section{background:linear-gradient(120deg,#082c48,#041725);border-top:1px solid #144e70;border-bottom:1px solid #144e70}.platform-grid,.benefit-grid,.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.platform-grid>div:first-child>p,.benefit-grid>div:first-child>p{max-width:440px}.checks{display:grid;gap:14px;margin:30px 0}.checks div{font-size:14px;font-weight:600}.checks span{display:inline-grid;place-items:center;background:#086fba;border-radius:8px;width:28px;height:28px;margin-right:10px}.dashboard{border:9px solid #142b3a;border-radius:20px;background:#031726;box-shadow:0 35px 65px #0009;overflow:hidden;min-height:355px}.dash-top{height:45px;border-bottom:1px solid #23516b;padding:12px 17px;font-size:11px;font-weight:900;display:flex;justify-content:space-between}.dash-top span{color:#1a92cc}.dash-main{display:flex;height:280px}.dash-sidebar{width:31%;background:#061c2c;padding:22px 9px;display:grid;align-content:start;gap:14px;color:#8cb5ca;font-size:10px}.dash-pill{background:#0b5680;padding:9px;border-radius:6px;color:white}.dash-map{flex:1;position:relative;overflow:hidden;background:linear-gradient(30deg,#173b3b,#2a5553)}.gridmap{position:absolute;inset:-50%;background:repeating-linear-gradient(65deg,transparent 0 36px,#9eaaa355 38px 43px,transparent 45px 90px),repeating-linear-gradient(145deg,transparent 0 60px,#c8c5a55a 63px 69px,transparent 71px 130px)}.route{position:absolute;width:50%;height:65%;left:22%;top:17%;border:5px dashed #13a4ff;border-radius:45%;transform:rotate(-20deg)}.map-pin{position:absolute;color:#21a3ff;text-shadow:0 0 12px #fff;font-size:28px}.p1{top:20%;left:40%}.p2{top:55%;left:67%}.p3{top:72%;left:27%}.map-card{position:absolute;left:8px;bottom:9px;background:#061f32ed;padding:12px;border-radius:8px;display:grid;gap:3px}.map-card small{font-size:8px;color:#86b6c7}.map-card strong{font-size:11px}.map-card span{font-size:9px;color:#29df86}.dash-note{text-align:center;font-size:9px;color:#7fa7bb;padding:7px}.benefits{background:radial-gradient(ellipse at 85% 50%,#0a3854,#031827 65%)}.benefit-list{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:30px}.benefit-list>div{display:flex;gap:12px}.benefit-list b{border:1px solid #1375ac;border-radius:10px;color:#52b5ff;font-size:23px;width:43px;height:43px;flex-shrink:0;display:grid;place-items:center}.benefit-list strong,.benefit-list small{display:block}.benefit-list strong{font-size:12px}.benefit-list small{font-size:11px;color:#94afc1}.benefit-visual{height:365px;border-radius:22px;border:1px solid #245b7d;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:radial-gradient(circle at center,#1b6480 0%,#0c334d 38%,#041c2f 75%);box-shadow:inset 0 0 60px #0005}.shield{font-size:130px;line-height:1;color:#49c8f1;text-shadow:0 0 45px #16a4e3}.benefit-caption{text-align:center;display:grid}.benefit-caption small{color:#a3c0d0}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.plan{background:linear-gradient(150deg,#082a44,#041c30);border:1px solid #194763;border-radius:17px;padding:32px 27px;position:relative;display:flex;flex-direction:column}.plan.featured{border-color:#1688e7;box-shadow:0 0 35px #087cff18}.popular{position:absolute;top:-12px;left:25px;background:#087cff;border-radius:30px;padding:5px 12px;font-size:9px;font-weight:900;letter-spacing:1px}.plan-icon{font-size:30px;color:#30a6ff}.plan h3{margin:10px 0 5px}.plan p{font-size:13px;min-height:60px}.plan ul{list-style:none;padding:0;margin:10px 0 26px;flex:1}.plan li{font-size:12px;padding:7px 0}.plan li:before{content:'✓';color:#26e58c;font-weight:900;margin-right:10px}.plan .btn{width:100%}.plan-disclaimer{text-align:center;font-size:11px;margin-top:20px}.faq-section{background:#041c2e}.faq-grid{align-items:start}.faq details{background:#082b44;border:1px solid #174762;border-radius:10px;margin:10px 0}.faq summary{padding:17px;cursor:pointer;font-size:13px;font-weight:800}.faq details p{font-size:12px;padding:0 17px 17px;margin:0}.contact-panel{padding:36px;background:linear-gradient(155deg,#0b3c59,#06263b);border:1px solid #236c8e;border-radius:22px}.contact-panel h2{font-size:34px}.contact-panel form{display:grid;gap:10px;margin-top:25px}.contact-panel label{font-size:11px;font-weight:800;color:#c5e3ee}.contact-panel input,.contact-panel textarea,.contact-panel select{width:100%;background:#031d30;color:white;border:1px solid #34728f;border-radius:8px;padding:12px;outline:none}.contact-panel input:focus,.contact-panel textarea:focus,.contact-panel select:focus{border-color:#23c4e6}.contact-panel .btn{margin-top:10px}.message-result{padding:15px;border:1px solid #34849b;border-radius:10px;margin-top:10px}.message-result p{font-size:12px}.message-result .btn{width:100%}.footer{background:#021421;border-top:1px solid #17425a;padding:50px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.footer-grid img{width:270px;max-width:100%}.footer-grid p{max-width:260px;font-size:12px;color:#8baabb}.footer-grid>div:not(:first-child){display:grid;align-content:start;gap:10px;font-size:12px;color:#a3b8c7}.footer-grid strong{color:white;margin-bottom:8px}.footer-grid a:hover{color:#23b5e8}.footer-end{border-top:1px solid #163c54;margin-top:45px;padding-top:22px;display:flex;justify-content:space-between;gap:15px;font-size:11px;color:#8aa6b7}.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s,transform .65s}.reveal.visible{opacity:1;transform:translateY(0)}@media(max-width:1050px){.nav nav{gap:12px}.brand img{width:175px}.access{font-size:10px}.hero-grid{grid-template-columns:1fr 1fr}.phone{right:-5%}.hero h1{font-size:48px}}@media(max-width:800px){.container{width:min(100% - 34px,650px)}.nav{height:70px}.brand img{width:195px}.menu-toggle{display:block;margin-left:auto}.nav nav{display:none;position:absolute;top:70px;left:0;right:0;background:#041b2c;border-bottom:1px solid #236083;padding:20px;flex-direction:column;gap:18px}.nav nav.open{display:flex}.access{display:none}.hero-grid,.platform-grid,.benefit-grid,.faq-grid{grid-template-columns:1fr;gap:25px}.hero-grid{padding-top:70px}.hero-art{height:400px;max-width:550px;width:100%;margin:auto}.hero h1{font-size:clamp(38px,8vw,58px)}.hero-badges{margin-top:30px}.feature-grid,.plans{grid-template-columns:repeat(2,1fr)}.section{padding:75px 0}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}@media(max-width:550px){.hero-art{height:310px}.car-silhouette{transform:scale(.8);transform-origin:left bottom;bottom:35px;width:95%}.phone{transform:scale(.76) rotate(7deg);transform-origin:top right;right:0;top:0}.floating-stat{transform:scale(.8);transform-origin:top left;top:10px;left:0}.radar{transform:scale(.7);transform-origin:top left}.radar-b{transform:scale(.5)}.feature-grid,.plans,.benefit-list{grid-template-columns:1fr}.feature{min-height:auto}.section{padding:60px 0}.hero-badges{gap:12px}.hero-badges span{font-size:10px}.actions .btn{width:100%}.footer-grid{gap:25px}.footer-end{flex-direction:column}.dashboard{min-height:300px}.dash-main{height:230px}.benefit-visual{height:260px}.contact-panel{padding:25px}}

/* V1.1 — imagens do conceito visual aprovado */
.photo-hero{height:455px;border-radius:25px;overflow:hidden;box-shadow:0 30px 85px #0009;isolation:isolate;border:1px solid #256083;position:relative;background:#041a2b}
.photo-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#031827a6,transparent 48%);pointer-events:none}
.photo-hero>img{width:100%;height:100%;object-fit:cover;object-position:48% center;display:block}
.photo-hero .floating-stat{z-index:2;top:auto;bottom:24px;left:22px}
.dashboard-photo{min-height:0;background:#05192a;border:1px solid #256083;border-radius:20px;overflow:hidden}
.dashboard-photo img{display:block;width:100%;height:360px;object-fit:cover;object-position:center}
.dashboard-photo .dash-note{padding:10px;background:#061a2b}
.benefit-photo{position:relative;overflow:hidden;justify-content:flex-end;align-items:stretch;background:#031827}
.benefit-photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.benefit-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#031827e8,transparent 60%)}
.benefit-photo .benefit-caption{z-index:1;padding:22px;text-align:left;gap:4px}
.support-banner{height:125px;position:relative;overflow:hidden;border-radius:14px;margin-bottom:23px;background:linear-gradient(100deg,#0a4262,#031827)}
.support-banner img{position:absolute;right:0;top:0;width:48%;height:100%;object-fit:cover;object-position:center 22%;mask-image:linear-gradient(90deg,transparent,#000 35%)}
.support-banner span{position:absolute;bottom:20px;left:18px;font-size:13px;font-weight:800;max-width:50%;color:#e9faff}
@media(max-width:800px){.photo-hero{height:390px}.dashboard-photo img{height:330px}}
@media(max-width:550px){.photo-hero{height:310px}.photo-hero .floating-stat{transform:scale(.8);bottom:8px;left:8px}.dashboard-photo img{height:245px}.benefit-photo{height:300px}}

/* V2: reprodução funcional do layout de referência */
:root{--bg:#001323;--bg2:#031a30;--card:#041e37;--blue:#087cff;--green:#20e66d}
body{background:#001323} .container{width:min(1320px,calc(100% - 72px))}.header{background:#001528f2;border-bottom:1px solid #064678}.nav{height:76px}.brand img{width:230px}.access{border:1px solid #068bff;box-shadow:0 0 16px #057dff65;border-radius:10px}.nav nav a:hover{color:#28aaff}
.hero{min-height:570px;background:linear-gradient(100deg,#001222,#052640 65%,#06233b)}.hero:before{background:linear-gradient(90deg,#001323 0%,#001323ee 24%,#00132311 80%),url('assets/hero-modelo.jpg') center right/auto 100% no-repeat;mask-image:none;opacity:.48}.hero-grid{min-height:570px;grid-template-columns:43% 57%;gap:0}.hero h1{font-size:clamp(39px,4.6vw,67px);letter-spacing:-2px}.hero-copy{padding:35px 0}.hero-art{height:495px}.photo-hero{border:0;border-radius:0;box-shadow:none;background:transparent;overflow:visible}.photo-hero img{object-fit:contain;object-position:center;filter:drop-shadow(0 16px 20px #0009)}.photo-hero:after{display:none}.hero-badges{margin-top:35px;gap:15px}.hero-badges span{border:0;font-size:11px}.floating-stat{top:22px!important;bottom:auto!important;left:42%!important;backdrop-filter:blur(15px)}.hero-bottom{background:#078bff;box-shadow:0 0 16px #008cff}
.section{padding:67px 0;border-bottom:1px solid #07538a}.section-heading{margin-bottom:30px}.section-heading h2{font-size:34px}.feature-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.feature{padding:18px 12px 0;min-height:275px;display:flex;flex-direction:column;align-items:center;text-align:center;overflow:hidden;border-color:#0a5485;background:linear-gradient(150deg,#07233c,#001426);border-radius:12px}.feature h3{font-size:14px;margin:13px 0 8px}.feature p{font-size:11px;line-height:1.45;flex:1}.feature-icon{width:47px;height:47px;box-shadow:0 0 20px #087cff55}.feature-photo{display:block;width:calc(100% + 24px);height:75px;object-fit:cover;margin:13px -12px 0;border-radius:9px 9px 0 0}
.platform-section{background:radial-gradient(ellipse at 70% 90%,#074475,#00172a 70%)}.platform-grid{grid-template-columns:38% 62%;gap:15px}.platform-grid h2,.benefit-grid h2{font-size:39px}.dashboard-photo{border:0;background:transparent;box-shadow:none}.dashboard-photo img{height:390px;object-fit:contain}.dash-note{background:transparent!important;color:#789bb0!important}.benefits{background:linear-gradient(110deg,#00172a,#052842)}.benefit-grid{grid-template-columns:50% 50%;gap:12px}.benefit-photo{height:360px;border:0;border-radius:14px}.benefit-photo>img{object-position:center 35%}.benefit-caption{background:#031e35b8;border:1px solid #2878ad;border-radius:12px;margin:15px;width:max-content;max-width:90%;backdrop-filter:blur(10px)}
.plans{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.plan{padding:17px 16px 16px;border-color:#075388;border-radius:12px}.plan-heading{position:relative;min-height:125px}.plan-heading h3{font-size:17px;position:relative;z-index:2}.plan-heading>span{font-size:11px;color:#a3b9c9;display:block;position:relative;z-index:2}.plan-heading strong{font-size:28px;display:block;position:relative;z-index:2}.plan-heading small{font-size:10px;font-weight:500;color:#abc3d3}.plan-heading img{position:absolute;width:58%;height:100px;right:-14px;top:12px;object-fit:cover;mask-image:linear-gradient(90deg,transparent,#000 38%);border-radius:10px}.plan ul{margin:4px 0 15px}.plan li{padding:3px 0;font-size:11px}.plan .btn{font-size:11px;min-height:40px;padding:10px}.plan-disclaimer{font-size:10px}
.testimonials{padding:54px 0}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.testimonials-grid article{padding:20px;border:1px solid #12517d;background:#04223a;border-radius:13px}.testimonials-grid h3{font-size:16px;margin:0}.testimonials-grid p{font-size:12px}.testimonials-grid span{font-size:10px;color:#29a8ff;font-weight:800}.quote-mark{color:#169dff;font-size:36px;line-height:1}
.faq-section{background:#001728}.faq-grid{grid-template-columns:50% 50%;gap:20px}.faq details{margin:0;border-radius:0;background:#021d34}.faq summary{padding:13px;font-size:12px}.contact-panel{position:relative;overflow:hidden;min-height:450px;background:linear-gradient(90deg,#052c48,#052c48cc),url('assets/atendimento-modelo.jpg') right center/auto 100% no-repeat;border-radius:15px;padding:30px}.support-banner{height:150px;background:transparent;margin:0}.support-banner img{height:290px;width:52%;top:-5px;right:-35px;object-fit:cover}.support-banner span{display:none}.contact-panel h2{font-size:30px;max-width:55%}.contact-panel>p{max-width:60%}.contact-panel form{max-width:65%;position:relative;z-index:2}.footer{background:#00101f;padding:35px 0 15px}.footer-grid{grid-template-columns:2fr 1fr 1fr}.footer-grid img{width:235px}
@media(max-width:1050px){.feature-grid{grid-template-columns:repeat(3,1fr)}.feature{min-height:260px}.plans{grid-template-columns:repeat(2,1fr)}.hero-grid{grid-template-columns:48% 52%}.hero h1{font-size:46px}}
@media(max-width:800px){.container{width:min(100% - 32px,650px)}.hero-grid,.platform-grid,.benefit-grid,.faq-grid{grid-template-columns:1fr}.hero-grid{padding-top:35px}.hero-art{height:340px}.hero h1{font-size:clamp(38px,8vw,56px)}.hero:before{background-position:center}.feature-grid{grid-template-columns:repeat(2,1fr)}.platform-grid,.benefit-grid{gap:25px}.contact-panel form{max-width:100%}.contact-panel h2,.contact-panel>p{max-width:100%}.support-banner{height:90px}.support-banner img{height:220px;width:40%}.testimonials-grid{grid-template-columns:1fr}.section{padding:55px 0}}
@media(max-width:550px){.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.feature{padding:13px 9px 0;min-height:260px}.feature-photo{width:calc(100% + 18px);margin:12px -9px 0}.plans{grid-template-columns:1fr}.hero-art{height:285px}.photo-hero{height:285px}.floating-stat{left:10%!important}.dashboard-photo img{height:250px}.benefit-photo{height:285px}.section-heading h2{font-size:29px}.contact-panel{padding:22px}.support-banner img{right:-18px}}

/* V3 – single cinematic hero, crisp vector icons, lighting */
.hero{background:linear-gradient(90deg,#001423 0%,#001423 34%,#082b45 100%);isolation:isolate}
.hero:before{content:none!important}
.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 80% 45%,#0687ff1c,transparent 55%);z-index:-1;pointer-events:none}
.hero-grid{grid-template-columns:45% 55%;gap:0}
.hero-copy{position:relative;z-index:4}
.hero-art.photo-hero{position:absolute;right:0;top:0;width:64%;height:100%;background-image:linear-gradient(90deg,#001423 0%,#00142300 31%),linear-gradient(0deg,#001423 0%,transparent 19%),url('assets/hero-cena.webp');background-size:cover,cover,cover;background-position:center,center,center;border:0;border-radius:0;box-shadow:none;filter:none;opacity:1;pointer-events:none}
.hero-art.photo-hero:after{display:none}
.hero h1{font-size:clamp(39px,4.25vw,63px);text-shadow:0 2px 14px #001423}
.hero-badges{position:relative;z-index:4}
.brand img,.footer-grid img{filter:brightness(0) invert(1) drop-shadow(0 0 5px #0b8cff50)}
.feature-icon svg,.benefit-list svg{width:26px;height:26px;stroke:white;filter:drop-shadow(0 0 4px #fff5)}
.feature{transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease;background:linear-gradient(145deg,#082d4c,#001426)}
.feature:hover,.plan:hover{transform:translateY(-7px);box-shadow:0 14px 35px #0008,0 0 22px #087cff33;border-color:#0d9aff}
.plan{transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.section{position:relative}
.section:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#009dff 40%,#31baff 60%,transparent);box-shadow:0 0 14px #007bff88;pointer-events:none}
.btn.primary:hover{box-shadow:0 0 24px #19e98575,0 9px 25px #0008}
.btn.outline:hover,.access:hover{box-shadow:0 0 20px #0a8dff88}
@media(max-width:800px){.hero-grid{grid-template-columns:1fr;padding-bottom:265px}.hero-art.photo-hero{top:auto;bottom:0;width:100%;height:320px;background-position:center}.hero-copy{padding-top:20px}.hero h1{max-width:630px}.hero-badges{margin-top:20px}}
@media(max-width:550px){.hero-grid{padding-bottom:215px}.hero-art.photo-hero{height:245px}.hero h1{font-size:clamp(36px,9vw,47px)}.hero-badges{gap:7px}.hero-badges span{font-size:9px}}
@media(prefers-reduced-motion:reduce){.reveal,.feature,.plan,.btn{transition:none!important;animation:none!important}}

/* V5 – independent reconstructed hero based on uploaded V3 */
, independent layers, sharp vector UI */
.brand img,.footer-grid img{filter:drop-shadow(0 0 7px #1aafff22)!important}
.hero{overflow:hidden;min-height:630px;background:#001422!important}
.hero-grid{min-height:630px;grid-template-columns:44% 56%;align-items:center;position:relative}
.hero-copy{padding:52px 0 55px!important}
.hero-composite{position:absolute;right:0;top:0;height:100%;width:64%;overflow:visible;pointer-events:none}
.hero-photo-layer{position:absolute;inset:0;background:linear-gradient(90deg,#001422 0%,#001422d9 7%,transparent 36%),linear-gradient(0deg,#001422 0%,transparent 29%),url('assets/hero-atmosfera.webp') 45% center/cover no-repeat;mask-image:linear-gradient(90deg,transparent 0%,black 24%);filter:saturate(1.16)}
.hero-composite:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#009dff;box-shadow:0 0 22px #00a2ff}
.glass{background:linear-gradient(135deg,#052e49e8,#001728df);border:1px solid #37a9eb77;box-shadow:0 14px 35px #0009,0 0 25px #007bff28;backdrop-filter:blur(12px)}
.hero-status{position:absolute;top:14%;left:28%;display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:13px;z-index:2;animation:floatSlow 6s ease-in-out infinite}
.hero-status small,.hero-status span:last-child{display:block;font-size:10px;color:#9ac8df}.hero-status strong{display:block;font-size:14px;margin:5px 0}.hero-status span:last-child{color:#22e991}.live-dot{width:10px;height:10px;border-radius:50%;background:#20e887;box-shadow:0 0 15px #20e887}
.tracking-phone{position:absolute;right:4%;top:12%;width:205px;height:410px;border:7px solid #101c2c;border-radius:31px;background:#051d31;box-shadow:0 0 0 2px #7a9bb1,0 30px 40px #000c,0 0 35px #009dff44;overflow:hidden;transform:rotate(5deg);z-index:3;animation:floatSlow 7s ease-in-out infinite reverse}
.phone-camera{position:absolute;top:5px;left:35%;width:30%;height:11px;background:#06101c;border-radius:20px;z-index:5}
.phone-head{height:50px;padding:22px 10px 6px;background:#062942;font-size:10px;font-weight:900;letter-spacing:.6px}.phone-head b{color:#13b6ff}.phone-head span{float:right;color:#18e98c;font-size:8px}
.phone-map{height:262px;position:relative;overflow:hidden}.phone-map svg{width:100%;height:100%}.map-pin{position:absolute;top:32%;left:44%;background:#087cff;border:3px solid #fff;color:#fff;border-radius:50%;width:30px;height:30px;text-align:center;line-height:24px;box-shadow:0 0 0 9px #078cff33,0 0 25px #007bff}
.phone-bottom{padding:11px 12px;display:grid;gap:6px}.phone-bottom strong{font-size:12px}.phone-bottom span{font-size:10px;color:#1ae69a}.phone-bottom small{font-size:9px;color:#aac7d9}
.hero-data{position:absolute;right:24%;top:41%;padding:14px 18px;border-radius:13px;display:grid;gap:11px;z-index:4}.hero-data span{display:grid;grid-template-columns:20px 1fr;column-gap:7px;font-size:16px;color:#39baff}.hero-data b{font-size:12px;color:#fff}.hero-data small{grid-column:2;color:#aac8db;font-size:9px}
.hero-badges .badge-icon{display:inline-flex;align-items:center;gap:7px;font-size:11px}.badge-icon svg{width:31px;height:31px;flex:none;padding:7px;border-radius:50%;border:1px solid #168fff;color:#fff;background:#063254;box-shadow:0 0 14px #0c84ff33}
.feature-icon{box-shadow:0 0 20px #078cff45}.feature-photo{filter:saturate(1.12);transition:transform .4s,filter .4s}.feature:hover .feature-photo{transform:scale(1.045);filter:saturate(1.35)}
.trust-ribbon{display:flex;justify-content:center;gap:24px;flex-wrap:wrap}.trust-ribbon span{border:1px solid #126194;border-radius:13px;padding:18px 24px;background:#062943;color:#b9e6ff;font-weight:700}
@keyframes floatSlow{0%,100%{translate:0 0}50%{translate:0 -10px}}
@media(max-width:1050px){.tracking-phone{right:1%;width:165px;height:350px}.phone-map{height:210px}.hero-data{right:22%;top:47%}.hero-status{left:15%}}
@media(max-width:800px){.hero-grid{display:block;padding-bottom:340px;min-height:790px}.hero-composite{top:auto;bottom:0;left:0;right:0;width:100%;height:360px}.hero-photo-layer{mask-image:linear-gradient(0deg,black 70%,transparent 100%);background-position:center}.hero-copy{padding:32px 0 0!important}.tracking-phone{right:5%;top:3%;width:145px;height:290px}.phone-map{height:165px}.phone-head{height:44px}.hero-status{top:7%;left:16%}.hero-data{right:27%;top:46%}}
@media(max-width:550px){.hero-grid{padding-bottom:280px;min-height:780px}.hero-composite{height:280px}.tracking-phone{width:120px;height:250px;right:3%;top:4%;border-width:5px}.phone-head{font-size:8px}.phone-head span{font-size:6px}.phone-map{height:132px}.hero-status{left:4%;top:8%;padding:9px}.hero-status small{font-size:7px}.hero-status strong{font-size:10px}.hero-data{right:27%;top:47%;padding:8px;gap:6px}.hero-data b{font-size:10px}.hero-data small{font-size:8px}.hero-badges{display:grid;grid-template-columns:1fr 1fr}.hero-badges .badge-icon{font-size:10px}}
@media(prefers-reduced-motion:reduce){.hero-status,.tracking-phone{animation:none}}

/* Improved readable wordmark and crisp interactive details */
.brand img{filter:brightness(0) invert(1) drop-shadow(0 0 8px #17a8ff66)!important}
.feature-icon svg{shape-rendering:geometricPrecision}
.hero-copy h1{max-width:650px}
.hero-data,.hero-status{will-change:transform}
.feature:focus-within,.plan:focus-within{outline:2px solid #16b8ff;outline-offset:3px}
@media(max-width:800px){.hero-copy{position:relative;z-index:5}}

/* V6: layout cleanup: single vector hero, independent interface, aligned cards */
.hero{background:#001422!important;overflow:hidden}
.hero-photo-layer{background:linear-gradient(90deg,#001422 0%,#001422e8 9%,#00142222 40%),linear-gradient(0deg,#001422 0%,transparent 22%),url('assets/hero-veiculos-v6.svg') center center/cover no-repeat!important;mask-image:none!important;filter:none!important}
.hero-composite{isolation:isolate}
.hero-status{top:9%!important;left:22%!important}
.hero-data{right:26%!important;top:44%!important}
.hero-badges{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px!important;align-items:center}
.hero-badges .badge-icon{display:flex!important;align-items:center!important;gap:8px!important;min-height:44px;line-height:1.25;font-size:11px!important}
.badge-icon svg{width:36px!important;height:36px!important;box-sizing:border-box;flex:0 0 36px!important}
.feature-grid{align-items:stretch}
.feature{display:grid!important;grid-template-rows:52px minmax(48px,auto) 1fr 84px;justify-items:center;align-items:start;min-height:290px!important;padding:18px 12px 0!important}
.feature-icon{width:46px!important;height:46px!important;display:grid!important;place-items:center!important;margin:0!important;flex:none!important}
.feature-icon svg{width:25px!important;height:25px!important;display:block}
.feature h3{margin:8px 0!important;line-height:1.25;align-self:center;text-align:center}
.feature p{margin:5px 0 12px!important;align-self:start;text-align:center}
.feature-photo{width:calc(100% + 24px)!important;height:84px!important;object-fit:cover!important;margin:0 -12px!important;align-self:end;transform:none!important}
@media(max-width:1050px){.hero-badges{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.hero-composite{width:100%!important}.hero-status{left:8%!important;top:6%!important}.hero-data{right:26%!important;top:46%!important}.hero-photo-layer{background-position:center!important}.hero-badges{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:550px){.feature{grid-template-rows:50px minmax(54px,auto) 1fr 76px;min-height:290px!important;padding:13px 9px 0!important}.feature-photo{height:76px!important;width:calc(100% + 18px)!important;margin:0 -9px!important}.hero-badges .badge-icon{font-size:10px!important}.hero-status{left:3%!important}.hero-data{right:28%!important}}

/* V7: official logo + full-bleed photographic hero, without repeated smartphone */
.header{background:rgba(1,15,30,.95)}
.brand img{width:clamp(220px,24vw,330px);max-height:69px;height:auto;display:block;object-fit:contain;object-position:left center}
.nav{height:90px}
.hero{position:relative;isolation:isolate;background:#031626!important;min-height:680px}
.hero:before{content:""!important;display:block!important;position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,14,29,.94) 0%,rgba(0,14,29,.87) 22%,rgba(0,14,29,.65) 39%,rgba(0,14,29,.10) 68%,rgba(0,14,29,.05) 100%),linear-gradient(0deg,rgba(0,15,30,.84) 0%,transparent 23%),url('assets/hero-fotografico.webp') center 48%/cover no-repeat!important;opacity:1!important;z-index:-1;mask-image:none!important}
.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 0% 55%,rgba(0,18,39,.45),transparent 58%);pointer-events:none}
.hero-grid{min-height:680px!important;display:flex!important;align-items:center!important;position:relative;z-index:1;padding-top:26px;padding-bottom:34px}
.hero-copy{width:min(540px,48%);padding:40px 0!important;position:relative;z-index:3}
.hero h1{font-size:clamp(40px,4.1vw,66px);line-height:1.12;text-shadow:0 3px 22px rgba(0,0,0,.7)}
.hero p{text-shadow:0 2px 12px rgba(0,0,0,.9);color:#e6eff6}
.hero-composite,.hero-photo-layer{display:none!important}
.hero-badges{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px 16px!important;margin-top:32px!important;max-width:520px}
.hero-badges .badge-icon{font-size:11px!important;text-shadow:0 1px 8px #001726;min-height:45px}
.hero-badges .badge-icon svg{width:40px;height:40px;padding:9px;flex-shrink:0}
.hero-bottom{position:absolute;bottom:0;width:100%;height:2px;background:#009dff;box-shadow:0 0 20px #009dff}
@media(min-width:1450px){.container{width:min(1320px,calc(100% - 90px))}.hero-copy{width:min(610px,48%)}}
@media(max-width:900px){.hero:before{background:linear-gradient(90deg,rgba(0,14,29,.95),rgba(0,14,29,.76) 53%,rgba(0,14,29,.18)),linear-gradient(0deg,rgba(0,15,30,.7),transparent 35%),url('assets/hero-fotografico.webp') 60% center/cover no-repeat!important}.hero-copy{width:min(570px,75%)}.hero-grid{min-height:650px!important;padding:36px 0}.hero{min-height:650px}.nav{height:78px}.brand img{width:225px}}
@media(max-width:600px){.hero{min-height:750px}.hero-grid{min-height:750px!important;align-items:flex-start!important;padding:40px 0 225px!important}.hero-copy{width:100%;padding:0!important}.hero h1{font-size:clamp(36px,9vw,50px);letter-spacing:-1.6px}.hero p{font-size:14px}.hero:before{background:linear-gradient(180deg,rgba(0,14,29,.96) 0%,rgba(0,14,29,.88) 39%,rgba(0,14,29,.18) 72%,rgba(0,14,29,.45) 100%),url('assets/hero-fotografico.webp') 63% bottom/auto 58% no-repeat!important}.hero-badges{grid-template-columns:repeat(2,minmax(0,1fr))!important;margin-top:20px!important}.hero-badges .badge-icon{font-size:10px!important}.hero-badges .badge-icon svg{width:34px;height:34px;padding:7px}.actions{margin:22px 0}.brand img{width:205px}}

/* V8: enquadramento panoramico e logo original, sem filtros de cor */
.brand img,.footer-grid img{filter:none!important;opacity:1!important}
.brand img{width:clamp(240px,25vw,355px)!important;max-height:72px!important;object-fit:contain!important}
.header{background:#021529f5!important}
.hero{min-height:650px!important}
.hero-grid{min-height:650px!important}
.hero:before{background:linear-gradient(90deg,rgba(0,13,29,.88) 0%,rgba(0,13,29,.79) 24%,rgba(0,13,29,.42) 41%,rgba(0,13,29,.06) 70%,rgba(0,13,29,.02) 100%),linear-gradient(0deg,rgba(0,15,30,.45),transparent 23%),url('assets/hero-v8-panoramico.webp') center 52% / 100% auto no-repeat!important}
.hero:after{background:linear-gradient(90deg,rgba(0,18,39,.25),transparent 65%)!important}
.hero-copy{width:min(585px,49%)!important}
.hero h1{font-size:clamp(38px,3.65vw,60px)!important;line-height:1.12!important}
.hero-badges{grid-template-columns:repeat(4,minmax(0,1fr))!important;max-width:850px!important;width:min(850px,75vw)!important;gap:12px!important}
.hero-badges .badge-icon{display:flex!important;gap:8px!important;align-items:center!important;white-space:normal}
@media(max-width:1050px){.hero-badges{grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important}.hero-copy{width:min(560px,58%)!important}}
@media(max-width:800px){.brand img{width:225px!important}.hero:before{background:linear-gradient(90deg,rgba(0,13,29,.93),rgba(0,13,29,.52) 62%,rgba(0,13,29,.10)),url('assets/hero-v8-panoramico.webp') 58% center / auto 100% no-repeat!important}.hero-copy{width:min(530px,80%)!important}}
@media(max-width:600px){.brand img{width:195px!important}.hero-copy{width:100%!important}.hero:before{background:linear-gradient(180deg,rgba(0,13,29,.96) 0%,rgba(0,13,29,.87) 40%,rgba(0,13,29,.24) 78%,rgba(0,13,29,.48)),url('assets/hero-v8-panoramico.webp') 67% bottom / auto 60% no-repeat!important}.hero-badges{grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important}}

/* V9: mantém a proporção natural da fotografia, sem distorcer veículos. */
@media (min-width: 901px) { .hero:before { background-size: auto, auto, 100% auto !important; background-position: center, center, center 52% !important; } }
@media (min-width: 901px) and (max-aspect-ratio: 16/10) { .hero:before { background-size: auto, auto, cover !important; } }

/* V10 — faixa de diferenciais: icones e legendas ampliados e distribuidos
   igualmente dentro da area destacada pelo cliente (desktop). */
@media (min-width:1051px) {
  .hero-badges {
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    width:min(850px,75vw)!important;
    max-width:850px!important;
    min-height:130px!important;
    margin-top:14px!important;
    margin-bottom:0!important;
    gap:12px!important;
    align-items:center!important;
  }
  .hero-badges .badge-icon {
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:11px!important;
    min-height:100px!important;
    padding:12px 4px!important;
    font-size:14px!important;
    font-weight:700!important;
    line-height:1.35!important;
    text-align:left!important;
    overflow-wrap:normal;
  }
  .hero-badges .badge-icon svg {
    width:56px!important;
    height:56px!important;
    padding:13px!important;
    flex:0 0 56px!important;
    border-width:1.5px!important;
    filter:drop-shadow(0 0 5px #087cff88);
  }
}
@media (min-width:1051px) and (max-width:1250px) {
  .hero-badges .badge-icon {font-size:12px!important;gap:8px!important}
  .hero-badges .badge-icon svg {width:49px!important;height:49px!important;flex-basis:49px!important;padding:11px!important}
}
@media (min-width:601px) and (max-width:1050px) {
  .hero-badges {gap:12px 18px!important}
  .hero-badges .badge-icon {font-size:13px!important;min-height:62px!important;gap:11px!important}
  .hero-badges .badge-icon svg {width:48px!important;height:48px!important;padding:11px!important}
}
@media (max-width:600px) {
  .hero-badges {gap:10px!important}
  .hero-badges .badge-icon {font-size:11px!important;gap:8px!important;min-height:55px!important}
  .hero-badges .badge-icon svg {width:39px!important;height:39px!important;padding:9px!important}
}

/* V11 — faixa hero baseada na referência aprovada: quatro grupos legíveis,
   com ícones circulares grandes e textos em duas linhas, sem esticar a foto. */
@media (min-width: 1051px) {
 .hero-badges {
   display:grid!important;
   grid-template-columns:repeat(4,minmax(0,1fr))!important;
   width:min(900px,calc(100vw - 120px))!important;
   max-width:none!important;
   min-height:116px!important;
   margin-top:16px!important;
   gap:10px!important;
   align-items:center!important;
 }
 .hero-badges .badge-icon {
   display:flex!important;justify-content:flex-start!important;align-items:center!important;
   min-height:92px!important;padding:8px 2px!important;gap:12px!important;
   font-size:16px!important;font-weight:650!important;line-height:1.22!important;
   white-space:normal!important;text-align:left!important;
 }
 .hero-badges .badge-icon svg {
   width:62px!important;height:62px!important;flex:0 0 62px!important;
   padding:14px!important;border:1.6px solid #168fff!important;
   box-shadow:0 0 0 3px rgba(0,89,181,.15),0 0 20px rgba(0,139,255,.42)!important;
 }
 .hero-badges .badge-label {display:block!important;min-width:0!important}
}
@media (min-width:1051px) and (max-width:1350px) {
 .hero-badges {width:min(820px,calc(100vw - 90px))!important}
 .hero-badges .badge-icon {font-size:14px!important;gap:9px!important}
 .hero-badges .badge-icon svg {width:54px!important;height:54px!important;flex-basis:54px!important;padding:12px!important}
}
@media (max-width:1050px) {
 .hero-badges {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;width:100%!important}
 .hero-badges .badge-icon {font-size:14px!important;gap:10px!important;min-height:64px!important}
 .hero-badges .badge-icon svg {width:48px!important;height:48px!important;flex:0 0 48px!important;padding:11px!important}
}
@media (max-width:600px) {
 .hero-badges .badge-icon {font-size:12px!important;gap:8px!important}
 .hero-badges .badge-icon svg {width:40px!important;height:40px!important;flex:0 0 40px!important;padding:9px!important}
}

/* V12 — baixar somente o conjunto dos quatro indicadores na primeira tela.
   Mantém dimensões, distribuição horizontal e restante do layout V11. */
@media (min-width:1051px) {
  .hero .hero-badges {
    transform: translateY(45px);
  }
}

/* V13 — distribuição vertical da chamada principal conforme área demarcada.
   Título no alto, descrição no meio, botões mais abaixo; indicadores independentes. */
@media (min-width:1051px) {
  .hero .hero-grid { min-height:675px!important; align-items:stretch!important; }
  .hero .hero-copy {
    align-self:stretch!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    padding:60px 0 0!important;
    min-height:0!important;
  }
  .hero .hero-copy .eyebrow {flex:none!important;}
  .hero .hero-copy h1 {margin:23px 0 0!important;flex:none!important;}
  .hero .hero-copy > p {margin:40px 0 0!important;flex:none!important;}
  .hero .hero-copy .actions {margin:62px 0 0!important;flex:none!important;}
  .hero .hero-badges {
    position:absolute!important;
    left:0!important;
    bottom:15px!important;
    transform:none!important;
    margin:0!important;
    z-index:5!important;
  }
}
@media (min-width:1051px) and (max-width:1250px) {
  .hero .hero-copy .actions {margin-top:43px!important;}
  .hero .hero-copy > p {margin-top:28px!important;}
}

/* V14 — subir somente os botões para evitar sobreposição com os indicadores. */
@media (min-width:1051px) {
  .hero .hero-copy .actions { margin-top:16px!important; margin-bottom:0!important; }
}

/* V15 — elevar apenas a descrição destacada, preservando os botões e os indicadores. */
@media (min-width:1051px) {
  .hero .hero-copy > p {
    transform: translateY(-20px);
  }
}

/* V16 — CTAs luminosos da primeira tela, conforme modelo aprovado.
   Escopo limitado aos dois botões do hero; demais botões permanecem iguais. */
.hero .hero-copy .actions > .btn.primary {
  background:linear-gradient(115deg,rgba(0,83,45,.94),rgba(0,122,65,.91))!important;
  color:#fff!important;
  border:2px solid #09f36c!important;
  box-shadow:0 0 0 1px rgba(18,255,125,.15),0 0 14px rgba(0,255,106,.72),0 0 30px rgba(0,234,96,.38),inset 0 0 15px rgba(15,255,111,.16)!important;
  text-shadow:0 1px 3px rgba(0,0,0,.6);
  transition:transform .2s ease,box-shadow .2s ease,background .2s ease!important;
}
.hero .hero-copy .actions > .btn.outline {
  background:linear-gradient(120deg,rgba(2,21,43,.94),rgba(4,46,86,.87))!important;
  color:#fff!important;
  border:2px solid #079fff!important;
  box-shadow:0 0 0 1px rgba(0,151,255,.16),0 0 14px rgba(0,149,255,.72),0 0 30px rgba(0,124,255,.37),inset 0 0 15px rgba(0,143,255,.13)!important;
  transition:transform .2s ease,box-shadow .2s ease,background .2s ease!important;
}
.hero .hero-copy .actions > .btn.primary:hover,
.hero .hero-copy .actions > .btn.primary:focus-visible {
  box-shadow:0 0 0 2px rgba(18,255,125,.35),0 0 24px rgba(0,255,106,.9),0 0 44px rgba(0,234,96,.5)!important;
}
.hero .hero-copy .actions > .btn.outline:hover,
.hero .hero-copy .actions > .btn.outline:focus-visible {
  box-shadow:0 0 0 2px rgba(0,151,255,.35),0 0 24px rgba(0,149,255,.9),0 0 44px rgba(0,124,255,.5)!important;
}
@media (prefers-reduced-motion:reduce) {
  .hero .hero-copy .actions > .btn {transition:none!important;}
}

/* V17 — fotografias individuais dos seis recursos. Escopo restrito à seção Recursos. */
#recursos .feature{overflow:hidden;min-height:390px!important;display:flex;flex-direction:column;padding-bottom:0!important}
#recursos .feature .feature-photo{display:block!important;position:relative!important;flex:none!important;width:calc(100% + 24px)!important;height:185px!important;min-height:185px!important;margin:16px -12px 0!important;object-fit:cover!important;object-position:center center!important;border-radius:9px 9px 0 0!important;transform:none!important;filter:none!important;transition:filter .35s ease, transform .35s ease!important}
#recursos .feature:hover .feature-photo{filter:saturate(1.12) brightness(1.07)!important;transform:scale(1.025)!important}
#recursos .feature p{flex:1 1 auto!important}
@media(max-width:700px){#recursos .feature{min-height:355px!important;display:flex!important}#recursos .feature .feature-photo{height:150px!important;min-height:150px!important}}
@media(max-width:550px){#recursos .feature{min-height:320px!important;padding:13px 9px 0!important;display:flex!important}#recursos .feature .feature-photo{width:calc(100% + 18px)!important;height:125px!important;min-height:125px!important;margin:12px -9px 0!important}}


/* V21 — Gestão de frotas: foto ocupa toda a largura do card, como as demais. */
#recursos .feature:nth-child(6) > .feature-photo{width:calc(100% + 24px)!important;object-fit:cover!important;object-position:center center!important;background:transparent!important;}

/* V22 — imagem da plataforma completa e proporcional, sem zoom nem cortes */
.platform-section .dashboard-photo{width:100%;min-width:0;overflow:visible;}
.platform-section .dashboard-photo img{display:block;width:100%;height:auto;max-height:540px;object-fit:contain;object-position:center;border-radius:14px;filter:drop-shadow(0 16px 28px rgba(0,0,0,.28));}
.platform-section .dashboard-photo .dash-note{padding:8px 4px 0;text-align:center;}
@media(max-width:800px){.platform-section .dashboard-photo img{height:auto;max-height:none;}}

/* V23: seção de benefícios redesenhada conforme referência */
.benefits{position:relative;overflow:hidden;background:linear-gradient(105deg,#001626 0%,#03243d 100%);border-top:1px solid #0a3654;border-bottom:1px solid #0d486b}
.benefits .benefit-grid{grid-template-columns:minmax(0,55%) minmax(0,45%);gap:22px;align-items:center}
.benefits .benefit-copy{position:relative;z-index:2}
.benefits .benefit-copy h2{font-size:clamp(30px,3vw,43px);line-height:1.14;letter-spacing:-1.3px;margin:13px 0 12px}
.benefits .benefit-copy>p{font-size:15px;line-height:1.5;max-width:520px;margin:0;color:#c5d7e5}
.benefits .benefit-list{display:grid;grid-template-columns:1fr 1fr;column-gap:17px;row-gap:20px;margin-top:25px}
.benefits .benefit-list>div{display:flex;align-items:center;gap:11px;min-width:0}
.benefits .benefit-list b{width:52px;height:52px;min-width:52px;border-radius:12px;background:linear-gradient(145deg,#083d88,#071d4d);border:1px solid #1277f3;box-shadow:0 0 17px #047cff55,inset 0 0 14px #0677ff44;display:grid;place-items:center}
.benefits .benefit-list svg{width:29px;height:29px;filter:drop-shadow(0 0 4px #7dbaff)}
.benefits .benefit-list strong{font-size:12px;line-height:1.25;color:#fff}
.benefits .benefit-list small{font-size:11px;line-height:1.35;color:#bfd2df;margin-top:3px}
.benefits .benefit-photo{position:relative;height:355px;min-height:355px;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible;margin-right:calc((1180px - min(1180px, 100vw - 48px)) / -2)}
.benefits .benefit-photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 43%;border-radius:0}
.benefits .benefit-photo:before{content:"";position:absolute;inset:-1px;z-index:1;background:linear-gradient(90deg,#03243d 0%,#03243dbb 10%,transparent 45%);pointer-events:none}
.benefits .benefit-photo:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,#031827aa,transparent 42%);pointer-events:none}
.benefits .benefit-caption{position:absolute;right:14px;bottom:17px;z-index:3;display:flex;align-items:center;gap:13px;margin:0;padding:13px 17px;border:1px solid #3e80b6;border-radius:12px;background:#0b2b48dd;backdrop-filter:blur(10px);box-shadow:0 12px 25px #0005;text-align:left;max-width:270px}
.benefits .benefit-caption strong{font-size:15px;line-height:1.3;color:#fff}
.benefits .caption-shield{width:45px;height:45px;display:grid;place-items:center;flex:none;color:#f4fbff}
.benefits .caption-shield svg{width:42px;height:42px}
@media(max-width:800px){.benefits .benefit-grid{grid-template-columns:1fr;gap:25px}.benefits .benefit-photo{height:340px;min-height:340px;margin:0;border-radius:14px;overflow:hidden}.benefits .benefit-photo>img{border-radius:14px}.benefits .benefit-photo:before{display:none}}
@media(max-width:550px){.benefits .benefit-list{grid-template-columns:1fr 1fr;gap:16px 9px}.benefits .benefit-list>div{align-items:flex-start;gap:8px}.benefits .benefit-list b{width:39px;height:39px;min-width:39px;border-radius:10px}.benefits .benefit-list svg{width:23px;height:23px}.benefits .benefit-list strong{font-size:11px}.benefits .benefit-list small{font-size:10px}.benefits .benefit-photo{height:280px;min-height:280px}.benefits .benefit-caption{right:9px;bottom:10px;padding:10px 12px}.benefits .benefit-caption strong{font-size:13px}.benefits .caption-shield{width:34px;height:34px}.benefits .caption-shield svg{width:32px;height:32px}}


/* V31: foto real como elemento HTML, transição contínua, sem cortes visíveis */
@media(min-width:801px){
 .benefits{position:relative;isolation:isolate;overflow:hidden;min-height:440px;padding:43px 0 43px;background:#001729!important}
 .benefits-photo-layer{position:absolute;z-index:0;inset:0 0 0 30%;overflow:hidden;pointer-events:none}
 .benefits-photo-layer img{width:100%;height:100%;object-fit:cover;object-position:center 44%;display:block}
 .benefits::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#001729 0%,#001729 23%,#001729fa 32%,#001729e0 41%,#001729a0 49%,#0017294a 58%,transparent 72%),linear-gradient(0deg,#00172966,transparent 20%)}
 .benefits .benefit-grid{position:relative;display:block;z-index:2;min-height:350px}
 .benefits .benefit-copy{position:relative;z-index:3;width:61%;max-width:690px}
 .benefits .benefit-copy h2{font-size:clamp(33px,3.1vw,45px);margin:8px 0 10px}
 .benefits .benefit-copy>p{max-width:475px;font-size:15px}
 .benefits .benefit-list{grid-template-columns:repeat(2,minmax(0,1fr));max-width:640px;gap:19px 16px;margin-top:20px}
 .benefits .benefit-list b{width:52px;height:52px;min-width:52px}
 .benefits .benefit-list strong{font-size:13px}
 .benefits .benefit-list small{font-size:11px}
 .benefits .benefit-photo{position:absolute;inset:0;width:100%;height:100%;min-height:0;margin:0;overflow:visible;pointer-events:none;background:transparent}
 .benefits .benefit-photo>img,.benefits .benefit-photo::before,.benefits .benefit-photo::after{display:none}
 .benefits .benefit-caption{position:absolute;z-index:4;left:55%;right:auto;bottom:13px;transform:none;width:clamp(245px,25vw,340px);max-width:42%;background:#0b2c4be8}
}
@media(max-width:800px){.benefits-photo-layer{display:none}}

/* V32: seção Plataforma seguindo a composição visual aprovada.
   Imagem do modelo para fidelidade; CTA real e clicável. */
.platform-section{padding:0!important;background:#001629!important;overflow:hidden;}
.platform-art-desktop{display:block;position:relative;width:100%;margin:auto;line-height:0;}
.platform-art-desktop>img{width:100%;height:auto;display:block;}
.platform-art-cta{position:absolute;left:3.3%;top:73%;width:19%;height:11%;border-radius:14px;z-index:2;}
.platform-art-cta:focus-visible{outline:3px solid white;outline-offset:3px;}
.platform-section>.platform-grid{display:none!important;}
@media(max-width:800px){.platform-art-desktop{display:none}.platform-section>.platform-grid{display:grid!important;padding:55px 0}.platform-section .dashboard-photo img{height:auto;max-height:none;}}

/* V33 — Plataforma compacta, arte aprovada sem logomarcas */
@media (min-width:801px){
 .platform-section{padding:0!important;background:#00182c!important;overflow:hidden;}
 .platform-art-desktop{max-width:1500px;margin:0 auto;line-height:0;position:relative;}
 .platform-art-desktop>img{display:block;width:100%;height:auto;object-fit:contain;}
 .platform-art-cta{left:7.7%;top:78%;width:17%;height:13%;border-radius:14px;}
}

/* V34 — Arte da plataforma de ponta a ponta, sem limite de 1500px. */
@media (min-width:801px){
 .platform-section{width:100%;max-width:none;margin:0;padding:0!important;overflow:hidden;}
 .platform-art-desktop{width:100%!important;max-width:none!important;margin:0!important;position:relative;}
 .platform-art-desktop>img{display:block;width:100%!important;max-width:none!important;height:auto!important;object-fit:fill;}
 .platform-art-cta{left:7.7%;top:78%;width:17%;height:13%;}
}

/* V35: remover molduras e linhas decorativas duplicadas da plataforma */
.platform-section{border-top:0!important;border-bottom:0!important;}
.platform-art-desktop{border:0!important;box-shadow:none!important;}


/* V36: plataforma em HTML real, imagem apenas para os dispositivos. */
.platform-section.platform-v36{position:relative!important;isolation:isolate;min-height:0;padding:48px 0 16px!important;overflow:hidden;background:linear-gradient(115deg,#001729 0%,#002746 62%,#082c4a 100%)!important;border:0!important;}
.platform-v36-scene{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 73% 42%,#1171a43b,transparent 60%),linear-gradient(180deg,transparent 70%,#001526 100%);}
.platform-v36-layout{display:grid;grid-template-columns:39% 61%;align-items:center;gap:0;min-height:385px;position:relative;}
.platform-v36-copy{z-index:2;position:relative;padding:12px 0 6px;}
.platform-v36-copy .kicker{font-size:11px;letter-spacing:2px;color:#31b8ff;font-weight:900;}
.platform-v36-copy h2{font-size:clamp(27px,2.55vw,44px);line-height:1.1;letter-spacing:-1.3px;margin:12px 0 10px;color:#fff;max-width:570px;}
.platform-v36-copy h2 em{font-style:normal;color:#219dff;}
.platform-v36-copy p{font-size:clamp(12px,1vw,16px);line-height:1.5;margin:0 0 15px;color:#d3e4f3;}
.platform-v36-features{display:grid;gap:7px;margin-bottom:18px;}
.platform-v36-features>div{display:flex;align-items:center;gap:12px;color:white;font-size:clamp(12px,1vw,16px);}
.platform-v36-icon{display:grid;place-items:center;flex:none;width:43px;height:43px;border-radius:12px;border:1px solid #189fff;background:linear-gradient(140deg,#035cc2,#072c67);box-shadow:0 0 16px #008aff70,inset 0 0 10px #1eafff55;color:#fff;font-size:26px;}
.platform-v36-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.platform-v36-button{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;padding:15px 20px;min-width:240px;border-radius:11px;background:#10e879;color:#001927;font-weight:850;font-size:14px;box-shadow:0 0 24px #00e87755;transition:transform .2s,box-shadow .2s;}
.platform-v36-button:hover{transform:translateY(-2px);box-shadow:0 0 30px #00e87788;}
.platform-v36-devices{position:absolute;right:-3%;top:3%;width:68%;height:96%;background-image:linear-gradient(90deg,#001d33 0%,transparent 17%),url('assets/plataforma-dispositivos.webp');background-position:center,right center;background-size:100% 100%,contain;background-repeat:no-repeat;pointer-events:none;}
.platform-v36-bottom{display:flex;justify-content:flex-end;gap:10px;position:relative;z-index:2;padding:5px 0 0;}
.platform-v36-bottom>div{display:flex;align-items:center;gap:10px;min-width:0;flex:0 1 205px;border:1px solid #13588e;border-radius:14px;background:#052c4de8;padding:10px 12px;color:white;box-shadow:inset 0 0 14px #117bc421;}
.platform-v36-bottom .platform-v36-icon{width:40px;height:40px;font-size:24px;}
.platform-v36-bottom strong{font-size:12px;line-height:1.3;}
.platform-v36-disclaimer{text-align:center;color:#7a9cb5;font-size:9px;margin:10px 0 0;}
@media(max-width:900px){.platform-v36-layout{grid-template-columns:45% 55%;min-height:370px}.platform-v36-devices{right:-5%;width:62%;}.platform-v36-bottom{justify-content:center;flex-wrap:wrap}.platform-v36-bottom>div{flex:1 1 180px;}}
@media(max-width:650px){.platform-section.platform-v36{padding:45px 0 22px!important}.platform-v36-layout{display:flex;flex-direction:column;align-items:stretch;min-height:0}.platform-v36-copy{padding:0}.platform-v36-copy h2{font-size:clamp(30px,7vw,40px)}.platform-v36-devices{position:relative;right:auto;top:auto;width:100%;height:auto;aspect-ratio:1307/455;margin:22px 0 4px;background-image:url('assets/plataforma-dispositivos.webp');background-size:contain;background-position:center}.platform-v36-bottom{display:grid;grid-template-columns:1fr 1fr;gap:9px}.platform-v36-bottom>div{padding:9px;gap:7px}.platform-v36-bottom strong{font-size:11px}.platform-v36-bottom .platform-v36-icon{width:34px;height:34px;font-size:20px}}
/* V37: plataforma panorâmica sem quadro de imagem ou corte nas extremidades */
.platform-section.platform-v36{padding:45px 0 32px!important;min-height:510px;background:#00192c!important;isolation:isolate;overflow:hidden;border:0!important}
.platform-v36-scene{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#00192c 0%,#00192c 17%,rgba(0,25,44,.96) 25%,rgba(0,25,44,.48) 42%,transparent 61%),url('assets/plataforma-dispositivos.webp') right center/78% 100% no-repeat,linear-gradient(110deg,#00192c,#083353);pointer-events:none}
.platform-v36-layout{display:block;min-height:375px;position:relative}
.platform-v36-copy{width:43%;max-width:550px;padding:0;position:relative;z-index:2}
.platform-v36-copy h2{font-size:clamp(29px,2.4vw,43px)}
.platform-v36-devices{display:none!important}
.platform-v36-bottom{justify-content:flex-end;gap:9px;padding:0;position:relative;z-index:2}
.platform-v36-bottom>div{flex:0 1 205px;backdrop-filter:blur(8px);background:rgba(2,37,69,.87)}
.platform-v36-disclaimer{margin:7px 0 0;position:relative;z-index:2}
@media(max-width:900px){.platform-v36-scene{background:linear-gradient(90deg,#00192c 0%,rgba(0,25,44,.98) 22%,rgba(0,25,44,.6) 58%,rgba(0,25,44,.2) 100%),url('assets/plataforma-dispositivos.webp') right center/85% 100% no-repeat,#00192c}.platform-v36-copy{width:56%}.platform-v36-layout{min-height:365px}}
@media(max-width:650px){.platform-section.platform-v36{padding:35px 0 24px!important;min-height:0}.platform-v36-scene{background:linear-gradient(180deg,#00192c 0%,#00192c 50%,rgba(0,25,44,.05) 77%,#00192c 100%),url('assets/plataforma-dispositivos.webp') center 77%/100% auto no-repeat,#00192c}.platform-v36-copy{width:100%;max-width:none}.platform-v36-layout{min-height:640px}.platform-v36-bottom{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.platform-v36-bottom>div{min-width:0}.platform-v36-copy h2{font-size:clamp(29px,7vw,39px)}}

/* V39: novo fundo em alta definicao; conteudo permanece HTML e clicavel. */
.platform-section.platform-v36{position:relative;background:#00192c!important;}
.platform-v36-scene{background-image:linear-gradient(90deg,#00192c 0%,#00192c 17%,rgba(0,25,44,.99) 27%,rgba(0,25,44,.95) 35%,rgba(0,25,44,.65) 43%,rgba(0,25,44,.05) 57%,transparent 70%),url('assets/plataforma-v39.webp')!important;background-position:center,right center!important;background-size:100% 100%,cover!important;background-repeat:no-repeat!important;}
@media(max-width:900px){.platform-v36-scene{background-image:linear-gradient(90deg,#00192c 0%,rgba(0,25,44,.99) 25%,rgba(0,25,44,.82) 48%,rgba(0,25,44,.15) 85%),url('assets/plataforma-v39.webp')!important;background-position:center,65% center!important;}}
@media(max-width:650px){.platform-v36-scene{background-image:linear-gradient(180deg,#00192c 0%,rgba(0,25,44,.98) 34%,rgba(0,25,44,.35) 60%,#00192c 100%),url('assets/plataforma-v39.webp')!important;background-position:center,70% center!important;background-size:100% 100%,auto 100%!important;}}

/* V40: only the user's clean background image; overlays remain real HTML */
.platform-section.platform-v36{position:relative!important;isolation:isolate!important;background:#00192c!important}
.platform-v36-scene{position:absolute!important;inset:0!important;z-index:-1!important;background-image:linear-gradient(90deg,#00192c 0%,rgba(0,25,44,.98) 19%,rgba(0,25,44,.87) 31%,rgba(0,25,44,.35) 48%,transparent 66%),url('assets/plataforma-fundo-limpo.webp')!important;background-size:100% 100%,cover!important;background-position:center,center!important;background-repeat:no-repeat!important}
.platform-v36-devices{display:none!important}
@media(max-width:900px){.platform-v36-scene{background-image:linear-gradient(90deg,#00192c 0%,rgba(0,25,44,.97) 29%,rgba(0,25,44,.65) 55%,rgba(0,25,44,.12) 100%),url('assets/plataforma-fundo-limpo.webp')!important;background-size:100% 100%,cover!important;background-position:center,58% center!important}}
@media(max-width:650px){.platform-v36-scene{background-image:linear-gradient(180deg,#00192c 0%,rgba(0,25,44,.96) 37%,rgba(0,25,44,.40) 70%,#00192c 100%),url('assets/plataforma-fundo-limpo.webp')!important;background-size:100% 100%,auto 100%!important;background-position:center,62% center!important}}


/* V41 — ajuste de enquadramento: altura integral da imagem, sem zoom/corte */
.platform-section.platform-v36 .platform-v36-scene {
  background-image:
    linear-gradient(90deg, #00192c 0%, rgba(0,25,44,.99) 22%,
                    rgba(0,25,44,.85) 37%, rgba(0,25,44,.25) 55%,
                    rgba(0,25,44,0) 74%),
    url('assets/plataforma-fundo-limpo.webp') !important;
  background-size: 100% 100%, auto 100% !important;
  background-position: center, right center !important;
  background-repeat: no-repeat !important;
}
@media (max-width:900px) {
  .platform-section.platform-v36 .platform-v36-scene {
    background-size: 100% 100%, auto 100% !important;
    background-position: center, right center !important;
  }
}
@media (max-width:650px) {
  .platform-section.platform-v36 .platform-v36-scene {
    background-image:
      linear-gradient(180deg,#00192c 0%,rgba(0,25,44,.96) 35%,
                      rgba(0,25,44,.35) 70%,#00192c 100%),
      url('assets/plataforma-fundo-limpo.webp') !important;
    background-size: 100% 100%, auto 70% !important;
    background-position: center, right bottom !important;
  }
}

/* V42 — degradê estendido para ocultar a borda esquerda da fotografia. */
@media (min-width:651px) {
 .platform-section.platform-v36 .platform-v36-scene {
  background-image:linear-gradient(90deg,
    #00192c 0%, #00192c 34%,
    rgba(0,25,44,1) 38%, rgba(0,25,44,.98) 43%,
    rgba(0,25,44,.82) 49%, rgba(0,25,44,.50) 57%,
    rgba(0,25,44,.18) 65%, rgba(0,25,44,0) 75%),
    url('assets/plataforma-fundo-limpo.webp') !important;
  background-size:100% 100%,auto 100% !important;
  background-position:center,right center !important;
  background-repeat:no-repeat !important;
 }
}

/* V43 — transição realmente contínua: a fotografia recebe máscara alfa,
   eliminando sua borda esquerda em vez de apenas escurecê-la. */
@media (min-width:651px) {
  .platform-section.platform-v36 .platform-v36-scene {
    background:#00192c !important;
  }
  .platform-section.platform-v36 .platform-v36-scene::before {
    content:"";
    position:absolute;
    inset:0;
    background:url('assets/plataforma-fundo-limpo.webp') right center / auto 100% no-repeat;
    -webkit-mask-image:linear-gradient(to right,transparent 0%,transparent 22%,rgba(0,0,0,.05) 30%,rgba(0,0,0,.20) 40%,rgba(0,0,0,.48) 52%,rgba(0,0,0,.78) 64%,#000 79%);
    mask-image:linear-gradient(to right,transparent 0%,transparent 22%,rgba(0,0,0,.05) 30%,rgba(0,0,0,.20) 40%,rgba(0,0,0,.48) 52%,rgba(0,0,0,.78) 64%,#000 79%);
    pointer-events:none;
  }
}

/* V44 — imagem única cobrindo toda a largura; máscara aplicada à própria imagem.
   Sem uma borda inicial de background-position:right/auto 100%. */
.platform-section.platform-v36 .platform-v36-scene {
  background: #00192c !important;
}
.platform-section.platform-v36 .platform-v36-scene::before {
  content:"";
  position:absolute;
  inset:0;
  background-image:url('assets/plataforma-fundo-limpo.webp');
  background-position:center center;
  background-size:cover;
  background-repeat:no-repeat;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.02) 18%,rgba(0,0,0,.13) 31%,rgba(0,0,0,.45) 46%,rgba(0,0,0,.82) 61%,#000 77%);
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.02) 18%,rgba(0,0,0,.13) 31%,rgba(0,0,0,.45) 46%,rgba(0,0,0,.82) 61%,#000 77%);
  pointer-events:none;
}
@media(max-width:650px){
 .platform-section.platform-v36 .platform-v36-scene::before {
   background-position:64% center;
   -webkit-mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.1) 25%,#000 57%,rgba(0,0,0,.4) 85%,transparent 100%);
   mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.1) 25%,#000 57%,rgba(0,0,0,.4) 85%,transparent 100%);
 }
}

/* V45 — foto ORIGINAL inteira na largura, sem background-size:cover (zoom).
   Uma única camada fotográfica + máscara alfa contínua, sem emendas. */
.platform-section.platform-v36 .platform-v36-scene {
  background:#00192c !important;
  overflow:hidden;
}
.platform-section.platform-v36 .platform-v36-scene::before {
  content:"";
  position:absolute;
  inset:0;
  background:url('assets/plataforma-fundo-v45.webp') center center / 100% 100% no-repeat !important;
  -webkit-mask-image:linear-gradient(to right, transparent 0%, rgba(0,0,0,.03) 16%,rgba(0,0,0,.12) 25%,rgba(0,0,0,.35) 36%,rgba(0,0,0,.65) 48%,rgba(0,0,0,.9) 60%,#000 73%) !important;
  mask-image:linear-gradient(to right, transparent 0%, rgba(0,0,0,.03) 16%,rgba(0,0,0,.12) 25%,rgba(0,0,0,.35) 36%,rgba(0,0,0,.65) 48%,rgba(0,0,0,.9) 60%,#000 73%) !important;
  pointer-events:none;
}
@media(max-width:650px){
 .platform-section.platform-v36 .platform-v36-scene::before{
   background-size:auto 72% !important;
   background-position:65% bottom !important;
   -webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.2) 32%,#000 65%,transparent 100%) !important;
   mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.2) 32%,#000 65%,transparent 100%) !important;
 }
}

/* V46 — uma unica fotografia ORIGINAL, sem zoom e sem duplicacao.
   A mascara suaviza a entrada da imagem; textos e botoes continuam HTML. */
.platform-section.platform-v36 .platform-v36-scene {
  background:#00192c !important; overflow:hidden !important;
}
.platform-section.platform-v36 .platform-v36-scene::before {
  content:"" !important;position:absolute !important;inset:0 !important;
  background-image:url('assets/plataforma-fundo-original-v46.webp') !important;
  background-repeat:no-repeat !important;
  background-position:right center !important;
  background-size:auto 100% !important;
  -webkit-mask-image:linear-gradient(to right,transparent 0%,transparent 29%,rgba(0,0,0,.05) 37%,rgba(0,0,0,.25) 46%,rgba(0,0,0,.6) 57%,rgba(0,0,0,.9) 69%,#000 80%) !important;
  mask-image:linear-gradient(to right,transparent 0%,transparent 29%,rgba(0,0,0,.05) 37%,rgba(0,0,0,.25) 46%,rgba(0,0,0,.6) 57%,rgba(0,0,0,.9) 69%,#000 80%) !important;
  pointer-events:none !important;
}
@media(max-width:650px){
 .platform-section.platform-v36 .platform-v36-scene::before{
  background-size:100% auto !important;background-position:center 82% !important;
  -webkit-mask-image:linear-gradient(to bottom,transparent 0%,transparent 35%,rgba(0,0,0,.4) 55%,#000 72%,rgba(0,0,0,.7) 86%,transparent 100%) !important;
  mask-image:linear-gradient(to bottom,transparent 0%,transparent 35%,rgba(0,0,0,.4) 55%,#000 72%,rgba(0,0,0,.7) 86%,transparent 100%) !important;
 }
}

/* V47: fundo composto UNICO, sem pseudo-elementos duplicados nem linha de emenda. */
.platform-section.platform-v36 .platform-v36-scene {
 background: #00192c url('assets/plataforma-fundo-unico-v47.webp') center center / cover no-repeat !important;
 overflow:hidden !important;
}
.platform-section.platform-v36 .platform-v36-scene::before,
.platform-section.platform-v36 .platform-v36-scene::after {content:none !important;display:none !important;background:none !important;}
@media(max-width:650px){
 .platform-section.platform-v36 .platform-v36-scene{background-size:auto 100% !important;background-position:70% center !important;}
}

/* V48 — fotografias dos planos: imagens independentes, sem vetores, sem cortes */
.plan-heading{min-height:178px;isolation:isolate;overflow:hidden;border-radius:10px}
.plan-heading::before{content:"";position:absolute;inset:25px 0 0;background:linear-gradient(90deg,rgba(5,30,49,.92),rgba(5,30,49,0) 88%);z-index:1;pointer-events:none}
.plan-heading h3,.plan-heading>span,.plan-heading strong{z-index:3;position:relative}
.plan-heading img{position:absolute;z-index:0;right:0;bottom:0;top:auto;width:90%;height:115px;object-fit:contain;object-position:right bottom;mask-image:none;border-radius:0;filter:drop-shadow(0 6px 8px rgba(0,0,0,.3))}
.plan:nth-child(2) .plan-heading img{height:127px;width:75%}
.plan:nth-child(3) .plan-heading img{height:135px;width:88%}
.plan:nth-child(4) .plan-heading img{height:102px;width:100%}
@media(max-width:550px){.plan-heading{min-height:190px}.plan-heading img{height:145px}.plan:nth-child(2) .plan-heading img,.plan:nth-child(3) .plan-heading img{height:155px}.plan:nth-child(4) .plan-heading img{height:125px}}


/* V53 - LIMPEZA DEFINITIVA: apenas UMA arte cinematografica por card.
   Os valores, descricoes e links permanecem HTML acessivel. */
#planos{background:radial-gradient(ellipse at 50% 0%,#0b3556 0%,#031827 65%)}
#planos .plans-v53{gap:22px;align-items:stretch}
#planos .plans-v53 .plan{display:flex;flex-direction:column;min-height:535px;padding:0 18px 18px;overflow:hidden;border:1px solid #1175b3;border-radius:17px;background:#031b2e;box-shadow:0 18px 35px #0006;transition:transform .25s,box-shadow .25s}
#planos .plans-v53 .plan:hover{transform:translateY(-5px);box-shadow:0 20px 44px #0009,0 0 25px #087ac533}
#planos .plans-v53 .plan-heading{position:relative;isolation:isolate;overflow:hidden;flex:none;height:320px;min-height:320px;margin:0 -18px;padding:25px 20px 0;border-radius:16px 16px 0 0;background-color:#041c31;background-repeat:no-repeat;background-size:100% auto;background-position:center bottom}
#planos .plans-v53 .plan:nth-child(1) .plan-heading{background-image:url('assets/plano-cinematico-carro.webp')}
#planos .plans-v53 .plan:nth-child(2) .plan-heading{background-image:url('assets/plano-cinematico-moto.webp')}
#planos .plans-v53 .plan:nth-child(3) .plan-heading{background-image:url('assets/plano-cinematico-familia.webp')}
#planos .plans-v53 .plan:nth-child(4) .plan-heading{background-image:url('assets/plano-cinematico-empresa.webp')}
#planos .plans-v53 .plan-heading::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#03192de8 0%,#03192d88 22%,transparent 45%,transparent 72%,#031b2e 100%)}
#planos .plans-v53 .plan-heading::after{content:none;display:none}
#planos .plans-v53 .plan-heading img{display:none}
#planos .plans-v53 .plan-heading h3,#planos .plans-v53 .plan-heading>span,#planos .plans-v53 .plan-heading strong{position:relative;z-index:2;text-shadow:0 2px 12px #00121f}
#planos .plans-v53 .plan-heading h3{font-size:22px;margin:0 0 6px;letter-spacing:-.5px}
#planos .plans-v53 .plan-heading>span{font-size:12px;color:#c6daed}
#planos .plans-v53 .plan-heading strong{font-size:32px;line-height:1.25;white-space:nowrap}
#planos .plans-v53 .plan-heading strong small{font-size:11px}
#planos .plans-v53 .plan ul{flex:1;padding:5px 4px 0;margin:0 0 12px}
#planos .plans-v53 .plan li{font-size:12px;padding:5px 0}
#planos .plans-v53 .plan .btn{margin-top:auto;min-height:53px;border-radius:12px;font-size:12px}
@media(max-width:1050px){#planos .plans-v53{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:550px){#planos .plans-v53{grid-template-columns:1fr}#planos .plans-v53 .plan-heading{height:320px;min-height:320px}#planos .plans-v53 .plan{min-height:535px}}

/* V54 — cards de planos reestruturados: uma unica imagem por card,
   arte visual separada de titulos, valores, listas e botoes HTML. */
#planos .plans-v53{gap:22px}
#planos .plans-v53 .plan{min-height:560px;padding:0 18px 20px;background:linear-gradient(180deg,#062b47 0%,#031b2e 62%);border-color:#0c77b5}
#planos .plans-v53 .plan-heading{height:333px;min-height:333px;margin:0 -18px;padding:24px 20px 0;background-image:none !important;background-color:#041e33;background-size:initial;overflow:hidden;isolation:isolate}
#planos .plans-v53 .plan-heading::before{content:"";display:block;position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,#03192d 0%,rgba(3,25,45,.98) 18%,rgba(3,25,45,.0) 40%,rgba(3,25,45,0) 76%,#031b2e 100%);pointer-events:none}
#planos .plans-v53 .plan-heading::after{content:"";display:block;position:absolute;z-index:-1;inset:80px 0 0;background:radial-gradient(ellipse at 75% 65%,rgba(0,153,255,.25),transparent 60%);pointer-events:none}
#planos .plans-v53 .plan-heading .plan-art{position:absolute;z-index:-1;left:0;right:0;bottom:0;width:100%;height:258px;object-fit:cover;object-position:center bottom;display:block;max-width:none;filter:saturate(1.13) contrast(1.07);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 21%,black 76%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,black 21%,black 76%,transparent 100%)}
#planos .plans-v53 .plan-heading h3{font-size:22px;font-weight:800}
#planos .plans-v53 .plan-heading h3 .plan-accent{color:#26a4ff}
#planos .plans-v53 .plan-heading>span{display:block;margin-top:3px}
#planos .plans-v53 .plan-heading strong{display:block;margin-top:3px;font-size:34px;letter-spacing:-.6px}
#planos .plans-v53 .plan ul{padding:0 5px;margin:0 0 18px}
#planos .plans-v53 .plan li{font-size:12px;line-height:1.45;padding:5px 0}
#planos .plans-v53 .plan .btn{font-weight:700;min-height:54px;box-shadow:0 7px 22px rgba(0,225,130,.15)}
#planos .plans-v53 .plan .btn.bluebtn{box-shadow:0 7px 22px rgba(0,123,255,.2)}
#planos .section-heading h2 .plan-accent{color:#27a7ff}
@media(max-width:550px){#planos .plans-v53 .plan-heading{height:345px;min-height:345px}#planos .plans-v53 .plan-heading .plan-art{height:260px}#planos .plans-v53 .plan{min-height:570px}}


/* V55: imagens originais fornecidas pelo cliente. Uma unica imagem de fundo por card.
   Desativamos a imagem IMG da V54 para evitar sobreposicao. */
#planos .plans-v53 .plan-heading .plan-art{display:none !important}
#planos .plans-v53 .plan-heading{background-repeat:no-repeat !important;background-size:cover !important;background-position:center 66% !important;background-color:#041e33 !important;height:340px;min-height:340px}
#planos .plans-v53 .plan:nth-child(1) .plan-heading{background-image:linear-gradient(180deg,rgba(2,19,38,.92) 0%,rgba(2,19,38,.68) 23%,rgba(2,19,38,.02) 53%,rgba(3,27,46,.07) 77%,#031b2e 100%),url('assets/plano-original-carro-v55.webp') !important}
#planos .plans-v53 .plan:nth-child(2) .plan-heading{background-image:linear-gradient(180deg,rgba(2,19,38,.92) 0%,rgba(2,19,38,.68) 23%,rgba(2,19,38,.02) 53%,rgba(3,27,46,.07) 77%,#031b2e 100%),url('assets/plano-original-moto-v55.webp') !important}
#planos .plans-v53 .plan:nth-child(3) .plan-heading{background-image:linear-gradient(180deg,rgba(2,19,38,.92) 0%,rgba(2,19,38,.68) 23%,rgba(2,19,38,.02) 53%,rgba(3,27,46,.07) 77%,#031b2e 100%),url('assets/plano-original-familia-v55.webp') !important}
#planos .plans-v53 .plan:nth-child(4) .plan-heading{background-image:linear-gradient(180deg,rgba(2,19,38,.92) 0%,rgba(2,19,38,.68) 23%,rgba(2,19,38,.02) 53%,rgba(3,27,46,.07) 77%,#031b2e 100%),url('assets/plano-original-empresa-v55.webp') !important}
#planos .plans-v53 .plan-heading::before,#planos .plans-v53 .plan-heading::after{display:none !important;content:none !important}
#planos .plans-v53 .plan-heading h3,#planos .plans-v53 .plan-heading>span,#planos .plans-v53 .plan-heading strong{z-index:2 !important}
@media(max-width:550px){#planos .plans-v53 .plan-heading{height:365px;min-height:365px;background-position:center 67% !important}}

/* V56 — cards com retratos circulares, conteúdo HTML independente */
.testimonials-grid article{display:flex;align-items:center;gap:18px;min-height:190px;padding:23px 20px;overflow:hidden;background:linear-gradient(135deg,#062b46,#031b30);box-shadow:0 12px 32px #0002}
.testimonial-avatar{width:108px;height:108px;flex:0 0 108px;object-fit:cover;object-position:center;border-radius:50%;border:2px solid #148bda;box-shadow:0 0 0 3px #061d31}
.testimonial-content{min-width:0;flex:1}
.testimonials-grid .quote-mark{font-weight:800;margin-bottom:6px}
.testimonials-grid h3{font-size:17px;line-height:1.25;margin-bottom:8px}
.testimonials-grid p{font-size:13px;line-height:1.55;color:#c4d6e9;margin:0 0 14px}
.testimonials-grid span{font-size:10px;letter-spacing:.02em}
.testimonial-disclaimer{font-size:11px;color:#8daac0;text-align:center;margin:16px 0 0}
@media(max-width:1100px){.testimonials-grid article{flex-direction:column;text-align:center;align-items:center}.testimonial-avatar{width:96px;height:96px;flex-basis:96px}}
@media(max-width:800px){.testimonials-grid article{flex-direction:row;text-align:left;align-items:center}.testimonial-avatar{width:92px;height:92px;flex-basis:92px}}
@media(max-width:390px){.testimonials-grid article{gap:12px;padding:16px}.testimonial-avatar{width:74px;height:74px;flex-basis:74px}}

/* V57 — fotografia única da atendente, sem sobreposição ou zoom */
.contact-panel{background-color:#031d31!important;background-image:linear-gradient(90deg,#031d31 0%,#031d31 25%,rgba(3,29,49,.97) 39%,rgba(3,29,49,.78) 57%,rgba(3,29,49,.32) 79%,rgba(3,29,49,.08) 100%),url("assets/atendente-contato-v57.webp")!important;background-position:center,right center!important;background-size:100% 100%,auto 100%!important;background-repeat:no-repeat!important;}
.contact-panel .support-banner{display:none!important;}
@media(max-width:750px){.contact-panel{background-image:linear-gradient(90deg,rgba(3,29,49,.98),rgba(3,29,49,.90)),url("assets/atendente-contato-v57.webp")!important;background-size:100% 100%,auto 100%!important;background-position:center,right center!important;}}

/* V58 — Recursos: layout leve em 3 colunas, mantendo as seis cores originais. */
#recursos{background:linear-gradient(180deg,#031827 0%,#041c30 100%)}
#recursos .section-heading{margin-bottom:44px}
#recursos .feature-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important;align-items:stretch}
#recursos .feature{position:relative!important;display:grid!important;grid-template-columns:88px minmax(0,1fr)!important;grid-template-rows:auto auto!important;column-gap:18px!important;row-gap:10px!important;align-content:center!important;align-items:center!important;justify-items:stretch!important;text-align:left!important;min-height:208px!important;padding:26px!important;margin:0!important;border:1px solid #116397!important;border-radius:19px!important;background:linear-gradient(135deg,#08304e 0%,#052039 100%)!important;overflow:hidden!important;box-shadow:inset 0 1px 0 #ffffff0b,0 14px 35px #00000012!important}
#recursos .feature:hover{border-color:#209fe5!important;box-shadow:0 12px 35px #00101f8a,0 0 20px #008cff22!important;transform:translateY(-4px)}
#recursos .feature-icon{grid-column:1!important;grid-row:1!important;width:76px!important;height:76px!important;border-radius:22px!important;justify-self:start!important;box-shadow:0 8px 30px #0004!important}
#recursos .feature-icon svg{width:37px!important;height:37px!important}
#recursos .feature h3{grid-column:2!important;grid-row:1!important;font-size:20px!important;line-height:1.3!important;text-align:left!important;align-self:center!important;margin:0 20px 0 0!important;letter-spacing:-.45px!important}
#recursos .feature p{grid-column:1 / -1!important;grid-row:2!important;align-self:start!important;font-size:14px!important;line-height:1.6!important;text-align:left!important;margin:0!important;color:#b9cfdf!important;flex:none!important}
#recursos .feature .feature-photo{display:none!important}
#recursos .feature-arrow{position:absolute;right:22px;top:51px;width:32px;height:32px;border-radius:50%;background:#0b4169;display:grid;place-items:center;color:#e8f8ff;font-size:30px;line-height:1;pointer-events:none}
@media(max-width:1050px){#recursos .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:650px){#recursos .feature-grid{grid-template-columns:1fr!important;gap:14px!important}#recursos .feature{min-height:165px!important;padding:21px!important;grid-template-columns:65px minmax(0,1fr)!important;gap:12px!important}#recursos .feature-icon{width:58px!important;height:58px!important;border-radius:16px!important}#recursos .feature-icon svg{width:29px!important;height:29px!important}#recursos .feature h3{font-size:18px!important}#recursos .feature p{font-size:13px!important}#recursos .feature-arrow{top:35px;right:18px}}

/* V59 — Navegação por âncoras com espaço para o cabeçalho fixo */
html { scroll-padding-top: 105px; }
[id] { scroll-margin-top: 105px; }
@media (max-width: 767px) { html { scroll-padding-top: 86px; } [id] { scroll-margin-top: 86px; } }

/* V61: ações do formulário */
.contact-actions{display:grid;grid-template-columns:1fr;gap:12px;margin-top:18px}
.contact-actions .btn{width:100%;min-height:50px;display:flex;justify-content:center;align-items:center}
.contact-email-button{border:1px solid #20a9f2!important;color:#e9f7ff!important;background:rgba(4,35,61,.82)!important}
.contact-email-button:hover{background:rgba(12,87,143,.7)!important}
.contact-email-button:disabled{opacity:.65;cursor:wait}
.contact-status{font-size:13px;line-height:1.5;margin:10px 0 0;color:#b9e5ff}

.contact-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
/* V64: contato compacto */
@media(min-width:801px){.faq-section .faq-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:30px;align-items:start}.faq-section .contact-panel{min-height:0;padding:24px 26px 22px}.faq-section .contact-panel h2{font-size:26px;line-height:1.16;margin:12px 0 10px;max-width:68%}.faq-section .contact-panel>p{font-size:13px;line-height:1.5;margin:0 0 15px;max-width:68%}.faq-section .contact-panel form{max-width:73%}}
.faq-section .contact-panel form label{display:block;font-size:11px;margin:9px 0 5px}.faq-section .contact-panel form input,.faq-section .contact-panel form select{min-height:40px;height:40px;padding:8px 12px}.faq-section .contact-panel form textarea{min-height:70px;height:70px;padding:9px 12px;resize:vertical}.faq-section .contact-actions{gap:8px;margin-top:12px}.faq-section .contact-actions .btn{min-height:42px;padding:10px 12px;font-size:12px}.faq-section .contact-status:empty{display:none}
@media(max-width:800px){.faq-section .contact-panel{min-height:0;padding:23px}.faq-section .contact-panel h2{font-size:25px;margin:10px 0}.faq-section .contact-panel>p{font-size:13px;margin:0 0 14px}.faq-section .contact-panel form{max-width:100%}}

/* V89 — Remoção do selo superior e redistribuição vertical do conteúdo principal. */
@media (min-width:1051px) {
  .hero .hero-copy {padding-top:88px!important;}
  .hero .hero-copy h1 {margin-top:0!important;}
  .hero .hero-copy > p {margin-top:44px!important;}
}
@media (min-width:1051px) and (max-width:1250px) {
  .hero .hero-copy > p {margin-top:32px!important;}
}

/* V90 — Eleva discretamente o bloco de texto do topo, sem afetar os elementos da imagem. */
@media (min-width:1051px) {
  .hero .hero-copy {transform:translateY(-32px)!important;}
}
