:root{--teal:#087d89;--deep:#073847;--gold:#f6b942;--ink:#102a38;--muted:#596672;--wash:#f3f8fa;--line:#dce8ec;--rad:18px;--shadow:0 12px 32px rgba(8,53,65,.09);font-family:Inter,'Segoe UI',Arial,sans-serif;color:var(--ink)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{width:100%;display:block;object-fit:cover}.promo{background:var(--teal);color:white;text-align:center;padding:9px 12px;font-size:13px;font-weight:600}.header{background:white;box-shadow:0 2px 12px #102a3810;position:sticky;top:0;z-index:10}.nav{max-width:1220px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:13px 22px}.brand{display:flex;align-items:center;gap:11px;min-width:250px}.mark{display:grid;grid-template-columns:repeat(3,12px);grid-template-rows:repeat(3,12px);gap:3px}.mark span{background:var(--teal);border-radius:1px}.mark span:nth-child(3),.mark span:nth-child(7){background:var(--gold)}.brand-name{font-size:21px;letter-spacing:-.8px;font-weight:900;color:#086477;line-height:1}.brand-sub{font-size:11px;letter-spacing:5px;color:#086477;padding-top:5px;text-align:center}.links{display:flex;align-items:center;gap:26px}.links button,.mobile-menu button{padding:8px 0;border:0;background:none;font-weight:650;color:#1b2e39}.links button:hover,.mobile-menu button:hover{color:var(--teal)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:11px;padding:14px 20px;font-weight:800;border:2px solid var(--teal);background:var(--teal);color:white;transition:transform .18s,background .18s}.btn:hover{transform:translateY(-2px);background:#056977}.btn.outline{background:white;color:var(--deep)}.btn.outline:hover{background:var(--wash)}.btn.large{padding:17px 25px;font-size:16px}.hamburger{display:none;background:none;border:0;font-size:26px;color:var(--deep)}.mobile-menu{display:none;background:white;padding:10px 25px 20px;border-top:1px solid var(--line)}.mobile-menu button{display:block;width:100%;text-align:left;padding:12px 0}.page{display:none}.page.active{display:block}.wrap{max-width:1220px;margin:auto;padding:0 22px}.hero{background:linear-gradient(118deg,#fff 0%,#fff 43%,#e7f1f4 100%)}.hero-inner{max-width:1400px;margin:auto;display:grid;grid-template-columns:1fr 1fr;min-height:510px}.hero-copy{padding:68px 22px 48px max(36px,calc((100vw - 1176px)/2));align-self:center}.hero h1{font-size:clamp(38px,4vw,64px);line-height:1.06;letter-spacing:-2.5px;margin:0 0 24px;color:var(--deep)}.hero h1 em{font-style:normal;text-decoration:underline;text-decoration-color:var(--gold);text-decoration-thickness:5px;text-underline-offset:11px}.hero p{font-size:clamp(18px,1.6vw,24px);line-height:1.45;color:var(--muted);max-width:540px;margin:0 0 30px}.actions{display:flex;gap:12px;flex-wrap:wrap}.hero-picture{position:relative;display:flex;align-items:center;justify-content:center;padding:50px;background:linear-gradient(140deg,#e5f2f3,#d9e6e5)}.hero-picture:after{content:'';position:absolute;bottom:0;left:0;right:0;height:100px;background:linear-gradient(transparent,#b5cacc77)}.hero-picture img{height:350px;max-width:580px;box-shadow:0 18px 42px #183f4b32;position:relative;z-index:1;border-radius:3px}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:23px 0;border-bottom:1px solid var(--line);font-size:14px;color:#304956}.benefits>div{display:flex;gap:12px;align-items:center;justify-content:center}.benefits b{font-size:26px;color:var(--teal)}.steps{background:var(--wash);padding:30px 0}.steps-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.step{display:flex;align-items:center;gap:15px;font-weight:750}.number{background:var(--gold);border-radius:50%;width:41px;height:41px;display:grid;place-items:center;font-size:20px;color:#fff;flex-shrink:0}.step-symbol{font-size:32px}.section{padding-block:62px}.section-title{text-align:center;margin:0;font-size:clamp(28px,3.2vw,41px);letter-spacing:-1.4px;color:var(--deep)}.section-sub{text-align:center;color:var(--muted);max-width:750px;margin:9px auto 32px;line-height:1.6}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.card{border:1px solid var(--line);border-radius:var(--rad);overflow:hidden;box-shadow:0 4px 18px #113b4b0a;background:white;display:flex;flex-direction:column}.card-art{height:190px;background:linear-gradient(135deg,#f2eee9,#e3eff1);display:flex;align-items:center;justify-content:center;overflow:hidden}.card-art img{height:100%}.card-body{padding:18px;display:flex;flex-direction:column;flex:1;gap:8px}.card h3{font-size:18px;margin:0}.card p{font-size:13px;line-height:1.5;color:var(--muted);margin:0;flex:1}.price{color:var(--deep);font-weight:800;font-size:15px}.card button{align-self:start;margin-top:8px;border:0;padding:0;background:none;color:var(--teal);font-weight:800}.mini-art{font-size:64px}.center{text-align:center}.soft{background:var(--wash)}.two{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}.callout{border-radius:20px;padding:34px;background:linear-gradient(135deg,#e0f1f1,#fff);border:1px solid var(--line)}.callout h2{font-size:28px;margin:0 0 14px}.callout p{line-height:1.7;color:var(--muted)}.text-page{max-width:860px;margin:0 auto;padding:50px 22px 75px}.text-page h1{font-size:clamp(33px,4vw,50px);color:var(--deep);letter-spacing:-1.5px;margin:8px 0 12px}.text-page .lead{font-size:19px;color:var(--muted);line-height:1.6}.text-page h2{margin:34px 0 12px}.text-page p{line-height:1.75}.faq{border:1px solid var(--line);border-radius:12px;margin:10px 0;overflow:hidden}.faq summary{padding:18px;cursor:pointer;font-weight:750}.faq p{padding:0 18px 18px;margin:0;color:var(--muted)}.product-hero{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center;margin-top:32px}.product-hero img,.product-hero .art-placeholder{height:290px;border-radius:18px;background:var(--wash);object-fit:cover}.product-hero .art-placeholder{display:grid;place-items:center;font-size:90px}.notice{margin-top:22px;padding:14px;border:1px solid #ecd6a0;border-radius:11px;background:#fff8e8;font-size:13px;color:#71520b}.footer{border-top:1px solid var(--line);background:#f8fbfc;padding:28px 0;color:#52636d;font-size:13px}.footer-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer button,.footer a{border:0;background:none;color:var(--teal);font-weight:650}.modal-backdrop{position:fixed;inset:0;background:#072f3ca8;z-index:50;display:none;align-items:center;justify-content:center;padding:20px}.modal-backdrop.open{display:flex}.modal{background:white;max-width:470px;width:100%;border-radius:20px;padding:30px;box-shadow:var(--shadow)}.modal h2{margin:0 0 15px;color:var(--deep)}.modal p{color:var(--muted);line-height:1.65}.modal-foot{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.badge{display:inline-block;font-size:12px;color:#087887;background:#e3f3f4;border-radius:30px;padding:6px 11px;font-weight:800}.muted{color:var(--muted)}:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
@media(max-width:1000px){.links{gap:14px}.links button{font-size:14px}.nav>.btn{display:none}.hero-copy{padding-left:30px}.cards{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.promo{font-size:11px}.nav{padding:12px 16px}.brand{min-width:0}.brand-name{font-size:16px;letter-spacing:-.4px}.brand-sub{font-size:9px;letter-spacing:3.4px}.mark{grid-template-columns:repeat(3,10px);grid-template-rows:repeat(3,10px);gap:2px}.links{display:none}.hamburger{display:block}.mobile-menu.open{display:block}.hero-inner{grid-template-columns:1fr}.hero-copy{padding:40px 22px 28px}.hero h1{font-size:clamp(36px,9vw,49px);letter-spacing:-1.9px}.hero p{font-size:18px}.actions{flex-direction:column}.actions .btn{width:100%}.hero-picture{padding:20px 25px 30px}.hero-picture img{height:auto;max-height:310px}.benefits{font-size:11px;gap:6px}.benefits>div{gap:5px;flex-direction:column;text-align:center}.benefits b{font-size:23px}.steps-row{gap:11px}.step{flex-direction:column;text-align:center;gap:6px;font-size:11px}.step-symbol{font-size:25px}.number{width:30px;height:30px;font-size:16px}.section{padding-block:42px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card-art{height:140px}.card-body{padding:12px}.card h3{font-size:15px}.card p{font-size:12px}.price{font-size:13px}.two,.product-hero{grid-template-columns:1fr}.text-page{padding-top:30px}.product-hero img,.product-hero .art-placeholder{height:220px}}
@media(max-width:350px){.brand-name{font-size:13px}.brand-sub{letter-spacing:2px}.card-art{height:115px}}

/* Visual baseline v2 — responsive desktop hero and refined controls.
   Keep this block when transferring into a component stylesheet. */
:root{--teal:#087d89;--deep:#073847;--gold:#f6b942}
.nav,.wrap{max-width:1440px}
.nav{min-height:90px;padding-inline:38px}
.links{gap:24px}
.links button{white-space:nowrap;font-size:14px}
.btn{min-height:48px;border-radius:12px;box-shadow:0 4px 12px rgba(8,83,95,.09)}
.btn.large{min-height:56px;padding:15px 25px;font-size:16px}
.hero{background:linear-gradient(110deg,#fff 0%,#fff 42%,#e6f0f3 100%)}
.hero-inner{max-width:1440px;min-height:560px;grid-template-columns:minmax(0,46%) minmax(0,54%)}
.hero-copy{padding:55px 28px 55px 52px;min-width:0}
.hero h1{font-size:clamp(43px,3.25vw,60px);line-height:1.08;letter-spacing:-2.1px;max-width:610px;margin-bottom:27px;text-wrap:balance}
.hero p{font-size:clamp(19px,1.35vw,23px);line-height:1.42;max-width:510px;margin-bottom:29px}
.hero-picture{min-width:0;padding:24px;background:linear-gradient(135deg,#eaf4f5,#dfeaed)}
.hero-picture img{width:100%;height:auto;max-height:470px;max-width:none;object-fit:contain;box-shadow:0 18px 35px rgba(24,63,75,.18)}
.hero-picture:after{pointer-events:none;height:46px;opacity:.45}
.benefits{padding:22px 0 24px}
.section{padding-block:68px}
.card{transition:transform .2s,box-shadow .2s}
.card:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(8,53,65,.12)}
@media(min-width:1441px){.hero-copy{padding-left:64px}}
@media(min-width:701px) and (max-width:1190px){.nav{padding-inline:24px}.links{gap:12px}.brand{min-width:205px}.brand-name{font-size:18px}.brand-sub{letter-spacing:4px}.hero-inner{grid-template-columns:minmax(0,49%) minmax(0,51%)}.hero-copy{padding:45px 24px 45px 34px}.hero h1{font-size:clamp(38px,4.1vw,49px)}.hero-picture{padding:24px}.nav>.btn{display:none}}
@media(max-width:850px) and (min-width:701px){.links{display:none}.hamburger{display:block}.mobile-menu.open{display:block}}
@media(max-width:700px){
 .nav{min-height:64px;padding:12px 16px}.hero-inner{display:grid;grid-template-columns:minmax(0,1fr);min-height:0}
 .hero-copy{padding:40px 22px 28px}.hero h1{font-size:clamp(36px,9vw,49px);letter-spacing:-1.9px;line-height:1.08;max-width:100%}
 .hero p{font-size:18px}.hero-picture{padding:20px 25px 30px}.hero-picture img{height:auto;max-height:310px}
 .btn.large{min-height:56px}.section{padding-block:42px}.card:hover{transform:none}
}