:root{--ink:#073b4c;--deep:#042b38;--lime:#c9f227;--cream:#f4f2eb;--line:#d8ddd7;--white:#fff;--muted:#607078;--blue:#0c5f73}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{color:var(--ink);background:#fff;margin:0;font-family:DM Sans,sans-serif}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{letter-spacing:-.04em;font-family:Manrope,sans-serif}
a{color:inherit;text-decoration:none}
img{max-width:100%}
.topbar{background:var(--deep);color:#c4d1d4;letter-spacing:.04em;align-items:center;gap:28px;height:38px;padding:0 5vw;font-size:12px;display:flex}
.topbar span{margin-right:auto}
.topbar a:hover{color:var(--lime)}
header{border-bottom:1px solid var(--line);z-index:20;background:#fff;align-items:center;height:84px;padding:0 5vw;display:flex;position:sticky;top:0}
.logo img{width:220px;display:block}
nav{align-items:center;gap:30px;margin-left:auto;font-size:14px;font-weight:600;display:flex}
nav>a:not(.nav-cta){border-bottom:2px solid #0000;padding:30px 0}
nav>a.active{border-color:var(--ink)}
.nav-cta,.primary{background:var(--lime);color:var(--deep);cursor:pointer;border:0;align-items:center;gap:22px;padding:15px 20px;font:700 14px DM Sans;display:inline-flex}
.nav-cta b,.primary b{font-size:18px}
.menu{background:0 0;border:0;font-size:28px;display:none}
.hero{background:var(--cream);grid-template-columns:1.04fr .96fr;min-height:690px;display:grid;overflow:hidden}
.hero-copy{z-index:2;padding:95px 4vw 50px 7vw}
.eyebrow{text-transform:uppercase;letter-spacing:.15em;margin-bottom:22px;font-size:12px;font-weight:700;display:block}
.hero h1{margin-bottom:30px;font-size:clamp(52px,6vw,88px);line-height:.98}
.hero h1 em{color:var(--blue);font-weight:500}
.hero-copy>p{max-width:620px;color:var(--muted);font-size:19px;line-height:1.65}
.actions{align-items:center;gap:12px;margin-top:34px;display:flex}
.secondary{border:1px solid #a9b5b8;padding:14px 20px;font-size:14px;font-weight:700}
.trust{border-top:1px solid #cfd5d1;gap:45px;margin-top:65px;padding-top:25px;display:flex}
.trust div{flex-direction:column;display:flex}
.trust strong{font:700 22px Manrope}
.trust span{color:var(--muted);font-size:12px}
.hero-visual{background:var(--ink);justify-content:center;align-items:center;display:flex;position:relative}
.hero-visual:after{content:"";background:linear-gradient(135deg,#0000,#c9f22714);position:absolute;inset:0}
.hero-visual>img{z-index:2;filter:drop-shadow(0 25px 40px #0006);width:74%;position:relative}
.orbit{border:1px solid #ffffff26;border-radius:50%;position:absolute}
.orbit.one{width:520px;height:520px}
.orbit.two{width:680px;height:680px}
.float-card{z-index:3;background:#fff;flex-direction:column;padding:20px 24px;display:flex;position:absolute;bottom:55px;right:4vw;box-shadow:0 20px 60px #00182066}
.float-card span,.float-card small{letter-spacing:.12em;color:var(--muted);font-size:10px}
.float-card strong{margin:5px 0;font:700 20px Manrope}
.brand-strip{border-bottom:1px solid var(--line);justify-content:space-around;align-items:center;gap:24px;min-height:96px;padding:20px 5vw;display:flex}
.brand-strip span{color:var(--muted);font-size:12px}
.brand-strip b{color:#65767c;font:800 14px Manrope}
.section{padding:110px 7vw}
.section-head{justify-content:space-between;align-items:end;margin-bottom:60px;display:flex}
.section h2,.automation-band h2,.cta h2{font-size:clamp(38px,4.2vw,62px);line-height:1.08}
.section-head>p{max-width:480px;color:var(--muted);line-height:1.7}
.cards{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}
.product-card{border:1px solid var(--line);background:#fff;transition:all .25s}
.product-card:hover{transform:translateY(-5px);box-shadow:0 20px 45px #042b381a}
.product-image{background:#edf0eb;justify-content:center;align-items:center;height:260px;display:flex;position:relative;overflow:hidden}
.product-image img{object-fit:contain;width:72%;height:72%;transition:all .35s}
.product-card:hover img{transform:scale(1.05)}
.product-image span{text-transform:uppercase;letter-spacing:.1em;background:#fff;padding:7px 10px;font-size:10px;font-weight:700;position:absolute;top:18px;left:18px}
.product-card>div:last-child{padding:25px}
.product-card h3{margin-bottom:10px;font-size:22px}
.product-card p{color:var(--muted);min-height:66px;font-size:14px;line-height:1.55}
.product-card b{font-size:13px}
.product-card i{margin-left:10px;font-style:normal}
.text-link{text-align:right;margin-top:38px;font-weight:700;display:block}
.automation-band{background:var(--ink);color:#fff;grid-template-columns:.9fr 1.1fr;gap:80px;padding:110px 7vw;display:grid}
.automation-band>div:first-child>p{color:#b5c5c9;max-width:480px;line-height:1.7}
.light-button{color:var(--deep);background:#fff;margin-top:18px;padding:15px 22px;font-weight:700;display:inline-flex}
.automation-grid{border-top:1px solid #fff3;border-left:1px solid #fff3;grid-template-columns:1fr 1fr;display:grid}
.automation-grid a{border-bottom:1px solid #fff3;border-right:1px solid #fff3;min-height:210px;padding:25px;transition:all .2s;position:relative}
.automation-grid a:hover{background:#0d4b5d}
.automation-grid span{color:var(--lime);font-size:12px}
.automation-grid h3{margin-top:30px;font-size:24px}
.automation-grid p{color:#9db2b8;font-size:13px}
.automation-grid b{position:absolute;top:22px;right:22px}
.why{grid-template-columns:.65fr 1.35fr;gap:80px;display:grid}
.why-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}
.why-grid article{border-top:2px solid var(--ink);padding-top:18px}
.why-grid article>span{color:var(--blue);font-size:12px}
.why-grid h3{margin-top:35px;font-size:20px}
.why-grid p{color:var(--muted);font-size:14px;line-height:1.6}
.faq{background:var(--cream);grid-template-columns:.8fr 1.2fr;gap:80px;display:grid}
.faq details{border-top:1px solid #bfc9c6;padding:22px 0}
.faq summary{cursor:pointer;justify-content:space-between;font:600 17px Manrope;list-style:none;display:flex}
.faq summary::-webkit-details-marker{display:none}
.faq details p{color:var(--muted);margin:16px 40px 0 0;line-height:1.6}
.cta{background:var(--lime);justify-content:space-between;align-items:end;padding:80px 7vw;display:flex}
.cta h2{margin-bottom:0}
.cta>div:last-child{flex-direction:column;align-items:center;display:flex}
.cta .light-button{margin:0 0 14px}
.cta a:last-child{font-size:13px;font-weight:700}
.footer-main{background:var(--deep);color:#fff;grid-template-columns:1.2fr .8fr 1fr;gap:70px;padding:75px 7vw;display:grid}
.footer-main img{background:#fff;width:230px;padding:8px}
.footer-main p{color:#a8bcc1;font-size:14px;line-height:1.7}
.footer-main>div:first-child p{max-width:390px;margin-top:24px}
.footer-main h3{letter-spacing:0;margin-bottom:25px;font-size:14px}
.footer-main a{color:#b7c8cc;margin:11px 0;font-size:14px;display:block}
.footer-main a:hover{color:var(--lime)}
.copyright{color:#8ba3a9;background:#03232d;padding:18px 7vw;font-size:12px}
.copyright a{float:right}
.whatsapp{color:#fff;z-index:15;background:#25d366;border-radius:50%;place-items:center;width:50px;height:50px;font-size:12px;font-weight:800;display:grid;position:fixed;bottom:24px;right:24px;box-shadow:0 5px 20px #0004}
.page-hero{background:var(--ink);color:#fff;text-align:center;padding:110px 20px}
.page-hero h1{max-width:970px;margin:0 auto 25px;font-size:clamp(45px,6vw,78px);line-height:1.05}
.page-hero p{color:#b5c5c9;max-width:720px;margin:auto;font-size:18px;line-height:1.6}
.catalog{background:#f7f8f5}
.search{border:1px solid var(--line);background:#fff;align-items:center;width:min(650px,100%);margin:0 auto 55px;padding:0 18px;display:flex}
.search span{font-size:26px}
.search input{border:0;outline:0;width:100%;padding:18px;font:15px DM Sans}
.detail-hero{background:var(--cream);grid-template-columns:1fr 1fr;min-height:600px;display:grid}
.detail-hero>div:first-child{flex-direction:column;justify-content:center;padding:110px 6vw 80px 7vw;display:flex}
.detail-hero h1{font-size:clamp(50px,6vw,78px);line-height:1.02}
.detail-hero p{color:var(--muted);font-size:18px;line-height:1.7}
.detail-image{background:#e6ebe7;justify-content:center;align-items:center;display:flex}
.detail-image img{object-fit:contain;filter:drop-shadow(0 22px 28px #113b4650);width:70%;height:70%}
.detail-body{grid-template-columns:1fr 1fr;gap:90px;display:grid}
.detail-body>div:first-child>p{color:var(--muted);line-height:1.7}
.range-list>div{border-top:1px solid var(--line);grid-template-columns:45px 1fr auto;padding:18px 0;display:grid}
.range-list span{color:var(--muted);font-size:11px}
.range-list b{color:var(--blue)}
.brand-note{background:var(--ink);color:#fff;justify-content:space-between;padding:35px 7vw;display:flex}
.brand-note span{color:#a9bcc1}
.story{grid-template-columns:1fr 1fr;align-items:center;gap:75px;display:grid}
.story>div:first-child{background:#e5ebe8}
.story img{object-fit:cover;width:100%;min-height:520px;display:block}
.story p{color:var(--muted);line-height:1.8}
.values{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;margin-top:35px;display:grid}
.values span{border-bottom:1px solid var(--line);padding:18px 8px;font-weight:600}
.values b{color:var(--blue);margin-right:12px;font-size:10px}
.contact{grid-template-columns:.8fr 1.2fr;gap:80px;display:grid}
.contact-info{background:var(--ink);color:#fff;padding:45px}
.contact-info>p{color:#b7c7cb;line-height:1.7}
.contact-info>a{border-top:1px solid #ffffff2b;padding:18px 0;font:600 18px Manrope;display:block}
.contact-info small{color:var(--lime);letter-spacing:.12em;margin-bottom:4px;font:700 9px DM Sans;display:block}
form label{margin-bottom:22px;font-size:13px;font-weight:700;display:block}
form input,form textarea{border:1px solid var(--line);outline:0;width:100%;margin-top:8px;padding:15px;font:15px DM Sans}
form input:focus,form textarea:focus{border-color:var(--blue)}
.form-row{grid-template-columns:1fr 1fr;gap:18px;display:grid}
.prose{max-width:900px;margin:auto}
.prose p{color:var(--muted);line-height:1.8}
@media (width<=900px){.topbar span,.topbar a:first-of-type{display:none}
.topbar{justify-content:center}
.menu{margin-left:auto;display:block}
.logo img{width:180px}
header{height:70px}
nav{background:#fff;flex-direction:column;align-items:stretch;gap:0;padding:20px 6vw;display:none;position:absolute;top:70px;left:0;right:0;box-shadow:0 15px 30px #0002}
nav.open{display:flex}
nav>a:not(.nav-cta){padding:14px 0}
.nav-cta{justify-content:space-between;margin-top:10px}
.hero,.detail-hero{grid-template-columns:1fr}
.hero-copy{padding:70px 7vw}
.hero-visual{min-height:480px}
.trust{gap:22px}
.brand-strip{justify-content:flex-start;overflow:auto}
.brand-strip>*{white-space:nowrap}
.section{padding:75px 6vw}
.section-head,.cta{display:block}
.cards{grid-template-columns:1fr 1fr}
.automation-band,.why,.faq,.story,.contact,.detail-body{grid-template-columns:1fr;gap:50px}
.automation-band{padding:75px 6vw}
.why-grid{grid-template-columns:1fr 1fr}
.cta>div:last-child{align-items:flex-start;margin-top:35px}
.footer-main{grid-template-columns:1fr 1fr}
.footer-main>div:first-child{grid-column:1/-1}
.detail-image{min-height:450px}
.brand-note{gap:30px}
.page-hero{padding:80px 20px}
}
@media (width<=560px){.hero h1{font-size:48px}
.hero-copy{padding-top:55px}
.actions{flex-direction:column;align-items:stretch}
.actions a{text-align:center;justify-content:space-between}
.trust{justify-content:space-between;gap:8px}
.trust strong{font-size:17px}
.trust span{font-size:10px}
.hero-visual{min-height:350px}
.float-card{bottom:20px}
.cards,.automation-grid,.why-grid,.values,.form-row{grid-template-columns:1fr}
.product-image{height:240px}
.section-head{margin-bottom:35px}
.section h2,.automation-band h2,.cta h2{font-size:38px}
.automation-band{gap:45px}
.automation-grid a{min-height:160px}
.footer-main{grid-template-columns:1fr;padding:55px 6vw}
.footer-main>div:first-child{grid-column:auto}
.copyright a{float:none;margin-top:8px;display:block}
.detail-hero>div:first-child{padding:65px 6vw}
.detail-hero h1{font-size:46px}
.detail-image{min-height:320px}
.brand-note{display:block}
.brand-note strong{margin-top:10px;display:block}
.contact-info{padding:30px}
.cta{padding:60px 6vw}
}
.family-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}
.family-card{border:1px solid var(--line);background:#fff;grid-template-rows:1fr auto;grid-template-columns:1fr 130px;min-height:390px;padding:28px;transition:all .25s;display:grid}
.family-card:hover{transform:translateY(-5px);box-shadow:0 20px 45px #042b381a}
.family-card span,.model-card span{letter-spacing:.12em;text-transform:uppercase;color:var(--blue);font-size:10px;font-weight:700}
.family-card h2{margin:18px 0 8px;font-size:28px}
.family-card p{color:var(--muted);font-size:13px}
.family-card img{object-fit:contain;filter:drop-shadow(0 12px 18px #073b4c33);align-self:center;width:130px;height:170px}
.family-card>b{border-top:1px solid var(--line);grid-column:1/-1;padding-top:18px;font-size:13px}
.model-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}
.model-card{border:1px solid var(--line);background:#fff;transition:all .25s}
.model-card:hover{transform:translateY(-4px);box-shadow:0 15px 35px #042b3817}
.model-card>img{object-fit:contain;background:#edf0eb;width:100%;height:205px;padding:28px;display:block}
.model-card>div{padding:21px}
.model-card h3{min-height:48px;margin:10px 0 20px;font-size:18px;line-height:1.3}
.model-card b{font-size:12px}
.automation-detail{grid-template-columns:1.15fr .85fr;gap:90px;display:grid}
.automation-detail>div>p{color:var(--muted);font-size:16px;line-height:1.8}
.automation-detail aside{background:var(--cream);padding:35px}
.automation-detail aside h3{margin-bottom:24px;font-size:23px}
.automation-detail aside>div{border-top:1px solid var(--line);padding:14px 0;font-size:14px}
.automation-detail aside>div span{width:35px;color:var(--blue);font-size:10px;display:inline-block}
.automation-detail aside .primary{margin-top:25px}
.related{padding-top:20px}
@media (width<=1000px){.family-grid{grid-template-columns:1fr 1fr}
.model-grid{grid-template-columns:repeat(3,1fr)}
}
@media (width<=760px){.family-grid,.automation-detail{grid-template-columns:1fr}
.model-grid{grid-template-columns:1fr 1fr}
.family-card{min-height:330px}
.automation-detail{gap:45px}
}
@media (width<=480px){.model-grid{grid-template-columns:1fr}
.model-card>img{height:240px}
.model-card h3{min-height:0}
.family-card{grid-template-columns:1fr 100px}
.family-card img{width:100px}
}
.breadcrumb{border-bottom:1px solid var(--line);min-height:48px;color:var(--muted);white-space:nowrap;background:#fff;align-items:center;gap:10px;padding:12px 7vw;font-size:12px;display:flex;overflow-x:auto}
.breadcrumb a:hover{color:var(--blue)}
.breadcrumb strong{color:var(--ink)}
.back-link{color:var(--blue);align-items:center;padding:10px 0;font-size:13px;font-weight:700;display:inline-flex}
.back-link:hover{text-decoration:underline}
.hero-back,.family-content>.back-link{margin-bottom:25px}
.intro-copy{max-width:760px;margin-bottom:45px}
.intro-copy h2{margin-bottom:12px;font-size:38px}
.intro-copy p{color:var(--muted);line-height:1.7}
.product-copy{grid-template-columns:1.15fr .85fr;gap:90px;display:grid}
.product-copy-main p{color:var(--muted);font-size:16px;line-height:1.85}
.quote-panel{background:var(--cream);align-self:start;padding:35px}
.quote-panel h3{margin-bottom:24px;font-size:23px}
.quote-panel>div{border-top:1px solid var(--line);padding:15px 0;font-size:14px}
.quote-panel>div span{width:36px;color:var(--blue);font-size:10px;display:inline-block}
.quote-panel .primary{margin-top:25px}
.feature-section{background:var(--cream);grid-template-columns:1.2fr .8fr;gap:90px;display:grid}
.feature-section h2{font-size:38px}
.content-list{grid-template-columns:1fr 1fr;gap:15px;display:grid}
.content-list article{border-top:3px solid var(--ink);background:#fff;padding:24px}
.content-list article>span{color:var(--blue);font-size:10px}
.content-list h3{margin:20px 0 8px;font-size:18px}
.content-list p{color:var(--muted);margin:0;font-size:13px;line-height:1.6}
.application-list{border-top:1px solid #c7ceca}
.application-list>div{border-bottom:1px solid #c7ceca;gap:14px;padding:18px 4px;display:flex}
.application-list b{color:var(--blue)}
.related-head{justify-content:space-between;align-items:end;margin-bottom:35px;display:flex}
.related-head h2{margin-bottom:0;font-size:38px}
@media (width<=850px){.product-copy,.feature-section{grid-template-columns:1fr;gap:50px}
.related-head{display:block}
.related-head .back-link{margin-top:12px}
.breadcrumb{padding-left:6vw;padding-right:6vw}
}
@media (width<=560px){.content-list{grid-template-columns:1fr}
.product-copy,.feature-section{gap:38px}
.quote-panel{padding:26px}
.intro-copy h2,.feature-section h2,.related-head h2{font-size:31px}
}
.download-section{background:#f7f8f5}
.download-note{color:#5a511f;background:#fff8db;border-left:4px solid #e3b600;margin-bottom:35px;padding:18px 22px;font-size:14px;line-height:1.6}
.download-grid{grid-template-columns:1fr 1fr;gap:22px;display:grid}
.download-card{border:1px solid var(--line);background:#fff;padding:32px;position:relative}
.pdf-icon{background:var(--ink);color:#fff;clip-path:polygon(0 0,72% 0,100% 25%,100% 100%,0 100%);place-items:center;width:52px;height:60px;font:800 12px Manrope;display:grid;position:absolute;top:28px;right:28px}
.download-card>span{color:var(--blue);letter-spacing:.12em;text-transform:uppercase;margin-bottom:28px;padding-right:65px;font-size:10px;font-weight:700;display:block}
.download-card h2{padding-right:65px;font-size:27px}
.download-card p{color:var(--muted);min-height:55px;line-height:1.7}
.download-card>div:last-child{align-items:center;gap:20px;margin-top:28px;display:flex}
.download-card .view-link{color:var(--blue);font-size:13px;font-weight:700}
@media (width<=700px){.download-grid{grid-template-columns:1fr}
.download-card p{min-height:0}
}
@media (width<=420px){.download-card{padding:25px}
.download-card>div:last-child{flex-direction:column;align-items:stretch}
.download-card .primary{justify-content:space-between}
.download-card .view-link{text-align:center}
}
.download-card{padding-top:0;overflow:hidden}
.download-card:before{content:"";display:block;height:260px;margin:0 -32px 28px;background-position:center;background-repeat:no-repeat;background-size:cover;border-bottom:1px solid var(--line)}
.download-card:nth-child(1):before{background-image:url('/download-thumbnails/company-profile.jpg')}
.download-card:nth-child(2):before{background-image:url('/download-thumbnails/motors-price-list.jpg')}
.download-card:nth-child(3):before{background-image:url('/download-thumbnails/product-price-list.jpg')}
.download-card:nth-child(4):before{background-image:url('/download-thumbnails/technical-data-sheet.jpg')}
.download-card .pdf-icon{display:none}
@media (width<=420px){.download-card:before{height:220px;margin-left:-25px;margin-right:-25px}}
.download-section{padding-top:88px;padding-bottom:112px}
.download-note{max-width:980px;margin:0 auto 42px;border:1px solid #eadc99;border-left:4px solid #d5a900;border-radius:4px;box-shadow:0 8px 24px rgba(4,43,56,.04)}
.download-grid{max-width:1180px;margin:0 auto;gap:28px}
.download-card{display:flex;flex-direction:column;border:1px solid #dce2de;border-radius:8px;padding:0 30px 30px;box-shadow:0 12px 34px rgba(4,43,56,.07);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.download-card:hover{transform:translateY(-6px);border-color:#afbeb8;box-shadow:0 24px 52px rgba(4,43,56,.13)}
.download-card:before{height:310px;margin:0 -30px 26px;border-radius:8px 8px 0 0;border-bottom:1px solid #d5ddd8;background-color:#e8eeea;background-size:contain;box-shadow:inset 0 -18px 30px rgba(4,43,56,.04)}
.download-card>span{align-self:flex-start;margin:0 0 14px;padding:7px 10px;border-radius:3px;background:#e9f1f2;color:#0c5f73;line-height:1}
.download-card h2{margin-bottom:12px;padding:0;font-size:25px;line-height:1.25}
.download-card p{flex:1;min-height:0;margin-bottom:0;font-size:14px;line-height:1.7}
.download-card>div:last-child{padding-top:24px;margin-top:24px;border-top:1px solid #e2e7e4;justify-content:space-between}
.download-card .primary{border-radius:3px;padding:13px 17px;transition:background .2s ease,transform .2s ease}
.download-card .primary:hover{background:#b9e21c;transform:translateY(-1px)}
.download-card .view-link{padding:10px 0;border-bottom:1px solid transparent;transition:border-color .2s ease,color .2s ease}
.download-card .view-link:hover{color:var(--deep);border-bottom-color:var(--deep)}
@media (width<=700px){.download-section{padding-top:62px;padding-bottom:78px}.download-grid{gap:22px}.download-card:before{height:330px}}
@media (width<=420px){.download-card{padding:0 22px 24px}.download-card:before{height:245px;margin-left:-22px;margin-right:-22px}.download-card>div:last-child{gap:8px}.download-card .view-link{padding:12px}}

/* Corporate visual system */
:root{--ink:#102f4f;--deep:#0a233b;--lime:#74b52f;--cream:#f4f7f9;--line:#d9e1e7;--muted:#617180;--blue:#0875ad;--orange:#f58220}
body{color:#15324c;background:#fff;font-size:15px;line-height:1.55}
h1,h2,h3{letter-spacing:-.025em}
.topbar{height:40px;background:#09233c;color:#d4e0e9;border-bottom:1px solid rgba(255,255,255,.1);padding-left:max(5vw,30px);padding-right:max(5vw,30px)}
.topbar a:hover{color:#fff}
header{height:88px;padding-left:max(5vw,30px);padding-right:max(5vw,30px);border-bottom:1px solid #dfe6eb;box-shadow:0 5px 18px rgba(12,42,67,.06)}
.logo img{width:255px}
nav{gap:26px;color:#213d56;font-size:13px}
nav>a:not(.nav-cta){padding:33px 0 29px;border-bottom-width:3px}
nav>a.active{color:#0875ad;border-color:#0875ad}
.nav-cta,.primary{background:#0875ad;color:#fff;border-radius:3px;box-shadow:0 7px 18px rgba(8,117,173,.2);transition:background .2s ease,transform .2s ease,box-shadow .2s ease}
.nav-cta:hover,.primary:hover{background:#075f8d;transform:translateY(-1px);box-shadow:0 10px 24px rgba(8,117,173,.28)}
.nav-cta b,.primary b{color:#a9d86f}
.hero{min-height:660px;background:linear-gradient(135deg,#f7f9fb 0%,#edf3f6 100%)}
.hero-copy{padding-top:88px}
.eyebrow{color:#0875ad;letter-spacing:.17em;font-size:11px}
.hero h1{max-width:760px;color:#102f4f;font-size:clamp(50px,5.4vw,78px);line-height:1.03}
.hero h1 em{color:#0875ad;font-style:normal}
.hero-copy>p{color:#5c6d7b;font-size:18px}
.secondary{background:#fff;color:#173a58;border:1px solid #bdcad3;border-radius:3px;transition:border-color .2s ease,background .2s ease}
.secondary:hover{background:#f5f8fa;border-color:#7491a4}
.trust{border-color:#cfdbe2}
.trust strong{color:#102f4f}
.hero-visual{background:linear-gradient(145deg,#0a2b48 0%,#0b5375 100%)}
.hero-visual:after{background:radial-gradient(circle at 72% 25%,rgba(117,181,47,.2),transparent 42%),linear-gradient(145deg,transparent,rgba(8,117,173,.18))}
.orbit{border-color:rgba(255,255,255,.12)}
.float-card{border-radius:4px;border-left:4px solid #74b52f;box-shadow:0 18px 45px rgba(3,20,34,.35)}
.brand-strip{min-height:92px;background:#fff;border-color:#dfe6eb}
.brand-strip b{color:#37546b;letter-spacing:.04em}
.section{padding-top:100px;padding-bottom:100px}
.section h2,.automation-band h2,.cta h2{color:#102f4f;font-size:clamp(36px,3.8vw,57px);line-height:1.12}
.section-head{margin-bottom:50px;border-bottom:1px solid #dfe6eb;padding-bottom:30px}
.product-card,.model-card,.family-card{border-color:#d9e2e7;border-radius:5px;overflow:hidden;box-shadow:0 8px 25px rgba(10,35,59,.06)}
.product-card:hover,.model-card:hover,.family-card:hover{border-color:#aebfc9;box-shadow:0 20px 42px rgba(10,35,59,.13)}
.product-image,.model-card>img{background:linear-gradient(145deg,#f5f8fa,#e8eef2)}
.product-image span{color:#0c668f;background:rgba(255,255,255,.94);border:1px solid #d8e4e9;border-radius:2px}
.product-card h3,.model-card h3,.family-card h2{color:#173650}
.product-card b,.model-card b,.family-card>b,.text-link{color:#0875ad}
.automation-band{background:linear-gradient(135deg,#09243e,#0b4967);position:relative;overflow:hidden}
.automation-band:before{content:"";width:420px;height:420px;border:1px solid rgba(255,255,255,.07);border-radius:50%;position:absolute;right:-130px;top:-170px}
.automation-band h2,.automation-band .eyebrow{color:#fff}
.automation-band .eyebrow,.automation-grid span{color:#a7d66d}
.automation-grid{border-color:rgba(255,255,255,.18)}
.automation-grid a{border-color:rgba(255,255,255,.18)}
.automation-grid a:hover{background:rgba(8,117,173,.35)}
.light-button{border-radius:3px;color:#123650}
.why-grid article{border-top:3px solid #0875ad;padding:25px 20px;background:#f8fafb}
.why-grid article>span{color:#74a82f}
.faq{background:#f3f6f8}
.faq details{border-color:#cdd8df}
.faq summary{color:#153a58}
.faq summary b{color:#0875ad}
.cta{background:linear-gradient(100deg,#6bab2d,#8bc43f);position:relative;overflow:hidden}
.cta:after{content:"";width:250px;height:250px;border:1px solid rgba(255,255,255,.28);border-radius:50%;position:absolute;right:-60px;top:-100px}
.cta h2,.cta .eyebrow{color:#fff}
.cta .light-button{position:relative;z-index:2;background:#fff;color:#103451;box-shadow:0 10px 25px rgba(22,61,34,.18)}
.cta a:last-child{color:#fff;position:relative;z-index:2}
.footer-main{background:#09243e;border-top:5px solid #74b52f}
.footer-main img{background:#fff;border-radius:3px;padding:10px}
.footer-main h3{color:#fff;text-transform:uppercase;letter-spacing:.12em}
.footer-main a:hover{color:#8cc94a}
.copyright{background:#061a2b}
.page-hero{background:linear-gradient(125deg,#09243e 0%,#0b4c6b 100%);padding:95px 20px;position:relative;overflow:hidden}
.page-hero:after{content:"";width:360px;height:360px;border:1px solid rgba(255,255,255,.08);border-radius:50%;position:absolute;right:-110px;top:-180px}
.page-hero h1{font-size:clamp(43px,5vw,68px);position:relative;z-index:2}
.page-hero .eyebrow{color:#a7d66d;position:relative;z-index:2}
.page-hero p{color:#d0dce3;position:relative;z-index:2}
.catalog{background:#f3f6f8}
.search{border-radius:4px;border-color:#cbd8df;box-shadow:0 8px 22px rgba(10,35,59,.06)}
.detail-hero{background:#f4f7f9;min-height:570px}
.detail-hero h1{color:#102f4f;font-size:clamp(46px,5.3vw,70px)}
.detail-image{background:linear-gradient(145deg,#ecf2f5,#dfe8ed)}
.brand-note{background:#0a2a47;border-left:7px solid #74b52f}
.breadcrumb{background:#f8fafb;border-color:#dfe6eb;color:#687986}
.back-link{color:#0875ad}
.quote-panel,.automation-detail aside,.contact-info{border-radius:4px}
.quote-panel,.automation-detail aside{background:#f1f5f7;border-top:4px solid #0875ad}
.feature-section{background:#f2f6f8}
.content-list article{border-top-color:#0875ad;border-radius:3px;box-shadow:0 6px 18px rgba(10,35,59,.06)}
.application-list b,.range-list b{color:#70aa31}
.contact-info{background:linear-gradient(145deg,#09243e,#0b4c6b);box-shadow:0 18px 38px rgba(10,35,59,.16)}
.contact-info small{color:#a7d66d}
form{background:#fff;border:1px solid #dce4e9;border-radius:4px;padding:36px;box-shadow:0 14px 34px rgba(10,35,59,.07)}
form input,form textarea{border-radius:3px;background:#fbfcfd;border-color:#cdd8df}
form input:focus,form textarea:focus{border-color:#0875ad;box-shadow:0 0 0 3px rgba(8,117,173,.1)}
.download-section{background:#f3f6f8}
.download-card{border-color:#d9e2e7;box-shadow:0 12px 32px rgba(10,35,59,.08)}
.download-card:hover{border-color:#9eb4c1;box-shadow:0 24px 52px rgba(10,35,59,.15)}
.download-card>span{background:#e4f0f5;color:#08658f}
.download-card .primary{background:#0875ad}
.download-note{background:#fff8e8;border-color:#f2d48d;border-left-color:#f58220;color:#634b24}
.whatsapp{border:3px solid #fff;box-shadow:0 8px 24px rgba(0,0,0,.22)}
@media (width<=900px){header{height:74px}nav{top:74px;padding-top:14px;padding-bottom:18px}.logo img{width:210px}nav>a:not(.nav-cta){padding:14px 0}.hero-copy{padding-top:62px}.section{padding-top:76px;padding-bottom:76px}.page-hero{padding-top:76px;padding-bottom:76px}form{padding:28px}}
@media (width<=560px){.topbar{height:36px}.hero h1{font-size:46px}.hero-copy>p{font-size:16px}.section{padding-top:62px;padding-bottom:62px}.section-head{padding-bottom:22px}.page-hero h1{font-size:40px}.page-hero p{font-size:16px}.cta{padding-top:58px;padding-bottom:58px}form{padding:22px}.footer-main{border-top-width:4px}}
.contact-map-section{display:grid;grid-template-columns:.72fr 1.28fr;min-height:470px;margin:0 7vw 100px;border:1px solid #d8e2e8;border-radius:5px;overflow:hidden;background:#fff;box-shadow:0 18px 42px rgba(10,35,59,.1)}
.map-details{display:flex;flex-direction:column;justify-content:center;padding:55px;background:linear-gradient(145deg,#09243e,#0b4c6b);color:#fff}
.map-details>span{margin-bottom:20px;color:#a7d66d;font-size:10px;font-weight:700;letter-spacing:.16em}
.map-details h2{margin-bottom:18px;color:#fff;font-size:36px;line-height:1.15}
.map-details p{margin-bottom:30px;color:#d4e1e8;font-size:15px;line-height:1.8}
.map-details a{align-self:flex-start;padding:14px 18px;border-radius:3px;background:#fff;color:#0b3d5d;font-size:13px;font-weight:700;box-shadow:0 8px 20px rgba(0,0,0,.15)}
.map-details a b{margin-left:14px;color:#6fae30;font-size:17px}
.map-frame{min-height:470px;background:#e9eef1}
.map-frame iframe{display:block;width:100%;height:100%;min-height:470px;border:0;filter:saturate(.82) contrast(1.04)}
@media (width<=900px){.contact-map-section{grid-template-columns:1fr;margin:0 6vw 76px}.map-details{padding:42px}.map-frame,.map-frame iframe{min-height:400px}}
@media (width<=560px){.contact-map-section{margin-bottom:62px}.map-details{padding:32px 26px}.map-details h2{font-size:30px}.map-frame,.map-frame iframe{min-height:340px}}
.product-whatsapp{border-color:#1fa855;color:#16763c;background:#fff;white-space:nowrap}
.product-whatsapp:before{content:"WA";display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;margin-right:8px;background:#25d366;color:#fff;font-size:8px;font-weight:800}
.product-whatsapp:hover{background:#f1fbf5;border-color:#198d49}
@media (width<=560px){.detail-hero .actions{align-items:stretch}.detail-hero .actions .product-whatsapp{justify-content:center}}
.motor-directory{background:#f3f6f8}
.motor-directory-head{max-width:800px;margin-bottom:58px}
.motor-directory-head>span{display:block;margin-bottom:16px;color:#0875ad;font-size:10px;font-weight:700;letter-spacing:.16em}
.motor-directory-head h2{margin-bottom:16px}
.motor-directory-head p{color:#617180;font-size:16px;line-height:1.75}
.motor-brand-group{margin-top:54px}
.motor-brand-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px;padding-bottom:15px;border-bottom:2px solid #173a58}
.motor-brand-title h3{margin:0;color:#173a58;font-size:28px}
.motor-brand-title span{color:#687b89;font-size:12px}
.motor-page-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.motor-page-card{overflow:hidden;border:1px solid #d9e2e7;border-radius:4px;background:#fff;box-shadow:0 7px 20px rgba(10,35,59,.06);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.motor-page-card:hover{transform:translateY(-4px);border-color:#a9bdc8;box-shadow:0 17px 34px rgba(10,35,59,.12)}
.motor-page-card>img{display:block;width:100%;height:165px;padding:20px;object-fit:contain;background:linear-gradient(145deg,#f5f8fa,#e7eef2)}
.motor-page-card>div{padding:19px}
.motor-page-card span{color:#0875ad;font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.motor-page-card h4{min-height:46px;margin:9px 0 17px;color:#173650;font:700 16px/1.4 Manrope,sans-serif}
.motor-page-card b{color:#0875ad;font-size:11px}
.motor-description{display:grid;grid-template-columns:1.15fr .85fr;gap:90px}
.motor-description>div>p{color:#617180;font-size:16px;line-height:1.82}
.motor-description aside{align-self:start;padding:34px;border-top:4px solid #0875ad;border-radius:4px;background:#f1f5f7}
.motor-description aside h3{margin-bottom:22px;color:#173650;font-size:23px}
.motor-description aside>div{padding:15px 0;border-top:1px solid #d2dde3;font-size:14px}
.motor-description aside>div span{display:inline-block;width:38px;color:#0875ad;font-size:10px}
@media (width<=1050px){.motor-page-grid{grid-template-columns:repeat(3,1fr)}}
@media (width<=800px){.motor-page-grid{grid-template-columns:1fr 1fr}.motor-description{grid-template-columns:1fr;gap:45px}}
@media (width<=520px){.motor-page-grid{grid-template-columns:1fr}.motor-page-card>img{height:220px}.motor-brand-title{align-items:start;flex-direction:column;gap:6px}.motor-page-card h4{min-height:0}}
.group-products-directory{background:#f3f6f8}
.group-directory-head{max-width:850px;margin-bottom:54px}
.group-directory-head>span{display:block;margin-bottom:16px;color:#0875ad;font-size:10px;font-weight:700;letter-spacing:.16em}
.group-directory-head p{color:#617180;font-size:16px;line-height:1.75}
.group-product-section{margin-top:52px}
.group-product-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px;padding-bottom:15px;border-bottom:2px solid #173a58}
.group-product-title h3{margin:0;color:#173a58;font-size:27px}
.group-product-title span{color:#687b89;font-size:12px}
.group-product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.group-product-card{overflow:hidden;border:1px solid #d9e2e7;border-radius:4px;background:#fff;box-shadow:0 7px 20px rgba(10,35,59,.06);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.group-product-card:hover{transform:translateY(-4px);border-color:#a9bdc8;box-shadow:0 17px 34px rgba(10,35,59,.12)}
.group-product-card>img{display:block;width:100%;height:170px;padding:21px;object-fit:contain;background:linear-gradient(145deg,#f5f8fa,#e7eef2)}
.group-product-card>div{padding:19px}
.group-product-card span{color:#0875ad;font-size:9px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}
.group-product-card h4{min-height:48px;margin:9px 0 17px;color:#173650;font:700 16px/1.4 Manrope,sans-serif}
.group-product-card b{color:#0875ad;font-size:11px}
.electrical-back{margin-bottom:22px}
.group-back{margin-bottom:25px;padding:11px 15px;border:1px solid #b9c8d1;border-radius:3px;background:#fff;color:#0b6895;box-shadow:0 5px 14px rgba(10,35,59,.05)}
.group-back:hover{border-color:#0875ad;text-decoration:none;box-shadow:0 8px 18px rgba(10,35,59,.1)}
@media (width<=1050px){.group-product-grid{grid-template-columns:repeat(3,1fr)}}
@media (width<=800px){.group-product-grid{grid-template-columns:1fr 1fr}}
@media (width<=520px){.group-product-grid{grid-template-columns:1fr}.group-product-card>img{height:220px}.group-product-title{align-items:start;flex-direction:column;gap:6px}.group-product-card h4{min-height:0}}
