:root{--ink:#173f35;--ink-soft:#50625b;--paper:#fbfaf6;--cream:#f4f1e9;--sage:#e5ebdf;--line:#dedfd7;--accent:#c77843;--white:#fff;--shadow:0 18px 55px rgba(29,55,42,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:#20352e;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.58}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #b87341;outline-offset:3px}h1,h2,h3,p{margin-top:0}h1,h2,.serif{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.045em}h1{font-size:clamp(3.45rem,6.5vw,6.3rem);line-height:1.04}h2{font-size:clamp(2.5rem,4vw,4rem);line-height:1.12}h3{font-size:1.24rem;line-height:1.3;letter-spacing:-.025em}p{color:var(--ink-soft)}.container{width:min(1180px,calc(100% - 48px));margin-inline:auto}.skip{position:absolute;top:-80px;left:15px;padding:10px;background:var(--ink);color:#fff;z-index:100}.skip:focus{top:10px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.73rem;font-weight:800;color:#9c6544}.eyebrow.light{color:#dbc79d}.tiny{font-size:.79rem}.muted{color:#6a7770}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px}.section-head h2{margin:5px 0 0}.section-head p{max-width:445px;margin:0}.arrow-link{display:inline-flex;align-items:center;gap:9px;color:var(--ink);font-size:.91rem;font-weight:750}.arrow-link:hover{text-decoration:underline;text-underline-offset:4px}.arrow-link::after{content:'↗';font-size:1.15em}.pill{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:99px;background:#e9efe6;color:#315d48;font-size:.75rem;font-weight:750;white-space:nowrap}.pill.terracotta{background:#f8eadd;color:#a15d30}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:9px;min-height:48px;padding:0 19px;font-size:.89rem;font-weight:750;transition:transform .18s,background .18s,border-color .18s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--ink);color:#fff}.btn-primary:hover{background:#235849}.btn-outline{border-color:#b8c7b9;background:transparent;color:var(--ink)}.btn-outline:hover{background:#eef3eb}.btn-light{background:#f7f4ea;color:var(--ink)}
.site-header{position:relative;z-index:20;background:var(--paper);border-bottom:1px solid #e8e8e0}.header-inner{height:86px;display:flex;align-items:center;gap:34px}.brand{display:inline-flex;align-items:center;gap:11px;white-space:nowrap}.brand-mark{height:37px;width:37px;border-radius:10px;background:var(--ink);display:grid;place-items:center;color:#f4f0e6}.brand-mark svg{width:24px}.brand-name{font-size:1.44rem;font-weight:800;letter-spacing:-.06em;color:var(--ink)}.brand-name span{color:#bf7649}.nav{display:flex;align-items:center;gap:30px;margin-left:auto}.nav a{font-size:.88rem;font-weight:700;color:#46594f}.nav a:hover,.nav a[aria-current=page]{color:#b7693a}.header-cta{white-space:nowrap}.mobile-menu{display:none;border:0;background:none;color:var(--ink);margin-left:auto;font-size:1.6rem}.header-note{border-bottom:1px solid #e8e7df;background:#f5f2e9;color:#607064;text-align:center;font-size:.76rem;padding:9px 16px}.header-note strong{color:var(--ink)}
.hero{background:linear-gradient(110deg,#f5f3ea 0%,#f1f3e9 60%,#e5eddf 100%);padding:68px 0 74px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:60px}.hero-copy{position:relative;z-index:2}.hero-copy h1{color:var(--ink);margin:18px 0 20px}.hero-copy h1 em{font-style:italic;color:#af7754}.hero-copy>p{font-size:1.08rem;max-width:560px;line-height:1.75}.hero-search{display:flex;align-items:center;background:#fff;border:1px solid #e3e6dd;border-radius:11px;box-shadow:0 12px 34px rgba(30,60,45,.08);max-width:545px;margin-top:28px;padding:6px 6px 6px 17px}.hero-search svg{flex:none;color:#839185}.hero-search input{min-width:0;flex:1;border:0;outline:0;color:var(--ink);padding:11px;font-size:.91rem}.hero-search .btn{min-height:43px;border-radius:7px;padding:0 16px}.hero-proof{display:flex;flex-wrap:wrap;gap:18px;margin-top:21px;color:#617168;font-size:.8rem}.hero-proof span::before{content:'✓';font-weight:800;color:#a6724d;margin-right:6px}.hero-media{position:relative;padding:17px 0 29px 15px}.hero-media:before{content:'';position:absolute;inset:0 -90px 9% 10%;border-radius:220px 0 0 220px;background:#d7e1d1}.hero-image{position:relative;width:100%;height:555px;object-fit:cover;object-position:center;border-radius:180px 8px 8px 8px;box-shadow:var(--shadow)}.media-label{position:absolute;bottom:5px;left:-22px;background:#fff;padding:16px 21px;border-radius:9px;box-shadow:0 15px 30px #1c3f2a20;display:flex;align-items:center;gap:13px}.media-label .round-icon{width:39px;height:39px;background:#e7eee4;border-radius:50%;display:grid;place-items:center;color:var(--ink)}.media-label strong{display:block;color:var(--ink);font-size:.89rem}.media-label small{color:#7c887d}.hero-vertical{position:absolute;right:-35px;top:110px;writing-mode:vertical-rl;letter-spacing:.22em;color:#637c6b;text-transform:uppercase;font-size:.65rem;font-weight:800}
.trust-strip{border-bottom:1px solid var(--line);background:#fff}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.trust-item{padding:25px 28px;display:flex;gap:15px;align-items:center;border-right:1px solid var(--line)}.trust-item:first-child{padding-left:0}.trust-item:last-child{border:0}.trust-icon{font-size:1.45rem;color:#b7754b}.trust-item strong{display:block;color:var(--ink);font-size:.86rem}.trust-item span:last-child{color:#738178;font-size:.79rem}
.section{padding:94px 0}.section.tight{padding:72px 0}.section.alt{background:#f3f4ed}.filter-row{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin:26px 0 27px}.filter{border:1px solid #d8ded4;color:#51665a;border-radius:99px;padding:10px 16px;background:transparent;font-size:.82rem;font-weight:750}.filter:hover,.filter.is-active{border-color:var(--ink);background:var(--ink);color:#fff}.result-count{margin-left:auto;font-size:.78rem;color:#7b887f}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.app-card{background:#fff;border:1px solid #e4e6dc;border-radius:13px;overflow:hidden;box-shadow:0 10px 28px rgba(28,53,39,.035);display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s}.app-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.app-card[hidden]{display:none}.card-art{height:205px;position:relative;overflow:hidden;display:grid;place-items:center}.card-art.planner{background:#dfe9d8}.card-art.room{background:#e6e9e1}.card-art.floor{background:#e9e6dd}.art-room{position:relative;width:76%;height:142px;background:#fbf9f1;transform:rotate(-8deg) skewY(2deg);box-shadow:13px 13px 0 #a8b8a1,18px 23px 25px #48634d2b;border:9px solid #f7f2e6}.art-room:before{content:'';position:absolute;inset:18px 50% 10px 18px;background:#d3b58e;border-radius:60px 60px 12px 12px;box-shadow:100px 6px 0 -10px #879e78}.art-room:after{content:'';position:absolute;width:49px;height:49px;border-radius:50%;background:#c5a77a;left:46%;top:40%;box-shadow:0 0 0 8px #f5f0e6}.art-floor{width:70%;height:145px;background:#f9f8f2;transform:rotate(-7deg);box-shadow:12px 13px 0 #c1cbbd,22px 24px 30px #50605025;border:7px solid #f9f8f2;display:grid;grid-template-columns:1fr .72fr;gap:5px;padding:8px}.art-floor i{border:5px solid #789b85;background:#e9e9d5;position:relative}.art-floor i:nth-child(2){background:#efe2ca}.art-floor i:nth-child(3){grid-column:span 2;background:#e0e6d9}.art-floor i:before{content:'';position:absolute;width:29px;height:18px;border-radius:5px;background:#b79268;left:18px;top:14px}.art-grid{position:absolute;inset:14px;background-image:linear-gradient(#718e7a19 1px,transparent 1px),linear-gradient(90deg,#718e7a19 1px,transparent 1px);background-size:20px 20px}.card-art .corner-label{position:absolute;top:15px;left:15px;z-index:2;background:#fff;color:#4e6a56;padding:6px 10px;font-size:.68rem;font-weight:800;border-radius:99px}.card-body{padding:23px 24px 25px;display:flex;flex-direction:column;flex:1}.card-top{display:flex;align-items:start;justify-content:space-between;gap:10px}.card-body h3{font-size:1.5rem;font-family:Georgia,serif;font-weight:400;margin:2px 0 8px;color:var(--ink)}.card-body p{font-size:.86rem;line-height:1.65;margin-bottom:19px}.feature-list{list-style:none;padding:0;margin:0 0 22px;display:flex;flex-wrap:wrap;gap:6px}.feature-list li{background:#f5f6f1;border:1px solid #e8ece5;border-radius:5px;color:#617168;font-size:.71rem;font-weight:650;padding:5px 8px}.card-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto}.compare-btn{background:none;border:0;padding:6px 0;color:#779080;font-size:.76rem;font-weight:700}.compare-btn:hover{color:var(--ink);text-decoration:underline}.empty-state{padding:32px;text-align:center;border:1px dashed var(--line);border-radius:12px;color:var(--ink-soft)}
.compare-tray{position:fixed;z-index:30;left:50%;bottom:18px;transform:translateX(-50%);width:min(660px,calc(100% - 28px));background:var(--ink);color:#fff;border-radius:12px;padding:13px 16px;display:flex;align-items:center;gap:16px;box-shadow:0 18px 40px #123a2b4a}.compare-tray[hidden]{display:none}.compare-tray strong{font-size:.8rem}.compare-tray span{font-size:.77rem;color:#dbebdf}.compare-tray .btn{min-height:39px;margin-left:auto;white-space:nowrap}.tray-clear{color:#d7e6d9;background:none;border:0;font-size:.75rem}.compare-tray [aria-disabled=true]{opacity:.65;pointer-events:none}
.table-wrap{overflow-x:auto;border:1px solid #dfe4d9;border-radius:12px;background:#fff}.compare-table{width:100%;border-collapse:collapse;min-width:740px;text-align:left}.compare-table th,.compare-table td{padding:19px 23px;border-bottom:1px solid #e7eae3;vertical-align:top;font-size:.85rem}.compare-table thead th{background:#edf1e9;color:var(--ink);font-size:.83rem}.compare-table tbody th{width:20%;color:var(--ink);font-weight:800;background:#fafbf7}.compare-table tr:last-child th,.compare-table tr:last-child td{border:0}.compare-table td strong{color:#365845}.table-note{font-size:.76rem;color:#7b877c;margin-top:13px}.compare-section .section-head{margin-bottom:28px}
.feature-split{display:grid;grid-template-columns:.85fr 1.15fr;gap:75px;align-items:center}.feature-split .intro{font-size:1.02rem;max-width:430px}.method-panel{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.method-tile{min-height:178px;background:#fff;border:1px solid #e5e8de;padding:25px;border-radius:10px}.method-tile:nth-child(2){transform:translateY(22px)}.method-tile:nth-child(4){transform:translateY(22px)}.method-num{font-family:Georgia,serif;color:#b9845e;font-size:1.7rem;line-height:1}.method-tile h3{margin:14px 0 6px;color:var(--ink);font-size:1rem}.method-tile p{font-size:.79rem;margin:0}
.guide-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}.guide-feature{min-height:365px;background:linear-gradient(130deg,#19483a,#446b51);border-radius:12px;color:#fff;padding:38px;display:flex;flex-direction:column;align-items:start;justify-content:end;position:relative;overflow:hidden}.guide-feature:before{content:'';position:absolute;width:380px;height:380px;border:1px solid #ffffff32;border-radius:50%;right:-100px;top:-100px;box-shadow:0 0 0 45px #ffffff0d,0 0 0 95px #ffffff0a}.guide-feature>*{position:relative}.guide-feature h3{font-family:Georgia,serif;font-size:2rem;font-weight:400;max-width:420px;margin:8px 0}.guide-feature p{color:#e4eee2;max-width:450px;font-size:.9rem}.guide-feature .arrow-link{color:#fff}.guide-side{display:grid;gap:20px}.guide-mini{border:1px solid #e2e7dd;border-radius:12px;background:#fff;padding:28px;display:flex;flex-direction:column;align-items:start;justify-content:center}.guide-mini h3{font-family:Georgia,serif;font-size:1.45rem;font-weight:400;color:var(--ink);margin:10px 0}.guide-mini p{font-size:.84rem;margin-bottom:13px}
.cta-band{background:#dce8d8;padding:58px 0}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}.cta-inner h2{font-size:2.7rem;max-width:620px;margin:0;color:var(--ink)}.cta-inner p{margin:8px 0 0}.cta-inner .btn{white-space:nowrap}
.site-footer{background:#123b31;color:#fff;padding:65px 0 28px}.footer-grid{display:grid;grid-template-columns:1.3fr .75fr .75fr .9fr;gap:40px}.site-footer .brand-name{color:#fff}.site-footer p,.site-footer small{color:#bad0c2}.site-footer p{max-width:315px;font-size:.83rem;margin:18px 0}.footer-col h4{margin:0 0 18px;font-size:.82rem}.footer-col a{display:block;color:#bfd0c6;font-size:.83rem;margin:9px 0}.footer-col a:hover{color:#fff;text-decoration:underline}.footer-bottom{border-top:1px solid #386055;margin-top:48px;padding-top:24px;display:flex;justify-content:space-between;gap:20px;color:#a7bfae;font-size:.75rem}.footer-bottom a{text-decoration:underline}
.page-hero{background:#eef2e9;padding:67px 0 64px}.page-hero .container{max-width:980px}.breadcrumb{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:.77rem;color:#708175;margin-bottom:24px}.breadcrumb a{text-decoration:underline;text-underline-offset:3px}.page-hero h1{font-size:clamp(3rem,6vw,5.25rem);max-width:910px;color:var(--ink);margin:9px 0 17px}.page-hero p{max-width:700px;font-size:1.04rem;line-height:1.7;margin-bottom:22px}.meta-line{display:flex;flex-wrap:wrap;gap:11px;color:#708175;font-size:.78rem}.meta-line span+span:before{content:'·';margin-right:11px}.article-shell{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:65px;align-items:start;padding-top:65px;padding-bottom:90px}.article-body{min-width:0}.article-body h2{color:var(--ink);font-size:2.35rem;margin:48px 0 15px}.article-body h2:first-child{margin-top:0}.article-body h3{color:var(--ink);margin:30px 0 9px}.article-body p,.article-body li{font-size:.97rem;line-height:1.85}.article-body a:not(.btn){text-decoration:underline;text-underline-offset:3px;color:#246a52}.article-body ul{padding-left:22px}.article-body li{margin:7px 0}.article-body strong{color:#234436}.article-sidebar{position:sticky;top:24px}.side-card{border:1px solid #e2e7dc;border-radius:11px;background:#fff;padding:23px;margin-bottom:18px}.side-card h3{font-size:.94rem;color:var(--ink);margin:0 0 13px}.side-card a:not(.btn){display:block;color:#596b60;font-size:.83rem;padding:6px 0}.side-card a:not(.btn):hover{text-decoration:underline}.side-card .btn{width:100%;margin-top:10px}.side-card p{font-size:.77rem;margin:0}.verdict{border-left:4px solid #be865d;background:#f4f3ea;padding:25px 27px;border-radius:0 9px 9px 0;margin:30px 0}.verdict h3{margin:0 0 7px}.verdict p{margin:0}.fact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:27px 0}.fact{border:1px solid #e2e5dc;background:#fff;border-radius:8px;padding:16px 18px}.fact small{display:block;color:#849087;font-size:.73rem;text-transform:uppercase;letter-spacing:.08em;font-weight:750}.fact strong{display:block;font-size:.9rem;margin-top:5px}.pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}.pros-cons>div{padding:21px;border-radius:9px;background:#ecf2e9}.pros-cons>div:last-child{background:#f7eee7}.pros-cons h3{margin:0 0 11px;font-size:.94rem}.pros-cons ul{margin:0}.pros-cons li{font-size:.85rem;line-height:1.5}.disclosure{background:#fff6e9;border:1px solid #efdcc2;border-radius:8px;padding:15px 18px;font-size:.78rem;line-height:1.6;color:#715942;margin:25px 0}.source-list{border-top:1px solid var(--line);padding-top:17px}.source-list li{font-size:.82rem}.simple-page{max-width:790px;padding-top:65px;padding-bottom:100px}.simple-page h2{color:var(--ink);font-size:2.3rem;margin:43px 0 14px}.simple-page p,.simple-page li{line-height:1.85}.simple-page a{text-decoration:underline;color:#25684d}.simple-page ul{padding-left:20px}.simple-page .disclosure{margin-top:28px}.back-home{margin-top:28px}
@media(max-width:980px){.header-inner{gap:16px}.nav{gap:16px}.hero-grid{gap:25px}.hero-image{height:470px}.hero-vertical{display:none}.cards{gap:12px}.card-body{padding:20px}.feature-split{gap:35px}.footer-grid{gap:22px}.article-shell{gap:35px}}
@media(max-width:760px){.container{width:min(100% - 36px,580px)}.header-inner{height:69px}.header-cta{display:none}.mobile-menu{display:block}.nav{display:none;position:absolute;top:69px;left:0;right:0;background:var(--paper);padding:16px 25px 23px;box-shadow:0 20px 25px #143c2e1a;flex-direction:column;align-items:stretch;gap:0}.nav.is-open{display:flex}.nav a{padding:12px;border-bottom:1px solid var(--line)}.hero{padding:46px 0 53px}.hero-grid,.feature-split,.guide-grid,.article-shell{grid-template-columns:1fr}.hero-copy h1{font-size:clamp(3.5rem,12vw,5.4rem)}.hero-copy>p{font-size:1rem}.hero-media{padding:0;margin-top:18px}.hero-media:before{inset:6% -20px -12px 14%;border-radius:100px 0 0 100px}.hero-image{height:380px;border-radius:100px 6px 6px 6px}.media-label{left:-5px;bottom:-12px}.trust-grid{grid-template-columns:1fr}.trust-item,.trust-item:first-child{padding:16px 0;border-right:0;border-bottom:1px solid var(--line)}.trust-item:last-child{border-bottom:0}.section{padding:65px 0}.section.tight{padding:58px 0}.section-head{display:block}.section-head p{margin-top:13px}.cards{grid-template-columns:1fr}.card-art{height:210px}.filter-row{gap:7px}.filter{font-size:.76rem;padding:8px 12px}.result-count{width:100%;margin:3px 0 0}.method-panel{gap:10px}.method-tile,.method-tile:nth-child(2),.method-tile:nth-child(4){transform:none;min-height:170px;padding:18px}.guide-feature{min-height:340px}.guide-side{grid-template-columns:1fr}.cta-inner{display:block}.cta-inner h2{font-size:2.3rem}.cta-inner .btn{margin-top:20px}.footer-grid{grid-template-columns:repeat(2,1fr)}.footer-brand{grid-column:span 2}.footer-bottom{flex-direction:column}.article-shell{padding-top:42px}.article-sidebar{position:static;grid-row:1}.article-sidebar .side-card:first-child{display:none}.page-hero{padding:47px 0}.page-hero h1{font-size:clamp(2.8rem,10vw,4.4rem)}.fact-grid,.pros-cons{grid-template-columns:1fr}.compare-tray{flex-wrap:wrap}.compare-tray .btn{margin-left:0}}
@media(max-width:430px){.hero-search{flex-wrap:wrap}.hero-search input{width:calc(100% - 35px)}.hero-search .btn{width:100%}.hero-image{height:330px}.method-panel{grid-template-columns:1fr}.footer-grid{gap:22px}.compare-tray{bottom:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}