@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display:ital@0;1&display=swap');:root{--dark:#1a302a;--cream:#f2f0e7;--lime:#d9e9ab;--clay:#d6a787}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--dark);font:16px/1.5 'DM Sans',sans-serif}a{color:inherit}header{height:80px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:var(--cream)}header a{text-decoration:none}.brand{font-size:27px;font-weight:700;letter-spacing:-2px}.brand span{color:#9aa663;margin-left:2px}nav{display:flex;gap:35px;font-size:13px}nav a:hover{text-decoration:underline}.top{border:1px solid #89978e;border-radius:50px;padding:12px 20px;font-size:11px;font-weight:700;letter-spacing:.08em}.hero{display:grid;grid-template-columns:51% 49%;background:var(--dark);min-height:650px;color:var(--cream)}.hero-copy{padding:105px 7% 80px 10%}.eyebrow{letter-spacing:.18em;font-size:11px;font-weight:700;color:#9eaf73}h1,h2,h3{font-family:'DM Serif Display',Georgia,serif;font-weight:400}h1{font-size:clamp(58px,6.6vw,108px);line-height:1.02;letter-spacing:-.03em;margin:36px 0 25px}h1 em,h2 em{font-weight:400;color:var(--lime)}.hero-copy>p:not(.eyebrow):not(.fine){font-size:19px;max-width:460px;color:#c7d5ca}.button{display:inline-block;background:var(--lime);color:var(--dark);text-decoration:none;padding:17px 25px;border-radius:50px;font-size:13px;font-weight:700;margin-top:24px}.fine{font-size:11px;color:#9eb0a3;margin-top:40px}.room{position:relative;overflow:hidden;background:linear-gradient(135deg,#f3e9da,#e6d3b5);margin:35px 35px 35px 0;border-radius:210px 10px 10px 10px}.sun{position:absolute;width:170px;height:170px;right:60px;top:80px;border-radius:50%;background:#e9be8a;filter:blur(25px)}.arch{position:absolute;width:45%;height:68%;right:13%;top:5%;background:#e0c5a8;border:18px solid #e9d8bf;border-radius:48% 48% 0 0;box-shadow:20px 15px 35px #987c6040}.frame{position:absolute;left:10%;top:15%;width:34%;height:35%;background:#eedac2;border:13px solid #9b735b;box-shadow:10px 15px 18px #987c6030}.drawing{font-size:110px;color:#708969;text-align:center}.shelf{position:absolute;left:9%;top:57%;width:29%;height:12px;background:#8f6953}.sofa{position:absolute;left:15%;bottom:17%;width:70%;height:34%;border-radius:90px 90px 12px 12px;background:#a97b62;box-shadow:20px 25px 30px #5c523640}.seat{position:absolute;bottom:-16px;left:-7%;width:114%;height:35%;border-radius:25px;background:#bc9276}.cushion{position:absolute;top:25%;width:27%;height:36%;border-radius:15px;background:#d2b192;transform:rotate(-12deg)}.cushion.one{left:16%}.cushion.two{right:16%;background:#e4c9a0;transform:rotate(14deg)}.rug{position:absolute;bottom:1%;left:9%;width:85%;height:9%;background:#e5cfac;border-radius:50%}.plant{position:absolute;right:0;bottom:12%;font-size:140px;color:#496d54}.tag{position:absolute;right:7%;bottom:6%;background:#f7f1e5;color:#274337;border-radius:30px;padding:12px 17px;font-size:10px;font-weight:700;letter-spacing:.1em}.tag b{font-size:17px;padding-left:12px}.ribbon{background:var(--lime);padding:21px;text-align:center;font-size:12px;letter-spacing:.18em;font-weight:700;word-spacing:15px}.ribbon span{color:#889e5f}.section{padding:105px 9%}.section h2,.end h2{font-size:clamp(52px,6vw,90px);line-height:1.04;letter-spacing:-.02em;margin:25px 0 40px}.how h2 em,.pricing h2 em,.end h2 em{color:#8b9e61}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:65px}.steps article{border-top:2px solid #9bac6d;padding:26px 18px 20px 0}.steps b{font-size:11px;letter-spacing:.15em;color:#84945e}.steps h3{font-size:30px;line-height:1.1}.steps p{color:#65716a}.dark{background:var(--dark);color:var(--cream);display:grid;grid-template-columns:1fr 1fr;gap:70px}.dark>div:nth-child(2){padding-top:85px;font-size:18px;color:#c3d0c4}.pricing{display:grid;grid-template-columns:1fr 1fr;gap:70px;background:#e8e8dd}.pricing p{max-width:500px}.plans{align-self:center;background:#f7f6ef;padding:35px;border-radius:5px}.plans div{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #d0d8c9;padding:25px 0;align-items:center}.plans small{letter-spacing:.12em;color:#71806f;font-weight:700}.plans strong{font-family:'DM Serif Display';font-size:28px;font-weight:400}.plans p{font-size:12px}.end{text-align:center;background:#dfe9bf;padding:110px 20px}.end p:not(.eyebrow){margin:0 auto 30px;max-width:500px}.end span{border:1px solid #748868;padding:14px 22px;border-radius:50px;font-size:12px;font-weight:700;letter-spacing:.1em}footer{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap;padding:65px 9% 30px;background:var(--dark);color:var(--cream)}footer p,footer small{color:#a4b4a6;font-size:12px}.links{display:grid;grid-template-columns:repeat(2,auto);gap:9px 32px;font-size:13px}footer small{width:100%}@media(max-width:700px){header{height:68px;padding:0 24px}.brand{font-size:24px}nav{display:none}.top{font-size:10px;padding:10px 13px}.hero{display:block}.hero-copy{padding:78px 24px 40px}h1{font-size:57px}.hero-copy>p:not(.eyebrow):not(.fine){font-size:17px}.room{margin:10px 0 0 24px;height:390px;border-radius:180px 0 0 0}.drawing{font-size:65px}.plant{font-size:95px}.tag{bottom:5%}.ribbon{font-size:10px;word-spacing:5px}.section{padding:80px 24px}.section h2,.end h2{font-size:56px}.steps{display:block;margin-top:38px}.dark,.pricing{display:block}.dark>div:nth-child(2){padding-top:0}.plans{margin-top:35px;padding:20px}.plans strong{font-size:23px}.end{padding:85px 24px}footer{padding:60px 24px 30px}}
