:root{--navy:#082d3f;--green:#07966b;--orange:#ff6b2c;--bg:#f6faf9;--text:#102b3c;--muted:#647680;--line:#dce8e5}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:#fff}a{text-decoration:none;color:inherit}
.wrap{width:min(1180px,92%);margin:auto}.top{background:var(--navy);color:#fff;font-size:13px;padding:9px 0}.top .wrap,.head,.nav{display:flex;align-items:center;justify-content:space-between;gap:18px}
header{position:sticky;top:0;background:#fff;z-index:30;box-shadow:0 4px 18px #082d3f10}.head{padding:15px 0}.brand{font-size:27px;font-weight:900}.brand b{color:var(--green)}.brand span{color:var(--orange)}
.search{flex:1;display:flex;border:1px solid var(--line);border-radius:12px;overflow:hidden}.search input{border:0;outline:0;padding:13px 15px;flex:1}.search button,.btn{border:0;background:var(--green);color:#fff;padding:13px 20px;border-radius:10px;font-weight:800;cursor:pointer}
.nav{border-top:1px solid #eef3f2;padding:11px 0;font-weight:700;font-size:14px}.nav a:hover{color:var(--green)}
.hero{background:linear-gradient(120deg,#e8fff6,#f6fbff);padding:38px 0}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:center}.eyebrow{display:inline-block;background:#d9f7eb;color:#087d5b;padding:8px 12px;border-radius:999px;font-weight:800;font-size:13px}
.hero h1{font-size:52px;line-height:1.02;margin:16px 0}.hero h1 em{font-style:normal;color:var(--green)}.hero p{font-size:18px;color:var(--muted);line-height:1.7}.hero-img{border-radius:24px;overflow:hidden;box-shadow:0 24px 70px #082d3f28}.hero-img img{width:100%;display:block}
.badges{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:25px}.badge,.card{border:1px solid var(--line);background:#fff;border-radius:16px}.badge{padding:14px;font-size:13px;font-weight:800}
section{padding:54px 0}.sec-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.sec-head h2{font-size:30px;margin:0}.sec-head p{color:var(--muted);margin:6px 0 0}
.cats{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.cat{padding:20px;text-align:center;border-radius:18px;background:var(--bg);border:1px solid var(--line);transition:.25s}.cat:hover,.product:hover{transform:translateY(-6px);box-shadow:0 18px 35px #082d3f15}.cat .ico{font-size:38px}.cat b{display:block;margin-top:9px}
.products{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product{overflow:hidden;transition:.25s}.product .pic{height:180px;display:grid;place-items:center;background:linear-gradient(145deg,#f3f8f6,#e7f1ee);font-size:84px}.product .body{padding:16px}.price{font-size:21px;font-weight:900;color:#e34c28}.old{text-decoration:line-through;color:#95a3a8;font-size:13px}.stars{color:#f6a800;font-size:13px;margin:7px 0}.product button{width:100%;margin-top:12px}
.promo{background:linear-gradient(120deg,var(--navy),#0a6f70);color:#fff;border-radius:24px;padding:36px;display:grid;grid-template-columns:1fr auto;align-items:center}.promo h2{font-size:34px;margin:0 0 8px}.promo .btn{background:var(--orange)}
.features{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature{padding:22px}.feature .ico{font-size:32px}.feature p,.faq p,.footer p{color:var(--muted);line-height:1.6}
.testis{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.quote{padding:22px}.quote small{color:var(--muted)}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.faq details{border:1px solid var(--line);border-radius:13px;padding:15px 18px;background:#fff}.faq summary{font-weight:800;cursor:pointer}
footer{background:#082d3f;color:#fff;padding:45px 0 25px}.footer{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:28px}.footer p{color:#c6d4d8}.footer a{display:block;margin:9px 0;color:#dce8e5}.copy{border-top:1px solid #ffffff20;margin-top:30px;padding-top:20px;color:#a9bdc3;font-size:13px}
.pagehero{padding:58px 0;background:linear-gradient(120deg,#eafff7,#f7fbff)}.pagehero h1{font-size:42px;margin:0 0 10px}.content{max-width:850px}.notice{background:#fff7e8;border:1px solid #ffd8a4;padding:15px;border-radius:12px}
@media(max-width:850px){.head{flex-wrap:wrap}.search{order:3;width:100%;flex-basis:100%}.nav{overflow:auto;justify-content:flex-start}.hero-grid{grid-template-columns:1fr}.hero h1{font-size:40px}.badges,.features{grid-template-columns:1fr 1fr}.cats{grid-template-columns:repeat(3,1fr)}.products{grid-template-columns:1fr 1fr}.testis,.faq-grid,.footer{grid-template-columns:1fr}.promo{grid-template-columns:1fr;gap:20px}}
@media(max-width:520px){.cats,.products,.badges,.features{grid-template-columns:1fr 1fr}.hero h1{font-size:34px}.top{display:none}}