:root{--ink:#172b3c;--muted:#64717d;--accent:#f2a526;--paper:#f5f6f4;--white:#fff}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 Arial,sans-serif}
a{color:inherit;text-decoration:none}.wrap{width:min(1120px,90%);margin:auto}
.header{background:var(--ink);color:white;padding:18px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px;position:sticky;top:0;z-index:5}
.brand{font-size:23px;font-weight:900;letter-spacing:1px}.brand span:last-child{color:var(--accent)}.brand-mark{display:inline-grid;place-items:center;background:var(--accent);color:var(--ink);width:34px;height:34px;border-radius:6px;margin-right:7px}
.nav{display:flex;gap:22px;align-items:center}.nav a{font-size:14px;color:#e7edf1}.nav a:hover,.nav .active{color:var(--accent)}.nav-phone{border:1px solid #71808b;padding:9px 14px;border-radius:4px}.menu-toggle{display:none;background:none;color:white;border:0;font-size:25px}
.hero{display:grid;grid-template-columns:1fr 1fr;min-height:560px;background:#dfe4e5}.hero-content{padding:85px max(5vw,calc((100vw - 1120px)/2));padding-right:5vw}.hero-image{background:linear-gradient(#102b3a22,#102b3a22),url('https://images.unsplash.com/photo-1503387762-592deb58ef4e?auto=format&fit=crop&w=1300&q=85') center/cover;min-height:420px}
.eyebrow{font-size:11px;font-weight:bold;letter-spacing:2px;color:#b77810;margin-bottom:16px}.hero h1,.page-hero h1{font-size:clamp(38px,5vw,62px);line-height:1.05;margin:0 0 22px;letter-spacing:-2px}.hero h1 em,.page-hero h1 em,h2 em{color:#c18218;font-style:normal}.hero p,.page-hero p{max-width:560px;color:#52616d;font-size:18px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.btn{display:inline-block;padding:14px 20px;border-radius:4px;font-weight:bold;font-size:14px;border:0;cursor:pointer}.btn-primary{background:var(--accent);color:var(--ink)}.btn-outline{border:1px solid #9aa5aa}.btn:hover{filter:brightness(.96)}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;padding:32px 0;border-bottom:1px solid #dce0df}.stats>div{display:flex;align-items:center;gap:13px}.stats b{font-size:30px}.stats span{font-size:13px;color:var(--muted)}.stats-cta{display:block!important}.stats-cta a{display:block;color:#b77810;font-weight:bold}
.section{padding:75px 0}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}h2{font-size:clamp(30px,4vw,43px);line-height:1.12;letter-spacing:-1px;margin:0 0 18px}.text-link{font-weight:bold;color:#a86d0e}
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product-card{display:block;background:white;border-radius:7px;overflow:hidden;box-shadow:0 8px 25px #102b3a0c;transition:transform .2s}.product-card:hover{transform:translateY(-4px)}.product-card img{width:100%;height:205px;object-fit:cover;display:block}.product-info{padding:22px}.product-info small{font-size:10px;letter-spacing:1.2px;color:#a86d0e}.product-info h3{font-size:21px;margin:9px 0}.product-info p{color:var(--muted);font-size:14px;min-height:44px}.product-info b{font-size:13px}.product-info b span{color:#c18218}
.dark-band{background:var(--ink);color:white;padding:55px 0}.band-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}.dark-band p{color:#c2cbd0;max-width:600px}.dark-band h2{margin-bottom:12px}
.benefits,.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.benefits article,.steps article{border-top:2px solid var(--accent);padding:20px 0}.benefits article>span,.steps article>span{color:#bd811c;font-weight:bold}.benefits h3,.steps h3{margin:12px 0 7px}.benefits p,.steps p{color:var(--muted);font-size:14px}
.page-hero{background:#e6e9e7;padding:75px 0}.page-hero p{margin-bottom:0}.catalog-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.catalog-tools p{color:var(--muted)}.catalog-tools input{width:min(300px,100%)}
input,select,textarea{font:inherit;width:100%;padding:13px;border:1px solid #d4dadd;border-radius:4px;background:white;margin:7px 0 16px}textarea{min-height:120px;resize:vertical}label{font-size:13px;font-weight:bold}
.detail-layout{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.detail-image{width:100%;height:430px;object-fit:cover;border-radius:7px}.detail-layout p{color:var(--muted)}.check-list{padding-left:20px;margin:22px 0 28px}.check-list li{padding:5px 0}
.section-muted{background:#e9edeb}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px}.contact-item{margin:25px 0}.contact-item small{display:block;color:#a86d0e;letter-spacing:1.5px}.contact-item a{font-size:22px;font-weight:bold}.form-box{background:white;padding:28px;border-radius:7px;box-shadow:0 8px 30px #102b3a0c}.form-box button{width:100%}.notice{font-size:12px;color:var(--muted)}
.footer{background:#101f2c;color:#e8eef1;padding:48px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px}.brand-light{color:white}.footer-grid p,.footer-grid span{color:#aebbc3;font-size:14px}.footer-grid>div{display:flex;flex-direction:column;align-items:flex-start;gap:9px}.footer-grid b{color:var(--accent);margin-bottom:5px}.footer-grid a:not(.brand){font-size:14px;color:#d5dfe4}.copyright{border-top:1px solid #34434e;margin-top:35px;padding-top:17px;color:#9eabb3;font-size:12px}
.empty-state{padding:30px;text-align:center;color:var(--muted)}.success{color:#23794a;font-weight:bold;margin-top:12px}
@media(max-width:760px){.header{flex-wrap:wrap}.menu-toggle{display:block}.nav{display:none;width:100%;flex-direction:column;align-items:flex-start;padding:12px 0}.nav.open{display:flex}.hero{grid-template-columns:1fr}.hero-content{padding:65px 7%}.hero-image{min-height:260px}.stats{grid-template-columns:1fr 1fr}.product-grid{grid-template-columns:1fr 1fr}.section-head,.band-inner,.catalog-tools{align-items:flex-start;flex-direction:column}.benefits,.steps{grid-template-columns:1fr}.detail-layout,.two-col,.contact-layout{grid-template-columns:1fr;gap:28px}.detail-image{height:280px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}
@media(max-width:480px){.product-grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.hero h1{font-size:40px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}}