header{background:rgba(247,251,253,.84);-webkit-backdrop-filter:blur(22px) saturate(145%);backdrop-filter:blur(22px) saturate(145%);border-bottom:1px solid rgba(255,255,255,.7);box-shadow:0 8px 32px #0b213414}
.hero .button.outline,.photo-caption,.photo-tag{background:linear-gradient(135deg,#ffffff1c,#b6deee0b);border:1px solid #ffffff3b;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:inset 0 1px #ffffff21,0 12px 35px #0002;border-radius:8px}
.photo-caption{padding:16px 21px}.photo-tag{background-color:#142530d9;border-left:3px solid var(--cyan)}
.button{border-radius:5px}.contact{background:radial-gradient(ellipse at 95% 20%,#265871 0,transparent 54%),linear-gradient(115deg,#15212a,#182e3a)}
.contact-info{background:linear-gradient(135deg,#ffffff15,#bce8fa05);padding:34px;border:1px solid #ffffff26;border-radius:14px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:inset 0 1px #ffffff14,0 22px 50px #0002}
.preview-banner{background:#fff0cb;color:#553d10;padding:12px 6%;font:14px Arial;text-align:center}.preview-banner a{text-decoration:underline;font-weight:700}.service{border-radius:9px;overflow:hidden}.machines{background:#e9eef1}.machine-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.machine-card{background:#fff;border:1px solid #d3dce2;border-radius:9px;overflow:hidden}.machine-card img{width:100%;height:235px;object-fit:contain;background:#10181e}.machine-copy{padding:25px}.machine-copy h3{font-size:23px;line-height:1.25;margin:0 0 14px}.machine-copy p{color:var(--muted);font-size:15px;white-space:pre-line;overflow-wrap:anywhere}.machine-spec{border-top:1px solid #d8dfe3;padding-top:15px}.contactTitle{white-space:pre-line}h1,h2,h3,p{overflow-wrap:break-word}
@media(max-width:1050px){.machine-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-info{padding:26px}}
@media(max-width:700px){.machine-grid{grid-template-columns:1fr}.contact-info{padding:24px}.photo-caption{padding:11px 14px}header nav{background:rgba(250,253,255,.98)}.hero{min-height:670px}.photo-tag{max-width:95%}}
@supports not (backdrop-filter:blur(1px)){header{background:#f7fafc}.photo-caption,.photo-tag{background:#203541}.contact-info{background:#294350}}
.hero{min-height:730px;background:#061018}
.hero-image{inset:0;width:100%;height:100%;opacity:1;filter:none;object-position:66% center}
.hero:after{background:linear-gradient(90deg,#061019ee 0%,#061019c9 26%,#06101961 51%,#06101900 76%),linear-gradient(0deg,#061019c4,transparent 24%)}
.hero-content{padding-top:100px;padding-bottom:140px;padding-left:5.4vw;width:69%;max-width:1060px}
h1{font-size:clamp(56px,6.2vw,96px);letter-spacing:-4px;line-height:1.06;font-weight:750}
h1 span:last-child{background:linear-gradient(105deg,#f1f7fc 5%,#c5e4f1 27%,#36c7ed 66%,#87dff5);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-description{max-width:410px;text-shadow:0 2px 12px #0009}.hero .eyebrow{letter-spacing:3px;font-size:11px;color:#b8d4e1}
.photo-caption{bottom:36px;right:5.4%;font-size:11px;letter-spacing:2px;padding:20px 25px;background:linear-gradient(130deg,#ffffff20,#142d3b38)}
.hero .actions{gap:14px}.hero .button{padding:16px 25px}.hero .button:not(.outline){box-shadow:0 5px 35px #009fca24;background:linear-gradient(115deg,#007da5,#089bc5);border:1px solid #69dfff30}.hero .button:not(.outline):hover{background:#0085b2}
.index-strip{background:#12232c;border-top:1px solid #badceb27;border-bottom:1px solid #badceb16;padding-top:27px;padding-bottom:27px}.index-strip div:not(:first-child){border-left:1px solid #bbdcea25;padding-left:30px}.index-strip b{color:#4ebcdd}.section{padding-top:105px;padding-bottom:105px}.service{box-shadow:0 18px 45px #1d344309}.service-image{height:255px}.service-body{padding:31px}.service-meta{font-size:11px;letter-spacing:2px}
.machines{background:#101d26;color:#edf4f7;position:relative}.machines .eyebrow{color:#99b4c6}.machine-card{background:#192b37;border:1px solid #98c9e12c;color:#fff}.machine-copy p{color:#b4c9d7}.machine-spec{border-color:#b9dced2c}.machine-card:only-child{grid-column:1/-1;display:grid;grid-template-columns:1.15fr 1fr;align-items:center}.machine-card:only-child img{height:390px;object-fit:contain;background:#081117}.machine-card:only-child .machine-copy{padding:45px}.machine-card h3{font-size:30px}.machine-copy .machine-spec{font-size:14px;color:#91adbd}.about-photo img{border-radius:8px}.about{gap:90px}.contact{padding-top:95px;padding-bottom:95px}.contact-info{position:relative;overflow:hidden}.contact-info:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(125deg,#ffffff0f,transparent 40%)}
@media(prefers-reduced-motion:no-preference){.hero-content{animation:enter .75s ease-out both}.hero-image{animation:hero-in 1.3s ease-out both}.service{transition:transform .3s,box-shadow .3s}.service:hover{transform:translateY(-6px);box-shadow:0 25px 50px #183c5117}@keyframes enter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes hero-in{from{opacity:.4;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}}
@media(max-width:1180px) and (min-width:701px){header{gap:18px}nav{gap:16px;font-size:13px}.brand strong{font-size:23px}.brand small{font-size:9px;letter-spacing:2px}.hero-content{width:80%}.hero{min-height:670px}.about{gap:40px}}
@media(max-width:700px){.hero{min-height:720px}.hero-content{padding:80px 6% 135px;width:100%}.hero-image{object-position:63% center;opacity:.75}.hero:after{background:linear-gradient(90deg,#061019e8,#06101960),linear-gradient(0deg,#061019bc,transparent 60%)}h1{font-size:clamp(48px,10.5vw,70px);letter-spacing:-2px}.hero .eyebrow{font-size:10px;letter-spacing:1.8px}.hero-description{max-width:320px}.photo-caption{bottom:30px;right:6%;font-size:10px;padding:15px 18px}.index-strip div:not(:first-child){border:0;padding:0}.section{padding-top:65px;padding-bottom:65px}.service-image{height:245px}.service-body{padding:25px}.machine-card:only-child{display:block}.machine-card:only-child img{height:260px}.machine-card:only-child .machine-copy{padding:27px}.machine-card h3{font-size:26px}.about{gap:48px}.contact-info{padding:25px}.hero .button{padding:14px 20px}}
