:root{font-family:Inter,system-ui,sans-serif;color:#182c28;background:#f8f8f3;line-height:1.55;--green:#184c41;--muted:#50605a;--line:#dce3d9}
*{box-sizing:border-box}
body{margin:0}
html{scroll-behavior:smooth}
a{color:inherit}
button,select,input{font:inherit}
button{cursor:pointer}
.wrap{width:min(1160px,calc(100% - 48px));margin:auto}
header{background:#143b33;color:white}
.bar,.foot{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px 0}
.brand{text-decoration:none;font-weight:750;font-size:1.23rem}
.brand span{font-weight:400;color:#d1e4dc}
nav{display:flex;gap:24px}
nav a{text-decoration:none;font-size:.9rem}
.crumb{font-size:.83rem;color:var(--muted);margin:24px 0}
.crumb span,.model span{padding:0 6px}
.product,.details{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(24px,5vw,76px)}
.hero,.details img{width:100%;height:auto;display:block;border-radius:16px;border:1px solid var(--line)}
.thumbs{display:flex;gap:12px;margin-top:12px}
.thumbs button{padding:0;border:2px solid var(--line);border-radius:9px;overflow:hidden;width:70px;aspect-ratio:1;background:white}
.thumbs button[aria-pressed=true]{border-color:var(--green)}
.thumbs img{display:block;width:100%}
.model{color:var(--green);font-size:.76rem;letter-spacing:.1em;font-weight:750}
h1{font-size:clamp(2.5rem,5vw,4.1rem);line-height:.99;letter-spacing:-.06em;margin:10px 0 20px}
h2{font-size:1.65rem;margin:0 0 12px;letter-spacing:-.025em}
.lead,.note{color:var(--muted)}
.features{padding-left:19px}
.order{background:#edf2ea;border:1px solid var(--line);border-radius:15px;padding:20px;margin-top:24px}
.price strong{font-size:2rem;letter-spacing:-.04em}
.price span,.note{font-size:.83rem}
.note{margin:5px 0 14px}
.note:last-child{margin:10px 0 0}
form{display:grid;grid-template-columns:minmax(0,1fr) 86px;gap:12px}
label{font-weight:650;font-size:.86rem}
select,input{display:block;width:100%;margin-top:4px;border:1px solid #aabbb2;background:white;border-radius:7px;padding:8px;color:inherit}
.cta{grid-column:1/-1;background:var(--green);color:white;border:0;border-radius:8px;padding:11px 16px;font-weight:700;display:flex;justify-content:space-between}
.cta:hover{background:#103a32}
.details{margin:64px 0;align-items:center;border-top:1px solid var(--line);padding-top:44px}
.details img{max-width:390px;justify-self:end}
dl{display:grid;grid-template-columns:1fr 1fr;margin:0}
dt,dd{margin:0;padding:10px 4px;border-bottom:1px solid var(--line);font-size:.9rem}
dt{font-weight:650}
footer{background:#143b33;color:white}
.foot p{margin:0;color:#d1e4dc}
.foot a{display:block;overflow-wrap:anywhere}
@media(max-width:720px){.wrap{width:calc(100% - 32px)}.product,.details{grid-template-columns:1fr}.details img{justify-self:start}.foot{align-items:flex-start;flex-direction:column}.brand span{display:block;font-size:.8rem}.bar{gap:8px}nav{gap:12px}}

.intro,.home-pack{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(28px,7vw,98px);padding-block:clamp(38px,7vw,94px)}
.intro .lead,.home-pack .lead{max-width:43ch}
.home-action{display:inline-flex;align-items:center;gap:18px;margin-top:12px;padding:12px 17px;border-radius:8px;background:var(--green);color:white;text-decoration:none;font-weight:700}
.home-action:hover{background:#103a32}
.home-band{background:#edf2ea;border-block:1px solid var(--line);padding-block:clamp(28px,5vw,56px)}
.home-features{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.home-features article{border-top:1px solid #aabbb2;padding-top:12px}
.home-features h3{font-size:1.05rem;margin:0 0 6px}
.home-features p{color:var(--muted);margin:0}
.home-pack img{max-width:390px}
.detail-link{color:var(--green);font-weight:700;text-underline-offset:4px}
@media(max-width:720px){.intro,.home-pack,.home-features{grid-template-columns:1fr}.home-pack img{order:1}}