@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
@media(min-width:601px) and (max-width:760px){body .hero{display:flex;flex-direction:column;padding-top:40px}body h1{font-size:66px}body .hero-copy>p{max-width:460px}body .actions{flex-direction:row;align-items:center}body .hero-foot{display:none}body .scene-wrap{height:470px;min-height:470px;margin:20px 0 0}body .scene-caption{bottom:95px}body nav{display:none}body .section-head{display:block}body .section-head>p{max-width:100%}body .product-layout{grid-template-columns:1fr}body .manufacturing{grid-template-columns:1fr}body .factory-image{min-height:360px}body .quality,body .contact{grid-template-columns:1fr}}
:root{--navy:#102331;--deep:#081923;--ice:#a4e1ef;--white:#f2f6f8;--muted:#a6b7c0;--coral:#ed967f;--line:rgba(191,219,231,.18)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--deep);color:var(--white);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea,summary{outline-offset:6px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible,canvas:focus-visible{outline:2px solid var(--coral)}button{cursor:pointer}header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 5.2%;border-bottom:1px solid var(--line);position:relative;z-index:2;background:var(--deep)}.brand{display:flex;align-items:center;gap:12px;font:800 25px 'Manrope',sans-serif;letter-spacing:1.6px}.brand small{display:block;font:400 10px 'DM Sans',sans-serif;letter-spacing:2px;margin-top:1px}.brand-mark{width:38px;height:43px;display:grid;place-items:center;color:var(--ice);border:2px solid var(--ice);font-size:30px;transform:skewY(-9deg);border-radius:1px 12px 1px 1px}nav{display:flex;gap:38px;font-size:14px;color:#cfdae0}.nav-contact{font-size:14px;border:1px solid #637b88;border-radius:30px;padding:13px 21px}.nav-contact span{margin-left:20px}nav a:hover,.text-link:hover{color:var(--ice)}.hero{position:relative;min-height:710px;display:grid;grid-template-columns:1.08fr 1fr;padding:70px 5.2% 80px;overflow:hidden;background:radial-gradient(ellipse at 80% 40%,#163747 0%,#0b1e2a 46%,var(--deep) 75%)}.hero-copy{position:relative;z-index:1;pointer-events:none}.hero-copy a{pointer-events:auto}.location{font-size:12px;color:#b0c7d2;display:flex;align-items:center;gap:10px}.location span,.dot{display:inline-block;width:6px;height:6px;background:var(--ice);border-radius:50%}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Manrope',Arial,sans-serif;font-weight:500}h1{font-size:clamp(58px,6vw,92px);line-height:1.08;letter-spacing:-5px;margin:30px 0 27px;max-width:720px}.hero-copy>p{max-width:400px;color:var(--muted);font-size:16px;line-height:1.85}.actions{display:flex;align-items:center;gap:26px;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;border-radius:5px;padding:17px 23px;font-size:13px;border:1px solid transparent;font-weight:600;transition:background .2s}.primary{background:var(--ice);color:#102c39}.primary:hover{background:#c7eff8}.text-link{font-size:13px}.text-link span{font-size:9px;border:1px solid #667a85;border-radius:3px;padding:3px 5px;margin-left:8px}.hero-foot{display:flex;gap:52px;margin-top:64px;font-size:12px;line-height:1.7;color:#c6d6de}.hero-foot .fine{color:#7996a5}.scene-wrap{position:relative;margin:-55px -40px 0 -55px;min-width:0}.scene-wrap canvas{width:100%;height:100%;position:absolute;inset:0;touch-action:pan-y;cursor:grab}.scene-wrap canvas:active{cursor:grabbing}.orbit-label{position:absolute;top:25px;right:45px;color:#849fac;font-size:11px}.scene-caption{position:absolute;left:17%;bottom:107px;display:flex;align-items:center;gap:12px;font-size:12px;pointer-events:none}.scene-caption small{display:block;font-size:10px;color:#7293a3;margin-top:5px}.scene-tools{display:flex;gap:6px;position:absolute;bottom:40px;left:17%}.scene-tools button{background:#102d3b;color:#c3d9e5;border:1px solid #34505f;border-radius:24px;padding:9px 12px;font-size:10px}.scene-tools button[aria-pressed=true]{border-color:var(--ice)}.drag-hint{position:absolute;bottom:15px;left:17%;font-size:10px;color:#7e99a6}#scene-status{position:absolute;top:45%;left:25%;font-size:13px;color:var(--ice);pointer-events:none}.scroll-cue{position:absolute;bottom:24px;left:5.2%;font-size:11px;color:#8fa6b2}.scroll-cue span{margin-left:24px}.intro{padding:33px 5.2%;background:#132d3b;display:grid;grid-template-columns:1.3fr 1fr 1.2fr 1.1fr;align-items:center;gap:30px}.intro>p{font-size:15px;line-height:1.6;margin:0;color:#a8c0ce}.intro div{border-left:1px solid #35515f;padding-left:34px}.intro strong{font:500 28px 'Manrope',sans-serif;display:block;margin-bottom:7px}.intro strong span{font-size:15px}.intro div>span{font-size:10px;color:#9ab2bf}.section{padding:95px 7%}.section-head{display:flex;justify-content:space-between;gap:40px;align-items:flex-end}.kicker{font-size:12px;display:block;margin-bottom:22px;color:var(--ice)}h2{font-size:clamp(32px,3.5vw,52px);line-height:1.2;letter-spacing:-1.8px;margin-bottom:24px}.section-head>p{max-width:300px;font-size:13px;line-height:1.8;color:var(--muted)}.product-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;margin-top:32px}.product-list button{width:100%;display:flex;justify-content:space-between;align-items:center;background:none;color:#a2b8c5;border:none;border-bottom:1px solid var(--line);padding:23px 0;text-align:left;font-size:20px}.product-list button span{font-size:12px}.product-list button[aria-selected=true]{color:var(--ice)}.product-list button[aria-selected=true] span{background:var(--ice);color:var(--deep);border-radius:50%;width:28px;height:28px;display:grid;place-items:center}.product-detail{padding:35px;background:#122c3a;border-radius:8px;align-self:start;min-height:330px}.detail-label{font-size:11px;color:#87a6b7}h3{font-size:28px;letter-spacing:-.8px;margin:22px 0 16px}.product-detail p{font-size:13px;line-height:1.8;color:var(--muted)}#category-tags{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}#category-tags span{font-size:10px;padding:6px 9px;border:1px solid #355364;border-radius:4px;color:#c4d9e4}.outline{color:var(--ice);border-color:#547382;padding:14px 17px}.product-detail>small{display:block;color:#809caa;font-size:10px;margin-top:17px}.manufacturing{display:grid;grid-template-columns:1fr 1fr;background:#e9eff0;color:#163343}.factory-image{position:relative;min-height:550px}.factory-image>img{width:100%;height:100%;position:absolute;object-fit:cover}.image-caption{position:absolute;bottom:0;padding:24px 30px;background:linear-gradient(transparent,#071f30d9);width:100%;color:white;font-size:13px;padding-top:70px}.image-caption span{display:block;color:#ccdde5;font-size:10px;margin-top:8px}.manufacturing-copy{padding:60px 12%}.manufacturing-copy .kicker{color:#347087}.manufacturing-copy>p{font-size:13px;line-height:1.85;color:#526f7c}.capability{display:grid;grid-template-columns:75px 1fr;gap:18px;border-top:1px solid #c1cfd3;padding:17px 0;font-size:12px}.capability span{font-weight:700}.capability p{margin:0;line-height:1.7;color:#526f7c}.manufacturing-copy .text-link{display:inline-block;margin-top:25px}.quality{display:grid;grid-template-columns:1fr 1fr;gap:90px}.quality>div>p{font-size:14px;line-height:1.8;max-width:370px;color:var(--muted)}.quality figure{margin:0;align-self:center}.quality img{width:100%;height:420px;object-fit:cover;border-radius:80px 4px 4px 4px}.quality figcaption{font-size:10px;color:#7e9aa9;margin-top:15px}.quality-items{margin-top:30px}details{border-bottom:1px solid var(--line);padding:18px 0}summary{font-size:14px;cursor:pointer}details p{font-size:12px;line-height:1.9;color:var(--muted);padding-top:14px;margin:0}.contact{background:#163b4b;display:grid;grid-template-columns:1.25fr 1fr;gap:80px}.contact h2{font-size:42px}.contact p{color:#b1cbd6;font-size:13px;line-height:1.8}.email{font-size:clamp(19px,2.3vw,32px);display:inline-block;border-bottom:1px solid #628a9c;padding-bottom:13px;margin:23px 0 10px}.email span{margin-left:30px}.contact .contact-person{font-size:11px}form{padding-top:12px}label{display:block;font-size:12px;margin-bottom:10px}input,textarea{width:100%;background:#102f3e;color:white;border:1px solid #406373;border-radius:4px;padding:14px;margin-bottom:24px;resize:vertical}input::placeholder,textarea::placeholder{color:#8daab8;font-size:12px}form .button{width:100%}form small{display:block;font-size:10px;line-height:1.6;color:#8eb1c0;margin-top:13px}footer{padding:40px 5.2%;display:flex;gap:35px;justify-content:space-between;align-items:center}footer p{font-size:10px;line-height:1.9;color:#8fa6b3;margin:0}footer>a:not(.brand),footer>span{font-size:10px;color:#a7becb}footer .brand{font-size:19px}footer .brand small{font-size:8px}footer .brand-mark{width:29px;height:34px;font-size:24px}.skip{position:absolute;top:-100px;z-index:10;background:var(--ice);color:var(--deep);padding:12px}.skip:focus{top:10px}@media(min-width:1600px){main,header,footer{max-width:1800px;margin:auto}}@media(max-width:900px){header{height:80px}nav{gap:18px;font-size:12px}h1{font-size:63px;letter-spacing:-3px}.hero{min-height:690px}.actions{align-items:flex-start;flex-direction:column;gap:20px}.scene-wrap{margin-left:-70px}.intro{grid-template-columns:1fr 1fr}.intro div{border:0;padding:0}.section{padding:65px 6%}.product-layout{gap:30px}.quality{gap:35px}.contact{gap:35px}.contact h2{font-size:34px}footer{flex-wrap:wrap}}@media(max-width:600px){header{padding:0 6%}header .brand{font-size:20px}nav{display:none}.nav-contact{padding:10px 14px}.hero{display:flex;flex-direction:column;padding:37px 6% 55px}.hero-copy>p{font-size:14px}h1{font-size:58px;margin-top:22px;letter-spacing:-3px}.actions{flex-direction:row;align-items:center;gap:18px}.button{padding:15px;font-size:11px}.text-link{font-size:11px}.hero-foot{display:none}.scene-wrap{height:390px;min-height:390px;margin:15px -15px 0}.orbit-label{top:8px;right:15px}.scene-caption{left:8%;bottom:80px}.scene-tools{left:8%;bottom:25px}.drag-hint{left:8%;bottom:3px}.scroll-cue{bottom:15px}.intro{padding:28px 6%;gap:28px 16px}.intro>p{font-size:13px}.intro strong{font-size:23px}.intro div>span{font-size:9px}.section-head{display:block}.section-head>p{max-width:100%}.section{padding:55px 6%}.product-layout,.quality,.contact,.manufacturing{grid-template-columns:1fr}.product-list button{font-size:18px;padding:18px 0}.product-detail{padding:25px;min-height:0}.factory-image{min-height:320px}.manufacturing-copy{padding:40px 6%}.quality{gap:30px}.quality img{height:280px}.contact{gap:20px}.contact h2{font-size:34px}.email{font-size:24px}footer{display:grid;grid-template-columns:1fr 1fr;padding:35px 6%;gap:28px}footer p{font-size:9px}footer>span{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
