*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#111;background:#f7f7f5}a{text-decoration:none;color:inherit}button,input{font:inherit}.topbar{height:34px;background:#050606;color:#fff;text-align:center;font-size:11px;letter-spacing:.08em;padding:10px}.topbar span{color:#f36b0b;margin:0 14px}.header{height:82px;background:#fff;display:flex;align-items:center;gap:35px;padding:0 5%;border-bottom:1px solid #ddd;position:sticky;top:0;z-index:20}.logo{display:flex;align-items:center;gap:10px;font-size:27px;font-weight:800;letter-spacing:-1.5px}.logo-mark{font-size:35px}.logo small{display:block;font-size:8px;letter-spacing:.35em;color:#19a99e;margin-top:3px}.orange{color:#f36b0b}.header nav{display:flex;gap:25px;margin-left:auto}.header nav a{font-size:12px;text-transform:uppercase}.header-actions{display:flex;align-items:center}.header-actions input{width:185px;padding:11px;border:1px solid #ddd}.circle{border:0;background:white;font-size:20px;position:relative}.cart b{position:absolute;background:#f36b0b;color:white;border-radius:50%;font-size:9px;padding:3px 5px;right:-3px;top:-4px}.hero{min-height:510px;background:#070909;color:#fff;display:flex;align-items:center;padding:55px 8%;overflow:hidden;position:relative}.hero-copy{width:50%;z-index:2}.eyebrow{color:#23b7ab;font-size:12px;font-weight:800;letter-spacing:.28em}.eyebrow.dark{color:#169b92}.hero h1{font-size:76px;line-height:.9;letter-spacing:-.06em;margin:18px 0}.hero h1 strong{color:#f36b0b}.hero p{max-width:520px;line-height:1.55;color:#d3d7d5}.buttons{display:flex;gap:12px;margin-top:28px}.btn{display:inline-block;padding:14px 24px;font-size:12px;font-weight:800;letter-spacing:.06em}.primary{background:#f36b0b;color:white}.outline{border:1px solid #25b7aa;color:white}.teal{color:#169b92;border-color:#169b92;margin-top:25px}.paint-art{position:absolute;right:0;top:0;width:55%;height:100%;background:linear-gradient(125deg,transparent 30%,#1c827b 42%,#f0d7a9 56%,#f36b0b 72%,transparent 83%);transform:skewX(-10deg);opacity:.95}.can{position:absolute;right:18%;bottom:0;width:210px;height:220px;background:linear-gradient(90deg,#111,#3b403e,#101212);border-radius:8px 8px 22px 22px;transform:skewX(10deg);box-shadow:0 25px 35px #000}.can-label{position:absolute;top:62px;left:20px;right:20px;height:80px;background:#0a0c0c;border:1px solid #444;text-align:center;padding:14px;color:#fff}.can-label i{display:block;width:80px;height:7px;background:linear-gradient(90deg,#2caea4,#ead2a5,#f36b0b,#c82d20);margin:8px auto}.roller{position:absolute;right:8%;bottom:70px;width:210px;height:18px;background:#eee;border-radius:20px;transform:rotate(-48deg);border:8px solid #e7d6b7}.brands{background:#0a0d0d;color:#fff;text-align:center;padding:22px 5%}.brand-row{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:18px;flex-wrap:wrap}.brand-row span{font-weight:800;color:#eee;font-size:14px}.benefits{background:white;display:grid;grid-template-columns:repeat(4,1fr);padding:20px 6%;border-bottom:1px solid #ddd}.benefits div{padding:10px 25px;border-right:1px solid #ddd;font-size:13px}.benefits small{display:block;color:#888;margin:5px 0 0 25px}.catalog{max-width:1300px;margin:auto;padding:45px 5%;display:grid;grid-template-columns:180px 1fr 280px;gap:30px}.catalog aside h3{font-size:13px}.cat{display:block;width:100%;background:none;border:0;border-bottom:1px solid #eee;text-align:left;padding:14px 5px;font-size:12px;cursor:pointer}.cat.active{background:#eef5f4;color:#149c91}.product-area .section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px}.section-title h2{margin:7px 0 0;font-size:28px}.section-title>a{font-size:11px;color:#149c91}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.product{background:#fff;border:1px solid #e1e1df;padding:12px;position:relative}.visual{height:180px;display:grid;place-items:center;text-align:center;background:#f1f0eb;font-size:18px;font-weight:700}.visual.sw{background:#e9eef4;color:#fff;background:linear-gradient(#134c83,#0b3260)}.visual.sipa{background:#e8e3dc;color:#b02a1b}.visual.ceresita{background:#eef0ed;color:#164f77}.visual.tx{background:#f0eee8;color:#444}.roller-product,.brush-product{background:#f4f3ef}.mini-roller{width:110px;height:32px;border-radius:20px;background:#eee;border:5px solid #22a79e}.brush{width:50px;height:100px;background:#333;border-radius:4px 4px 2px 2px}.product h3{font-size:14px;margin:13px 0 5px}.product p{font-size:11px;color:#777;min-height:27px}.price{font-size:17px}.add{float:right;background:#080909;color:#fff;border:0;padding:8px 10px}.advice-card{background:#080b0b;color:#fff;padding:28px}.advice-card h2{font-size:28px;line-height:1.05}.advice-card p,.advice-card li{font-size:12px;color:#bbb;line-height:1.6}.advice-card ul{padding-left:17px}.consult{background:#101b19;color:#fff;padding:60px 8%;display:flex;justify-content:space-between;align-items:center;gap:40px}.consult h2{font-size:42px;max-width:700px}.consult p{max-width:700px;color:#c8cfcc;line-height:1.6}footer{background:#050707;color:#fff;padding:45px 8%;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}footer a,footer p{display:block;color:#aeb5b2;font-size:12px;margin:10px 0}.footer-logo{font-size:25px;font-weight:800}.footer-logo span{color:#f36b0b}footer h4{font-size:13px}@media(max-width:1050px){.header nav{display:none}.catalog{grid-template-columns:160px 1fr}.advice-card{grid-column:1/-1}.products{grid-template-columns:repeat(3,1fr)}.brand-row{justify-content:center}.benefits{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.hero{padding:45px 7%;min-height:650px}.hero-copy{width:100%}.hero h1{font-size:57px}.paint-art{opacity:.5;width:100%}.can{right:8%;bottom:15px;transform:scale(.75)}.roller{right:0;bottom:60px}.header{padding:0 4%;height:70px}.logo{font-size:21px}.header-actions input{display:none}.catalog{grid-template-columns:1fr;padding:35px 5%}.products{grid-template-columns:repeat(2,1fr)}.benefits{grid-template-columns:1fr}.benefits div{border-right:0;border-bottom:1px solid #ddd}.consult{display:block}.consult .btn{margin-top:20px}footer{grid-template-columns:1fr 1fr}}@media(max-width:480px){.products{grid-template-columns:1fr}.brand-row span{width:45%}.topbar{font-size:9px}.hero h1{font-size:50px}}
