:root{--ink:#11110f;--paper:#fbfaf7;--cream:#f1ece3;--gold:#b9995b;--muted:#6f6a61;--line:rgba(17,17,15,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}
header{height:80px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(251,250,247,.94);backdrop-filter:blur(14px);z-index:10}.brand{font-size:28px;letter-spacing:-1.5px}nav{display:flex;gap:28px;font-size:14px}button{cursor:pointer}.dark,.gold{border:0;padding:14px 20px;font-weight:700}.dark{background:var(--ink);color:white}.gold{background:var(--gold)}.full{width:100%;margin-top:12px}
.hero{text-align:center;padding:90px 5vw 55px;background:radial-gradient(circle at 50% 0,rgba(185,153,91,.2),transparent 32%),linear-gradient(#fbfaf7,#f2eee6)}.eyebrow{font-size:12px;letter-spacing:2.2px;text-transform:uppercase;font-weight:800;color:var(--gold);margin-bottom:18px}.hero h1,h2{font-family:"Playfair Display",serif;letter-spacing:-3px;margin:0}.hero h1{font-size:clamp(58px,8vw,108px);line-height:.9}.hero h1 em{color:var(--gold)}.hero>p{max-width:720px;margin:32px auto;font-size:19px;line-height:1.65;color:var(--muted)}
.finder{max-width:880px;margin:34px auto 0;background:white;border:1px solid var(--line);padding:18px;box-shadow:0 24px 70px rgba(0,0,0,.09)}.tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:18px}.tab{border:0;background:transparent;padding:12px 18px;font-weight:700;color:var(--muted)}.tab.active{color:var(--ink);border-bottom:2px solid var(--ink)}.panel{display:none}.panel.active{display:block}.drop{height:150px;border:1px dashed #aaa39a;background:#faf8f3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;cursor:pointer}.drop b{font-size:34px}.drop small,#status{color:var(--muted);font-size:13px}.linkrow{display:flex;gap:12px}.linkrow input{flex:1;padding:16px;border:1px solid var(--line)}#status{min-height:18px;margin-top:10px}.proof{display:flex;justify-content:center;gap:26px;flex-wrap:wrap;margin-top:28px;color:var(--muted);font-size:13px}
.compare{padding:0 5vw 90px;background:#f2eee6;display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:center}.compare article{background:white;border:1px solid var(--line);padding:18px;position:relative}.top{display:flex;justify-content:space-between;margin-bottom:16px}.top span{color:var(--muted)}.top strong{font-size:23px}.vs{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:white;font-weight:900;margin:0 -24px;z-index:2}.room{height:320px;position:relative;background:#d4c8b7;overflow:hidden}.room.alt{background:#ded5c8}.sofa{position:absolute;width:48%;height:33%;left:26%;bottom:20%;background:#8b806e;border-radius:18px 18px 4px 4px;box-shadow:0 17px 0 #625b50}.art{position:absolute;width:25%;height:31%;left:37%;top:10%;border:9px solid #3d3731;background:linear-gradient(135deg,#d6bd87 50%,#796c58 50%)}.rug{position:absolute;width:70%;height:20%;left:15%;bottom:-7%;background:#b9aa90;border-radius:50%}mark{position:absolute;right:34px;bottom:34px;background:var(--gold);padding:10px 14px;font-weight:900}
.section{padding:100px 5vw}.section h2,.budget h2{font-size:clamp(44px,5vw,70px);line-height:1}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:42px}.card{background:white;border:1px solid var(--line)}.image{height:315px}.one{background:linear-gradient(160deg,#b7aa96 0 46%,#6c6257 46% 49%,#ded5c8 49%)}.two{background:linear-gradient(35deg,#191816 0 35%,#bda47a 35% 58%,#ece6dc 58%)}.three{background:linear-gradient(145deg,#473f38 0 43%,#aa9a82 43% 70%,#d5cdc1 70%)}.four{background:linear-gradient(120deg,#e8e3da 0 40%,#8f826f 40% 43%,#c6b89f 43% 68%,#61584d 68%)}.card>div:last-child{padding:20px}.card small{color:var(--gold);font-weight:800}.card h3{margin:6px 0}.card b{font-size:13px}
.how{background:var(--cream)}.center{text-align:center}.steps{display:grid;grid-template-columns:repeat(4,1fr);margin-top:42px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.steps article{padding:34px;border-right:1px solid var(--line)}.steps span{font-family:"Playfair Display",serif;font-size:42px;color:var(--gold)}.steps p{color:var(--muted);line-height:1.6}
.categories{display:grid;grid-template-columns:repeat(3,1fr);margin-top:42px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.categories a{min-height:180px;padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;background:white}.categories a:hover{background:var(--ink);color:white}.categories span{font-size:12px;color:var(--gold);margin-bottom:auto}.categories strong{font-family:"Playfair Display",serif;font-size:27px}.categories small{margin-top:8px;color:var(--muted)}
.budget{padding:90px 5vw;background:var(--ink);color:white;display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:center}.budget>div:last-child{display:flex;gap:12px;flex-wrap:wrap}.budget button{padding:15px 18px;background:transparent;color:white;border:1px solid rgba(255,255,255,.35)}
footer{padding:50px 5vw;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}
@media(max-width:950px){nav{display:none}.grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.categories{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.hero h1{font-size:56px}.compare{grid-template-columns:1fr}.vs{margin:-10px auto}.grid,.steps,.categories,.budget{grid-template-columns:1fr}.linkrow{flex-direction:column}.section{padding:75px 5vw}footer{flex-direction:column;gap:14px}}