:root{--green:#123c32;--deep:#092b24;--ink:#173b32;--cream:#f7f5ed;--paper:#fffdf7;--orange:#e9a236;--line:#d9dfd4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:'DM Sans',sans-serif}.container{max-width:1240px;margin:auto;padding:0 28px}.site-header{background:var(--green);color:#fff;overflow:hidden}.nav{height:104px;display:flex;align-items:center;gap:28px;position:relative;z-index:2}.brand{display:flex;gap:12px;align-items:center;color:white;text-decoration:none;min-width:265px}.brand-mark{display:grid;place-items:center;width:46px;height:46px;border:1px solid #d9ad57;color:#f5cb79;font-family:'Playfair Display';font-size:16px}.brand strong{display:block;font-family:'Playfair Display';font-size:20px;line-height:1.1}.brand small{font-size:10px;letter-spacing:.05em;color:#cad7d1}.nav-links{display:flex;justify-content:center;gap:25px;flex:1}.nav-links a{color:#d8e3df;text-decoration:none;font-size:14px;padding:11px 0;white-space:nowrap}.nav-links a.active,.nav-links a:hover{color:#f2ba4a}.nav-links a.active{border-bottom:2px solid var(--orange)}.nav-cta{background:var(--orange);color:#183a30;padding:13px 18px;text-decoration:none;font-size:13px;font-weight:700;white-space:nowrap}.nav-cta span{padding-left:8px}.hero{min-height:615px;display:grid;grid-template-columns:48% 52%;align-items:center;position:relative}.hero:before{content:"";position:absolute;width:630px;height:630px;border:1px solid rgba(222,190,116,.12);border-radius:50%;left:-260px;top:55px}.hero-copy{position:relative;padding:75px 0 80px}.eyebrow{margin:0 0 20px;color:#e4bc6c;font-size:11px;font-weight:700;letter-spacing:.16em}.eyebrow span{display:inline-block;width:30px;height:1px;background:currentColor;vertical-align:middle;margin-right:10px}.hero h1,.section h2,footer h2{font:600 55px/1.1 'Playfair Display',serif;letter-spacing:-.035em;margin:0}.hero h1 em,.section h2 em,footer h2 em{font-weight:600;color:#e8b54f}.hero-text{max-width:520px;color:#d3dfda;font-size:17px;line-height:1.65;margin:27px 0}.hero-actions{display:flex;align-items:center;gap:22px}.button{display:inline-flex;align-items:center;gap:15px;padding:16px 22px;text-decoration:none;font-size:14px;font-weight:700}.button.primary{background:var(--orange);color:#16382f}.button.primary span{font-size:19px}.button.ghost{color:#fff;border-bottom:1px solid #9daea8;padding:12px 0}.play{border:1px solid #cbd8d3;border-radius:50%;width:22px;height:22px;text-align:center;padding:2px 0 0 2px;font-size:9px}.mini-proof{display:flex;align-items:center;margin-top:47px;gap:13px;color:#d5dfdb;font-size:11px;line-height:1.45}.mini-proof b{color:#fff}.avatars{display:flex}.avatars i{display:grid;place-items:center;margin-left:-7px;width:27px;height:27px;border:2px solid var(--green);border-radius:50%;background:#a06542;color:#fff;font-size:9px;font-style:normal}.avatars i:nth-child(2){background:#d4ab6b}.avatars i:nth-child(3){background:#5d8378}.avatars i:nth-child(4){background:#c37f58}.device-wrap{height:520px;position:relative}.tablet{position:absolute;right:-35px;top:25px;width:660px;height:425px;background:#111c19;border:13px solid #15221e;border-radius:29px;box-shadow:-32px 34px 0 rgba(0,0,0,.14),0 28px 50px rgba(0,0,0,.25);transform:rotate(-2.5deg);padding:1px}.tablet-camera{position:absolute;width:8px;height:8px;border-radius:50%;background:#3c4d46;top:3px;left:50%;z-index:3}.app{height:100%;display:flex;background:#f5f6f1;color:#34423c;border-radius:15px;overflow:hidden;font-family:'DM Sans'}.app-sidebar{width:47px;background:#153e34;color:#a9bbb4;display:flex;flex-direction:column;align-items:center;gap:20px;padding-top:17px;font-size:14px}.app-logo{color:#e7b34a;font-family:'Playfair Display';font-weight:bold}.side-active{background:#dca33c!important;color:#173e33!important;padding:8px 11px;margin-top:5px}.side-bottom{margin-top:auto;margin-bottom:17px}.app-main{flex:1}.app-header{height:55px;background:#fff;display:flex;align-items:center;padding:0 20px;gap:13px;border-bottom:1px solid #e3e7de}.app-header div:first-child{margin-right:auto}.app-header small{font-size:7px;color:#8e9b95;display:block}.app-header strong{font-size:10px}.app-header button{font:600 9px 'DM Sans';border:1px solid #d3dcd5;background:#fff;padding:7px 10px;border-radius:3px}.profile{width:23px;height:23px;background:#dbe5df;border-radius:50%;display:grid;place-items:center;font-size:7px}.app-body{padding:19px 22px}.app-title{display:flex;justify-content:space-between;align-items:flex-start}.app-title h3{margin:0;font-size:18px}.app-title p{margin:4px 0 0;color:#84918a;font-size:9px}.saved{color:#589477;font-size:8px}.tabs{display:flex;gap:22px;border-bottom:1px solid #dce3da;margin-top:18px;font-size:9px;color:#85918c}.tabs>*{padding-bottom:9px}.tabs b{border-bottom:2px solid #d89a2d;color:#1a4035}.app-content{display:grid;grid-template-columns:46% 1fr;gap:13px;margin-top:14px}.form-card,.preview-card{background:#fff;border:1px solid #e0e6de;border-radius:4px;padding:13px}.form-card h4{font-size:10px;margin:0 0 10px}.form-card label{display:flex;justify-content:space-between;font-size:9px;margin:8px 0;color:#84918b}.form-card label b{color:#31453c;font-size:10px}.form-card label small{font-weight:400;color:#9ca8a2}.form-card hr{border:0;border-top:1px solid #e8ece7;margin:12px 0}.toggle-line{font-size:9px;margin:9px 0;display:flex;justify-content:space-between}.toggle-line i{width:18px;height:10px;border-radius:10px;background:#dca33b;position:relative}.toggle-line i:after{content:"";position:absolute;width:8px;height:8px;right:1px;top:1px;border-radius:50%;background:white}.preview-card{padding:0;overflow:hidden;background:#e7ebe4}.preview-head{height:26px;display:flex;justify-content:space-between;padding:8px 10px;color:#718078;font-size:7px;background:#fff}.cabinet{width:108px;height:126px;margin:16px auto 9px;position:relative;perspective:180px}.cabinet .top{position:absolute;top:0;left:5px;width:98px;height:8px;background:#e5d1a9;transform:skewX(-35deg);transform-origin:left}.door{position:absolute;top:9px;height:106px;background:#d7b97d;border:2px solid #ad8b50}.door.left{left:6px;width:48px}.door.right{left:54px;width:48px;background:#dfc48d}.handle{position:absolute;top:53px;width:3px;height:18px;background:#876a3d}.h1{left:46px}.h2{left:60px}.base{position:absolute;bottom:0;left:2px;width:105px;height:8px;background:#9e7c45}.preview-footer{font-size:7px;color:#6d7d75;display:flex;justify-content:space-between;background:#fff;padding:8px 10px}.cut-plan{margin-top:13px;background:#fff;border:1px solid #e0e6de;border-radius:4px;padding:9px 12px;display:flex;align-items:center;justify-content:space-between}.cut-plan span{display:block;color:#8a9690;font-size:7px}.cut-plan b{font-size:9px}.cut-plan button{border:0;background:#dca33b;color:#244238;font-size:8px;font-weight:700;padding:8px 11px}.cut-plan strong{margin-left:8px}.float-card{position:absolute;right:13px;bottom:23px;background:#fff;box-shadow:0 8px 25px rgba(0,0,0,.18);padding:12px 16px;display:flex;align-items:center;gap:10px;transform:rotate(-2.5deg);font-size:10px;color:#254137}.float-card small{display:block;color:#84938c;margin-top:3px;font-size:8px}.check{display:grid;place-items:center;width:23px;height:23px;color:#fff;background:#5d9b78;border-radius:50%;font-weight:bold}.wood-chip{position:absolute;background:#d5a24c;opacity:.7}.chip-one{width:27px;height:27px;right:0;top:5px;transform:rotate(30deg)}.chip-two{width:18px;height:18px;left:51px;bottom:46px;transform:rotate(20deg)}.section{padding-top:110px;padding-bottom:110px}.section-intro{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:30px;margin-bottom:50px}.section-intro .eyebrow{grid-column:1/-1;color:#bd7d1b;margin-bottom:-3px}.orange{color:#bd7d1b!important}.section h2{font-size:45px;color:var(--ink)}.section h2 em{color:#b87b1e}.section-intro>p:last-child{max-width:390px;margin:0;color:#718078;font-size:16px;line-height:1.6}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.feature-grid article{padding:30px 26px 22px 0;border-right:1px solid var(--line);min-height:235px}.feature-grid article+article{padding-left:26px}.feature-grid article:last-child{border:0}.icon{display:grid;place-items:center;width:42px;height:42px;background:#edf0e8;color:#bb7c1d;font-size:24px}.feature-grid h3{font:600 21px 'Playfair Display';margin:20px 0 8px}.feature-grid p{color:#75827b;font-size:14px;line-height:1.55;margin:0 0 19px}.feature-grid a{font-size:12px;font-weight:700;color:#a96d17;text-decoration:none}.how{background:#f1efe6}.centered{display:block;text-align:center}.centered .eyebrow{margin-bottom:17px}.steps{display:grid;grid-template-columns:repeat(3,1fr);margin-top:60px;position:relative}.steps:before{content:"";position:absolute;border-top:1px dashed #c7cabc;top:27px;left:16%;right:16%}.steps article{text-align:center;position:relative}.steps b{display:grid;place-items:center;margin:auto;width:55px;height:55px;border:1px solid #cba65e;background:var(--paper);color:#b57719;border-radius:50%;font:600 17px 'Playfair Display'}.steps h3{font:600 21px 'Playfair Display';margin:19px 0 7px}.steps p{margin:0;color:#748078;font-size:14px}.sample-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:18px}.sample{height:255px;display:flex;align-items:flex-end;padding:18px;color:#fff;font:600 18px 'Playfair Display';position:relative;overflow:hidden;background:#b4884e}.sample:before{content:"";position:absolute;inset:0;background:linear-gradient(transparent 35%,rgba(10,35,28,.72))}.sample span{z-index:1}.kitchen{background:linear-gradient(130deg,#ede0c4 0 22%,#8f643b 23% 36%,#d7c19c 37% 67%,#6b472b 68%)}.shelf{background:linear-gradient(140deg,#355d4d 0 24%,#d1a76d 25% 35%,#365844 36% 60%,#d2ad77 61% 70%,#23493c 71%)}.desk{background:linear-gradient(145deg,#d3b68a 0 45%,#86613a 46% 53%,#d8c19c 54%)}.audience{background:var(--deep);color:#fff}.audience-inner{display:grid;grid-template-columns:1fr 1fr;gap:70px}.audience h2{color:#fff}.audience-list{padding-top:26px}.audience-list p{display:grid;grid-template-columns:125px 1fr;border-bottom:1px solid rgba(255,255,255,.18);padding:18px 0;margin:0;font-size:14px}.audience-list b{color:#ebbd60}.audience-list span{color:#d2ddd8}footer{background:var(--green);color:#fff}.footer-cta{padding-top:72px;padding-bottom:65px;display:flex;justify-content:space-between;align-items:center}.footer-cta h2{font-size:39px}.footer-bottom{border-top:1px solid rgba(255,255,255,.15);padding-top:19px;padding-bottom:20px;display:flex;justify-content:space-between;color:#b9ccc5;font-size:11px}.menu-toggle{display:none}
.benefit-strip{background:#e7a238;color:#1c3c32}.benefit-strip .container{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:15px}.benefit-strip span{font-size:13px;font-weight:600;white-space:nowrap}.benefit-strip b{display:inline-grid;place-items:center;width:18px;height:18px;border:1px solid rgba(25,61,50,.55);border-radius:50%;margin-right:6px;font-size:11px}
@media(max-width:1050px){.nav-links{gap:14px}.nav-cta{display:none}.tablet{right:-130px;transform:scale(.85) rotate(-2.5deg);transform-origin:center}.device-wrap{height:440px}.hero{grid-template-columns:52% 48%}.hero h1{font-size:47px}.brand{min-width:230px}.benefit-strip .container{flex-wrap:wrap;justify-content:center;padding-top:14px;padding-bottom:14px}}
@media(max-width:760px){.container{padding:0 20px}.nav{height:82px}.brand{min-width:0}.nav-links{display:none;position:absolute;top:82px;left:0;right:0;background:var(--deep);padding:15px 20px;flex-direction:column;gap:0}.nav-links.open{display:flex}.nav-links a{padding:13px 0}.menu-toggle{display:flex;margin-left:auto;background:transparent;border:0;flex-direction:column;gap:5px}.menu-toggle span{width:24px;height:2px;background:#fff}.hero{display:block;min-height:auto}.hero-copy{padding:64px 0 25px}.hero h1{font-size:41px}.hero-text{font-size:15px}.hero-actions{gap:16px;align-items:flex-start;flex-direction:column}.mini-proof{margin-top:30px}.device-wrap{height:315px}.tablet{right:-111px;top:0;transform:scale(.56) rotate(-2.5deg);transform-origin:top center}.float-card{right:4px;bottom:30px}.benefit-strip .container{display:grid;grid-template-columns:1fr 1fr;justify-content:start;gap:12px}.benefit-strip span{font-size:12px}.section{padding-top:72px;padding-bottom:72px}.section-intro{display:block}.section h2{font-size:36px}.section-intro>p:last-child{margin-top:16px;font-size:15px}.feature-grid{grid-template-columns:1fr 1fr}.feature-grid article{padding:25px 15px 25px 0;min-height:220px}.feature-grid article:nth-child(2){border-right:0;padding-left:15px}.feature-grid article:nth-child(3){padding-left:0;border-top:1px solid var(--line)}.feature-grid article:nth-child(4){padding-left:15px;border-top:1px solid var(--line)}.steps{grid-template-columns:1fr;gap:35px;margin-top:40px}.steps:before{display:none}.sample-grid{grid-template-columns:1fr;gap:12px}.sample{height:180px}.audience-inner{grid-template-columns:1fr;gap:20px}.audience-list{padding-top:0}.audience-list p{grid-template-columns:100px 1fr;font-size:13px}.footer-cta{padding-top:55px;padding-bottom:45px;display:block}.footer-cta h2{font-size:32px;margin-bottom:25px}.footer-bottom{font-size:10px;gap:10px}.hero h1 br{display:none}}
@media(max-width:390px){.hero h1{font-size:36px}.button{font-size:13px}.feature-grid{grid-template-columns:1fr}.feature-grid article,.feature-grid article:nth-child(n){border-right:0;border-top:1px solid var(--line);padding:23px 0}.feature-grid article:first-child{border-top:0}.footer-bottom{display:block}.footer-bottom span:last-child{display:block;margin-top:8px}}