:root{--teal:#4c9b91;--teal2:#5aa89e;--ink:#282f3f;--ink2:#31394b;--black:#0d0d0d;--text:#171717;--muted:#666;--line:#e7e7e7;--max:1280px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:#fff;line-height:1.5}img{max-width:100%;display:block}a{color:inherit}.container{width:min(calc(100% - 40px),var(--max));margin:auto}.contact-strip{background:#fff;padding:14px 0}.strip-grid{display:grid;grid-template-columns:280px 1fr 220px 220px;gap:28px;align-items:center}.logo img{width:195px}.strip-item{display:flex;gap:12px;align-items:center}.strip-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:var(--teal);font-size:24px}.strip-item b{display:block;font-size:15px}.strip-item small{display:block;color:#687078;line-height:1.25}.nav-bar{background:var(--teal);position:sticky;top:0;z-index:50}.nav-wrap{min-height:56px;display:flex;align-items:center;justify-content:flex-end;gap:28px}.main-nav{display:flex;gap:34px;align-items:center}.main-nav a{text-decoration:none;color:#fff;font-weight:700;font-size:12px;text-transform:uppercase}.main-nav a.active,.main-nav a:hover{color:#17232a}.lang-switch{display:flex;gap:6px;align-items:center;color:#fff;font-weight:800}.lang-switch button{border:0;background:transparent;color:#fff;font-weight:800;cursor:pointer;padding:4px}.lang-switch button.active{color:#102025;text-decoration:underline}.mobile-toggle{display:none;border:0;background:transparent;color:#fff;font-size:28px}.hero-video{position:relative;height:550px;overflow:hidden;background:#111}.hero-video video,.hero-video .fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-video:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(28,35,44,.56),rgba(28,35,44,.18))}.page-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(24,31,43,.32),rgba(24,31,43,.12))}.hero-copy{position:relative;z-index:2;color:#fff;padding-top:165px;max-width:760px}.hero-copy h1{font-size:40px;line-height:1.12;margin:0 0 18px;font-weight:800}.hero-copy p{font-size:19px;margin:0 0 22px}.btn-row{display:flex;gap:14px;flex-wrap:wrap}.btn{display:inline-block;text-decoration:none;border:0;padding:13px 22px;font-weight:700;font-size:14px;cursor:pointer}.btn.teal{background:var(--teal);color:#fff}.btn.dark{background:#283041;color:#fff}.btn.white{background:#fff;color:#222}.section{padding:74px 0}.home-intro{display:grid;grid-template-columns:1fr 1.35fr;min-height:560px}.home-intro .copy{padding:70px 8vw 60px 5vw}.home-intro h2,.section h2,.page-banner h1{font-size:34px;line-height:1.15;margin:0 0 18px;font-weight:800}.home-intro p{max-width:500px}.home-intro .photo{background:url('../images/interior-pallets.jpg') center/cover no-repeat}.product-band{background:var(--ink);padding:58px 0 64px;color:#fff}.product-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.product-tile{background:#fff;padding:10px;text-align:center;color:var(--teal);font-weight:700;font-size:14px}.product-tile img{width:100%;height:155px;object-fit:contain;background:#fff}.machine-cta{margin:-34px auto 0;max-width:920px;background:#fff;padding:35px;text-align:center;box-shadow:0 5px 18px rgba(0,0,0,.08);position:relative}.machine-cta h2{color:var(--teal)}.three-features{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;text-align:center;padding:70px 0}.feature-icon{width:64px;height:64px;border:2px solid #222;margin:0 auto 18px;display:grid;place-items:center;font-size:30px}.feature h3{font-size:16px}.page-banner{height:255px;position:relative;background-size:cover;background-position:center;color:#fff;display:flex;align-items:center}.page-banner .container{position:relative;z-index:2}.page-banner h1{font-size:34px}.page-banner p{font-size:18px;max-width:980px}.about-top{background:linear-gradient(135deg,#354155,#566276)}.facility-top{background:linear-gradient(135deg,#324052,#4a5d73)}.contact-top{background:linear-gradient(135deg,#313b4c,#4d5b71)}.products-top{background:var(--ink)}.about-bullets{display:grid;grid-template-columns:1fr .95fr;gap:70px;align-items:center}.bullets p{padding-left:30px;position:relative;font-size:18px}.bullets p:before{content:'▶';position:absolute;left:0;color:var(--teal)}.mission-scene{min-height:440px;background:url('../images/about-mission-bg.jpg') center/cover no-repeat;position:relative}.mission-cards{display:flex;justify-content:flex-end;gap:38px;padding-top:250px}.mission-card{background:var(--ink);color:#fff;width:340px;padding:35px 28px}.mission-card h2{text-align:center;color:#fff}.team-strip{background:#000;padding:64px 0;background-image:url('../images/about-robot.jpg');background-size:cover;background-position:left center;min-height:390px}.team-note{margin-left:auto;width:58%;background:var(--teal2);color:#fff;padding:42px;font-size:17px}.facility-intro{display:grid;grid-template-columns:1.1fr .9fr;gap:55px;align-items:center}.facility-intro p{font-size:17px}.facility-robot{height:310px;object-fit:cover;width:100%}.machinery-scene{position:relative;background:url('../images/facility-robot-wide.jpg') center/cover no-repeat;min-height:500px;margin-top:50px}.machinery-box{position:absolute;right:0;top:70px;width:50%;background:var(--ink);color:#fff;padding:60px 70px}.machinery-box h2{color:#fff}.machinery-box li{margin:8px 0}.facility-cards{display:flex;flex-wrap:wrap;gap:22px;justify-content:center;padding-top:70px}.facility-card{position:relative;width:300px;height:205px;overflow:hidden;background:var(--ink);cursor:pointer}.facility-card>img.base{width:100%;height:100%;object-fit:cover;filter:brightness(.54)}.facility-card .label{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:22px;font-weight:800;text-align:center;padding:18px}.facility-card .card-detail{position:absolute;inset:0;background:rgba(40,47,63,.97);color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:24px;opacity:0;transform:scale(1.02);transition:.28s ease}.facility-card .card-detail h3{margin:0 0 12px;font-size:22px}.facility-card .card-detail p{margin:0;font-size:14px;line-height:1.45}.facility-card:hover .card-detail,.facility-card:focus .card-detail,.facility-card.active .card-detail{opacity:1;transform:scale(1)}.facility-card:hover .label,.facility-card.active .label{opacity:0}.product-page-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px}.product-block{display:grid;grid-template-columns:280px 1fr;gap:28px;align-items:center;padding:28px;border:1px solid #eee}.product-block img{width:100%;height:210px;object-fit:contain}.product-block h2{font-size:26px}.badges{display:flex;gap:10px;flex-wrap:wrap}.badge{background:var(--ink);color:#fff;padding:7px 10px;font-size:12px}.contact-body{display:grid;grid-template-columns:.9fr 1.4fr;gap:60px;align-items:start}.contact-body h2{font-size:28px}.form-grid{display:grid;gap:12px}.form-grid input,.form-grid textarea{width:100%;padding:13px;border:1px solid #8a8f98;font:inherit}.form-grid textarea{min-height:130px;resize:vertical}.form-grid button{background:var(--teal);color:#fff;border:0;padding:13px;font-weight:700;cursor:pointer}.map-wrap{margin-top:65px}.map-wrap iframe{width:100%;height:420px;border:0}.process{background:#f7f7f7}.process-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.step{background:#fff;padding:25px;border-top:4px solid var(--teal)}.step b{font-size:26px;color:var(--teal)}.quote-footer{background:var(--black);color:#fff;padding:60px 0 55px}.footer-grid{display:grid;grid-template-columns:1.35fr .7fr .7fr;gap:70px}.footer-grid h3{font-size:19px}.footer-grid a{color:#fff;text-decoration:none;display:block;margin:8px 0;font-size:14px}.footer-grid .accent{color:var(--teal)}.copyright{background:var(--ink);color:#fff;padding:22px 0;font-size:12px}.copyright .container{display:flex;justify-content:space-between;gap:20px}.whatsapp-float{position:fixed;right:20px;bottom:20px;width:58px;height:58px;border-radius:50%;background:#25D366;color:#fff;text-decoration:none;display:grid;place-items:center;font-size:28px;font-weight:900;box-shadow:0 5px 16px rgba(0,0,0,.25);z-index:100}.reveal{opacity:0;transform:translateY(16px);transition:.55s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:980px){.strip-grid{grid-template-columns:220px 1fr 1fr}.strip-grid .strip-item:nth-child(2){grid-column:auto}.strip-grid .strip-item:last-child{display:none}.main-nav{display:none;position:absolute;top:56px;left:0;right:0;background:var(--teal);padding:18px 20px;flex-direction:column;align-items:flex-start}.main-nav.open{display:flex}.mobile-toggle{display:block}.nav-wrap{justify-content:space-between}.home-intro,.about-bullets,.facility-intro,.contact-body{grid-template-columns:1fr}.home-intro .photo{min-height:420px}.product-page-grid{grid-template-columns:1fr}.process-grid{grid-template-columns:1fr 1fr}.machinery-box{position:relative;top:auto;right:auto;width:100%;background:rgba(40,47,63,.96)}.machinery-scene{padding-top:250px}.mission-cards{padding-top:220px;flex-direction:column;align-items:flex-end}.team-note{width:80%}.footer-grid{grid-template-columns:1fr 1fr}.hero-copy h1{font-size:34px}}@media(max-width:680px){.container{width:min(calc(100% - 28px),var(--max))}.contact-strip{padding:9px 0}.strip-grid{grid-template-columns:1fr 1fr}.strip-grid>.logo{grid-column:1/-1;text-align:center}.logo img{margin:auto;width:165px}.strip-grid .strip-item:nth-child(2){display:none}.strip-item b{font-size:12px}.strip-item small{font-size:10px}.hero-video{height:540px}.hero-copy{padding-top:130px}.hero-copy h1{font-size:29px}.hero-copy p{font-size:16px}.home-intro{display:block}.home-intro .copy{padding:48px 20px}.home-intro .photo{min-height:360px}.product-strip,.three-features,.process-grid{grid-template-columns:1fr}.product-tile img{height:190px}.machine-cta{margin:0 14px}.page-banner{height:310px}.page-banner h1{font-size:30px}.facility-card{width:100%;max-width:360px}.machinery-box{padding:36px 24px}.product-block{grid-template-columns:1fr}.mission-card{width:100%}.team-note{width:100%;margin:0}.contact-body{gap:30px}.footer-grid{grid-template-columns:1fr}.copyright .container{flex-direction:column}.lang-switch{margin-left:auto}.section{padding:55px 0}}

/* ===== V3 Modern / technological polish ===== */
.strip-icon{border:1px solid rgba(76,155,145,.22);background:linear-gradient(145deg,#fff,#f2f9f7);box-shadow:0 5px 15px rgba(28,61,61,.06);transition:transform .25s ease,box-shadow .25s ease}
.strip-icon img{width:19px;height:19px;object-fit:contain}
.strip-item{transition:transform .25s ease}
a.strip-item:hover{transform:translateY(-2px)}a.strip-item:hover .strip-icon{transform:scale(1.08);box-shadow:0 8px 22px rgba(76,155,145,.18)}
.nav-bar{box-shadow:0 8px 25px rgba(21,44,44,.11);backdrop-filter:saturate(130%)}
.main-nav a{position:relative;transition:color .25s ease,transform .25s ease}.main-nav a:after{content:"";position:absolute;left:50%;bottom:-9px;width:0;height:2px;background:#fff;transform:translateX(-50%);transition:width .3s ease}.main-nav a:hover{transform:translateY(-1px)}.main-nav a:hover:after,.main-nav a.active:after{width:70%}
.btn{position:relative;overflow:hidden;isolation:isolate;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.btn:before{content:"";position:absolute;inset:-80% auto -80% -45%;width:35%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent);transform:rotate(18deg) translateX(-180%);transition:transform .65s ease;z-index:-1}.btn:hover{transform:translateY(-3px);box-shadow:0 12px 24px rgba(18,42,41,.18)}.btn:hover:before{transform:rotate(18deg) translateX(540%)}
.hero-video video{animation:heroBreath 12s ease-in-out infinite alternate}@keyframes heroBreath{from{transform:scale(1.01)}to{transform:scale(1.055)}}
.product-tile,.feature,.product-block,.step,.mission-card,.machine-cta{transition:transform .32s cubic-bezier(.2,.7,.2,1),box-shadow .32s ease,border-color .32s ease}.product-tile:hover,.feature:hover,.product-block:hover,.step:hover{transform:translateY(-7px);box-shadow:0 18px 38px rgba(20,39,39,.11)}
.feature-icon{border:0;width:78px;height:78px;background:linear-gradient(145deg,#fff,#f5f8f8);box-shadow:inset 0 0 0 1px #d7dfdf,0 10px 30px rgba(20,39,39,.08);border-radius:18px;position:relative}.feature-icon:after{content:"";position:absolute;inset:-5px;border:1px solid rgba(76,155,145,.18);border-radius:22px;opacity:0;transform:scale(.9);transition:.3s ease}.feature:hover .feature-icon:after{opacity:1;transform:scale(1)}.feature-icon img{width:48px;height:48px;transition:transform .35s ease}.feature:hover .feature-icon img{transform:scale(1.08) rotate(-2deg)}
.social-links{display:flex;align-items:center;gap:12px}.social-link{display:inline-flex!important;align-items:center;gap:10px;color:var(--teal)!important;font-weight:700!important;padding:8px 10px 8px 0;transition:transform .25s ease,color .25s ease}.social-link img{width:28px;height:28px;filter:none}.social-link:hover{transform:translateY(-2px);color:#67c0b5!important}
.whatsapp-float{transition:transform .25s ease,box-shadow .25s ease;animation:waPulse 2.5s infinite}.whatsapp-float img{width:31px;height:31px}.whatsapp-float:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 14px 28px rgba(37,211,102,.35)}@keyframes waPulse{0%,100%{box-shadow:0 5px 16px rgba(0,0,0,.25),0 0 0 0 rgba(37,211,102,.22)}50%{box-shadow:0 8px 20px rgba(0,0,0,.23),0 0 0 11px rgba(37,211,102,0)}}
.about-video-section{background:#121820;position:relative;overflow:hidden}.about-video{width:100%;height:min(72vh,760px);display:block;object-fit:cover;background:#0b0f14}.video-caption{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);display:flex;align-items:center;gap:9px;background:rgba(9,14,19,.76);color:#fff;border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(12px);padding:10px 16px;border-radius:999px;font-size:13px;font-weight:700;pointer-events:none;box-shadow:0 10px 30px rgba(0,0,0,.25)}.video-dot{width:9px;height:9px;border-radius:50%;background:var(--teal2);box-shadow:0 0 0 5px rgba(90,168,158,.15)}
.mission-scene,.team-strip,.machinery-scene{background-attachment:fixed}.page-banner{background-attachment:scroll}
.facility-card{border-radius:3px;box-shadow:0 12px 34px rgba(15,24,29,.08);transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease}.facility-card:hover{transform:translateY(-6px) scale(1.012);box-shadow:0 20px 45px rgba(15,24,29,.16)}.facility-card .card-detail{backdrop-filter:blur(4px)}
.reveal{opacity:0;transform:translateY(26px) scale(.99);filter:blur(2px);transition:opacity .75s ease,transform .75s cubic-bezier(.18,.7,.2,1),filter .75s ease}.reveal.visible{opacity:1;transform:none;filter:blur(0)}
.reveal-left{opacity:0;transform:translateX(-34px);transition:.75s cubic-bezier(.18,.7,.2,1)}.reveal-right{opacity:0;transform:translateX(34px);transition:.75s cubic-bezier(.18,.7,.2,1)}.reveal-left.visible,.reveal-right.visible{opacity:1;transform:none}
@media(max-width:980px){.mission-scene,.team-strip,.machinery-scene,.page-banner{background-attachment:scroll}.about-video{height:56vw;min-height:330px;max-height:560px}}
@media(max-width:680px){.feature-icon{width:70px;height:70px}.feature-icon img{width:43px;height:43px}.about-video{height:58vw;min-height:240px}.video-caption{bottom:14px;width:max-content;max-width:90%;font-size:11px}.social-link span{font-size:13px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal,.reveal-left,.reveal-right{opacity:1!important;transform:none!important;filter:none!important}}
