@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;1,600&display=swap");:root{--ink:#183d3b;--muted:#718180;--line:#e3ece8;--mint:#e8f1ed;--cream:#fbfaf6;--orange:#e8753c}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:DM Sans,sans-serif}main{max-width:1240px;margin:auto;padding:26px 42px 30px}header{justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:22px}.brand,header{display:flex;align-items:center}.brand{gap:10px}.mark{display:grid;place-items:center;background:var(--ink);color:#d4e7dc;border-radius:10px;width:38px;height:38px;font-size:20px}.brand b{font-size:18px;letter-spacing:-.5px}.brand b span{color:var(--orange)}.brand small{display:block;color:var(--muted);font-size:10px;letter-spacing:1px;text-transform:uppercase;margin-top:2px}.status{font-size:12px;color:var(--muted)}.status i{display:inline-block;background:#60ad7b;width:7px;height:7px;border-radius:50%;margin-right:7px}.hero{display:flex;justify-content:space-between;padding:55px 0 38px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;color:#8d9b96;margin:0 0 12px}.hero h1{font-size:45px;line-height:1.06;letter-spacing:-2px;margin:0 0 17px}.hero h1 em{font-family:Playfair Display;font-weight:600;color:#70917e}.intro{color:var(--muted);max-width:560px;line-height:1.6;font-size:14px}.hero-note{align-self:flex-end;background:#f2ede1;padding:17px 22px;border-radius:12px;font-size:14px;color:#806c4e}.hero-note small{font-size:11px;color:#9f8f77}.card{background:#fff;border:1px solid var(--line);border-radius:14px}.controls{display:grid;grid-template-columns:1.25fr 1.3fr 1fr 1fr 1fr;grid-gap:0;gap:0;margin-bottom:24px;padding:20px 22px}.control{padding:0 20px;border-right:1px solid var(--line)}.control:first-child{padding-left:0}.control:last-child{border:0}.control label{display:block;color:#899690;font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin-bottom:9px}.control input,.control select{border:0;background:transparent;color:var(--ink);font:600 14px DM Sans;width:100%;outline:0}.step{display:flex;justify-content:space-between;align-items:center;font-size:13px}.step button{border:1px solid var(--line);background:#fff;border-radius:6px;width:25px;height:25px;color:var(--ink);font-size:18px;line-height:1}.grid{display:grid;grid-template-columns:1.55fr 1fr;grid-gap:24px;gap:24px}.breakdown{padding:27px}.section-head{display:flex;justify-content:space-between;align-items:flex-start}.section-head h2,.summary h2{margin:0;font-size:21px;letter-spacing:-.6px}.pill{background:var(--mint);color:#4e7967;padding:7px 11px;border-radius:20px;font-size:11px}nav{display:flex;gap:25px;border-bottom:1px solid var(--line);margin:25px 0 4px}nav button{background:none;border:0;padding:0 0 13px;color:#9aa49f;font:600 12px DM Sans;cursor:pointer}nav button.active{color:var(--ink);border-bottom:2px solid var(--orange)}.item{display:flex;align-items:center;gap:13px;padding:17px 0;border-bottom:1px solid #edf1ee}.item-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:var(--mint);color:#4f856f}.item-main{display:flex;flex-direction:column;gap:3px;flex:1 1}.item-main b{font-size:13px}.item-main small,.item-price small{color:#8b9893;font-size:11px}.item-main a{color:#5e9781;font-size:10px;text-decoration:none;margin-top:4px}.item-price{text-align:right;display:flex;flex-direction:column;gap:4px}.item-price b{font-size:13px}.item-price small{color:#bd865e}.fine,.summary-note{font-size:10px;color:#99a59f;line-height:1.5;margin:17px 0 0}.summary{padding:27px}.big-number{font-size:30px;font-weight:700;letter-spacing:-1.5px;margin:8px 0 25px}.sum-row{display:flex;justify-content:space-between;padding:13px 0;border-top:1px solid var(--line);font-size:12px}.sum-row span{color:#84918c}.quote{background:var(--mint);padding:16px;border-radius:9px;margin-top:8px;display:flex;justify-content:space-between;align-items:center}.quote span{font-size:11px;color:#58806f}.quote strong{font-size:16px}.quote small{font-size:10px;font-weight:400}.tolerance{margin:21px 0;display:flex;justify-content:space-between;border-left:3px solid #e4b45d;padding:4px 0 4px 12px}.tolerance div{display:flex;flex-direction:column;gap:4px}.tolerance b{font-size:12px}.tolerance span{font-size:10px;color:#919d98}.tolerance>strong{color:#b17e35;font-size:10px;align-self:center}.primary{width:100%;border:0;background:var(--ink);color:#fff;border-radius:7px;padding:13px;font:600 12px DM Sans;cursor:pointer}.primary span{float:right;font-size:16px;line-height:12px}footer{display:flex;justify-content:space-between;color:#a0aaa5;font-size:9px;letter-spacing:1px;margin-top:31px}@media(max-width:800px){main{padding:20px}.hero{padding:35px 0 25px}.hero h1{font-size:36px}.hero-note{display:none}.controls{grid-template-columns:1fr 1fr;gap:20px}.control{padding:0!important;border:0}.grid{grid-template-columns:1fr}.summary{order:-1}}@media(max-width:480px){main{padding:16px}.controls{grid-template-columns:1fr}.hero h1{font-size:31px}.breakdown,.summary{padding:20px}nav{gap:15px;overflow:auto}footer{display:block;line-height:2}}