:root{color-scheme:only light}
:root{--ink:#182c3b;--blue:#155b8b;--paper:#f4f5f2;--orange:#e76835;--muted:#60707a;--line:#dbe0df}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:#fff;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--orange);outline-offset:5px}.top{padding:12px 5%;background:var(--ink);color:#d4dfe5;font-size:10px;letter-spacing:1.5px;display:flex;justify-content:space-between}.top a{letter-spacing:.3px}header{height:102px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fff}.logo{font-size:48px;font-weight:900;letter-spacing:-4px;color:var(--blue);line-height:.8;display:inline-block}.logo>span{font-size:13px;vertical-align:top;letter-spacing:0}.logo small{display:block;letter-spacing:2px;font-size:8px;margin-top:12px;font-weight:600}nav{display:flex;gap:34px;align-items:center;font-size:13px}nav a:hover,.text-link:hover{color:var(--blue)}.navcta{border:1px solid #b9c3c8;padding:15px 20px}.navcta span{margin-left:20px}.menu{display:none}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:635px}.hero-copy{padding:60px 6% 32px 10%}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:700;line-height:1.8;display:flex;align-items:center;gap:10px}.eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--orange);display:inline-block}h1{font-size:clamp(54px,6.1vw,88px);letter-spacing:-4px;line-height:1.04;font-weight:500;margin:28px 0 24px}em{font-style:normal;color:var(--blue)}p{font-size:15px;line-height:1.8;color:var(--muted)}.hero-copy>p{max-width:375px}.actions{display:flex;gap:25px;align-items:center;margin-top:28px}.button{border:0;background:var(--blue);color:#fff;padding:19px 23px;display:inline-flex;align-items:center;justify-content:space-between;gap:30px;font-size:12px;font-weight:600;cursor:pointer;transition:background .2s}.button:hover{background:#123d59}.text-link{font-size:12px;white-space:nowrap}.text-link span{margin-left:10px}.hero-bottom{margin-top:49px;padding-top:20px;border-top:1px solid var(--line);display:flex;align-items:center;gap:22px;font-size:11px;color:var(--muted)}.hero-bottom strong{font-size:15px;color:var(--ink)}.hero-visual{position:relative;background:var(--paper);display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-visual:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#d5dcd93b 1px,transparent 1px),linear-gradient(90deg,#d5dcd93b 1px,transparent 1px);background-size:48px 48px}.hero-visual>img{position:relative;width:75%;height:510px;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(14px 16px 10px #18394e12);z-index:1}.orbit{width:430px;height:430px;border-radius:50%;border:1px solid #bacbd4;position:absolute}.orbit:after{content:'';position:absolute;inset:35px;border:1px dashed #cad5d9;border-radius:50%}.vertical{position:absolute;top:30px;right:26px;writing-mode:vertical-rl;font-size:9px;letter-spacing:2px;color:#637e8d}.machine-label{position:absolute;bottom:46px;right:7%;background:#fff;z-index:2;display:flex;align-items:center;gap:50px;padding:20px 24px;box-shadow:0 8px 25px #15314b08}.machine-label small{display:block;font-size:8px;letter-spacing:1.4px;color:#6e7d84;margin-bottom:7px}.machine-label strong{font-size:25px;font-weight:500}.machine-label a{font-size:25px;color:var(--blue)}.fig{position:absolute;bottom:19px;left:28px;font-size:8px;letter-spacing:1.6px;color:#69808b}.benefits{display:grid;grid-template-columns:repeat(3,1fr);padding:27px 5%;background:var(--ink);color:#ecf0f2;font-size:12px;gap:20px}.benefits b{font-size:10px;color:#8aadb9;margin-right:18px;font-weight:400}.section{padding:85px 5%}h2{font-size:clamp(32px,3.4vw,48px);font-weight:500;letter-spacing:-1.8px;line-height:1.12;margin:20px 0}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:25px}.section-head p{font-size:13px;margin-bottom:23px}.filters{display:flex;gap:8px;margin:28px 0}.filters button{background:white;border:1px solid var(--line);padding:12px 19px;font-size:11px;cursor:pointer;color:var(--muted)}.filters button.active{background:var(--ink);border-color:var(--ink);color:#fff}.filters span{margin-left:12px;opacity:.6}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.card{min-width:0}.card[hidden]{display:none}.product-img{height:295px;background:var(--paper);padding:37px 24px 16px;position:relative;overflow:hidden}.product-img>span,.compact>span{position:absolute;top:17px;left:18px;letter-spacing:1.3px;font-size:8px;color:#6b7e88}.product-img img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .3s}.card:hover img{transform:scale(1.04)}.wide{padding:50px 15px 25px}.card-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.card-title h3{font-size:17px;letter-spacing:-.5px;font-weight:500;margin:21px 0 6px}.card-title b{font-weight:400;color:var(--blue);font-size:23px}.card>p{font-size:12px;margin:2px 0 14px}.compact{position:relative;border-top:1px solid var(--line);padding:29px 0 12px}.compact>span{left:0;top:17px}.compact .card-title h3{font-size:15px}.result{font-size:11px;min-height:1em}.custom{background:var(--ink);color:#fff;display:grid;grid-template-columns:1.3fr 1fr;gap:25px 8%}.custom .eyebrow{color:#aac0cc}.custom h2{font-size:clamp(32px,3.2vw,46px)}.custom em{color:#80b9db}.custom p{color:#b4c4ce;font-size:14px}.custom>div:nth-child(2){padding-top:16px}.light{background:#fff;color:var(--ink);margin-top:12px}.light:hover{background:#dae8ed}.steps{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:27px;padding-top:30px;border-top:1px solid #ffffff26}.steps span{color:#86a6b9;font-size:11px}.steps h3{font-size:16px;font-weight:500}.steps p{font-size:12px}.about{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;border-bottom:1px solid var(--line)}.year{font-size:clamp(100px,15vw,210px);letter-spacing:-12px;line-height:1;color:var(--blue);font-weight:500}.year span{display:block;font-size:9px;letter-spacing:2px;margin:25px 0 0 8px;color:var(--muted)}.about p{font-size:14px;max-width:470px}.contact{background:var(--paper);display:grid;grid-template-columns:1fr 1fr;gap:10%}.contact h2{font-size:65px}.email{display:block;font-size:23px;letter-spacing:-.5px;margin:30px 0 14px}.phone{font-size:14px}form{background:#fff;padding:30px}label{display:block;font-size:11px;font-weight:600;margin:0 0 9px}input,select,textarea{border:1px solid var(--line);border-radius:0;width:100%;padding:13px;margin-bottom:20px;color:var(--ink);background:#fff;font-size:12px}textarea{resize:vertical}form .button{width:100%}form small{font-size:10px;color:var(--muted);line-height:1.6;display:block;margin-top:13px}#form-status{font-size:11px;margin-bottom:0}footer{padding:35px 5%;display:flex;align-items:center;justify-content:space-between;gap:30px}footer p,footer>span{font-size:10px;line-height:1.8;color:var(--muted)}footer .logo{font-size:37px}footer .logo small{font-size:6px}footer>a:last-child{padding:12px 18px;border:1px solid var(--line)}.skip{position:absolute;top:-100px;background:white;padding:15px;z-index:10}.skip:focus{top:5px}@media(min-width:1600px){body{max-width:1600px;margin:auto}}@media(max-width:1000px){nav{gap:19px;font-size:11px}.navcta{padding:12px}.hero-copy{padding-top:40px}.actions{gap:14px;flex-wrap:wrap}h1{font-size:64px}.hero-visual>img{width:90%;height:440px}.hero{min-height:610px}.benefits{font-size:10px}.benefits b{margin-right:8px}.product-img{height:250px}.card-title h3{font-size:15px}.section{padding:65px 5%}}@media(max-width:700px){html{scroll-padding-top:20px}.top{font-size:8px;letter-spacing:.6px}.top a{display:none}header{height:85px}.logo{font-size:42px}.menu{display:block;background:white;border:1px solid var(--line);padding:10px;font-size:11px}nav{display:none;position:absolute;z-index:5;top:119px;left:0;right:0;background:white;padding:25px 5%;box-shadow:0 12px 15px #0001;font-size:14px}nav.open{display:flex;flex-direction:column;align-items:stretch;gap:22px}.hero{grid-template-columns:1fr}.hero-copy{padding:36px 6% 28px}h1{font-size:66px;letter-spacing:-3.5px}.hero-copy>p{font-size:14px}.hero-bottom{margin-top:30px}.hero-visual{height:460px}.hero-visual>img{height:390px;width:75%}.orbit{width:330px;height:330px}.machine-label{bottom:35px;padding:15px 20px;right:5%}.benefits{grid-template-columns:1fr;padding:24px 6%;gap:17px;font-size:12px}.benefits b{margin-right:20px}.section{padding:50px 6%}.section-head{display:block}.section-head p{font-size:12px}.filters{flex-wrap:wrap;gap:6px}.filters button{font-size:10px;padding:11px 12px}.cards{grid-template-columns:1fr;gap:18px}.product-img{height:310px}.card-title h3{font-size:19px}.compact{padding-bottom:6px}.custom,.about,.contact{grid-template-columns:1fr;gap:30px}.custom>div:nth-child(2){padding-top:0}.steps{grid-template-columns:1fr;gap:18px;margin-top:5px}.steps h3{margin:10px 0}.steps p{margin:0}.year{font-size:130px;letter-spacing:-9px}.year span{margin-top:15px}.contact h2{font-size:58px}.email{font-size:23px}form{padding:23px}footer{flex-wrap:wrap;padding:30px 6%;gap:25px}footer p{width:60%}footer>span{flex:1}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.breadcrumb{padding:30px 5% 0;font-size:11px;line-height:1.8;color:var(--muted)}.breadcrumb a{color:var(--blue)}.detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:7%;padding-top:40px}.detail-photo{background:var(--paper);padding:25px;align-self:start}.detail-photo img{width:100%;height:480px;object-fit:contain;mix-blend-mode:multiply}.detail h1,.catalog h1{font-size:clamp(36px,4vw,58px);letter-spacing:-2px;line-height:1.12;margin:20px 0}.availability{display:inline-block;color:var(--blue);font-size:11px;background:#edf3f6;padding:9px 14px}.description{margin:24px 0 30px}.description p,.description li{font-size:14px;line-height:1.85;color:var(--muted)}.description h2{font-size:25px;margin-top:30px}.description table{border-collapse:collapse;width:100%;font-size:13px}.description td,.description th{text-align:left;padding:12px;border-bottom:1px solid var(--line)}.description img{max-width:100%;height:auto}.gallery-section{border-top:1px solid var(--line)}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.gallery-item{background:var(--paper);padding:20px}.gallery-item img{width:100%;height:280px;object-fit:contain}.more{background:var(--paper)}.category-links{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0 45px}.category-links a{font-size:12px;border:1px solid var(--line);padding:12px}.category-links a:hover{background:var(--paper)}.catalog .card h2{font-size:20px;line-height:1.3;letter-spacing:-.5px}.catalog .cards{margin-top:35px}.contact-details{display:flex;gap:7%;flex-wrap:wrap}.contact h1{font-size:65px}.contact-details h2{font-size:30px}footer>a:not(.logo){font-size:12px}@media(max-width:700px){.detail{grid-template-columns:1fr;gap:30px}.detail-photo img{height:340px}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.gallery-item{padding:12px}.gallery-item img{height:180px}.contact h1{font-size:58px}}

/* Logo subtitle aligned beside the descender of p. */
.logo small{font-size:6px;letter-spacing:1.05px;margin-top:0;margin-left:13px;line-height:1;font-weight:700;white-space:nowrap}
footer .logo small{font-size:4.6px;letter-spacing:.8px;margin-left:10px}
@media(max-width:700px){header .logo small{font-size:5.25px;letter-spacing:.92px;margin-left:11.4px}}

/* Reference alignment: subtitle baseline level with p; logo +25%. */
header .logo{font-size:60px}footer .logo{font-size:46.25px}
header .logo small{font-size:7.5px;letter-spacing:1.3125px;margin-left:16.25px;transform:translateY(2px)}
footer .logo small{font-size:5.75px;letter-spacing:1px;margin-left:12.5px;transform:translateY(1.5px)}
@media(max-width:700px){header .logo{font-size:52.5px}header .logo small{font-size:6.5625px;letter-spacing:1.15px;margin-left:14.25px;transform:translateY(1.75px)}}

header .logo,footer .logo{letter-spacing:-5px}header .logo>span{font-size:16.25px}