:root{--navy:#153952;--ink:#142e40;--yellow:#ffce24;--muted:#60717b;--line:#e2e7e9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;background:#fff}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #cf8700;outline-offset:4px}.announcement{background:var(--navy);color:white;text-align:center;padding:11px 16px;font-size:12px;letter-spacing:2px}header{height:96px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line);background:white}.brand{display:flex;gap:18px;align-items:center}.brand img{width:184px;height:auto}.brand span{font-size:14px;letter-spacing:3px;border-left:1px solid #bdc9cf;padding-left:18px}nav{display:flex;gap:30px;font-size:14px}nav a:hover{text-decoration:underline;text-underline-offset:6px}.bag{background:white;border:1px solid var(--line);padding:12px 16px;border-radius:5px;font-size:14px}.bag span{display:inline-flex;background:var(--navy);color:white;border-radius:50%;width:24px;height:24px;align-items:center;justify-content:center;margin-left:8px}.hero{margin:22px 3% 0;display:grid;grid-template-columns:1fr 1fr;min-height:510px;background:#f1f4f5;overflow:hidden;border-radius:8px}.hero-copy{padding:55px 0 34px 7%;z-index:1}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;line-height:1.6;margin:0 0 18px}h1{font-size:clamp(44px,5.7vw,84px);line-height:1.03;letter-spacing:-3.5px;font-weight:500;margin:0 0 24px}h1 em{font-style:normal;color:#547568}.hero-copy>p:not(.eyebrow){color:var(--muted);font-size:17px;line-height:1.6;margin-bottom:26px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;padding:16px 22px;border:0;border-radius:4px;font-weight:600;font-size:15px;transition:transform .15s}.button:hover{transform:translateY(-2px)}.yellow{background:var(--yellow);color:#12354c}.navy{background:var(--navy);color:white}.hero-bottom{margin-top:35px;display:flex;gap:20px;color:var(--muted);font-size:12px}.hero-bottom span+span{border-left:1px solid #c2cecf;padding-left:20px}.hero-product{position:relative;background:#dce6e4;overflow:hidden;min-height:500px;background:radial-gradient(ellipse at 20% 20%,#f6f8f6,#cbd9d7)}.hero-panel{position:absolute;width:60%;height:82%;object-fit:contain;top:3%;left:2%;mix-blend-mode:multiply;transform:rotate(-9deg);filter:drop-shadow(20px 24px 13px #60787330)}.hero-inverter{position:absolute;width:45%;height:56%;object-fit:contain;right:4%;top:30%;mix-blend-mode:multiply;filter:drop-shadow(10px 18px 12px #526b6430)}.orbit-label{position:absolute;top:25px;right:25px;writing-mode:vertical-rl;font-size:10px;letter-spacing:2px;color:#58716c}.hero-caption{position:absolute;left:30px;bottom:25px}.hero-caption span{font-size:10px;letter-spacing:2px;display:block;margin-bottom:9px}.hero-caption strong{font-size:18px;font-weight:500;line-height:1.3}.benefits{display:flex;justify-content:space-around;gap:20px;padding:28px 5%;font-size:13px;border-bottom:1px solid var(--line)}.benefits b{font-weight:400;color:#8a9ca5;margin-right:12px}.catalog,.solutions,.how,.faq{padding:65px 5%}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}h2{font-size:clamp(27px,3vw,43px);font-weight:500;letter-spacing:-1.3px;margin:0;line-height:1.13}.section-heading .eyebrow{color:var(--muted);margin-bottom:12px}.search{display:flex;align-items:center;gap:12px;border-bottom:1px solid #bac6cc;padding:10px 0;width:310px}.search span{font-size:29px}.search input{border:0;background:transparent;width:100%;font-size:14px;padding:6px;min-width:0}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.tabs button{background:white;border:1px solid var(--line);padding:11px 18px;border-radius:30px;font-size:14px}.tabs button[aria-pressed=true]{background:var(--navy);color:white;border-color:var(--navy)}.catalog-meta{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin:24px 0 20px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px 24px}.card{min-width:0}.product-image{height:270px;background:#f5f6f7;position:relative;border-radius:5px;overflow:hidden}.product-image button{width:100%;height:100%;background:none;border:0;padding:32px}.product-image img{height:100%;width:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .3s}.product-image button:hover img{transform:scale(1.05)}.tag{position:absolute;top:15px;left:15px;font-size:10px;letter-spacing:1.2px;background:white;padding:7px 10px;border-radius:2px;pointer-events:none}.card-info{padding:19px 0 8px}.card-info small{font-size:11px;color:var(--muted);letter-spacing:1.5px}.card h3{font-size:20px;font-weight:500;line-height:1.25;margin:8px 0}.card p{font-size:14px;color:var(--muted);margin:8px 0;line-height:1.5}.card-actions{display:flex;justify-content:space-between;align-items:center;padding-top:14px;border-top:1px solid var(--line);margin-top:18px}.card-actions button{padding:9px 12px;font-size:13px;border:1px solid var(--navy);background:white;border-radius:3px}.card-actions button:hover{background:var(--navy);color:white}.price{font-size:14px;font-weight:600}.solutions{background:#f7f8f8}.solution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.solution{padding:32px;border-radius:5px;display:flex;align-items:flex-start;flex-direction:column}.solution h3{font-size:32px;font-weight:500;line-height:1.15;letter-spacing:-1px;margin:16px 0}.solution p{font-size:15px;line-height:1.7;flex:1;margin-bottom:28px}.dark{background:var(--navy);color:white}.light{background:#e2e9e7}.sand{background:#f4e9ce}.text-button{border:0;background:transparent;border-bottom:1px solid;padding:10px 0;font-weight:600;color:inherit}.how{display:grid;grid-template-columns:1fr 1fr;gap:13%;border-bottom:1px solid var(--line)}.how>div>p:last-child{font-size:16px;line-height:1.7;color:var(--muted);max-width:480px}.how ol{list-style:none;padding:0;margin:0}.how li{display:flex;gap:24px;padding:16px 0;border-bottom:1px solid var(--line)}.how li>span{color:#82969b;padding-top:5px;font-size:14px}.how h3{margin:0;font-size:19px;font-weight:500}.how li p{color:var(--muted);font-size:15px;line-height:1.5}.faq{max-width:1050px;margin:auto}.faq h2{margin-bottom:30px}details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;font-size:17px}details p{font-size:16px;line-height:1.6;color:var(--muted)}footer{border-top:1px solid var(--line);padding:40px 5%;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:12px}footer .brand img{width:130px}footer .brand span{font-size:11px}footer p{font-size:17px}dialog{border:0;border-radius:8px;padding:35px;max-width:min(850px,94vw);width:850px;color:var(--ink);box-shadow:0 20px 100px #0003}dialog::backdrop{background:#102d44a1;backdrop-filter:blur(4px)}.close{position:absolute;top:10px;right:15px;background:none;border:0;font-size:32px;color:var(--ink);z-index:1}#detailContent{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center}#detailContent>img{width:100%;max-height:350px;object-fit:contain}#detailContent h2{font-size:30px}#detailContent p{font-size:16px;line-height:1.7;color:var(--muted)}#detailContent .fine{font-size:13px}#basket{width:560px}#basket h2{margin-bottom:20px}.basket-row{display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--line);padding:16px 0}.basket-row img{width:55px;height:55px;object-fit:contain}.basket-row .name{flex:1;font-size:14px}.qty{display:flex;align-items:center;gap:10px}.qty button{width:28px;height:28px;border:1px solid var(--line);background:white}.remove{background:none;border:0;font-size:12px;text-decoration:underline;color:var(--muted);margin-top:5px}.basket-row p{margin:5px 0}form label{display:block;font-size:14px;margin-top:18px}form label span{color:var(--muted)}form input,form textarea{display:block;width:100%;padding:12px;border:1px solid #c4d0d5;border-radius:3px;margin:8px 0;font-size:16px}form textarea{height:85px;resize:vertical}form .button{width:100%;margin-top:15px}.fine{font-size:12px;color:var(--muted);line-height:1.6}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--navy);color:white;padding:14px 22px;border-radius:5px;opacity:0;pointer-events:none;transition:opacity .2s;z-index:10}.empty{grid-column:1/-1;padding:50px;background:#f4f7f7;border-radius:6px}.empty h3{font-size:26px;font-weight:500}.empty p{line-height:1.7;max-width:650px;color:var(--muted)}@media(min-width:1500px){main,header,footer{max-width:1550px;margin:auto}}@media(max-width:900px){header{height:82px}.brand img{width:140px}.brand span{padding-left:10px;font-size:12px}nav{display:none}.hero-copy{padding:38px 24px}.hero{min-height:450px}.hero-product{min-height:450px}h1{letter-spacing:-2px}.grid{grid-template-columns:repeat(2,1fr)}.solution-grid{grid-template-columns:1fr}.solution{padding:30px}.solution h3 br{display:none}.benefits{font-size:12px;gap:12px}.benefits b{display:block}.how{gap:35px}footer{flex-wrap:wrap}}@media(max-width:600px){.announcement{font-size:9px;letter-spacing:1px}header{padding:0 5%;gap:10px}.brand{gap:8px}.brand img{width:119px}.brand span{font-size:10px;letter-spacing:1px}.bag{padding:8px;font-size:12px}.bag span{width:20px;height:20px;margin-left:2px}.hero{grid-template-columns:1fr;margin:12px 3% 0}.hero-copy{padding:30px 25px}h1{font-size:54px}.hero-copy>p:not(.eyebrow){font-size:16px}.hero-product{min-height:330px}.hero-panel{height:87%;width:55%;left:7%}.hero-inverter{width:40%;height:63%;right:8%;top:18%}.hero-caption{bottom:14px;left:20px}.hero-caption strong{font-size:14px}.hero-caption span{font-size:9px}.hero-bottom{margin-top:22px}.benefits{padding:20px 5%;font-size:11px;line-height:1.5}.catalog,.solutions,.how,.faq{padding:40px 5%}.section-heading{display:block}.search{margin-top:20px;width:100%}.tabs{gap:7px}.tabs button{font-size:12px;padding:10px 13px}.catalog-meta{font-size:11px;gap:15px}.grid{gap:25px 14px}.product-image{height:180px}.product-image button{padding:25px 14px}.tag{font-size:8px;left:8px;top:8px;padding:5px 7px}.card h3{font-size:17px}.card p{font-size:12px}.card-actions{display:block}.card-actions button{width:100%;margin-top:10px}.price{font-size:12px}.how{grid-template-columns:1fr}.hero .eyebrow{font-size:10px}.solution h3{font-size:28px}footer{padding:30px 5%}footer p{display:none}#detailContent{grid-template-columns:1fr;gap:15px}#detailContent>img{height:200px}dialog{padding:30px 22px}.empty{padding:25px}.basket-row{gap:10px}.qty{gap:5px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}