:root{--navy:#0b3f52;--navy2:#073848;--blue:#0b7399;--blue2:#086487;--teal:#17a58f;--ink:#102e45;--text:#526b7f;--muted:#7790a2;--line:#dfe8ef;--surface:#f4f7fa;--white:#fff;--section:#f5f8fb}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:88px}
body{margin:0;color:var(--ink);background:var(--white);font-family:Inter,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}h1,h2,h3,p{margin-top:0}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;flex:none}.sprite{position:absolute;width:0;height:0;overflow:hidden}.container{max-width:1250px;width:calc(100% - 64px);margin-inline:auto}
.site-header{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.97);backdrop-filter:blur(14px);border-bottom:1px solid #e0e9ef}.header-inner{height:78px;display:flex;align-items:center;gap:28px;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;flex:none}.brand-symbol{width:43px;height:46px;position:relative;overflow:hidden;display:block}.brand-symbol img{position:absolute;width:117px;height:117px;max-width:none;left:-33px;top:-27px}.brand-title{display:flex;flex-direction:column;gap:3px}.brand-title strong{font-size:21px;line-height:1;letter-spacing:.5px;font-weight:800;color:#155a74}.brand-title small{font-size:11px;color:#1d7895}.desktop-nav{display:flex;align-items:center;gap:25px;margin-left:auto}.desktop-nav a{font-size:13px;font-weight:650;color:#496378;transition:color .2s}.desktop-nav a:hover,.header-login:hover{color:#078a95}.header-actions{display:flex;align-items:center;gap:17px}.header-login{font-size:13px;font-weight:700;color:#1d5873;white-space:nowrap}.theme-toggle,.menu-toggle{height:40px;width:40px;display:grid;place-items:center;color:#1e617c;border:1px solid #d6e6ed;background:#f7fafc;border-radius:10px;transition:background .2s}.theme-toggle:hover,.menu-toggle:hover{background:#eaf5f8}.theme-toggle svg,.menu-toggle svg{width:19px;height:19px}.theme-toggle .sun{display:none}.menu-toggle{display:none}.mobile-nav{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:49px;padding:0 22px;border:1px solid transparent;border-radius:9px;font-weight:750;font-size:13px;white-space:nowrap;transition:background .2s,box-shadow .2s,transform .2s}.btn svg{height:17px;width:17px}.btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(5,75,104,.13)}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 5px 14px rgba(6,98,133,.11)}.btn-primary:hover{background:#075d80}.btn-sm{min-height:40px;font-size:12px;padding:0 16px}.btn-secondary{background:#fff;border-color:#cbdce6;color:#175b78}.btn-secondary:hover{background:#f6fbfd}.btn-white{background:#fff;color:#086180}.btn-white:hover{background:#e8f9f8}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #45c7b8;outline-offset:3px}

/* Apresentação principal: o próprio painel é o destaque visual. */
.hero{background:#fff;padding:68px 0 70px}.hero-grid{display:grid;grid-template-columns:minmax(330px,.78fr) minmax(0,1.22fr);align-items:center;gap:56px}.hero-copy{padding:5px 0}.eyebrow,.section-kicker{font-size:10px;letter-spacing:1.7px;font-weight:850;color:#087e91}.hero h1{font-size:clamp(39px,3.8vw,57px);line-height:1.11;font-weight:810;letter-spacing:-2px;margin:19px 0 22px;max-width:550px}.hero h1 span{color:#0a7c9e}.hero-copy>p{font-size:15px;line-height:1.85;color:#5b7183;max-width:480px;margin-bottom:28px}.hero-actions{display:flex;gap:11px;flex-wrap:wrap}.hero-points{display:flex;flex-wrap:wrap;gap:12px 18px;margin-top:25px}.hero-points span{font-size:11px;font-weight:650;color:#607d8b;display:inline-flex;align-items:center;gap:6px}.hero-points svg{width:14px;height:14px;color:#15a58f;stroke-width:3}
.web-showcase{min-width:0}.web-screen{height:480px;background:#f3f6fa;border:1px solid #ccdbe5;border-radius:13px;overflow:hidden;display:flex;box-shadow:0 24px 60px rgba(20,63,85,.12)}.web-sidebar{flex:0 0 155px;background:#0a3d4e;padding:14px 9px;color:#d8eef4}.web-brand{display:flex;align-items:center;gap:7px;padding:0 5px 13px;border-bottom:1px solid #22586b;margin-bottom:13px}.web-logo{height:35px;width:33px;position:relative;display:block;overflow:hidden}.web-logo img{position:absolute;max-width:none;width:92px;height:92px;left:-26px;top:-21px}.web-brand>span:last-child{display:flex;flex-direction:column}.web-brand b{font-size:12px;line-height:1.1;color:#fff;letter-spacing:.3px}.web-brand small{font-size:8px;color:#a7dce8;margin-top:3px}.web-search{font-size:8px;color:#b3d6e3;margin:6px 4px 13px}.web-search span{display:block;margin-top:5px;background:#22586b;border:1px solid #4a7a8d;padding:8px;color:#d6e8ef;border-radius:4px}.web-nav{display:flex;align-items:center;gap:8px;padding:9px 7px;color:#d8eff3;font-weight:650;font-size:8.6px;white-space:nowrap;margin-bottom:4px;border-radius:6px}.web-nav svg{width:14px;height:14px;color:#a5d2df}.web-nav.active{background:#24596c;color:#fff}.web-content{flex:1;min-width:0;display:flex;flex-direction:column}.web-top{height:62px;background:#fff;border-bottom:1px solid #dce7ef;padding:10px 17px;display:flex;justify-content:space-between;align-items:center}.web-top div{display:flex;flex-direction:column;gap:4px}.web-top small{font-size:8px;color:#6884a0}.web-top strong{font-size:18px;color:#0e2f4d;letter-spacing:-.5px}.web-bell{border:1px solid #d8e5ed;border-radius:6px;color:#315d74;width:25px;height:25px;display:grid;place-items:center}.web-bell svg{width:15px;height:15px}.web-body{padding:14px 13px;background:#f2f5f9;flex:1;overflow:hidden}.web-row-heading{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-bottom:11px}.web-row-heading>div:first-child{display:flex;flex-direction:column;gap:4px}.web-row-heading strong{font-size:11px;color:#173650}.web-row-heading small{font-size:8px;color:#6586a7}.web-shortcuts{display:flex;gap:4px}.web-shortcuts span{font-size:7px;color:#17617a;background:#ecf9fb;border:1px solid #d4eaf1;border-radius:5px;padding:8px 7px;white-space:nowrap}.web-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.web-metric{border-radius:8px;border:1px solid #dbe4ec;background:#fff;display:flex;align-items:center;gap:8px;padding:12px 8px;min-width:0}.metric-icon{border-radius:50%;height:32px;width:32px;display:grid;place-items:center;flex:none;background:#e3f0fb;color:#0879c5}.metric-icon svg{width:18px;height:18px}.web-metric>div{min-width:0;display:flex;flex-direction:column;gap:3px}.web-metric strong{font-size:18px;line-height:1;color:#153e5c}.web-metric span:not(.metric-icon){font-size:8px;color:#1d425f;white-space:nowrap}.web-metric small{font-size:6.6px;color:#728db0;white-space:nowrap}.web-metric.slate .metric-icon{background:#e4edf4;color:#0f5680}.web-metric.green{background:#effaf7}.web-metric.green .metric-icon{background:#dcf7ea;color:#0ba887}.web-metric.green strong{color:#198f6c}.web-metric.rose{background:#fff6f8}.web-metric.rose .metric-icon{background:#ffeaef;color:#d44c69}.web-panels{display:grid;grid-template-columns:1.6fr .88fr;gap:8px;margin-top:9px}.web-panel-stack{min-width:0;display:flex;flex-direction:column;gap:8px}.web-panel{background:#fff;border:1px solid #dce6ee;border-radius:8px;padding:11px;min-width:0}.panel-head{display:flex;align-items:center;gap:8px}.panel-icon{color:#0b7c9b;width:21px;height:24px;display:grid;place-items:center;flex:none}.panel-icon svg{width:20px;height:20px}.panel-head>div{display:flex;flex-direction:column;gap:3px}.panel-head strong{font-size:10px;color:#103d60}.panel-head small{font-size:7px;color:#7291b3}.panel-head em{font-style:normal;border:1px solid #d5e4ed;border-radius:5px;color:#31546a;padding:6px;margin-left:auto;font-size:7px}.web-table{margin-top:10px;border:1px solid #dce6ed;border-radius:6px;overflow:hidden}.web-table-head,.web-table-row{display:grid;grid-template-columns:.63fr 1.35fr 1fr;gap:5px;align-items:center;padding:8px 8px}.web-table-head{font-size:7px;color:#5479a4;background:#edf5f9;font-weight:750}.web-table-row{background:#fff;border-top:1px solid #e4ecf3;font-size:7px;color:#17405c}.web-table-row>span{display:flex;flex-direction:column;gap:3px}.web-table-row b{font-size:8px}.web-table-row small{font-size:7px;color:#7195b1}.equipment-panel{padding:10px}.equipments{display:flex;gap:6px;margin-top:9px}.equipments span{border:1px solid #dbe6ed;border-radius:5px;display:flex;align-items:center;gap:5px;font-size:7px;font-weight:750;color:#1d405d;padding:8px 6px;flex:1;white-space:nowrap}.equipments i{background:#3db793;height:6px;width:6px;border-radius:50%;flex:none}.panel-icon.amber{color:#f0a000;font-size:21px;font-weight:800}.pending-line{display:flex;justify-content:space-between;align-items:center;gap:6px;padding:9px 0;border-bottom:1px solid #e6edf3;font-size:7px;color:#27526c}.pending-line:last-child{border:0}.pending-line b{font-size:7px;padding:3px 6px;border-radius:30px;background:#edf4f7;color:#426178}.pending-line:first-of-type b{background:#fff0f2;color:#c94b65}.action-tiles{display:grid;grid-template-columns:1fr;gap:5px;margin-top:9px}.action-tiles span{padding:8px;border:1px solid #dce7ee;border-radius:5px;font-size:7px;color:#27536c}.showcase-caption{font-size:10px;color:#7d92a1;display:flex;align-items:center;justify-content:flex-end;gap:7px;margin-top:11px}.caption-dot{width:6px;height:6px;background:#27b19c;border-radius:50%}

.benefit-strip{background:#0c4053;color:#fff}.strip-grid{display:grid;grid-template-columns:repeat(4,1fr)}.strip-grid>div{padding:27px 24px;border-right:1px solid #286074;display:flex;flex-direction:column;gap:6px}.strip-grid>div:first-child{padding-left:0}.strip-grid>div:last-child{border:0}.strip-grid span{font-size:11px;font-weight:800;color:#69d7c6;letter-spacing:1px}.strip-grid strong{font-size:13px}.strip-grid small{font-size:11px;color:#b0ced9}
.section{padding:95px 0}.section-heading{max-width:730px;margin-bottom:35px}.section-heading h2,.mobile-copy h2,.integration-grid h2,.faq-grid h2{font-size:clamp(31px,3.3vw,43px);line-height:1.2;letter-spacing:-1.5px;font-weight:800;margin:13px 0 17px}.section-heading p,.mobile-copy>p,.integration-grid>div>p,.faq-grid>div>p{font-size:14px;line-height:1.8;color:#627c8d;max-width:650px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-group{background:#fff;border:1px solid #e0e8ed;border-radius:13px;padding:29px 29px 26px}.group-number{font-size:9px;font-weight:850;letter-spacing:1.3px;color:#7690a2}.group-icon{width:45px;height:45px;border-radius:10px;background:#e9f4f7;color:#0c7895;display:grid;place-items:center;margin:23px 0 19px}.group-icon svg{height:23px;width:23px}.feature-group h3{font-size:19px;letter-spacing:-.5px;margin-bottom:11px}.feature-group p{font-size:13px;line-height:1.72;color:#6c8190;min-height:67px;margin-bottom:20px}.feature-group ul{list-style:none;margin:0;padding:18px 0 0;border-top:1px solid #e5edf1;display:flex;flex-direction:column;gap:12px}.feature-group li{font-size:12px;color:#3d6074;display:flex;gap:9px;align-items:flex-start}.feature-group li:before{content:"✓";font-weight:800;color:#0da88e}

/* Mobile reproduz a ordem dos blocos do aplicativo Android original. */
.mobile-section{background:#f2f7fa;overflow:hidden}.mobile-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:105px}.mobile-stage{display:flex;flex-direction:column;align-items:center}.mobile-device{width:365px;height:670px;background:#f6f9fd;border:1px solid #d6e2eb;border-radius:22px;overflow:hidden;box-shadow:0 24px 60px rgba(10,61,85,.12)}.mobile-status{height:30px;background:#075778;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 19px;font-size:11px;font-weight:800}.mobile-top{height:77px;background:linear-gradient(105deg,#09688e,#095b7b);display:flex;align-items:center;justify-content:space-between;padding:12px 18px;color:#fff}.mobile-brand{display:flex;align-items:center;gap:9px}.mobile-logo{position:relative;height:44px;width:48px;overflow:hidden}.mobile-logo img{position:absolute;width:132px;height:132px;max-width:none;left:-38px;top:-31px}.mobile-brand>span:last-child{display:flex;flex-direction:column}.mobile-brand b{font-size:19px;line-height:1}.mobile-brand small{font-size:12px;margin-top:5px;color:#e6f4f6}.mobile-hamburger{width:38px;height:38px;border-radius:9px;background:#0b4e70;display:grid;place-items:center}.mobile-body{padding:15px 16px 25px;height:calc(100% - 107px);overflow:hidden}.mobile-welcome{border-radius:13px;background:linear-gradient(125deg,#0b678b,#08608b);color:#fff;padding:20px 20px 15px;display:flex;flex-direction:column}.mobile-welcome>span{font-size:11px;letter-spacing:.8px;color:#aed8e7;font-weight:700}.mobile-welcome>strong{font-size:21px;margin:9px 0 7px}.mobile-welcome>small{font-size:12px;color:#c7e2ec}.mobile-date{margin-top:17px;padding-top:14px;border-top:1px solid rgba(255,255,255,.17);display:flex;align-items:center;gap:10px}.mobile-date>svg{width:25px;height:25px;color:#d1f0fa}.mobile-date>svg:last-child{margin-left:auto;color:#9fcee1}.mobile-date div{display:flex;flex-direction:column;gap:4px}.mobile-date b{font-size:13px}.mobile-date small{font-size:9px;color:#c2e3ec}.mobile-last{height:44px;display:flex;align-items:center;gap:9px;margin-top:11px;background:#fff;border:1px solid #dde6ee;border-radius:10px;color:#5c7285;padding:0 13px;font-size:11px}.mobile-last svg{width:18px;height:18px}.mobile-punch{display:flex;align-items:center;justify-content:space-around;background:#0a7096;color:#fff;border-radius:10px;margin-top:12px;height:62px;font-weight:800;font-size:15px;box-shadow:0 4px 10px rgba(12,81,106,.17)}.mobile-punch svg:first-child{width:33px;height:33px}.mobile-punch svg:last-child{height:19px;width:19px}.mobile-connected{margin:13px 3px;color:#687f91;font-size:11px;display:flex;align-items:center;gap:7px}.mobile-connected i{width:8px;height:8px;border-radius:50%;background:#15a77c}.mobile-location{border:1px solid #dbe5ec;background:#fff;border-radius:13px;padding:12px;box-shadow:0 5px 15px rgba(15,66,92,.06)}.location-title{display:flex;align-items:center;gap:9px;padding-bottom:10px}.location-title>span:first-child{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;color:#0a7b9d;background:#e4f1f7}.location-title svg{width:19px;height:19px}.location-title>div{display:flex;flex-direction:column;gap:4px}.location-title strong{font-size:13px}.location-title small{font-size:9px;color:#6f8393}.refresh-icon{margin-left:auto;color:#11749b}.location-map{position:relative;height:115px;border-radius:9px;background:#e6e8e5;border:1px solid #d9dedc;overflow:hidden}.road{position:absolute;background:#fff;box-shadow:0 0 0 3px #ced6d2}.road.r1{width:125%;height:13px;top:35px;left:-20px;transform:rotate(17deg)}.road.r2{height:160%;width:15px;top:-20px;left:130px;transform:rotate(35deg)}.road.r3{height:11px;width:130%;top:85px;left:-20px;transform:rotate(-19deg)}.road.r4{height:150%;width:10px;top:-10px;left:230px;transform:rotate(-32deg)}.accuracy-circle{position:absolute;top:19px;left:125px;width:75px;height:75px;border:2px solid #0c9c84;border-radius:50%;background:rgba(27,180,150,.12)}.current-pin{position:absolute;top:49px;left:155px;width:16px;height:16px;border-radius:50%;background:#0b6ca5;box-shadow:0 0 0 4px rgba(10,117,165,.16)}.location-map small{position:absolute;bottom:6px;right:6px;background:#fff;border-radius:3px;padding:4px;color:#5d7481;font-size:7px}.within-fence{background:#e0f6ed;border-radius:8px;display:flex;align-items:center;gap:9px;padding:9px;margin-top:9px;color:#0c8b65}.within-fence>span{display:grid;place-items:center;color:#fff;background:#0b9d74;width:25px;height:25px;border-radius:50%;font-size:14px}.within-fence div{display:flex;flex-direction:column;gap:3px}.within-fence strong{font-size:9px}.within-fence small{font-size:8px;color:#499d83}.mockup-note{font-size:10px;color:#8098a8;margin:16px 0 0}.mobile-copy h2{max-width:550px}.mobile-copy>p{margin-bottom:27px}.mobile-features{display:flex;flex-direction:column;gap:19px}.mobile-features>div{display:flex;gap:14px}.mobile-features>div>span{width:40px;height:40px;flex:none;display:grid;place-items:center;background:#e0f0f4;color:#107c98;border-radius:10px}.mobile-features svg{height:21px;width:21px}.mobile-features h3{font-size:15px;margin:2px 0 5px}.mobile-features p{font-size:12.5px;line-height:1.65;color:#738897;margin:0}.text-action{display:inline-flex;align-items:center;gap:9px;font-size:13px;font-weight:800;color:#0a7794;margin-top:27px}.text-action svg{height:17px;width:17px;transition:transform .2s}.text-action:hover svg{transform:translateX(3px)}

.integrations{background:#fff}.integration-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}.integration-grid h2{max-width:520px}.integration-grid>div>p{max-width:510px}.integration-box{border:1px solid #dae6ec;border-radius:15px;background:#fbfdff;padding:30px}.integration-head{display:flex;gap:13px;align-items:center;padding-bottom:22px;border-bottom:1px solid #e2ebf0}.integration-head>span{display:grid;place-items:center;width:44px;height:44px;border-radius:11px;background:#e3f2f4;color:#0c8597}.integration-head>div{display:flex;flex-direction:column;gap:5px}.integration-head strong{font-size:15px}.integration-head small{font-size:11px;color:#8195a3}.manufacturer-list{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin:23px 0}.manufacturer-list span{border:1px solid #dfe8ed;background:#fff;border-radius:8px;text-align:center;font-size:17px;font-weight:750;color:#1b526b;padding:17px 10px}.integration-box p{margin:0;font-size:11px;line-height:1.6;color:#8295a3}
.faq-section{background:#f6f9fb}.faq-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:start}.faq-grid>div>p{max-width:440px;margin-bottom:24px}.faq-list{display:flex;flex-direction:column;gap:10px}.faq-list details{background:#fff;border:1px solid #dfe8ee;border-radius:9px;overflow:hidden}.faq-list details[open]{border-color:#aacdd6}.faq-list summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:19px 20px;font-size:13px;font-weight:700;color:#314e62;cursor:pointer}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary svg{height:16px;width:16px;transition:transform .2s;color:#307f93}.faq-list details[open] summary svg{transform:rotate(180deg)}.faq-list details p{border-top:1px solid #ebf1f4;color:#677d8c;font-size:12.5px;line-height:1.7;margin:0;padding:15px 20px 20px}
.contact-section{padding:75px 0 90px;background:#fff}.contact-panel{border-radius:19px;background:linear-gradient(115deg,#0b4053,#0c6e8b);color:#fff;padding:48px 57px;display:grid;grid-template-columns:1.4fr .6fr;gap:44px;align-items:center}.contact-panel>div:first-child>span{font-size:10px;font-weight:850;color:#99e5d9;letter-spacing:1.5px}.contact-panel h2{font-size:clamp(31px,3vw,40px);line-height:1.2;letter-spacing:-1.3px;margin:14px 0 15px}.contact-panel p{font-size:13px;line-height:1.8;color:#c7e2ea;max-width:550px;margin-bottom:24px}.contact-actions{display:flex;align-items:center;gap:27px;flex-wrap:wrap}.contact-actions>a:last-child{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700}.contact-actions>a:last-child svg{height:16px;width:16px}.contact-logo{width:250px;height:250px;max-width:100%;background:#fff;border-radius:16px;display:grid;place-items:center;padding:8px;justify-self:center;box-shadow:0 13px 30px rgba(0,36,56,.2)}.contact-logo img{max-width:100%;width:235px;height:235px;object-fit:contain}
.site-footer{border-top:1px solid #e0e9ee;background:#f4f8fa}.footer-grid{padding:53px 0 44px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:45px}.footer-grid>div:first-child>p{font-size:12px;line-height:1.7;color:#728b9c;max-width:320px;margin:19px 0 0}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:12px}.footer-grid h3{font-size:13px;margin-bottom:4px}.footer-grid a:not(.brand){font-size:12px;color:#6d8494}.footer-grid a:not(.brand):hover{color:#0b7c94}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #e2e9ee;padding:21px 0;font-size:11px;color:#8ba0ad}.floating-contact{position:fixed;z-index:55;bottom:22px;right:22px;display:inline-flex;align-items:center;gap:9px;border-radius:30px;color:#fff;background:#0b8793;padding:13px 17px;box-shadow:0 10px 25px rgba(3,77,100,.2);font-size:12px;font-weight:800}.floating-contact svg{width:18px;height:18px}
.reveal{opacity:0;transform:translateY(12px);transition:opacity .48s ease,transform .48s ease}.reveal.visible{opacity:1;transform:none}

/* Tema escuro mantém os visuais dos produtos claros, como no sistema real. */
html[data-theme=dark]{color-scheme:dark;--ink:#edf6fa;--text:#b5ced9;--muted:#9bb8c5;--line:#2c5264;--white:#092b3b;--surface:#103a4c;--section:#103748}
html[data-theme=dark] body{background:#092b3b;color:#eaf5fa}
html[data-theme=dark] .site-header{background:rgba(7,34,48,.97);border-bottom-color:#234d5f}
html[data-theme=dark] .brand-title strong{color:#fff}html[data-theme=dark] .brand-title small{color:#aedbe4}
html[data-theme=dark] .desktop-nav a,html[data-theme=dark] .header-login{color:#cadde5}
html[data-theme=dark] .desktop-nav a:hover,html[data-theme=dark] .header-login:hover{color:#81e2d8}
html[data-theme=dark] .theme-toggle,html[data-theme=dark] .menu-toggle{background:#153e50;border-color:#345e70;color:#b5ede3}
html[data-theme=dark] .theme-toggle .moon{display:none}html[data-theme=dark] .theme-toggle .sun{display:block}
html[data-theme=dark] .mobile-nav{background:#0b3548;border-color:#2e5868}html[data-theme=dark] .mobile-nav a{color:#d4e9ed;border-color:#255467}
html[data-theme=dark] .hero{background:#092b3b}html[data-theme=dark] .hero h1{color:#f3fbfe}html[data-theme=dark] .hero h1 span{color:#6dd5d1}html[data-theme=dark] .hero-copy>p{color:#b2cbd8}html[data-theme=dark] .eyebrow,html[data-theme=dark] .section-kicker{color:#77dcd3}html[data-theme=dark] .hero-points span{color:#bad3de}html[data-theme=dark] .showcase-caption{color:#a7c5d0}
html[data-theme=dark] .benefit-strip{background:#061f2e}
html[data-theme=dark] .btn-secondary{background:#133e50;color:#eaf7fb;border-color:#356277}html[data-theme=dark] .btn-secondary:hover{background:#1c4d61}
html[data-theme=dark] .section-heading p,html[data-theme=dark] .mobile-copy>p,html[data-theme=dark] .integration-grid>div>p,html[data-theme=dark] .faq-grid>div>p{color:#b1cad5}
html[data-theme=dark] .feature-group{background:#13394b;border-color:#2b5264}html[data-theme=dark] .feature-group h3{color:#eaf7fa}html[data-theme=dark] .feature-group p{color:#adc6d2}html[data-theme=dark] .feature-group ul{border-color:#2b5667}html[data-theme=dark] .feature-group li{color:#c5dce4}html[data-theme=dark] .group-number{color:#94b3c2}html[data-theme=dark] .group-icon{background:#1a5264;color:#91e3d8}
html[data-theme=dark] .mobile-section,html[data-theme=dark] .faq-section{background:#103747}html[data-theme=dark] .mobile-features h3{color:#eaf5f9}html[data-theme=dark] .mobile-features p{color:#b1c9d3}html[data-theme=dark] .mobile-features>div>span{background:#1b4a5e;color:#84dfd3}html[data-theme=dark] .text-action{color:#83e2d7}html[data-theme=dark] .mockup-note{color:#a8c7d2}
html[data-theme=dark] .integrations,html[data-theme=dark] .contact-section{background:#092b3b}html[data-theme=dark] .integration-box{background:#133b4d;border-color:#2a5567}html[data-theme=dark] .integration-head{border-color:#2a5365}html[data-theme=dark] .integration-head>span{background:#1e5263;color:#9ce5da}html[data-theme=dark] .integration-head small,html[data-theme=dark] .integration-box p{color:#b5cbd5}html[data-theme=dark] .manufacturer-list span{background:#103243;border-color:#2a5365;color:#dceef3}
html[data-theme=dark] .faq-list details{background:#143c4e;border-color:#30586a}html[data-theme=dark] .faq-list details[open]{border-color:#57a4a6}html[data-theme=dark] .faq-list summary{color:#e5f3f7}html[data-theme=dark] .faq-list details p{color:#b5ced8;border-color:#2b5669}
html[data-theme=dark] .site-footer{background:#061f2d;border-color:#25495a}html[data-theme=dark] .footer-grid h3{color:#eaf5fa}html[data-theme=dark] .footer-grid>div:first-child>p,html[data-theme=dark] .footer-grid a:not(.brand){color:#b3cbd5}html[data-theme=dark] .footer-bottom{border-color:#23495a;color:#9eb6c3}

@media(max-width:1170px){.desktop-nav{gap:15px}.header-actions{gap:11px}.hero-grid{gap:32px}.web-sidebar{flex-basis:131px}.web-nav{font-size:7.5px}.web-metric{gap:4px;padding:10px 6px}.metric-icon{width:27px;height:27px}.metric-icon svg{width:15px;height:15px}.web-metric strong{font-size:16px}.web-metric span:not(.metric-icon){font-size:7px}.web-metric small{font-size:6px}.web-shortcuts span{font-size:6px}.web-screen{height:460px}.mobile-grid{gap:55px}}
@media(max-width:1010px){.desktop-nav,.header-login,.header-actions .btn-sm{display:none}.menu-toggle{display:grid}.mobile-nav{display:flex;flex-direction:column;border-top:1px solid #e0e9ef;background:#fff;max-height:0;overflow:hidden;padding:0 32px;transition:max-height .2s,padding .2s}.mobile-nav[hidden]{display:none}.mobile-nav:not([hidden]){max-height:480px;padding-top:8px;padding-bottom:18px}.mobile-nav a{padding:11px 0;font-size:14px;font-weight:650;border-bottom:1px solid #edf2f5}.hero-grid{grid-template-columns:1fr;gap:33px}.hero-copy{max-width:680px}.hero h1{max-width:650px}.hero-copy>p{max-width:650px}.web-showcase{max-width:800px;width:100%;justify-self:center}.web-screen{height:485px}.web-sidebar{flex-basis:155px}.web-nav{font-size:8.6px}.web-metric{gap:8px;padding:12px 8px}.metric-icon{width:32px;height:32px}.web-metric strong{font-size:18px}.mobile-grid{gap:35px}.integration-grid,.faq-grid{gap:50px}}
@media(max-width:760px){.container{width:calc(100% - 38px)}.header-inner{height:70px}.hero{padding:48px 0 50px}.hero h1{font-size:43px}.web-screen{height:405px}.web-sidebar{flex-basis:119px;padding:11px 5px}.web-nav{font-size:7px;padding:7px 4px;gap:4px}.web-nav svg{width:12px;height:12px}.web-search{font-size:7px}.web-search span{padding:6px}.web-top{height:48px}.web-body{padding:9px}.web-shortcuts span{display:none}.web-shortcuts span:first-child{display:block}.web-metric{padding:8px 5px;gap:4px}.metric-icon{width:23px;height:23px}.metric-icon svg{width:13px;height:13px}.web-metric strong{font-size:14px}.web-metric span:not(.metric-icon){font-size:6px}.web-metric small{font-size:5px}.web-panels{grid-template-columns:1.7fr .8fr;gap:5px}.web-panel{padding:7px}.panel-head strong{font-size:8px}.panel-head small{font-size:6px}.web-table-head,.web-table-row{padding:6px 4px}.web-table-row b{font-size:7px}.web-table-row small,.web-table-head{font-size:6px}.equipment-panel{display:none}.web-panel-stack.side-panels .web-panel:last-child{display:none}.benefit-strip .strip-grid{grid-template-columns:repeat(2,1fr)}.strip-grid>div{padding:21px 10px;border-bottom:1px solid #2c6678}.strip-grid>div:first-child{padding-left:10px}.strip-grid>div:nth-child(2){border-right:0}.strip-grid>div:nth-child(n+3){border-bottom:0}.section{padding:70px 0}.feature-grid{grid-template-columns:1fr}.feature-group p{min-height:auto}.mobile-grid{grid-template-columns:1fr;gap:50px}.mobile-copy{grid-row:1}.mobile-device{max-width:100%}.integration-grid,.faq-grid{grid-template-columns:1fr;gap:30px}.contact-panel{grid-template-columns:1fr;padding:40px 35px;gap:24px}.contact-logo{width:220px;height:220px;justify-self:start}.contact-logo img{width:205px;height:205px}.footer-grid{grid-template-columns:1fr 1fr;gap:34px}.footer-grid>div:first-child{grid-column:1/-1}}
@media(max-width:480px){.brand-symbol{width:41px;height:43px}.brand-title strong{font-size:19px}.container{width:calc(100% - 32px)}.header-actions{gap:8px}.theme-toggle,.menu-toggle{width:38px;height:38px}.hero h1{font-size:39px;letter-spacing:-1.5px}.hero-copy>p{font-size:14px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn{width:100%}.web-screen{height:338px;border-radius:8px}.web-sidebar{flex-basis:83px;padding:8px 4px}.web-brand{gap:3px;padding:0 0 7px;margin-bottom:7px}.web-logo{width:22px;height:24px}.web-logo img{width:65px;height:65px;left:-19px;top:-15px}.web-brand b{font-size:8px}.web-brand small{font-size:6px}.web-search{display:none}.web-nav{font-size:5.6px;padding:6px 2px;gap:3px;margin-bottom:2px}.web-nav svg{width:10px;height:10px}.web-top{height:42px;padding:6px}.web-top strong{font-size:13px}.web-top small{font-size:6px}.web-body{padding:6px}.web-row-heading{margin-bottom:7px}.web-row-heading strong{font-size:8px}.web-row-heading small{font-size:6px}.web-shortcuts{display:none}.web-metrics{grid-template-columns:repeat(2,1fr);gap:4px}.web-metric{padding:6px}.metric-icon{height:21px;width:21px}.web-metric strong{font-size:12px}.web-panels{grid-template-columns:1fr;margin-top:5px}.web-panel-stack.side-panels{display:none}.web-panel{padding:7px}.panel-head strong{font-size:8px}.web-table-head,.web-table-row{padding:5px 3px}.showcase-caption{font-size:8px}.section-heading h2,.mobile-copy h2,.integration-grid h2,.faq-grid h2{font-size:32px;letter-spacing:-1px}.strip-grid strong{font-size:11px}.strip-grid small{font-size:9px}.mobile-device{width:345px;height:650px}.mobile-body{padding:12px 13px}.mobile-welcome{padding:17px}.mobile-welcome>strong{font-size:18px}.mobile-stage{max-width:100%}.integration-box{padding:20px}.manufacturer-list span{font-size:14px;padding:14px 5px}.contact-panel{padding:34px 24px}.contact-panel h2{font-size:31px}.contact-actions{gap:18px}.footer-grid{gap:24px}.footer-bottom{flex-direction:column;gap:8px}.floating-contact{right:13px;bottom:13px;border-radius:50%;padding:13px}.floating-contact span{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Logo oficial: escala calculada para mostrar o símbolo VP completo,
   inclusive o contorno direito do relógio, em todas as interfaces. */
.brand-symbol{width:50px;height:40px}
.brand-symbol img{width:100px;height:100px;left:-26px;top:-20px}
.web-logo{width:33px;height:31px}
.web-logo img{width:70px;height:70px;left:-19px;top:-11px}
.mobile-logo{width:48px;height:40px}
.mobile-logo img{width:100px;height:100px;left:-26px;top:-20px}
@media(max-width:480px){
  .brand-symbol{width:50px;height:40px}
  .brand-symbol img{width:100px;height:100px;left:-26px;top:-20px}
  .web-logo{width:25px;height:24px}
  .web-logo img{width:54px;height:54px;left:-15px;top:-8px}
}

/* Captura fiel da interface do aplicativo, com dados de demonstração. */
.mobile-real-shot{
  display:block;
  width:min(100%,375px);
  height:auto;
  border-radius:20px;
  box-shadow:0 22px 58px rgba(6,55,75,.16);
  border:1px solid rgba(9,76,105,.11);
  background:#eaf1f5;
}
.mobile-stage .mockup-note{max-width:375px;text-align:center;font-size:11px;line-height:1.5}
@media(max-width:760px){.mobile-real-shot{width:min(100%,365px)}}

/* Marca no CTA: versão horizontal, diretamente no azul, sem cartão branco. */
.contact-brand{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:13px;
  justify-self:center;
  padding:0;
  background:transparent;
  border:0;
  box-shadow:none;
}
.contact-brand .brand-symbol{width:66px;height:53px;flex:none}
.contact-brand .brand-symbol img{width:132px;height:132px;left:-34px;top:-26px}
.contact-brand .brand-title strong{color:#fff;font-size:28px;letter-spacing:.2px}
.contact-brand .brand-title small{color:#d6eff6;font-size:14px}
@media(max-width:760px){.contact-brand{justify-self:start;margin-top:7px}}

/* Aplicativo aberto em um celular: moldura de aparelho, sem cortar a tela. */
.mobile-grid{column-gap:76px}
.mobile-phone{
  position:relative;
  width:min(100%,318px);
  padding:8px;
  border:2px solid #52606e;
  border-radius:42px;
  background:linear-gradient(140deg,#2b3b48 0%,#101a24 42%,#0b141d 75%,#364552 100%);
  box-shadow:0 25px 60px rgba(4,36,53,.24),0 7px 18px rgba(4,36,53,.12),inset 0 0 0 2px #111c27;
}
.mobile-phone::before{
  content:"";
  position:absolute;
  width:50px;
  height:3px;
  border-radius:8px;
  left:50%;
  top:3px;
  transform:translateX(-50%);
  background:#657583;
  z-index:2;
}
.mobile-phone::after{
  content:"";
  position:absolute;
  width:4px;
  height:62px;
  border-radius:0 3px 3px 0;
  background:#536270;
  right:-5px;
  top:153px;
}
.mobile-phone .mobile-real-shot{
  display:block;
  width:100%;
  height:auto;
  border-radius:33px;
  border:0;
  box-shadow:none;
}
@media(max-width:760px){.mobile-grid{column-gap:0}.mobile-phone{width:min(100%,310px)}}

/* Vozze IA — seção de apresentação e prévia ilustrativa da assistência ao RH. */
.ai-section{background:#eaf3f6;border-top:1px solid #dceaf0}
.ai-grid{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:85px}
.ai-copy h2{font-size:clamp(31px,3.3vw,43px);line-height:1.19;letter-spacing:-1.4px;margin:17px 0 19px;max-width:550px}
.ai-copy>p{font-size:14px;line-height:1.85;color:#566f80;max-width:590px}
.ai-copy>p strong{color:#075f82}
.ai-benefits{padding:0;margin:24px 0 28px;list-style:none;display:flex;flex-direction:column;gap:17px}
.ai-benefits li{display:flex;align-items:flex-start;gap:12px}
.ai-benefits li>span{display:grid;place-items:center;flex:none;width:27px;height:27px;border-radius:8px;background:#daf2eb;color:#07886c;font-size:15px;font-weight:900}
.ai-benefits li>div{display:flex;flex-direction:column;gap:4px}
.ai-benefits strong{font-size:14px;color:#153b50}
.ai-benefits small{font-size:12px;line-height:1.6;color:#617f8e}
.ai-preview{max-width:465px;justify-self:end;width:100%;background:#fff;border:1px solid #d2e0e8;border-radius:15px;overflow:hidden;box-shadow:0 22px 55px rgba(4,54,77,.11)}
.ai-preview-head{display:flex;align-items:center;gap:12px;background:#075a7f;padding:18px 20px;color:#fff}
.ai-sparkle,.ai-msg-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;flex:none;background:#0a799b;color:#b3f7ef;font-size:22px}
.ai-preview-head>div{display:flex;flex-direction:column;gap:3px}
.ai-preview-head strong{font-size:16px;line-height:1}
.ai-preview-head small{font-size:11px;color:#d1eaf2}
.ai-preview-dots{margin-left:auto;color:#b6e0ed;letter-spacing:3px;font-weight:800;font-size:19px}
.ai-preview-context{display:flex;flex-direction:column;gap:5px;padding:15px 19px;background:#fbfbf6;border-bottom:1px solid #e4e5db}
.ai-preview-context span{font-size:10px;letter-spacing:.8px;color:#537b8d;font-weight:800}
.ai-preview-context strong{font-size:13px;color:#9a7019}
.ai-preview-body{background:#f2f6f9;min-height:210px;padding:22px 20px 26px}
.ai-msg{display:flex;align-items:flex-start;gap:11px}
.ai-msg-icon{width:28px;height:28px;font-size:17px;background:#dcefeb;color:#088d83;margin-top:3px}
.ai-msg p{font-size:13px;color:#163b53;line-height:1.65;background:#fff;border:1px solid #d7e3eb;border-radius:10px;padding:14px 15px;margin:0}
.ai-suggestions{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0 0 39px}
.ai-suggestions span,.ai-preview-foot>span{display:inline-flex;align-items:center;background:#e8eef2;color:#416177;border-radius:6px;padding:7px 10px;font-size:11px;font-weight:650}
.ai-preview-foot{padding:15px 18px 12px;background:#fff;border-top:1px solid #e0e8ee;display:flex;flex-wrap:wrap;gap:7px}
.ai-preview-foot>span{background:#e9f7f4;color:#087b78;border:1px solid #cce8e0}
.ai-preview-foot small{width:100%;font-size:10px;color:#879ba8;line-height:1.6;margin-top:5px}
.ai-demo-note{font-size:10px;text-align:center;color:#93a4ae;margin:0;padding:0 18px 12px;background:#fff}
html[data-theme=dark] .ai-section{background:#103747;border-top-color:#224f5e}
html[data-theme=dark] .ai-copy>p{color:#b0cbd5}
html[data-theme=dark] .ai-copy>p strong{color:#90e5da}
html[data-theme=dark] .ai-benefits strong{color:#edf7f9}
html[data-theme=dark] .ai-benefits small{color:#b0cbd5}
@media(max-width:900px){.ai-grid{gap:42px}}
@media(max-width:760px){.ai-grid{grid-template-columns:1fr;gap:34px}.ai-preview{justify-self:center;max-width:480px}.ai-copy h2{font-size:34px}}

/* Convite de revenda: contato comercial direto, sem prometer condições não definidas. */
.partner-section{background:#f3f8fa;padding:77px 0}
.partner-card{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr);gap:54px;align-items:center;padding:49px 56px;background:#fff;border:1px solid #dce9ee;border-radius:17px;box-shadow:0 12px 32px rgba(19,75,95,.045)}
.partner-copy h2{font-size:clamp(31px,3.3vw,43px);line-height:1.2;letter-spacing:-1.4px;margin:14px 0 18px;max-width:550px}
.partner-copy>p{font-size:14px;color:#577283;line-height:1.85;max-width:575px;margin-bottom:22px}
.partner-highlights{display:flex;flex-wrap:wrap;gap:10px 20px}
.partner-highlights span{display:inline-flex;align-items:center;gap:7px;color:#416f80;font-size:12px;font-weight:700}
.partner-highlights svg{width:16px;height:16px;color:#129d87;stroke-width:2.7}
.partner-contact{display:flex;flex-direction:column;align-items:flex-start;background:#ecf6f8;border:1px solid #d8e8ed;border-radius:13px;padding:30px 31px}
.partner-contact-icon{display:grid;place-items:center;height:44px;width:44px;border-radius:11px;background:#d7eeef;color:#0a7e88;margin-bottom:18px}
.partner-contact-icon svg{width:25px;height:25px}
.partner-contact strong{font-size:19px;letter-spacing:-.3px;color:#123f55;margin-bottom:10px}
.partner-contact p{font-size:13px;line-height:1.7;color:#547384;margin-bottom:21px}
.partner-contact .btn{width:100%;max-width:290px}
.partner-contact small{font-size:10px;color:#718d9a;line-height:1.5;margin-top:13px}
html[data-theme=dark] .partner-section{background:#092b3b}
html[data-theme=dark] .partner-card{background:#13394b;border-color:#285669;box-shadow:none}
html[data-theme=dark] .partner-copy h2{color:#f1f9fb}
html[data-theme=dark] .partner-copy>p,html[data-theme=dark] .partner-highlights span{color:#b9d1db}
html[data-theme=dark] .partner-contact{background:#0e3042;border-color:#2a5566}
html[data-theme=dark] .partner-contact-icon{background:#1d5260;color:#8de3d8}
html[data-theme=dark] .partner-contact strong{color:#e9f6fa}
html[data-theme=dark] .partner-contact p{color:#bbd1da}
html[data-theme=dark] .partner-contact small{color:#91b0bf}
@media(min-width:1011px) and (max-width:1250px){.header-inner{gap:16px}.desktop-nav{gap:13px}.header-actions{gap:9px}.desktop-nav a{font-size:12px}}
@media(max-width:900px){.partner-card{gap:28px;padding:36px}}
@media(max-width:760px){.partner-section{padding:58px 0}.partner-card{grid-template-columns:1fr;gap:28px;padding:29px 23px}.partner-copy h2{font-size:32px}.partner-contact{padding:25px}.partner-contact .btn{max-width:none}}

@media(min-width:1011px) and (max-width:1130px){.desktop-nav{gap:9px}.header-inner{gap:12px}.header-actions{gap:8px}}

/* Rolagem editorial: entradas alternadas e progressivas, com animações só em opacity/transform. */
.reveal{opacity:1;transform:none}
html.has-js .reveal{opacity:0;transform:translate3d(var(--enter-x,0px),var(--enter-y,34px),0) scale(var(--enter-scale,1));transition:opacity .78s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay,0ms)}
html.has-js .reveal.visible{opacity:1;transform:translate3d(0,0,0) scale(1)}
html.has-js .hero-copy.reveal,html.has-js .ai-copy.reveal,html.has-js .mobile-stage.reveal,html.has-js .integration-grid>.reveal:first-child,html.has-js .faq-grid>.reveal:first-child{--enter-x:-32px;--enter-y:15px}
html.has-js .web-showcase.reveal,html.has-js .ai-preview.reveal,html.has-js .mobile-copy.reveal,html.has-js .integration-box.reveal,html.has-js .faq-list.reveal{--enter-x:32px;--enter-y:15px}
html.has-js .partner-card.reveal,html.has-js .contact-panel.reveal{--enter-y:36px;--enter-scale:.975}
html.has-js .web-showcase.reveal,html.has-js .ai-preview.reveal,html.has-js .integration-box.reveal,html.has-js .faq-list.reveal{--reveal-delay:110ms}
.feature-grid>.feature-group:nth-child(2){--reveal-delay:95ms}
.feature-grid>.feature-group:nth-child(3){--reveal-delay:190ms}
html.has-js .mobile-copy .mobile-features>div{opacity:0;transform:translate3d(0,17px,0);transition:opacity .6s ease,transform .72s cubic-bezier(.22,1,.36,1)}
html.has-js .mobile-copy.visible .mobile-features>div{opacity:1;transform:none}
html.has-js .mobile-copy .mobile-features>div:nth-child(1){transition-delay:120ms}
html.has-js .mobile-copy .mobile-features>div:nth-child(2){transition-delay:205ms}
html.has-js .mobile-copy .mobile-features>div:nth-child(3){transition-delay:290ms}
html.has-js .mobile-copy .mobile-features>div:nth-child(4){transition-delay:375ms}
.site-header{transition:box-shadow .32s ease,border-color .32s ease,background-color .32s ease}
.site-header.is-scrolled{box-shadow:0 8px 24px rgba(5,44,63,.1);border-bottom-color:#b6d9e0}
html[data-theme=dark] .site-header.is-scrolled{box-shadow:0 8px 25px rgba(0,12,19,.25);border-bottom-color:#2e6471}
.site-header::after{content:"";position:absolute;left:0;bottom:-1px;width:100%;height:2px;background:linear-gradient(90deg,#0b7399,#38bea9);transform:scaleX(var(--scroll-progress,0));transform-origin:left;pointer-events:none}
@media(max-width:760px){html.has-js .reveal{--enter-x:0px;--enter-y:23px;--enter-scale:1}.feature-grid>.feature-group{--reveal-delay:0ms}}
@media(prefers-reduced-motion:reduce){html.has-js .reveal,html.has-js .reveal.visible{opacity:1;transform:none;transition:none;transition-delay:0ms}html.has-js .mobile-copy .mobile-features>div{opacity:1;transform:none;transition:none}.site-header{transition:none}.site-header::after{transition:none}}

/* PNGs vetoriais rasterizados em alta resolução: uma identidade consistente nos dois temas. */
.mobile-features>div{align-items:flex-start;gap:15px}
.mobile-features>div>.mobile-feature-art,
html[data-theme=dark] .mobile-features>div>.mobile-feature-art{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;flex:none;background:linear-gradient(145deg,#0b6f90,#08516b);border:1px solid rgba(98,227,211,.25);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 5px 12px rgba(3,64,88,.14)}
.mobile-features .mobile-feature-art img{display:block;width:29px;height:29px;object-fit:contain;max-width:none}
@media(max-width:480px){.mobile-features>div>.mobile-feature-art,html[data-theme=dark] .mobile-features>div>.mobile-feature-art{width:44px;height:44px}.mobile-features .mobile-feature-art img{width:28px;height:28px}}