@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');
:root{--ink:#101e2b;--navy:#102735;--lime:#d7f26b;--muted:#64717a;--line:#e4e8e7;--light:#f5f7f6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);font:14px 'DM Sans',Arial,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #9dbf36;outline-offset:4px}.topbar{display:flex;justify-content:space-between;background:var(--navy);color:#e3e9ed;padding:11px 5%;font-size:10px;letter-spacing:1.8px}.topbar i{font-style:normal;color:var(--lime);margin:0 12px}header{padding:23px 5%;display:flex;align-items:center;gap:50px;border-bottom:1px solid var(--line);background:white}.logo{display:flex;gap:11px;align-items:center;font:800 24px Manrope,Arial;letter-spacing:1.2px}.logo small{display:block;font-size:8px;letter-spacing:5px;margin-top:2px}.mark{background:var(--lime);color:var(--navy);width:42px;height:43px;display:grid;place-items:center;font-size:32px;font-style:italic;clip-path:polygon(0 0,100% 0,100% 78%,78% 100%,0 100%)}nav{display:flex;gap:30px;margin:auto;font-size:13px}nav a:hover,.link:hover{color:#6a870e}.link{border:0;background:none;padding:0}.header-actions{display:flex;gap:20px;align-items:center}.search-icon{border:0;background:none;font-size:28px}.cart-btn{background:white;border:1px solid #d2d9d8;padding:10px 14px;display:flex;gap:14px;align-items:center}.cart-btn span{background:var(--navy);border-radius:50%;color:white;min-width:21px;padding:2px}.hero{display:grid;grid-template-columns:1.05fr 1fr;min-height:620px;background:var(--navy);color:white}.hero-content{padding:62px 7% 24px 9.5%}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;display:flex;gap:9px;align-items:center;color:#d1dee3}.eyebrow>span,.live-dot{height:6px;width:6px;background:var(--lime);border-radius:50%;display:inline-block}.dark{color:#657264}h1,h2,h3{font-family:Manrope,Arial,sans-serif;margin:0;font-weight:600;letter-spacing:-1.8px}h1{font-size:clamp(42px,4.65vw,75px);line-height:1.1;margin:25px 0}h1 em{font-style:normal;color:var(--lime)}.hero p{line-height:1.8;color:#b6c6cd;font-size:14px}.hero-buttons{display:flex;gap:24px;align-items:center;margin-top:30px}.btn{border:none;padding:16px 20px;display:inline-flex;gap:28px;align-items:center;font-weight:600;font-size:12px}.lime{background:var(--lime);color:var(--navy)}.text-btn{font-size:11px}.hero-bottom{display:flex;gap:25px;font-size:8px;letter-spacing:1px;color:#9eb1bb;border-top:1px solid #ffffff20;padding-top:24px;margin-top:53px}.hero-visual{position:relative;overflow:hidden}.hero-visual>img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:46% center;filter:brightness(.58) saturate(.7)}.hero-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#10273550,transparent)}.visual-grid{position:absolute;inset:22px;border:1px solid #ffffff25;z-index:1}.visual-caption{position:absolute;top:47px;left:38px;z-index:2;font-size:8px;letter-spacing:2px;display:flex;align-items:center;gap:9px}.floating-card{position:absolute;bottom:58px;left:35px;background:#f4f8ebee;color:var(--navy);padding:25px 30px;z-index:2;min-width:270px;backdrop-filter:blur(10px)}.floating-card>span{font-size:8px;letter-spacing:1.6px}.floating-card strong{display:block;font:600 23px/1.4 Manrope;margin:16px 0}.floating-card a{font-size:10px;border-bottom:1px solid #b6c1b2;padding-bottom:5px}.vertical-caption{position:absolute;z-index:2;right:38px;bottom:60px;writing-mode:vertical-rl;font-size:8px;letter-spacing:2px}.benefits{display:grid;grid-template-columns:repeat(4,1fr);padding:28px 5%;border-bottom:1px solid var(--line);gap:25px}.benefits>div{display:flex;gap:15px;align-items:center}.benefits b{font-size:27px;font-weight:400}.benefits span{font-size:12px;font-weight:500}.benefits small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.section{padding:78px 5%}.section-heading{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:30px}h2{font-size:35px;line-height:1.2;margin-top:15px;letter-spacing:-1.4px}.underlink{font-size:12px;border:0;border-bottom:1px solid #9da8a6;background:none;padding:0 0 7px}.solutions{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.solution{position:relative;min-height:340px;overflow:hidden;padding:26px;background:#f0f3f1}.solution>span{font-size:9px;letter-spacing:1px}.solution img{position:absolute;width:55%;height:200px;object-fit:contain;right:-10px;top:55px;mix-blend-mode:multiply;transition:.4s}.solution:hover img{transform:scale(1.07)}.solution>div{position:absolute;bottom:25px;left:26px}.solution h3{font-size:24px;letter-spacing:-.6px;line-height:1.3}.solution p{font-size:11px;color:var(--muted)}.solution>b{position:absolute;bottom:27px;right:23px;font-size:22px;font-weight:400}.catalog-section{background:#fafbf9}.section-heading>p{color:var(--muted);font-size:12px;line-height:1.8}.catalog-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.tabs{display:flex;gap:5px;flex-wrap:wrap}.tabs button{background:none;border:0;padding:11px 16px;color:var(--muted);font-size:12px}.tabs button.active{background:var(--navy);color:white}.search{display:flex;gap:10px;border:1px solid #dce2de;padding:10px;background:white;min-width:230px}.search input{border:0;outline:none;width:100%;background:none;font-size:12px}.sort-row{display:flex;justify-content:space-between;margin:22px 0;font-size:11px;color:var(--muted)}.sort-row select{border:0;background:none;color:var(--ink);font-size:11px}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:30px 20px}.product{background:white;border:1px solid var(--line)}.product-image{position:relative;height:214px;display:grid;place-items:center;cursor:pointer;border:0;background:#fff;width:100%;padding:35px 26px 20px}.product-image img{width:100%;height:160px;object-fit:contain;transition:.25s}.product-image:hover img{transform:scale(1.05)}.product-image .tag{position:absolute;top:14px;left:15px;font-size:8px;letter-spacing:.7px;background:#f0f3ed;padding:5px 7px;color:#55614a}.product-body{padding:18px;border-top:1px solid #f1f3f1}.product-body small{font-size:9px;letter-spacing:1px;color:var(--muted);text-transform:uppercase}.product h3{font-size:15px;letter-spacing:-.3px;line-height:1.5;margin:7px 0;min-height:44px}.product h3 button{border:0;background:none;text-align:left;padding:0;font:inherit;color:inherit}.price{font-weight:700;font-size:18px;letter-spacing:-.5px}.price span{font-size:10px;font-weight:400;letter-spacing:0;color:var(--muted)}.range{font-size:10px;color:var(--muted);min-height:15px;margin:6px 0 16px}.product-bottom{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#58644e}.add{background:var(--navy);color:white;border:0;height:30px;width:33px;font-size:20px}.catalog-note{font-size:10px;color:var(--muted);line-height:1.7;margin-top:28px;max-width:900px}.project-band{margin:10px 5% 0;background:var(--navy);color:white;padding:50px;display:grid;grid-template-columns:1.2fr 1fr;gap:30px}.project-band h2{font-size:40px;margin:20px 0}.project-band p{color:#b6c6cd;font-size:12px;margin-bottom:25px}.project-pattern{font:700 53px/1.3 Manrope;letter-spacing:-2px;display:flex;flex-direction:column;justify-content:center;color:#ffffff25;border-left:1px solid #ffffff20;padding-left:50px}.project-pattern span:nth-child(2){color:#ffffff60}.project-pattern span:last-child{color:var(--lime)}.project-pattern i{font-style:normal}.about{display:grid;grid-template-columns:1fr 1.5fr 1.3fr;gap:40px}.about h2{margin:0;font-size:31px}.about p{line-height:1.9;color:var(--muted);font-size:12px;margin:0 0 16px}footer{background:#eef1ed;padding:50px 5% 20px}.footer-main{display:grid;grid-template-columns:2fr 1fr 1.3fr 1.3fr;gap:35px}.footer-main p,.footer-main>div>span{font-size:11px;color:var(--muted)}.footer-main h4{font-size:11px;margin:4px 0 20px}.footer-main>div>a:not(.logo),.footer-main button{font-size:11px;display:block;margin:12px 0;border:none;padding:0;background:none;text-align:left;color:var(--muted)}.footer-bottom{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);border-top:1px solid #d8dfd6;padding-top:22px;margin-top:40px}dialog{border:0;padding:30px;color:var(--ink);max-width:calc(100% - 32px);max-height:90vh;box-shadow:0 25px 100px #0004}dialog::backdrop{background:#091b29a8;backdrop-filter:blur(3px)}.product-dialog{width:800px}.policy-dialog{width:650px}.cart-dialog{width:560px}.close{float:right;border:0;background:#edf1ed;width:30px;height:30px;font-size:20px}.detail{display:grid;grid-template-columns:1fr 1.1fr;gap:30px;clear:both;padding-top:20px}.detail img{width:100%;height:270px;object-fit:contain}.detail h2{font-size:27px}.detail p,.policy-dialog p,.cart-dialog p{color:var(--muted);font-size:13px;line-height:1.8}.detail select{width:100%;padding:12px;margin:10px 0 20px;border:1px solid var(--line);background:white}.detail .price{margin:15px 0}.dialog-label{font-size:10px;letter-spacing:1px;color:var(--muted)}.cart-item{display:grid;grid-template-columns:55px 1fr auto;gap:15px;padding:20px 0;border-bottom:1px solid var(--line)}.cart-item img{width:55px;height:70px;object-fit:contain}.cart-item h3{font-size:13px;letter-spacing:0}.cart-item small{display:block;color:var(--muted);margin:7px 0}.qty{display:flex;gap:12px;align-items:center}.qty button{border:1px solid var(--line);background:white;width:26px;height:26px}.remove{border:0;background:none;font-size:11px;color:var(--muted);margin-top:10px}.cart-total{display:flex;justify-content:space-between;font-weight:700;margin:25px 0}.cart-dialog .btn{width:100%;justify-content:center;margin-top:10px}.empty{text-align:center;padding:40px;color:var(--muted)}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--navy);color:white;padding:16px 25px;z-index:10;opacity:0;pointer-events:none;transition:.2s;box-shadow:0 5px 25px #0003;font-size:12px}#toast.show{opacity:1}.no-results{grid-column:1/-1;padding:60px;text-align:center;color:var(--muted)}@media(min-width:1600px){body{max-width:1800px;margin:auto}}@media(max-width:1000px){header{gap:20px}nav{gap:18px}.hero{min-height:580px}.hero-content{padding-top:45px}.hero-buttons{gap:15px;flex-wrap:wrap}.hero-bottom{gap:12px;font-size:7px}.products{grid-template-columns:repeat(3,1fr)}.benefits{grid-template-columns:repeat(2,1fr)}.solution{min-height:310px}.solution h3{font-size:22px}.catalog-tools{flex-wrap:wrap}.project-pattern{font-size:42px;padding-left:25px}.about{grid-template-columns:1fr 1fr}.about>.eyebrow{grid-column:1/-1}.footer-main{grid-template-columns:1.5fr 1fr;gap:30px}}
@media(max-width:650px){.topbar{font-size:7px;letter-spacing:.9px;padding:10px 5%}header{padding:18px 5%;flex-wrap:wrap;gap:15px}.logo{font-size:21px}.mark{height:36px;width:36px;font-size:28px}.header-actions{margin-left:auto;gap:8px}nav{order:3;width:100%;justify-content:space-between;border-top:1px solid var(--line);padding-top:15px;font-size:11px}.hero{grid-template-columns:1fr}.hero-content{padding:38px 6% 25px}h1{font-size:51px}.hero p{font-size:13px}.hero-bottom{margin-top:33px}.hero-visual{height:320px}.floating-card{bottom:35px;padding:18px;min-width:235px}.floating-card strong{font-size:20px;margin:10px 0}.visual-caption{top:40px;font-size:7px}.benefits{padding:25px 6%;gap:25px 15px}.benefits b{font-size:22px}.benefits span{font-size:10px}.benefits small{font-size:9px}.section{padding:48px 5%}.section-heading{align-items:start;gap:18px;flex-wrap:wrap}h2{font-size:28px}.section-heading p{margin:0}.solutions{grid-template-columns:1fr;gap:12px}.solution{min-height:240px}.solution img{height:185px;width:48%;top:25px;right:12px}.solution>div{bottom:17px}.solution h3{font-size:24px}.catalog-tools{gap:15px}.tabs{width:100%;gap:0}.tabs button{font-size:10px;padding:11px 9px}.search{width:100%}.products{grid-template-columns:repeat(2,1fr);gap:12px}.product-image{height:165px;padding:32px 15px 10px}.product-image img{height:120px}.product-image .tag{font-size:7px;left:10px;top:10px}.product-body{padding:13px}.product h3{font-size:13px;min-height:40px}.price{font-size:16px}.range{font-size:9px;min-height:25px}.product-bottom{font-size:9px}.project-band{padding:30px 25px;grid-template-columns:1fr}.project-band h2{font-size:31px}.project-pattern{display:none}.about{grid-template-columns:1fr;gap:22px}.about h2{font-size:29px}.footer-main{grid-template-columns:1fr 1fr;gap:30px 15px}.footer-main>div:first-child{grid-column:1/-1}.footer-bottom{line-height:1.8;gap:15px}.detail{grid-template-columns:1fr;gap:10px}.detail img{height:180px}.detail h2{font-size:23px}.eyebrow{font-size:8px;letter-spacing:1.6px}.cart-item{gap:10px}.cart-total{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}