.hero-copy{max-width:870px}.hero h1{font-size:clamp(48px,6.2vw,90px);max-width:850px}.smart{background:#f3f8fb}.smart-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.smart-grid h2{font-size:clamp(38px,5vw,70px);line-height:1;letter-spacing:-.05em;color:var(--navy);margin:0}.smart-grid p{font-size:18px;color:var(--muted)}.smart-map{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.smart-map span{display:grid;place-items:center;min-height:78px;background:#fff;border:1px solid var(--line);font-size:14px;font-weight:850;color:var(--navy)}.smart-benefits{display:grid;grid-template-columns:repeat(3,1fr);margin-top:55px;border:1px solid var(--line)}.smart-benefits article{background:#fff;padding:30px;border-right:1px solid var(--line)}.smart-benefits b{color:var(--cyan);font-size:12px}.smart-benefits h3{font-size:21px;color:var(--navy);margin:28px 0 10px}.smart-benefits p{color:var(--muted);font-size:14px}.parts{background:linear-gradient(135deg,#032f58,#084f7e);color:#fff}.parts .head h2{color:#fff}.parts .head>p{color:#bed5e3}.parts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:60px}.parts-grid article{background:#fff;color:var(--ink);padding:30px;min-height:310px;border-top:4px solid var(--cyan)}.parts-grid article>span{font-size:11px;font-weight:900;letter-spacing:.16em;color:var(--blue)}.parts-grid h3{font-size:24px;line-height:1.15;color:var(--navy);margin:38px 0 15px}.parts-grid p{font-size:15px;color:var(--muted)}.parts-grid small{display:block;margin-top:20px;padding-top:16px;border-top:1px solid var(--line);font-size:12px;font-weight:750;color:var(--blue)}.part-examples{display:grid;grid-template-columns:repeat(4,1fr);margin-top:18px;border:1px solid rgba(255,255,255,.2)}.part-examples article{padding:20px;border-right:1px solid rgba(255,255,255,.2);display:flex;flex-direction:column}.part-examples span{font-size:12px;color:#c0d6e3;margin-top:4px}@media(max-width:1000px){.smart-grid{grid-template-columns:1fr}.smart-benefits,.parts-grid{grid-template-columns:1fr 1fr}.part-examples{grid-template-columns:1fr 1fr}}@media(max-width:640px){.hero h1{font-size:46px}.smart-benefits,.parts-grid,.part-examples{grid-template-columns:1fr}}
.label span,.cap-grid i,.q-list b,.smart-benefits b{font-size:20px;line-height:1;color:var(--cyan)}

/* Modern VIBENTEC AMF signature */
.topbar{height:94px;background:rgba(255,255,255,.94);border-bottom:1px solid rgba(17,40,60,.1);box-shadow:0 10px 34px rgba(4,54,101,.06)}
.brand{width:285px;gap:15px}
.brand img,.foot-brand img{filter:brightness(0) saturate(100%)}
.brand img{width:198px;height:56px}
.brand>span{height:38px;background:linear-gradient(180deg,transparent,var(--blue),transparent)}
.brand b,.foot-brand b{color:var(--blue);font-weight:900;letter-spacing:.14em}
.brand b{font-size:24px}
nav{gap:28px}
nav a{position:relative;padding:10px 0;color:#243746}
nav a:after{content:"";position:absolute;left:0;right:100%;bottom:2px;height:2px;background:var(--blue);transition:right .25s ease}
nav a:hover:after{right:0}
.nav-cta{border-radius:4px;background:var(--blue);box-shadow:0 10px 24px rgba(11,111,167,.16)}
.langs{background:#f5f8fa;border-color:#d4e0e8}
.langs button{min-width:32px}
.foot-brand{gap:15px}
.foot-brand b{font-size:22px}
@media(max-width:1000px){.topbar{height:88px}.topbar nav.open{top:87px}}
@media(max-width:640px){.topbar{height:78px}.brand{width:220px;gap:10px}.brand img{width:155px;height:48px}.brand>span{height:30px}.brand b{font-size:20px}.topbar nav.open{top:77px}}

/* Unified technical icon system */
[data-icon]{display:inline-grid;place-items:center;color:var(--cyan)}
[data-icon] svg{display:block;width:100%;height:100%}
.section-icon{width:25px;height:25px;flex:0 0 25px}
.cap-grid .feature-icon{width:46px;height:46px;padding:10px;border:1px solid rgba(0,168,232,.28);border-radius:6px;background:rgba(0,168,232,.07)}
.cap-grid h3{margin-top:28px}
.steps span[data-icon]{width:46px;height:46px;padding:11px;border-radius:6px;background:var(--navy);color:#fff}
.q-list b[data-icon],.smart-benefits b[data-icon]{width:38px;height:38px;padding:8px;border:1px solid rgba(0,168,232,.35);border-radius:5px}
.smart-benefits h3{margin-top:22px}

/* Dimensional 3D industrial icons */
[data-icon]{position:relative;isolation:isolate;background:linear-gradient(145deg,#19b9ee 0%,#0879b5 48%,#043665 100%);color:#fff;border:1px solid rgba(255,255,255,.48);box-shadow:inset 1px 1px 0 rgba(255,255,255,.45),inset -5px -7px 12px rgba(3,47,88,.28),0 8px 16px rgba(4,54,101,.2);transform:translateZ(0);transition:transform .25s ease,box-shadow .25s ease}
[data-icon]:after{content:"";position:absolute;z-index:-1;inset:3px;border-radius:inherit;background:linear-gradient(145deg,rgba(255,255,255,.2),transparent 42%)}
[data-icon] svg{filter:drop-shadow(0 2px 1px rgba(3,47,88,.28))}
.section-icon{width:34px;height:34px;flex-basis:34px;padding:7px;border-radius:8px;transform:rotate(-7deg)}
.label:hover .section-icon{transform:rotate(0deg) translateY(-2px);box-shadow:inset 1px 1px 0 rgba(255,255,255,.5),inset -6px -8px 14px rgba(3,47,88,.3),0 12px 20px rgba(4,54,101,.25)}
.cap-grid .feature-icon{width:52px;height:52px;padding:12px;border:1px solid rgba(255,255,255,.5);border-radius:10px;background:linear-gradient(145deg,#23c5f3,#087ab7 52%,#043665);box-shadow:inset 1px 1px 0 rgba(255,255,255,.5),inset -6px -8px 14px rgba(3,47,88,.3),0 11px 18px rgba(4,54,101,.22)}
.cap-grid article:hover .feature-icon{transform:translateY(-4px) rotate(-3deg);box-shadow:inset 1px 1px 0 rgba(255,255,255,.55),inset -6px -8px 14px rgba(3,47,88,.28),0 16px 24px rgba(4,54,101,.3)}
.steps span[data-icon]{border-radius:9px;background:linear-gradient(145deg,#0f82bd,#043665);box-shadow:inset 1px 1px 0 rgba(255,255,255,.3),inset -5px -6px 10px rgba(0,0,0,.18),0 8px 14px rgba(4,54,101,.24)}
.q-list b[data-icon],.smart-benefits b[data-icon]{width:42px;height:42px;padding:9px;border-radius:8px;background:linear-gradient(145deg,#20bdec,#087bb7 52%,#043665);box-shadow:inset 1px 1px 0 rgba(255,255,255,.45),inset -5px -6px 10px rgba(3,47,88,.25),0 9px 16px rgba(0,0,0,.18)}
.metrics{grid-template-columns:repeat(4,1fr)}
@media(max-width:640px){.metrics{grid-template-columns:1fr 1fr}.metrics article:last-child{grid-column:auto}}