:root{--ink:#172238;--sky:#e8f4ff;--blue:#1467e8;--red:#d92736;--green:#15955b;--muted:#66758b}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:Trebuchet MS,Arial,sans-serif;background:#fff}a{color:inherit;text-decoration:none}.wrap{width:min(1140px,calc(100% - 32px));margin:auto}header{height:82px;display:flex;align-items:center;justify-content:space-between}.logo{font-size:25px;font-weight:900}.logo i{color:var(--blue);font-style:normal}.nav{display:flex;gap:28px;font-size:14px}.nav-cta{background:var(--ink);color:#fff;padding:11px 17px;border-radius:999px}.hero{background:var(--sky);border-radius:34px;min-height:540px;padding:58px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;overflow:hidden}.hero h1{font-size:clamp(45px,6vw,78px);letter-spacing:-.055em;line-height:.95;margin:0 0 22px}.hero p{line-height:1.7;color:var(--muted);max-width:520px}.hero .btn{display:inline-block;margin-top:22px;background:var(--blue);color:#fff;border-radius:999px;padding:15px 22px;font-weight:bold}.stage{height:420px;position:relative}.orb{position:absolute;width:340px;height:340px;border-radius:50%;background:#c5dcff;right:5%;top:8%}.machine{position:absolute;width:65%;height:45%;right:17%;top:22%;border:11px solid #26344e;border-bottom-width:17px;border-radius:12px;background:linear-gradient(145deg,#5286e8,#b9d5ff);transform:rotate(-4deg)}.machine:after{content:"";position:absolute;left:-16%;top:calc(100% + 16px);width:132%;height:16%;background:#536077;clip-path:polygon(8% 0,92% 0,100% 100%,0 100%)}.bubble{position:absolute;background:#fff;border-radius:16px;padding:13px 16px;box-shadow:0 14px 35px rgba(40,79,145,.14);font-size:12px;font-weight:bold}.b1{top:11%;left:3%}.b2{right:0;bottom:16%;color:var(--red);font-size:18px}.trust{display:flex;justify-content:center;gap:62px;padding:35px 0;color:var(--muted);font-size:13px}.trust b{color:var(--ink);display:block;margin-bottom:4px}.section{padding:72px 0}.section-head{text-align:center;max-width:650px;margin:0 auto 38px}.section h2{font-size:48px;letter-spacing:-.04em;margin:0 0 12px}.section-head p{color:var(--muted)}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{border:1px solid #e2e8f0;border-radius:24px;padding:12px}.visual{height:210px;border-radius:16px;background:#e9eef5;position:relative}.visual:before{content:"";position:absolute;width:55%;height:42%;left:22%;top:26%;border:8px solid #52627a;background:#8aaae9}.visual:after{content:"";position:absolute;width:70%;height:8%;left:15%;top:70%;background:#7e899b}.badge{position:absolute;left:12px;top:12px;background:#fff;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:bold}.body{padding:16px 8px 8px}.body h3{font-size:21px;margin:0 0 13px}.spec-pills{display:flex;flex-wrap:wrap;gap:6px}.spec-pills span{background:#f0f4f8;border-radius:999px;padding:7px 9px;font-size:10px}.pricing{margin:17px 0}.old{text-decoration:line-through;color:var(--muted)}.sale{font-size:25px;font-weight:900;color:var(--red);margin-left:8px}.wa{display:block;text-align:center;background:var(--green);color:#fff;padding:13px;border-radius:12px;font-weight:bold;font-size:13px}footer{background:var(--sky);padding:35px 0;margin-top:40px}@media(max-width:760px){.nav{display:none}.hero{grid-template-columns:1fr;padding:38px 24px}.stage{height:330px}.trust{display:grid;grid-template-columns:1fr 1fr;gap:22px}.products{grid-template-columns:1fr}.section{padding:50px 0}.section h2{font-size:39px}.visual{height:240px}}@media(max-width:430px){.trust{grid-template-columns:1fr}.hero h1{font-size:47px}.stage{height:270px}.orb{width:240px;height:240px}.machine{width:72%;right:13%}}

/* Shared controls and compact page introductions. */
button,input,select{font:inherit}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
.page-hero{background:var(--sky);border-radius:34px;padding:40px 48px;margin-bottom:32px}
.page-hero h1{font-size:clamp(32px,4vw,52px);letter-spacing:-.04em;line-height:1.1;margin:0 0 12px;overflow-wrap:anywhere}
.page-hero p{color:var(--muted);line-height:1.7;max-width:65ch;margin:0}

/* Catalog: reuse .products, .card, .visual and their contents. */
.shop-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:32px;align-items:start}
.shop-layout>*,.shop-layout .card{min-width:0}
.filters{background:var(--sky);border-radius:24px;padding:24px}
.filters h2{font-size:24px;letter-spacing:-.02em;margin:0 0 24px}
.filter-group+.filter-group{margin-top:24px;padding-top:20px;border-top:1px solid var(--muted)}
.filter-group h3{font-size:15px;margin:0 0 10px;color:var(--ink)}
.filter-group label{display:flex;align-items:center;gap:9px;min-height:36px;font-size:14px;line-height:1.5;color:var(--muted);cursor:pointer}
.filter-group input[type="checkbox"]{width:16px;height:16px;flex-shrink:0;margin:0;accent-color:var(--blue)}
.filter-group a{display:block;padding:9px 10px;border-radius:12px;font-size:14px;color:var(--muted);overflow-wrap:anywhere}
.filter-group a:hover{color:var(--blue);background:#fff}
.filter-group a.active{color:var(--blue);background:#fff;font-weight:bold}
.filter-group input[type="range"]{display:block;width:100%;margin:14px 0;accent-color:var(--blue)}
.filter-group .check,.filter-group output{font-size:14px;color:var(--muted);line-height:1.5}
.catalog-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:24px;color:var(--ink)}
.catalog-top strong{font-size:15px}
.catalog-top select{max-width:100%;min-height:44px;padding:10px 14px;border:1px solid var(--muted);border-radius:12px;background:#fff;color:var(--ink)}
.shop-layout .products{grid-template-columns:repeat(2,minmax(0,1fr))}

/* Product details retain the shared badge, prices, pills and WhatsApp CTA. */
.detail-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:48px;align-items:start}
.detail-layout>*{min-width:0}
.detail-visual{position:relative;height:520px;border-radius:24px;overflow:hidden;background:linear-gradient(145deg,var(--sky),#fff)}
.detail-visual:before{content:"";position:absolute;left:18%;top:25%;width:64%;height:43%;border:11px solid var(--ink);border-bottom-width:17px;border-radius:12px;background:linear-gradient(145deg,var(--blue),var(--sky));transform:rotate(-4deg)}
.detail-visual:after{content:"";position:absolute;left:10%;top:70%;width:80%;height:7%;background:var(--muted);clip-path:polygon(8% 0,92% 0,100% 100%,0 100%);transform:rotate(-4deg)}
.detail-visual .badge{z-index:1}
.detail-copy .tag{display:block;color:var(--muted);font-size:13px;line-height:1.5;margin-bottom:12px;overflow-wrap:anywhere}
.detail-copy h1{font-size:clamp(34px,4vw,52px);line-height:1.08;letter-spacing:-.04em;margin:0 0 20px;overflow-wrap:anywhere}
.detail-copy .pricing{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px;margin:20px 0}
.detail-copy .sale{font-size:34px;margin-left:0}
.detail-copy .description{color:var(--muted);line-height:1.7;margin:20px 0;max-width:65ch}
.full-specs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);margin:24px 0 28px;font-size:14px;line-height:1.6}
.full-specs>dt,.full-specs>dd{margin:0;padding:12px 0;border-bottom:1px solid var(--sky);overflow-wrap:anywhere}
.full-specs>dt{color:var(--muted);padding-right:16px}
.full-specs>dd{color:var(--ink);font-weight:bold}
.full-specs>.full-spec,.full-specs>div{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:16px;padding:12px 0;border-bottom:1px solid var(--sky);overflow-wrap:anywhere}
.full-specs>div>span,.full-specs>div>dt{color:var(--muted);margin:0}
.full-specs>div>strong,.full-specs>div>dd{color:var(--ink);font-weight:bold;margin:0}
.detail-copy .wa{padding:16px;font-size:15px;line-height:1.5}
.detail-copy .note{color:var(--muted);font-size:12px;line-height:1.6}
.trust-item{display:flex;align-items:center;gap:12px;min-width:0}
.trust-item strong{display:block;color:var(--ink);margin-bottom:4px}
.trust-item small{display:block;font-size:13px;line-height:1.5}
.trust-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;background:var(--sky);color:var(--blue);border-radius:12px;font-weight:bold}

/* Shared header: the button may contain text, spans or an SVG icon. */
header{position:relative}
.nav-toggle{display:none;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:10px;border:1px solid var(--muted);border-radius:12px;background:#fff;color:var(--ink);cursor:pointer}
.nav-toggle svg{width:22px;height:22px}
.nav-toggle:empty:before{content:"";width:22px;height:16px;background:linear-gradient(to bottom,var(--ink) 0,var(--ink) 2px,transparent 2px,transparent 7px,var(--ink) 7px,var(--ink) 9px,transparent 9px,transparent 14px,var(--ink) 14px,var(--ink) 16px)}
@media(max-width:900px){.shop-layout,.detail-layout{grid-template-columns:minmax(0,1fr)}.detail-layout{gap:28px}.detail-visual{height:460px}}
@media(max-width:760px){.page-hero{padding:30px 24px}.shop-layout .products{grid-template-columns:minmax(0,1fr)}.detail-visual{height:360px}.nav-toggle{display:inline-flex}.nav.is-open{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;z-index:20;gap:4px;padding:16px;background:#fff;border-radius:0 0 16px 16px;box-shadow:0 14px 35px rgba(40,79,145,.14)}.nav.is-open a{display:block;padding:12px;border-radius:12px}.nav.is-open a:hover{background:var(--sky);color:var(--blue)}}
@media(max-width:430px){.page-hero{padding:28px 20px}.filters{padding:20px}.catalog-top{align-items:stretch;flex-direction:column}.catalog-top select{width:100%}.detail-visual{height:280px}.full-specs{font-size:13px}header{gap:8px}.nav-cta{padding:11px 12px;font-size:12px}}