*{box-sizing:border-box}body{margin:0;color:#17342b;background:#f2f1e9;font:16px/1.6 system-ui,sans-serif}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ad2f40;outline-offset:4px}.disclosure{padding:8px 5%;font-size:11px;background:#233b31;color:#fff}header{padding:26px 6%;display:flex;justify-content:space-between;gap:30px;align-items:center;border-bottom:1px solid #c6d0c4}header>a{text-decoration:none;font-size:22px;font-weight:800;letter-spacing:-.04em}nav{display:flex;flex-wrap:wrap;gap:17px}nav button{border:0;background:none;color:inherit;padding:5px;font-size:13px}nav button[aria-current]{border-bottom:2px solid currentColor}main{min-height:450px}section{padding:60px 6%;max-width:1300px;margin:auto}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center}h1{font-size:clamp(38px,6vw,70px);line-height:1.05;letter-spacing:-.055em;margin:20px 0}h2{font-size:30px;line-height:1.2;letter-spacing:-.035em}h3{font-size:21px}.eyebrow{font-size:11px;letter-spacing:.12em;font-weight:700}.copy{max-width:550px;color:#4b5e52}.cta{background:#234c38;color:#fff;border:0;padding:14px 22px;border-radius:3px;margin-top:20px}.visual{min-height:320px;border-radius:2px;background:#d5decc;position:relative;overflow:hidden;display:grid;place-items:center}.visual:before{content:'';width:65%;height:65%;border:2px solid #526e4d;transform:rotate(-12deg);position:absolute}.visual:after{content:'';width:40%;height:40%;background:#789168;transform:rotate(15deg);position:absolute}.visual span{position:relative;z-index:1;font-size:48px;color:#143125;font-weight:800}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.item{border-top:1px solid #a5b5a5;padding-top:22px}.item p{font-size:14px;color:#4b5e52}.band{background:#234c38;color:#fff}.band p{color:#d2dfd4}.product-art{height:190px;background:#e3dfd4;display:grid;place-items:center;margin-bottom:18px}.product-art span{width:70px;height:90px;border-radius:8px;background:#777158;box-shadow:12px 12px 0 #bbb49f;transform:rotate(-8deg)}footer{padding:28px 6%;font-size:12px;border-top:1px solid #c6d0c4;display:flex;gap:25px;justify-content:space-between}.demo-form{max-width:600px;display:grid;gap:16px}.demo-form label{display:grid;font-size:13px;gap:6px}.demo-form input,.demo-form select{padding:12px;border:1px solid #809080;background:white;border-radius:3px}.professional{background:#f5f1ec;color:#352a39;font-family:Georgia,serif}.professional header,.professional footer{border-color:#cbbfce}.professional .disclosure{background:#392c40}.professional .visual{background:#e2d5dd;border-radius:100% 100% 0 0;min-height:360px}.professional .visual:before{border-color:#958295;transform:rotate(0);border-radius:100% 100% 0 0}.professional .visual:after{background:#ae98aa;transform:rotate(0);border-radius:100% 100% 0 0}.professional .visual span{color:#392c40}.professional .cta,.professional .band{background:#49334d}.professional .copy,.professional .item p{color:#69566c}.professional .eyebrow,.professional button,.professional nav,.professional footer{font-family:system-ui,sans-serif}.shop{background:#f8f6ef;color:#303026}.shop .disclosure{background:#393b2d}.shop .cta,.shop .band{background:#3b412d}.shop .visual{background:#e1dbc9}.shop .visual:before{border-color:#85855e;transform:rotate(0)}.shop .visual:after{background:#8b8b63;transform:rotate(-8deg)}.shop .visual span{color:#313825}.shop .item p{color:#575b46}dialog{width:min(520px,92vw);border:1px solid #bbb;border-radius:8px;padding:30px;max-height:85vh}dialog::backdrop{background:#0008}dialog button{padding:8px 12px;margin:6px;border:1px solid #bbb;background:white}.cart-row{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #ddd;padding:12px 0}.cart-row button{padding:4px 10px}@media(max-width:640px){header{align-items:flex-start;flex-direction:column;padding:20px 6%;gap:10px}nav{gap:12px}.hero{grid-template-columns:1fr;gap:28px}section{padding:35px 6%}.grid{grid-template-columns:1fr}.visual{min-height:240px}footer{flex-direction:column;gap:4px}.professional .visual{min-height:260px}}@media(prefers-reduced-motion:no-preference){.item,.cta{transition:transform .18s}.item:hover{transform:translateY(-4px)}.cta:hover{transform:translateY(-2px)}.visual:after{animation:assemble .55s cubic-bezier(.22,1,.36,1)}@keyframes assemble{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}}
#content{min-height:720px;box-sizing:border-box}@media(max-width:600px){#content{min-height:1100px}}