@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap");:root{--ink:#171717;--muted:#73706b;--line:#e9e5de;--paper:#fbfaf8;--white:#fff;--soft:#f2f0ec;--accent:#d9ff64;--success:#eaf7e8;--danger:#fff0ed}*{box-sizing:border-box}html{scroll-behavior:smooth}body,html{margin:0;padding:0;background:var(--paper);color:var(--ink);font-family:DM Sans,Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}main{min-height:100vh}header{height:72px;padding:0 clamp(20px,4vw,64px);display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.86);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(20,20,20,.07);position:-webkit-sticky;position:sticky;top:0;z-index:50}.brand{font-family:Manrope,Arial,sans-serif;font-size:22px;font-weight:800;letter-spacing:-1.2px}.brand span{font-size:26px}nav{display:flex;align-items:center;gap:4px}nav button{border:0;background:transparent;padding:10px 13px;border-radius:999px;color:#55514c;font-size:14px;transition:.2s ease}nav button:hover{background:#f2f0ec;color:#111}.hero{padding:clamp(68px,9vw,118px) clamp(24px,7vw,108px) clamp(52px,6vw,78px);background:radial-gradient(circle at 78% 18%,rgba(217,255,100,.22),transparent 26%),linear-gradient(180deg,#fff,#fcfbf9);border-bottom:1px solid #eeeae4}.hero>div{max-width:1180px;margin:auto}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;color:#77736d;margin:0 0 16px}.hero h1{font-family:Manrope,Arial,sans-serif;font-size:clamp(48px,7.2vw,92px);line-height:.94;letter-spacing:-5px;max-width:950px;margin:0;font-weight:800}.hero em{font-style:normal;color:#6d6a64;font-weight:500;text-decoration:none}.sub{font-size:17px;line-height:1.65;color:#68645f;max-width:620px;margin:27px 0 0}.builder{display:grid;grid-template-columns:300px minmax(0,1fr);grid-gap:34px;gap:34px;max-width:1420px;margin:0 auto;padding:34px clamp(18px,4vw,64px) 70px}.card{background:rgba(255,255,255,.92);border:1px solid var(--line);border-radius:28px;box-shadow:0 18px 60px rgba(30,25,18,.055)}.controls{padding:25px;height:max-content;position:-webkit-sticky;position:sticky;top:96px}.controls label{display:block;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;margin:22px 0 11px;color:#76716b}.controls label:first-child{margin-top:0}.controls label strong{float:right;color:#181818;font-size:12px}.chips{display:flex;flex-wrap:wrap;gap:7px}.chips button{border:1px solid #e3dfd8;background:#fff;border-radius:999px;padding:9px 12px;color:#44413d;font-size:13px;transition:.18s ease}.chips button:hover{border-color:#aaa49b;transform:translateY(-1px)}.chips button.selected{background:#171717;color:#fff;border-color:#171717;box-shadow:0 5px 15px rgba(0,0,0,.12)}.controls input{width:100%;accent-color:#171717}.controls select{width:100%;border:1px solid #ded9d1;border-radius:14px;padding:12px 13px;background:#fff;color:#333;outline:none}.result{min-width:0}.result-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:5px 0 22px}.result-head h2{font-family:Manrope,Arial,sans-serif;margin:0;text-transform:capitalize;font-size:clamp(27px,3vw,38px);letter-spacing:-1.8px;line-height:1}.result-head p:not(.eyebrow){color:#817c75;margin:8px 0 0;font-size:14px}.price{font-family:Manrope,Arial,sans-serif;font-size:30px;font-weight:800;letter-spacing:-1px;white-space:nowrap}.over-budget{color:#b42318}.look-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}.product{background:#fff;border:1px solid #ebe7e0;border-radius:24px;overflow:hidden;display:flex;min-height:205px;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.product:hover{transform:translateY(-3px);border-color:#d7d2ca;box-shadow:0 18px 38px rgba(25,20,15,.08)}.visual{width:39%;min-width:132px;display:grid;place-items:center;font-size:62px;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.9),transparent 28%),linear-gradient(145deg,#efede8,#e6e2da)}.product-body{padding:20px 18px;display:flex;flex-direction:column;align-items:flex-start;min-width:0;flex:1 1}.product-body>span{font-size:9px;color:#96908a;text-transform:uppercase;letter-spacing:1.7px;font-weight:800}.product-body h3{font-family:Manrope,Arial,sans-serif;font-size:17px;margin:8px 0 5px;line-height:1.2;letter-spacing:-.4px}.product-body p{font-size:12px;color:#77716b;margin:0}.product-actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:auto;padding-top:14px}.change,.lock,.own{border:1px solid #ded9d2;background:#fff;color:#222;border-radius:999px;padding:7px 11px;font-size:11px;transition:.18s ease}.change:hover,.lock:hover,.own:hover{border-color:#99938a;background:#f7f5f1}.lock.locked{background:#171717;color:#fff;border-color:#171717}.own{color:#55514b}.assistant{display:flex;gap:8px;margin-top:18px;background:#171717;border-radius:18px;padding:7px;box-shadow:0 12px 30px rgba(0,0,0,.13)}.assistant span{color:#d9ff64;display:grid;place-items:center;width:38px;font-size:18px}.assistant input{flex:1 1;min-width:0;background:transparent;border:0;color:#fff;outline:none;padding:0 8px;font-size:13px}.assistant input::placeholder{color:#9c9994}.assistant button{border:0;border-radius:13px;padding:10px 16px;background:#fff;color:#111;font-weight:600;font-size:12px}.owned-summary{display:inline-flex;margin-top:11px;padding:7px 10px;border-radius:999px;background:var(--success);color:#25602a;font-size:11px;font-weight:700}.budget-warning,.notice{margin:15px 0;padding:13px 15px;border-radius:15px;font-size:13px;line-height:1.5}.budget-warning{border:1px solid #ead9a9;background:#fff9e8;color:#5f4a16}.notice{border:1px solid #f0c7c0;background:var(--danger);color:#8d2418}.product:has(.lock.locked){border-color:#bcb6ad;box-shadow:0 0 0 2px rgba(23,23,23,.045)}.product:has(.lock.locked) .visual{background:linear-gradient(145deg,#e8e5df,#dedad2)}.replacement{max-width:1280px;margin:0 auto 70px;padding:30px}.replacement-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px}.replacement-head h2{font-family:Manrope,Arial,sans-serif;margin:0;font-size:30px;letter-spacing:-1.2px}.replacement-head p:not(.eyebrow){color:#77716b;max-width:680px;line-height:1.5;font-size:13px}.replacement-head>button{border:0;background:#f1efeb;border-radius:50%;width:38px;height:38px;font-size:15px}.replacement-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}.replacement-item{text-align:left;border:1px solid #e5e1da;background:#fff;border-radius:18px;padding:11px;display:grid;grid-template-columns:62px 1fr;grid-gap:3px 12px;gap:3px 12px;align-items:center;transition:.18s ease}.replacement-item:hover{border-color:#bcb6ad;transform:translateY(-2px);box-shadow:0 12px 25px rgba(25,20,15,.07)}.replacement-item .mini{grid-row:span 2;width:62px;height:62px;display:grid;place-items:center;border-radius:14px;background:#efede8;font-size:31px}.replacement-item strong{font-family:Manrope,Arial,sans-serif;font-size:13px;letter-spacing:-.2px}.replacement-item span{font-size:12px;color:#77716b}.more{margin-top:16px;border:0;background:#171717;color:#fff;border-radius:999px;padding:11px 17px;font-size:12px;font-weight:600}.more-grid{margin-top:12px}footer{padding:35px clamp(20px,5vw,70px);border-top:1px solid #e5e1da;display:flex;justify-content:space-between;color:#88827b;font-size:12px}footer strong{color:#171717;font-family:Manrope,Arial,sans-serif}@media(max-width:1050px){.builder{grid-template-columns:270px minmax(0,1fr);gap:22px}.look-grid{grid-template-columns:1fr}}@media(max-width:760px){header{height:64px;padding:0 16px}nav button{font-size:11px;padding:8px}nav button:first-child{display:none}.hero{padding:58px 20px 45px}.hero h1{font-size:clamp(45px,13vw,68px);letter-spacing:-3px}.sub{font-size:15px}.builder{display:block;padding:18px 14px 48px}.controls{position:static;margin-bottom:24px;padding:20px;border-radius:22px}.result-head{align-items:flex-start}.price{font-size:24px}.look-grid{grid-template-columns:1fr;gap:12px}.product{min-height:175px;border-radius:20px}.visual{min-width:112px;width:36%;font-size:52px}.product-body{padding:16px 14px}.product-body h3{font-size:15px}.product-actions{padding-top:10px}.replacement{margin:0 14px 45px;padding:20px;border-radius:22px}.replacement-grid{grid-template-columns:1fr}footer{padding:28px 18px;gap:12px;flex-direction:column}}@media(max-width:430px){nav button:nth-child(3){display:none}.hero h1{letter-spacing:-2.5px}.result-head{display:block}.price{margin-top:15px}.product{display:block}.visual{width:100%;height:145px}.product-body{min-height:145px}.assistant{border-radius:16px}.assistant span{width:25px}}