:root{color-scheme:light;--ink:#24364b;--muted:#647083;--paper:#f9f7f1;--line:#dadfdc;--accent:#b64d2c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}a{color:inherit}header,main,footer{max-width:1160px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:26px 24px;border-bottom:1px solid var(--line)}header>a:last-child{font-size:14px}.brand{font-weight:800;font-size:25px;text-decoration:none}.brand span{font-size:12px;font-weight:400;display:block;color:var(--muted)}main{padding:0 24px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding:68px 0 28px}.eyebrow{letter-spacing:.13em;color:var(--accent);font-size:12px;font-weight:700}h1{font-size:clamp(38px,4.2vw,56px);line-height:1.25;letter-spacing:-.045em;margin:20px 0 25px}h2{font-size:26px;line-height:1.35;margin:0 0 20px}.intro{font-size:18px;max-width:420px;color:#536173}.textlink{display:inline-block;margin-top:18px;text-underline-offset:5px;font-weight:600}.small,small{font-size:12px;color:var(--muted);line-height:1.6}.buybtn{display:inline-block;margin:2px 0 8px;padding:13px 22px;background:var(--accent);color:#fff;font-weight:700;text-decoration:none;border-radius:8px}.buybtn:hover{background:#9c4023}.buybtn:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.calculator{padding:28px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 14px 40px #24364b08}.card-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:12px}.card-heading h2{font-size:21px;margin:0}.card-heading span{font-size:12px;color:var(--muted)}.fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:block;font-size:13px;font-weight:600}input{display:block;width:100%;margin:7px 0 4px;padding:10px 12px;border:1px solid #b7c2cb;border-radius:6px;font-family:inherit;font-size:20px;font-weight:500;line-height:1.3;color:var(--ink);background:#fffcf3}label small{display:block;font-weight:400}input:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #dca354;outline-offset:3px}.result{padding:20px 22px;border-radius:9px;background:var(--ink);color:white;display:flex;flex-direction:column;gap:4px}.result span{font-size:13px}.result output{font-size:38px;font-weight:650;line-height:1.4}.result small{color:#d1dbe5}button{background:none;border:0;padding:12px 0 0;color:var(--muted);cursor:pointer;text-decoration:underline;text-underline-offset:3px}#error{color:#a52c1e;font-size:13px;margin:12px 0;min-height:4px}.scope{font-size:13px;color:var(--muted);padding:0 0 32px;border-bottom:1px solid var(--line)}.how{padding:30px 0 40px}.how ol{padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:34px;counter-reset:step}.how li{counter-increment:step}.how li:before{content:"0" counter(step);display:block;font-size:12px;color:var(--accent);margin-bottom:10px}.how p{font-size:14px;color:var(--muted);margin:9px 0}.product{display:grid;grid-template-columns:1fr 1fr;gap:45px;border-top:1px solid var(--line);padding:40px 0}.product ul{padding-left:19px;font-size:14px}.product figure{margin:40px 0 0;align-self:center}.product img{width:100%;height:auto;border:1px solid var(--line);border-radius:7px}.product figcaption{font-size:12px;color:var(--muted)}.price{font-size:26px;font-weight:650;margin-bottom:8px}.price span{font-size:12px;font-weight:400;color:var(--muted)}.availability{font-size:14px;padding:12px 15px;background:#f0e9d9;border-radius:5px}.faq{border-top:1px solid var(--line);padding:35px 0}details{border-bottom:1px solid var(--line);padding:14px 0}summary{cursor:pointer}details p{color:var(--muted);font-size:14px}footer{padding:30px 24px;font-size:12px;color:var(--muted);border-top:1px solid var(--line)}footer span{display:block}@media(max-width:760px){header{padding:18px 20px}.hero{grid-template-columns:1fr;gap:28px;padding-top:35px}.hero .intro{max-width:none}main{padding:0 20px}.calculator{padding:20px}.how ol,.product{grid-template-columns:1fr;gap:22px}.product figure{margin:0}.fields{gap:14px}h1{font-size:42px}.result output{font-size:34px}}

.hero>*{min-width:0}.fields>*{min-width:0}