:root{--ink:#22262b;--muted:#6b7076;--red:#9d2025;--red2:#c12a2f;--paper:#fff;--soft:#f5f5f4;--line:#e5e5e3;--dark:#17191c;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);line-height:1.5}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{max-width:var(--max);margin:auto;padding:0 24px}
.header{height:82px;border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:50}.header .wrap{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{height:60px;width:auto}.nav{display:flex;align-items:center;gap:25px;font-size:14px;font-weight:750}.nav a{padding:31px 0;border-bottom:2px solid transparent}.nav a:hover,.nav a.active{color:var(--red);border-color:var(--red)}.header-phone{font-weight:800;white-space:nowrap;text-align:right}.header-phone small{display:block;color:var(--muted);font-weight:500;font-size:12px}
.mobile-menu{display:none;border:0;background:none;font-size:28px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:14px 21px;border-radius:5px;font-weight:800;border:1px solid transparent;cursor:pointer}.btn-red{background:var(--red);color:#fff}.btn-red:hover{background:var(--red2)}.btn-dark{background:var(--ink);color:#fff}.btn-light{border-color:#fff;color:#fff}.btn-outline{border-color:var(--ink)}.btn-outline:hover{background:var(--ink);color:#fff}
.hero{background:linear-gradient(100deg,#111315,#25282c);color:#fff}.hero-grid{min-height:590px;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:28px}.eyebrow{letter-spacing:2.5px;font-weight:900;color:#ddd}.hero h1{font-size:56px;line-height:1.03;margin:13px 0 22px;letter-spacing:-1px}.hero h1 span{color:#c42b30}.hero p{font-size:19px;max-width:620px;color:#d7d7d7}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}.hero-product{width:100%;height:540px;object-fit:contain}.trust{display:flex;gap:25px;flex-wrap:wrap;color:#ddd;font-size:13px}.trust span:before{content:"✓";display:inline-block;margin-right:7px;color:#e6b2b3;font-weight:900}
.section{padding:76px 0}.section.soft{background:var(--soft)}.section-head{text-align:center;max-width:760px;margin:0 auto 42px}.section-head h2{font-size:36px;line-height:1.1;margin:0 0 14px}.section-head h2:after{content:"";display:block;width:55px;height:3px;background:var(--red);margin:15px auto 0}.section-head p{color:var(--muted);font-size:17px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:26px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.category{border:1px solid var(--line);background:#fff;padding:26px}.category h3{font-size:24px;margin:0 0 8px}.category p{color:var(--muted)}.category ul{padding-left:19px;line-height:1.95}.mini-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:20px}.mini-gallery img{height:230px;width:100%;object-fit:contain;background:#fafafa}
.feature{background:#f1f1f0;padding:28px;min-height:145px}.feature b{display:block;font-size:17px;margin-bottom:5px}.feature p{margin:0;color:var(--muted);font-size:14px}
.case{display:grid;grid-template-columns:1fr 1fr;background:var(--soft)}.case-copy{padding:48px}.case-copy h2{font-size:35px;line-height:1.08;margin:0 0 16px}.case-copy h2 span{color:var(--red)}.case-image{width:100%;height:100%;min-height:400px;object-fit:cover}
.client-card{border:1px solid var(--line);background:#fff;overflow:hidden}.client-card img{height:310px;width:100%;object-fit:contain;background:#fafafa}.client-card .pad{padding:20px}.client-card h3{margin:0 0 5px}.client-card p{margin:0;color:var(--muted);font-size:14px}
.page-hero{background:var(--dark);color:#fff;padding:72px 0}.page-hero h1{font-size:48px;margin:0 0 12px}.page-hero p{color:#d0d0d0;max-width:700px;font-size:18px;margin:0}
.product-card{border:1px solid var(--line);background:#fff}.product-card img{height:320px;width:100%;object-fit:contain;background:#fafafa}.product-card .pad{padding:20px}.product-card h3{margin:0 0 6px;font-size:21px}.product-card p{margin:0;color:var(--muted)}
.steps{counter-reset:step}.step{position:relative;padding:25px 25px 25px 72px;border:1px solid var(--line);background:#fff}.step:before{counter-increment:step;content:counter(step);position:absolute;left:23px;top:25px;width:34px;height:34px;border-radius:50%;background:var(--red);color:#fff;text-align:center;line-height:34px;font-weight:900}
.contact-box{background:var(--dark);color:#fff;padding:38px}.contact-box h2{font-size:32px;margin-top:0}.contact-details{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:25px 0}.contact-details a{font-size:22px;font-weight:850}.contact-details small{display:block;color:#aaa;font-size:12px;font-weight:500}
.form{background:#f7f7f6;padding:30px}.form label{display:block;font-weight:750;margin-bottom:7px}.form input,.form textarea{width:100%;border:1px solid #d7d7d5;padding:13px;border-radius:4px;font:inherit;margin-bottom:15px}.form textarea{min-height:125px;resize:vertical}
.footer{background:#121416;color:#bfc0c2;padding:30px 0}.footer .wrap{display:flex;justify-content:space-between;gap:20px;align-items:center}.footer strong{color:#fff}.footer a:hover{color:#fff}
.float-wa{position:fixed;right:20px;bottom:20px;background:#25D366;color:#fff;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:27px;font-weight:900;box-shadow:0 8px 25px #0003;z-index:40}
@media(max-width:900px){.nav{display:none}.mobile-menu{display:block}.header-phone{margin-left:auto}.hero-grid,.grid2,.case{grid-template-columns:1fr}.hero{padding-top:35px}.hero-product{height:420px}.grid3{grid-template-columns:1fr 1fr}.grid4{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.wrap{padding:0 16px}.header{height:70px}.logo{height:52px}.header-phone{font-size:13px}.header-phone small{display:none}.hero h1{font-size:38px}.hero p{font-size:16px}.section{padding:55px 0}.section-head h2{font-size:29px}.grid3,.grid4{grid-template-columns:1fr}.case-copy{padding:30px}.case-copy h2{font-size:29px}.contact-details{grid-template-columns:1fr}.page-hero h1{font-size:37px}.footer .wrap{flex-direction:column;align-items:flex-start}}