:root{--ink:#162321;--forest:#17352e;--orange:#ec6b32;--cream:#f5f3ec;--line:#dfe3dd;--muted:#60716a;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.6}img{max-width:100%;height:auto;display:block}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}button{cursor:pointer}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{font-family:Manrope,Arial,sans-serif;line-height:1.15;letter-spacing:-.045em}h1{font-size:clamp(42px,6vw,82px);font-weight:800}h2{font-size:clamp(32px,4vw,55px);font-weight:800}h3{font-size:22px}p{color:var(--muted)}
.container{width:min(var(--max),calc(100% - 48px));margin:auto}.eyebrow{display:inline-flex;align-items:center;gap:9px;text-transform:uppercase;letter-spacing:.15em;font-size:11px;font-weight:800;color:var(--orange)}.eyebrow:before{content:'';width:20px;height:2px;background:currentColor}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only:focus{position:fixed;left:12px;top:12px;width:auto;height:auto;clip:auto;padding:12px;background:white;color:var(--ink);z-index:999}
.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;border:1px solid transparent;background:var(--orange);color:#fff;padding:15px 22px;min-height:52px;font-weight:700;font-size:14px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px);background:#d85a26}.button-outline{background:transparent;border-color:currentColor;color:inherit}.button-outline:hover{background:rgba(255,255,255,.1)}.button-dark{background:var(--forest);color:#fff}.button-dark:hover{background:#0d241e}.text-link{font-size:13px;color:var(--forest);font-weight:800;display:inline-flex;align-items:center;gap:8px}.text-link:hover{color:var(--orange)}.text-link:after{content:'↗';font-size:18px;font-weight:400}
.topbar{background:#102b22;color:#d7e1d9;font-size:12px}.topbar .container{display:flex;justify-content:space-between;align-items:center;min-height:35px;gap:15px}.topbar-right{display:flex;gap:20px}.topbar a:hover{color:white}.site-header{position:relative;z-index:50;background:#fff;box-shadow:0 1px 0 var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:82px;gap:22px}.brand{display:flex;align-items:center;gap:11px;flex:none}.brand-mark{display:grid;place-items:center;width:38px;height:38px;background:var(--forest);color:white;transform:rotate(-8deg)}.brand-mark svg{width:25px;transform:rotate(8deg)}.brand-name{font:800 20px/1 Manrope;letter-spacing:-.06em;color:var(--forest)}.brand-name small{display:block;font:700 9px/1.4 'DM Sans';letter-spacing:.2em;color:var(--orange);text-transform:uppercase}.primary-nav{display:flex;align-items:center;gap:29px;font-weight:700;font-size:13px}.primary-nav a:hover{color:var(--orange)}.header-actions{display:flex;align-items:center;gap:10px}.header-actions .button{min-height:43px;padding:10px 16px}.menu-toggle{display:none;border:0;background:none;padding:9px}.menu-toggle span{display:block;width:24px;height:2px;margin:5px;background:var(--forest)}
.hero{position:relative;isolation:isolate;min-height:660px;background:#17231e;color:white;display:flex;align-items:center;overflow:hidden}.hero:before{content:'';position:absolute;z-index:-2;inset:0;background:url('warehouse-hero.webp') center/cover}.hero:after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(10,25,21,.88),rgba(10,25,21,.73) 35%,rgba(10,25,21,.28) 70%,rgba(10,25,21,.07))}.hero-inner{padding-top:90px;padding-bottom:105px}.hero-copy{max-width:710px}.hero .eyebrow{color:#ff9b68}.hero h1{margin:19px 0 22px}.hero p{font-size:18px;line-height:1.65;color:#e6ebe7;max-width:580px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.hero-bottom{position:absolute;left:0;bottom:0;width:100%;background:rgba(13,33,27,.78);backdrop-filter:blur(12px);border-top:1px solid rgba(255,255,255,.16)}.hero-bottom .container{display:grid;grid-template-columns:repeat(3,1fr)}.hero-stat{padding:18px 27px;border-right:1px solid rgba(255,255,255,.17);display:flex;align-items:center;gap:12px;font-size:13px;font-weight:600;color:#e4eee9}.hero-stat:first-child{padding-left:0}.hero-stat svg{width:24px;height:24px;color:#ff945d;flex:none}
.section{padding:100px 0}.section-cream{background:var(--cream)}.section-dark{background:var(--forest);color:white}.section-dark p{color:#c6d7cf}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:37px}.section-heading h2{max-width:690px;margin:12px 0 0}.section-heading p{max-width:390px;margin:0}.section-heading .button{flex:none}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.intro-photo{position:relative}.intro-photo img{width:100%;height:520px;object-fit:cover}.intro-badge{position:absolute;right:-25px;bottom:28px;background:var(--orange);color:white;padding:22px 25px;max-width:190px;font:800 19px/1.25 Manrope}.intro-copy h2{margin:14px 0 22px}.intro-copy p{font-size:17px}.intro-points{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:30px 0}.intro-point{display:flex;gap:11px;font-weight:700;font-size:14px}.intro-point:before{content:'✓';display:grid;place-items:center;flex:none;width:22px;height:22px;background:#e8f0e9;color:var(--forest);border-radius:50%}
.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.category-card{position:relative;min-height:265px;overflow:hidden;background:#dbe2db;color:white;display:flex;align-items:end}.category-card:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,24,20,.87),rgba(7,24,20,.08) 75%);z-index:1}.category-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s}.category-card:hover img{transform:scale(1.08)}.category-content{position:relative;z-index:2;padding:23px;width:100%}.category-content small{display:block;text-transform:uppercase;letter-spacing:.15em;font-size:10px;font-weight:800;color:#ef9b70}.category-content strong{display:flex;align-items:center;justify-content:space-between;gap:8px;font:800 20px/1.2 Manrope;margin-top:7px}.category-content strong span{font-size:23px;font-weight:400}
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product-card{background:white;border:1px solid var(--line);transition:box-shadow .2s,transform .2s}.product-card:hover{transform:translateY(-4px);box-shadow:0 18px 35px rgba(18,43,32,.1)}.product-image{height:215px;overflow:hidden;background:#edf0ea}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.product-card:hover img{transform:scale(1.05)}.product-card-body{padding:20px}.product-card small{display:block;text-transform:uppercase;letter-spacing:.12em;color:var(--orange);font-size:10px;font-weight:800;margin-bottom:8px}.product-card h3{font-size:17px;line-height:1.35;letter-spacing:-.025em;min-height:46px;margin-bottom:15px}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{background:white;color:var(--ink);border:1px solid var(--line);padding:30px;min-height:260px;display:flex;flex-direction:column}.service-number{color:var(--orange);font:800 13px Manrope;margin-bottom:28px}.service-card h3{margin-bottom:12px}.service-card p,.section-dark .service-card p{font-size:14px;color:var(--muted);flex:1}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:40px}.process-step{border-top:1px solid #668075;padding-top:23px}.process-step strong{color:#f28b57;font:800 14px Manrope}.process-step h3{font-size:18px;margin:22px 0 8px}.process-step p{font-size:14px}
.visual-grid{display:grid;grid-template-columns:1fr 1.08fr;align-items:center;gap:60px}.visual-grid h2{margin:15px 0 20px}.visualizer{height:430px;position:relative;background:radial-gradient(circle at 52% 25%,#547362,#1a392f 58%,#10291f);overflow:hidden;touch-action:none}.visualizer canvas{width:100%!important;height:100%!important;display:block}.visualizer-fallback{position:absolute;inset:0;display:grid;place-items:center}.visualizer-fallback svg{width:78%;height:80%;filter:drop-shadow(20px 25px 15px rgba(0,0,0,.3))}.visualizer-label{position:absolute;bottom:15px;left:18px;color:white;font-size:11px;letter-spacing:.12em;text-transform:uppercase;opacity:.8}.visualizer.is-ready .visualizer-fallback{display:none}.cta-band{background:var(--orange);color:white;padding:55px 0}.cta-band .container{display:flex;justify-content:space-between;align-items:center;gap:30px}.cta-band h2{margin:0;font-size:clamp(29px,3.5vw,46px);max-width:700px}.cta-band .button{color:white;flex:none}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.blog-card{border:1px solid var(--line);background:white}.blog-card img{height:205px;width:100%;object-fit:cover}.blog-card-body{padding:24px}.blog-card time{font-size:11px;color:var(--orange);font-weight:800;letter-spacing:.1em;text-transform:uppercase}.blog-card h3{font-size:19px;margin:9px 0 18px}
.site-footer{background:#0f2b22;color:white;padding:72px 0 24px}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:40px}.site-footer .brand-name{color:white}.site-footer p,.site-footer a{color:#b7c9be;font-size:13px}.site-footer a:hover{color:white}.site-footer h4{font-size:15px;letter-spacing:0;margin-bottom:22px}.site-footer ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #3a5c4d;margin-top:60px;padding-top:22px;font-size:12px;color:#a6c0b0}
.page-hero{background:var(--forest);color:white;padding:85px 0 75px;position:relative;overflow:hidden}.page-hero:before{content:'';position:absolute;right:-130px;top:-140px;width:550px;height:550px;border:1px solid rgba(255,255,255,.12);border-radius:50%;box-shadow:0 0 0 75px rgba(255,255,255,.025),0 0 0 150px rgba(255,255,255,.025)}.page-hero .container{position:relative}.page-hero h1{font-size:clamp(40px,5vw,66px);max-width:800px;margin:12px 0 18px}.page-hero p{color:#cce0d2;max-width:630px;font-size:17px}.breadcrumbs{font-size:12px;color:#9cb9a7;margin-bottom:20px}.breadcrumbs a:hover{color:white}
.catalog-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:27px}.catalog-filters{display:flex;gap:8px;flex-wrap:wrap}.filter-chip{padding:9px 14px;border:1px solid var(--line);font-size:12px;font-weight:700;background:white}.filter-chip:hover,.filter-chip.is-active{background:var(--forest);border-color:var(--forest);color:white}.catalog-search{border:1px solid var(--line);padding:10px 13px;min-width:220px}.catalog-layout{display:grid;grid-template-columns:210px 1fr;gap:35px}.catalog-side{border-top:2px solid var(--forest);padding-top:15px}.catalog-side h3{font-size:16px;margin-bottom:17px}.catalog-side a{display:block;padding:9px 0;border-bottom:1px solid var(--line);font-size:13px;font-weight:600;color:#53665c}.catalog-side a:hover{color:var(--orange)}.catalog-main .product-grid{grid-template-columns:repeat(3,1fr)}
.detail-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:65px;align-items:start}.detail-image{background:#e9eee9}.detail-image img{width:100%;height:470px;object-fit:cover}.detail-copy h2{font-size:clamp(35px,4.1vw,53px);margin:13px 0 20px}.detail-copy ul{padding-left:19px;color:var(--muted)}.detail-copy li{margin:9px 0}.detail-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.note-box{background:var(--cream);padding:20px;margin-top:28px;font-size:13px;color:var(--muted)}
.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px}.contact-panel{background:var(--forest);color:white;padding:38px}.contact-panel p,.contact-panel a{color:#d1dfd5}.contact-panel h3{margin:0 0 28px}.contact-detail{padding:18px 0;border-top:1px solid #4c705e}.contact-detail small{display:block;color:#f69b68;text-transform:uppercase;letter-spacing:.13em;font-weight:800;font-size:10px}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-form label{font-weight:700;font-size:13px}.contact-form input,.contact-form textarea,.contact-form select{display:block;width:100%;margin-top:6px;border:1px solid #cbd7cd;padding:13px;background:white;border-radius:0}.contact-form textarea{min-height:135px}.contact-form .full{grid-column:1/-1}.form-message{padding:12px 15px;margin-bottom:20px;background:#eaf3eb;color:#275038}.form-message.error{background:#fff0eb;color:#923d1f}
.content-narrow{max-width:820px;margin:auto}.entry-content{font-size:17px;line-height:1.8}.entry-content h2{font-size:34px;margin-top:36px}.entry-content h3{font-size:25px;margin-top:27px}.entry-content p{color:#41564a}.pagination{margin-top:35px}.pagination .page-numbers{display:inline-block;padding:8px 13px;margin-right:4px;border:1px solid var(--line)}.pagination .current{background:var(--forest);color:white}
@media(max-width:1050px){.primary-nav{gap:16px}.category-grid,.product-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}.catalog-main .product-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.container{width:min(var(--max),calc(100% - 32px))}.topbar-right{display:none}.header-inner{min-height:70px}.menu-toggle{display:block}.header-actions .button{display:none}.primary-nav{display:none;position:absolute;top:100%;left:0;right:0;background:white;padding:12px 20px 24px;box-shadow:0 10px 22px #0002;flex-direction:column;align-items:stretch;gap:0}.primary-nav.is-open{display:flex}.primary-nav a{padding:10px 0;border-bottom:1px solid var(--line)}.hero{min-height:690px;align-items:start}.hero-inner{padding-top:86px;padding-bottom:180px}.hero h1{font-size:clamp(42px,11vw,62px)}.hero-bottom .container{grid-template-columns:1fr}.hero-stat{padding:8px 0;border-right:0;font-size:11px}.section{padding:65px 0}.section-heading{align-items:start;flex-direction:column;gap:18px}.intro-grid,.visual-grid,.detail-grid,.contact-grid{grid-template-columns:1fr;gap:30px}.intro-photo img{height:360px}.intro-badge{right:0}.service-grid,.blog-grid{grid-template-columns:1fr 1fr}.process-grid{grid-template-columns:1fr 1fr}.catalog-layout{grid-template-columns:1fr}.catalog-side{display:none}.cta-band .container{align-items:start;flex-direction:column}.page-hero{padding:65px 0 55px}}
@media(max-width:500px){.category-grid,.product-grid,.service-grid,.blog-grid,.catalog-main .product-grid{grid-template-columns:1fr}.category-card{min-height:220px}.product-image{height:240px}.process-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr;gap:28px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column}.contact-form{grid-template-columns:1fr}.visualizer{height:320px}.catalog-toolbar{align-items:stretch;flex-direction:column}.catalog-search{width:100%}}