@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600&display=swap');
:root{--navy:#081d27;--navy2:#0d2935;--lime:#d8ff52;--paper:#f4f1ea;--white:#fff;--ink:#0d212a;--muted:#637078;--line:#d9d8d1;--orange:#ff5c35}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}body,p,h1,h2,h3{margin-top:0}img{display:block;width:100%;object-fit:cover}a{color:inherit}[v-cloak]{display:none}.topbar{height:34px;padding:8px 4vw;background:var(--lime);color:#10232a;font-size:11px;font-weight:700;letter-spacing:.11em;text-align:center;text-transform:uppercase}.topbar a{margin-left:28px}.site-header{position:sticky;top:0;z-index:30;background:rgba(8,29,39,.97);color:white;border-bottom:1px solid rgba(255,255,255,.15)}.nav-shell{width:min(1320px,92vw);height:76px;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font:700 17px/1 'Manrope',sans-serif;letter-spacing:.03em}.brand>span:nth-child(2)>span{color:var(--lime)}.brand small{display:block;margin-top:3px;font-size:8px;letter-spacing:.38em}.brand-mark{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--lime);color:var(--lime);font-size:12px;letter-spacing:-.05em;transform:skew(-8deg)}.nav-links{display:flex;align-items:center;gap:30px}.nav-links a{font-size:13px;text-decoration:none;color:#d4dfe3}.nav-links a:hover{color:var(--lime)}.nav-cta{padding:13px 17px!important;background:var(--lime);color:var(--navy)!important;font-weight:700}.nav-cta b{margin-left:12px}.menu-button{display:none}.hero{position:relative;min-height:760px;height:calc(100vh - 110px);color:white;overflow:hidden}.hero-visual,.hero-shade{position:absolute;inset:0}.hero-visual img{height:100%;filter:saturate(.78)}.hero-shade{background:linear-gradient(90deg,rgba(5,23,31,.96) 0%,rgba(5,23,31,.77) 42%,rgba(5,23,31,.2) 75%),linear-gradient(0deg,rgba(5,23,31,.78),transparent 45%)}.hero-inner{position:relative;z-index:2;width:min(1320px,92vw);margin:auto;padding-top:11vh}.eyebrow{margin-bottom:22px;color:#426271;font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.eyebrow.light{color:var(--lime)}h1,h2{font:500 clamp(48px,6.2vw,94px)/.98 'Manrope',sans-serif;letter-spacing:-.055em}h1{max-width:950px;margin-bottom:28px}h1 em,h2 em{font-style:normal;color:var(--lime)}.hero .lead{max-width:665px;color:#d6dfe1;font-size:18px;line-height:1.65}.hero-actions{display:flex;align-items:center;gap:34px;margin-top:40px}.button{min-height:53px;padding:0 22px;display:inline-flex;align-items:center;justify-content:space-between;gap:36px;border:0;text-decoration:none;font-weight:700;font-size:13px}.button.primary{background:var(--lime);color:var(--navy)}.button.white{background:white;color:var(--navy)}.text-link{color:white;font-size:13px;font-weight:700;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.5);padding-bottom:7px}.text-link span{margin-left:12px}.text-link.dark{color:var(--ink);border-color:#718087}.hero-proof{position:absolute;z-index:2;right:4vw;bottom:0;display:grid;grid-template-columns:repeat(3,160px);border:1px solid rgba(255,255,255,.22);border-bottom:0;background:rgba(7,28,38,.74);backdrop-filter:blur(10px)}.hero-proof span{padding:22px;color:var(--lime);font:500 27px 'Manrope';border-right:1px solid rgba(255,255,255,.18)}.hero-proof span:last-child{border:0}.hero-proof small{display:block;margin-top:6px;color:#ccd7db;font:500 10px 'DM Sans';letter-spacing:.08em;text-transform:uppercase}.trust-strip{padding:25px 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:11px;text-transform:uppercase;letter-spacing:.14em}.trust-strip>span{color:#788389}.trust-strip div{display:flex;gap:42px}.section,.dark-section{padding:120px max(4vw,calc((100vw - 1320px)/2))}.section-head{display:grid;grid-template-columns:1.5fr .7fr;gap:10vw;align-items:end;margin-bottom:62px}.section-head h2{margin-bottom:0;font-size:clamp(42px,5vw,72px)}.section-head h2 em{color:#3d6674}.section-head>p{margin-bottom:8px;color:var(--muted);line-height:1.75}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:320px;gap:12px}.category-card{position:relative;overflow:hidden;color:white;text-decoration:none;background:#102b36}.category-card.large{grid-column:span 2;grid-row:span 2}.category-card.wide{grid-column:span 2}.category-card img{height:100%;transition:.55s ease}.category-card:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,20,27,.88),transparent 67%)}.category-card:hover img{transform:scale(1.04)}.category-card>span{position:absolute;z-index:2;top:18px;right:20px;color:var(--lime);font-size:11px}.category-card div{position:absolute;z-index:2;left:24px;right:18px;bottom:19px}.category-card h3{margin-bottom:5px;font:600 24px 'Manrope'}.category-card p{margin:0;color:#d9e2e5;font-size:12px}.dark-section{background:var(--navy);color:white}.light-head h2 em{color:var(--lime)}.light-head>p{color:#a9b7bc}.advantage-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #34505b}.advantage-grid article{min-height:270px;padding:26px 28px 20px 0;border-right:1px solid #34505b}.advantage-grid article+article{padding-left:28px}.advantage-grid b{color:var(--lime);font-size:11px}.advantage-grid h3{margin-top:72px;font:600 20px 'Manrope'}.advantage-grid p{color:#9fb0b6;font-size:14px;line-height:1.7}.timeline{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #aeb5b5}.timeline article{position:relative;padding:30px 28px 0 0}.timeline article:before{content:'';position:absolute;top:-5px;left:0;width:9px;height:9px;background:var(--orange);border-radius:50%}.timeline span{color:#718087;font-size:11px}.timeline h3{margin-top:55px;font:600 20px 'Manrope'}.timeline p{color:var(--muted);font-size:14px;line-height:1.65}.cta-section{padding:110px 4vw;text-align:center;color:white;background:var(--orange)}.cta-section .eyebrow{color:#32180e}.cta-section h2{margin:0 auto 25px;font-size:clamp(48px,6vw,82px)}.cta-section h2 em{color:var(--navy)}.cta-section>p:not(.eyebrow){max-width:560px;margin:0 auto 32px;line-height:1.7}.cta-section .button{min-width:210px}.page-hero{padding:100px max(4vw,calc((100vw - 1320px)/2));background:var(--navy);color:white}.page-hero h1{font-size:clamp(48px,6vw,82px)}.page-hero .lead{max-width:750px;color:#b8c5ca;line-height:1.7}.product-showcase,.contact-section,.inquiry-section,.factory-grid,.custom-list,.image-band,.contact-visual,.spec-table{width:min(1320px,92vw);margin:auto}.product-grid,.factory-grid,.custom-list,.spec-table{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.product-card,.factory-grid article,.custom-list>div,.spec-table>div,.contact-card{padding:24px;background:white}.product-card img{height:250px;margin-bottom:20px}.product-card span,.contact-card span{color:var(--orange);font-size:11px;text-transform:uppercase}.feature-product{display:grid;grid-template-columns:1.3fr .7fr;background:var(--navy);color:white;margin-bottom:16px}.feature-product img{height:470px}.feature-product div{padding:48px}.feature-product span{color:var(--lime);font-size:11px}.feature-product h2{font-size:46px}.section-title{margin-bottom:40px}.section-title h2{font-size:56px}.section-title p,.factory-grid p,.custom-list p,.spec-table p{color:var(--muted);line-height:1.7}.image-band,.contact-visual{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px}.image-band img,.contact-visual img{height:480px}.image-band h2,.contact-visual h2{font-size:50px}.contact-section{display:grid;grid-template-columns:1.3fr .7fr;gap:70px}.contact-card{color:var(--ink)}.contact-card a{display:block;margin:18px 0;font-size:22px}.inquiry-form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.inquiry-form label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.inquiry-form input,.inquiry-form select,.inquiry-form textarea{width:100%;padding:15px;border:1px solid #bbc2c3;background:white;font:15px inherit}.full{grid-column:1/-1}.success{padding:18px;background:#e4f5ad;margin-bottom:24px}.errorlist{color:#ae2f16}footer{padding:70px 4vw 20px;background:#061720;color:#b5c2c7}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.4fr;gap:8vw}.footer-brand{color:white;margin-bottom:22px}.footer-grid p{max-width:330px;line-height:1.7}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:14px;font-size:13px}.footer-grid strong{color:var(--lime);margin-bottom:8px;text-transform:uppercase;font-size:10px;letter-spacing:.14em}.footer-grid a{text-decoration:none}.footer-bottom{margin-top:55px;padding-top:20px;border-top:1px solid #25404b;display:flex;justify-content:space-between;font-size:11px}.visual-hero{display:grid;grid-template-columns:1fr .7fr;gap:60px;align-items:center}.visual-hero img{height:420px}
@media(max-width:900px){.topbar{height:auto}.topbar a{display:none}.nav-shell{height:66px}.menu-button{display:block;border:1px solid #66808a;background:none;color:white;padding:8px 12px}.nav-links{display:none;position:absolute;left:0;right:0;top:66px;padding:22px 4vw;background:var(--navy);flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.hero{height:auto;min-height:720px}.hero-inner{padding-top:100px}.hero-proof{left:4vw;right:4vw;grid-template-columns:repeat(3,1fr)}.hero-proof span{padding:14px;font-size:21px}.trust-strip{display:none}.section,.dark-section{padding:80px 4vw}.section-head{grid-template-columns:1fr;gap:24px}.category-grid{grid-template-columns:1fr 1fr}.category-card.large,.category-card.wide{grid-column:span 2}.advantage-grid,.timeline{grid-template-columns:1fr 1fr}.product-grid,.factory-grid,.custom-list,.spec-table{grid-template-columns:1fr 1fr}.image-band,.contact-visual,.feature-product,.visual-hero,.contact-section{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}
@media(max-width:560px){h1{font-size:50px}.hero .lead{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-proof{grid-template-columns:repeat(3,1fr)}.hero-proof small{font-size:8px}.category-grid{display:block}.category-card{display:block;height:290px;margin-bottom:10px}.category-card.large,.category-card.wide{height:370px}.advantage-grid,.timeline,.product-grid,.factory-grid,.custom-list,.spec-table,.inquiry-form,.footer-grid{grid-template-columns:1fr}.advantage-grid article{min-height:220px;padding-left:0!important}.timeline article{padding-bottom:24px}.feature-product img,.image-band img,.contact-visual img,.visual-hero img{height:300px}.feature-product div{padding:28px}.feature-product h2,.section-title h2{font-size:38px}.footer-grid>div:first-child{grid-column:auto}.footer-bottom{gap:12px;flex-direction:column}.full{grid-column:auto}}
.featured-products{overflow:hidden}.product-scroll{display:grid;grid-template-columns:repeat(5,minmax(260px,1fr));gap:12px}.mini-product{display:block;padding-bottom:20px;border-bottom:1px solid #aab2b3;text-decoration:none}.mini-product img{height:300px;margin-bottom:18px;filter:saturate(.85);transition:.4s}.mini-product:hover img{transform:translateY(-6px);filter:saturate(1.1)}.mini-product span{color:var(--orange);font-size:10px;letter-spacing:.1em}.mini-product h3{margin:12px 0 5px;font:600 19px 'Manrope'}.mini-product p{margin:0;color:var(--muted);font-size:12px}.catalog-link{display:flex;justify-content:space-between;margin-top:34px;padding:18px 0;border-bottom:1px solid var(--ink);font-weight:700;text-decoration:none}.filter-bar{display:flex;flex-wrap:wrap;gap:8px;margin:30px 0}.filter-bar button{padding:12px 16px;border:1px solid #aab4b6;background:transparent;color:var(--ink);cursor:pointer;font:600 12px 'DM Sans'}.filter-bar button:hover,.filter-bar button.active{border-color:var(--navy);background:var(--navy);color:var(--lime)}.product-result{animation:productIn .35s ease}.product-result h3{font:600 20px 'Manrope';margin:10px 0}.product-result a{display:flex;justify-content:space-between;margin-top:22px;padding-top:15px;border-top:1px solid var(--line);font-size:12px;font-weight:700;text-decoration:none}.product-result a:hover{color:var(--orange)}@keyframes productIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}.faq-layout>img{height:560px}.faq-list{border-top:1px solid #87969b}.faq-list article{border-bottom:1px solid #87969b}.faq-list button{width:100%;display:flex;justify-content:space-between;gap:20px;padding:25px 0;border:0;background:none;text-align:left;color:var(--ink);cursor:pointer;font:600 18px 'Manrope'}.faq-list button b{color:var(--orange);font-size:24px;transition:.3s}.faq-list article.open button b{transform:rotate(45deg)}.faq-list article p{max-height:0;overflow:hidden;margin:0;color:var(--muted);line-height:1.7;transition:.35s}.faq-list article.open p{max-height:180px;padding-bottom:25px}.floating-inquiry{position:fixed;z-index:25;right:20px;bottom:20px;display:flex;align-items:center;gap:28px;padding:15px 18px;background:var(--lime);color:var(--navy);box-shadow:0 10px 30px rgba(0,0,0,.2);font-size:12px;font-weight:700;text-decoration:none}.floating-inquiry b{font-size:18px}
@media(max-width:900px){.product-scroll{overflow-x:auto;grid-template-columns:repeat(5,280px);padding-bottom:15px}.faq-layout{grid-template-columns:1fr}.faq-layout>img{height:380px}}
@media(max-width:560px){.mini-product img{height:250px}.floating-inquiry span{display:none}.floating-inquiry{padding:12px 16px}.faq-list button{font-size:16px}}
.topbar{height:38px;padding:0;overflow:hidden;text-align:left;white-space:nowrap}.topbar-track{display:flex;width:max-content;min-width:200%;height:100%;animation:signal-scroll 18s linear infinite;will-change:transform}.topbar-group{display:flex;align-items:center;flex-shrink:0;height:100%}.topbar-group>*{display:inline-flex;align-items:center;gap:7px;margin:0;padding:0 25px;text-decoration:none}.topbar-group b{font-size:14px;line-height:1}.topbar-group>*+*:before{content:'';width:4px;height:4px;margin-right:18px;border-radius:50%;background:var(--navy)}.topbar:hover .topbar-track{animation-play-state:paused}@keyframes signal-scroll{to{transform:translateX(-50%)}}@media(max-width:900px){.topbar{height:36px}.topbar-track{animation-duration:13s}.topbar-group>*{padding:0 18px}}@media(prefers-reduced-motion:reduce){.topbar-track{animation-play-state:paused}}