:root{--blue:#1268ae;--ink:#172c40;--soft:#f2f6fa;--line:#dce5ec}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);font:16px/1.75 'Segoe UI',Arial,sans-serif}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}button,a,input,textarea{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #f2ab32;outline-offset:4px}.container{width:min(1180px,90%);margin:auto}.preview-note{background:#162b3f;color:#fff;padding:9px 5%;font-size:11px;letter-spacing:1.5px;display:flex;gap:25px;align-items:center}.preview-note span{opacity:.7;letter-spacing:0}.preview-note a{margin-left:auto;color:#fff;letter-spacing:0}#header{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid var(--line)}#header .container{display:flex;align-items:center;justify-content:space-between;min-height:88px}.logo{margin:0;line-height:1}.logo img{max-width:220px;max-height:62px;object-fit:contain}.navbar ul{display:flex;list-style:none;gap:32px;margin:0;padding:0}.navbar a{font-size:14px;font-weight:600;color:var(--ink)}.navbar li:last-child a{background:var(--blue);color:#fff;padding:12px 18px}#menu{display:none}#hero{min-height:590px;display:flex;align-items:center;background:linear-gradient(90deg,rgba(242,247,252,.98) 0%,rgba(242,247,252,.94) 33%,rgba(242,247,252,.2) 100%),url('assets/img/hero-bg.jpg') center/cover;padding:75px 0}#hero .eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;color:var(--blue)}#hero h1{font-size:clamp(44px,5.6vw,78px);line-height:1.05;letter-spacing:-3px;margin:20px 0}#hero h1 span{color:var(--blue)}#hero h2{font-size:18px;line-height:1.7;font-weight:400;max-width:480px;margin:25px 0 30px;color:#425b70}.d-flex{display:flex;gap:20px;align-items:center}.btn-get-started,button[type=submit]{display:inline-block;background:var(--blue);color:white;padding:14px 23px;border:0;font:600 14px 'Segoe UI',sans-serif;cursor:pointer}.secondary{font-size:14px;font-weight:600}.hero-note{font-size:12px;margin-top:36px;color:#587085}section{padding:80px 0}.section-bg,#services{background:var(--soft)}.section-title{margin-bottom:35px}.section-title h2{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--blue);margin:0 0 10px}.section-title h3{font-size:clamp(27px,3vw,39px);font-weight:600;line-height:1.2;letter-spacing:-1px;margin:0}.section-title h3 span{color:var(--blue)}.section-title p{margin:12px 0;color:#657887}.row{display:flex;flex-wrap:wrap;margin:0 -15px;row-gap:24px}.col-lg-6{width:50%;padding:0 15px}.col-lg-3{width:25%;padding:0 15px}.col-lg-12{width:100%}.img-fluid{max-width:100%;height:auto;display:block}#about .content{display:block}#about .content p{margin:0 0 16px}#about h4{font-size:16px;line-height:1.75;font-weight:400;margin:0 0 16px}#about h5{font-size:18px;margin:16px 0 10px}#about .row+div{margin-top:35px;padding-top:25px;border-top:1px solid var(--line)}.portfolio-container{margin-bottom:45px}.portfolio-item img{width:100%;aspect-ratio:1.35;object-fit:contain;background:#f8fafc;border:1px solid var(--line)}.portfolio-info{padding:20px 0 8px}.portfolio-info h4{font-size:21px;margin:0 0 6px}.preview-link,.product-enquiry{font-size:13px}.product-enquiry{display:block;font-weight:700;padding:10px 0;border-top:1px solid var(--line)}#portfolio .section-title:has(.btn-buy){padding:22px;background:var(--soft)}#portfolio ul{padding-left:22px}#portfolio li{margin:13px 0}table{border-collapse:collapse;width:100%;border:1px solid var(--line);font-size:14px;margin-top:15px}td{padding:12px 18px;border-bottom:1px solid var(--line)}tr:nth-child(odd){background:var(--soft)}.faq-list{padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:0 40px;margin:0 0 35px}.faq-list li{border-bottom:1px solid var(--line);padding:10px 0}.faq-list p{margin:5px 0}.facility-gallery,.facility-gallery tbody{display:block;border:0}.facility-gallery tr{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;background:none}.facility-gallery td{padding:0;border:0;min-width:0}.facility-gallery img{width:100%;height:170px;object-fit:cover}.info-box{border-top:2px solid var(--blue);padding:20px 0}.info-box h3{font-size:17px;margin:0 0 10px}.info-box p{font-size:14px;line-height:1.8;margin:0}.contact>.container>.row{margin-bottom:28px}.php-email-form{padding:28px;background:var(--soft)}.php-email-form .row{margin:0;gap:12px}.form-group{flex:1;margin-bottom:14px;min-width:0}label{display:block;font-size:12px;font-weight:600;margin:0 0 5px}input,textarea{border:1px solid #c7d4e0;background:white;padding:12px;width:100%;font:14px 'Segoe UI',sans-serif;border-radius:0}textarea{resize:vertical}.form-note{font-size:12px;color:#64798a;margin-top:0}#form-result{font-size:14px;margin:15px 0 0}#footer{padding:25px 0;background:#172c40;color:#fff;font-size:12px}#footer .container{display:flex;justify-content:space-between;gap:15px}.credits{opacity:.7}@media(max-width:800px){.preview-note span{display:none}.preview-note{font-size:9px;gap:10px}.logo img{width:165px}#header .container{min-height:74px}#menu{display:block;background:white;border:1px solid var(--line);padding:10px;color:var(--ink)}.navbar ul{display:none;position:absolute;top:74px;left:0;right:0;background:#fff;padding:20px 5%;box-shadow:0 12px 18px #182a3a14}.navbar.open ul{display:flex;flex-direction:column;gap:20px}.navbar li:last-child a{display:inline-block}#hero{min-height:550px;background:linear-gradient(90deg,rgba(242,247,252,.97),rgba(242,247,252,.7)),url('assets/img/hero-bg.jpg') center/cover;padding:55px 0}#hero h1{letter-spacing:-2px}.d-flex{flex-wrap:wrap;gap:16px}section{padding:55px 0}.col-lg-6,.col-lg-3{width:100%}.faq-list{grid-template-columns:1fr}.facility-gallery tr{grid-template-columns:1fr 1fr}.facility-gallery img{height:140px}#footer .container{display:block}.php-email-form{padding:20px}#portfolio td{padding:10px 8px;overflow-wrap:anywhere}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Focused refinement: complete first screen, browsable machinery, subtle motion. */
#hero{position:relative;min-height:max(680px,calc(100svh - 88px));padding:65px 0 155px;overflow:hidden;background:none;isolation:isolate}#hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(244,248,252,.98),rgba(244,248,252,.88) 30%,rgba(244,248,252,.08) 74%),url('assets/img/hero-bg.jpg') center/cover;animation:hero-settle 1.4s ease-out both}#hero>.container{animation:enter 800ms ease-out both}.hero-bottom{position:absolute;bottom:0;left:0;width:100%;background:rgba(255,255,255,.85);backdrop-filter:blur(14px);border-top:1px solid rgba(123,151,177,.2)}.hero-bottom>.container{display:grid;grid-template-columns:1fr 1.25fr 1.3fr 1fr;align-items:center;gap:24px;padding:24px 0}.hero-bottom strong{display:block;font-size:24px;font-weight:600;line-height:1.25}.hero-bottom small{font-size:14px}.hero-bottom span{font-size:12px;color:#5d7184}.discover{display:flex;align-items:center;justify-content:flex-end;gap:20px;font-size:13px;font-weight:600}.discover span{display:grid;place-items:center;width:42px;height:42px;border:1px solid #9cb4c8;border-radius:50%;font-size:22px;color:var(--blue);animation:nudge 2.5s ease-in-out 2}.navbar a{position:relative}.navbar a.active{color:var(--blue)}.navbar a.active:after{content:'';position:absolute;height:2px;background:var(--blue);bottom:-10px;left:0;right:0}.navbar li:last-child a.active{color:white}.btn-get-started,button[type=submit],.portfolio-item img{transition:transform .25s,box-shadow .25s}.btn-get-started:hover,button[type=submit]:hover{transform:translateY(-3px);box-shadow:0 9px 20px #1268ae33;text-decoration:none}.portfolio-item:hover img{transform:translateY(-5px);box-shadow:0 15px 35px #172c4010}.machine-gallery{width:100%;padding:0 15px;margin-top:16px;min-width:0}.gallery-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:25px}.eyebrow{letter-spacing:2px;font-size:11px;font-weight:700;color:var(--blue);margin:0 0 9px}.gallery-heading h3{font-size:30px;margin:0;font-weight:600;letter-spacing:-.7px}.gallery-heading p:not(.eyebrow){font-size:14px;margin:8px 0 0;color:#687c8c}.gallery-buttons{display:flex;gap:9px}.gallery-buttons button,.dialog-bottom button{width:48px;height:48px;background:white;border:1px solid #b6c9d9;color:var(--blue);font-size:24px;cursor:pointer;transition:background .2s,color .2s}.gallery-buttons button:hover,.dialog-bottom button:hover{background:var(--blue);color:white}.gallery-buttons button:disabled{opacity:.35;cursor:default;background:white;color:var(--blue)}.machine-track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;padding:5px 0 18px;scrollbar-width:thin;scrollbar-color:#1268ae #dce5ec}.machine-card{position:relative;flex:0 0 calc((100% - 70px)/3.15);min-width:0;padding:20px;background:white;border:1px solid var(--line);scroll-snap-align:start;text-align:left;cursor:pointer;color:var(--ink);font-family:inherit;transition:border-color .2s,box-shadow .2s}.machine-card:hover{border-color:var(--blue);box-shadow:0 6px 18px #172c4010}.machine-number{font-size:10px;letter-spacing:2px;color:#8293a1}.machine-card img{width:100%;aspect-ratio:1;object-fit:contain;display:block;margin:15px 0;transition:transform .35s}.machine-card:hover img{transform:scale(1.045)}.machine-caption{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:17px;gap:10px}.machine-caption strong{font-size:15px;font-weight:600}.machine-caption>span{color:var(--blue);font-size:23px}.gallery-footer{display:flex;justify-content:space-between;font-size:11px;color:#6c8091;padding-top:12px;letter-spacing:.5px}dialog{width:min(900px,92vw);max-height:92svh;padding:25px;border:0;color:var(--ink);box-shadow:0 25px 100px #0005}dialog::backdrop{background:#0c2035bb;backdrop-filter:blur(5px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:2px}.dialog-top button{font-size:24px;background:none;border:0;padding:8px;cursor:pointer}#machine-large{display:block;width:100%;height:55svh;object-fit:contain;margin:10px auto}.dialog-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px}.dialog-bottom h3{font-size:20px;text-align:center}.dialog-bottom button{flex-shrink:0}#large-count{text-align:center;font-size:12px;color:#6b8192;margin:8px 0 0}.reveal-ready{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal-ready.revealed{opacity:1;transform:translateY(0)}@keyframes enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes hero-settle{from{transform:scale(1.035)}to{transform:scale(1)}}@keyframes nudge{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}@media(min-width:1500px){#hero h1{font-size:82px}#hero h2{font-size:20px;max-width:520px}}@media(max-width:800px){#hero{min-height:max(700px,calc(100svh - 74px));padding:50px 0 180px}#hero:before{background:linear-gradient(90deg,rgba(244,248,252,.97),rgba(244,248,252,.7)),url('assets/img/hero-bg.jpg') 60% center/cover}.hero-bottom>.container{grid-template-columns:1fr 1fr;gap:18px;padding:20px 0}.hero-bottom strong{font-size:20px}.discover{justify-content:flex-start}.hero-bottom span{font-size:10px}.machine-card{flex-basis:72%}.gallery-heading{align-items:center;gap:15px}.gallery-heading h3{font-size:25px}.gallery-heading p:not(.eyebrow){max-width:230px;font-size:12px}.gallery-buttons{gap:5px}.gallery-buttons button{width:39px;height:42px}.gallery-footer{gap:15px;font-size:10px}#machine-large{height:48svh}.dialog-bottom h3{font-size:15px}.navbar a.active:after{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal-ready{opacity:1;transform:none}}
/* Editorial motion: finite entrances, scroll progress, and responsive interactions. */
#hero>.container{animation:none}#hero>.container>.eyebrow{animation:rise-in .75s .08s both}#hero h1{animation:rise-in .95s .18s both}#hero h2{animation:rise-in .9s .35s both}#hero .d-flex{animation:rise-in .85s .5s both}#hero .hero-note{animation:rise-in .8s .65s both}#hero h1 span{display:inline-block;position:relative}#hero h1 span:after{content:'';position:absolute;left:0;bottom:-9px;width:62%;height:3px;background:linear-gradient(90deg,var(--blue),#1268ae00);transform-origin:left;animation:line-grow .85s 1.1s both}.hero-bottom>.container>div:nth-child(1){animation:rise-in .7s .7s both}.hero-bottom>.container>div:nth-child(2){animation:rise-in .7s .82s both}.hero-bottom>.container>div:nth-child(3){animation:rise-in .7s .94s both}.hero-bottom .discover{animation:rise-in .7s 1.05s both}.btn-get-started{position:relative;overflow:hidden}.btn-get-started:after{content:'';position:absolute;top:0;bottom:0;width:35%;left:-60%;background:linear-gradient(90deg,transparent,#ffffff35,transparent);transform:skewX(-20deg);animation:button-light 1s 1.5s both;pointer-events:none}.gallery-buttons button:not(:disabled):hover{transform:translateY(-3px)}.gallery-buttons button{transition:transform .2s,background .2s,color .2s}.machine-caption>span{transition:transform .25s}.machine-card:hover .machine-caption>span{transform:translate(3px,-3px)}.machine-card{transition:opacity .7s,transform .7s,border-color .2s,box-shadow .2s}.machine-card.reveal-ready:nth-child(2){transition-delay:.12s}.machine-card.reveal-ready:nth-child(3){transition-delay:.24s}.machine-card.reveal-ready:nth-child(4){transition-delay:.36s}.section-title h3{position:relative;padding-bottom:17px}.section-title h3:after{content:'';position:absolute;bottom:0;left:0;width:52px;height:3px;background:var(--blue);transform-origin:left;transform:scaleX(0);transition:transform .65s .2s}.section-title.revealed h3:after{transform:scaleX(1)}#page-progress{position:absolute;bottom:-1px;left:0;height:3px;width:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#1268ae,#4da4e6);pointer-events:none;z-index:25}dialog[open]{animation:dialog-enter .25s ease-out}dialog[open]::backdrop{animation:backdrop-enter .25s ease-out}@keyframes rise-in{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@keyframes line-grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes button-light{to{left:130%}}@keyframes dialog-enter{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes backdrop-enter{from{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.section-title h3:after{transform:scaleX(1)}.btn-get-started:after{display:none}}
/* Brighter blue-and-white palette; existing composition and content retained. */
:root{--blue:#0866cf;--ink:#142d4b;--soft:#f0f8ff;--line:#d8eafa}body{background:#fff;color:var(--ink)}#header{background:rgba(255,255,255,.97);border-bottom-color:#e4f0fb;box-shadow:0 3px 22px #1874c509}#hero:before{background:linear-gradient(90deg,#fff 0%,rgba(249,253,255,.97) 26%,rgba(239,249,255,.63) 48%,rgba(236,248,255,.06) 80%),url('assets/img/hero-bg.jpg') center/cover;filter:brightness(1.045) saturate(1.13)}#hero h1{color:#142d4b}#hero h1 span{color:#0870dd}#hero h2{color:#385771}#hero .eyebrow,.eyebrow{color:#075fb8}#hero .hero-note{color:#526e88}.hero-bottom{background:linear-gradient(100deg,rgba(255,255,255,.96),rgba(234,247,255,.95));border-top-color:#cde6fa}.hero-bottom strong{color:#0866cf}.hero-bottom span{color:#47647e}.discover span{color:#0866cf;background:#fff;border-color:#b7dcfa}.btn-get-started,button[type=submit],.navbar li:last-child a{background:linear-gradient(110deg,#0866cf,#0873ce);box-shadow:0 5px 16px #0870dd20}.btn-get-started:hover,button[type=submit]:hover{box-shadow:0 9px 24px #0870dd35}#about{background:linear-gradient(135deg,#f5fbff,#eef7ff 65%,#f8fcff)}.section-title h3{color:#142d4b}.section-title h3 span{color:#0866cf}.section-title h2{color:#075fb8}.section-title p{color:#536d84}.section-title h3:after{background:linear-gradient(90deg,#0866cf,#45bce8)}#about .row>div:first-child img{box-shadow:0 12px 32px #2177b912}#about .row+div{border-top-color:#d4eafa}.portfolio-item img{background:#fff;border-color:#e1edf8;box-shadow:0 6px 24px #307bad0a}.portfolio-info h4{color:#123e6a}.product-enquiry{border-top-color:#dcecf9}.portfolio-item:hover img{box-shadow:0 15px 35px #0b75d51c}#portfolio .section-title:has(.btn-buy){background:linear-gradient(100deg,#edf7ff,#f3fbff);border:1px solid #dceefe}.btn-buy{color:#075fb8}#portfolio table{border-color:#cde3f6}#portfolio tr:nth-child(odd){background:#eef7ff}#portfolio td{border-color:#d9eafb}#services{background:linear-gradient(150deg,#ecf7ff,#f4fbff 60%,#edf8ff)}.faq-list li{border-bottom-color:#cfe5f6}.machine-card{background:#fff;border-color:#d5e8f8;box-shadow:0 5px 20px #1c79bd08}.machine-card:hover{border-color:#70b7f3;box-shadow:0 10px 28px #1679cd19}.machine-number{color:#526f8b}.machine-caption{border-top-color:#e1eef9}.machine-caption strong{color:#163e66}.gallery-heading p:not(.eyebrow),.gallery-footer{color:#4c6b86}.gallery-buttons button,.dialog-bottom button{border-color:#b7dbf7;background:#fff;color:#0866cf}.gallery-buttons button:not(:disabled):hover,.dialog-bottom button:hover{background:#0866cf;color:#fff}.machine-track{scrollbar-color:#5ca9e9 #dcefff}#contact{background:#fff}.info-box{border-top-color:#3c9de6}.info-box h3{color:#0866cf}.php-email-form{background:linear-gradient(140deg,#f0f8ff,#f6fbff);border:1px solid #dfedfa}.form-note{color:#4e6c85}input,textarea{border-color:#c7dff2;color:#142d4b;background:#fff}input:focus,textarea:focus{border-color:#0870dd}#footer{background:#123b62;color:#fff}.credits{opacity:.85}#page-progress{background:linear-gradient(90deg,#0866cf,#3caee8)}dialog{background:#fff}dialog::backdrop{background:#0e3359b8}@media(max-width:800px){#hero:before{background:linear-gradient(90deg,rgba(255,255,255,.98),rgba(244,251,255,.87) 55%,rgba(237,248,255,.59)),url('assets/img/hero-bg.jpg') 60% center/cover}}