/* App Store palette: charcoal surfaces and soft peach accents. */
.room-example{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:54px;align-items:center;border-bottom:1px solid var(--line)}
.example-compare{aspect-ratio:4/3;min-width:0}
.compare.example-compare-portrait{aspect-ratio:3/4;width:100%;max-width:420px;justify-self:center}
.example-copy{min-width:0}.example-copy h2{font-size:30px;line-height:1.22}.example-copy p,.example-copy li{font-size:14px;line-height:1.75;color:var(--muted)}.example-copy p{margin-top:18px}.example-copy ul{padding-left:18px;margin:18px 0 24px}.example-copy li+li{margin-top:8px}.example-copy .text-link{font-size:13px;max-width:100%}
@media(max-width:760px){.room-example{grid-template-columns:minmax(0,1fr);gap:26px}.example-copy h2{font-size:27px}.example-compare{aspect-ratio:1.15}.example-copy p,.example-copy li{font-size:14px}}
.style-examples-label{font-size:12px;color:var(--muted);margin-top:18px}.style-options{flex-wrap:wrap}.bohemian-swatch{background:#b96548}.classic-swatch{background:#8b9daf}.style-swatch{flex-shrink:0}.style-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:760px){.workbench-footer .style-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}.workbench-footer .style-choice{font-size:12px;padding:10px 12px;min-height:44px}.style-choice svg{margin-left:auto}.style-examples-label{margin-top:16px}}
.room-grid .room-link img{height:auto;aspect-ratio:4/3}
.guide-body.section-wrap{max-width:980px;padding-top:25px;padding-bottom:60px}
.context-link{display:flex;align-items:center;gap:8px;width:max-content;max-width:100%;font-size:12px;font-weight:600;margin-top:10px;color:var(--ink);text-decoration:underline;text-underline-offset:4px}
.room-section{border-bottom:1px solid var(--line)}.room-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.room-link{min-width:0}.room-link img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:6px}.room-link:first-child img{object-position:center 55%}.room-link>span{display:flex;justify-content:space-between;align-items:center;font-size:16px;font-weight:600;padding-top:15px}.room-link:hover>span{color:#9b4926}.footer-guides{flex-wrap:wrap;row-gap:15px}
.breadcrumbs{max-width:1320px;margin:auto;display:flex;align-items:center;gap:10px;padding:17px 64px;font-size:12px;color:var(--muted)}.breadcrumbs a{color:var(--ink)}.breadcrumbs svg{width:14px;height:14px}
.feature-hero{height:550px;position:relative;isolation:isolate;overflow:hidden;background:#ecebe8}.feature-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 55%;z-index:-2}.feature-shade{position:absolute;inset:0;background:linear-gradient(90deg,#fffffff5 0%,#ffffffe8 24%,#ffffff8c 48%,transparent 77%);z-index:-1}.feature-hero-content{max-width:1320px;margin:auto;padding:78px 64px}.feature-hero h1{font-size:51px;line-height:1.13;max-width:650px;text-wrap:balance}.feature-hero-content>p{max-width:440px;font-size:16px;line-height:1.8;margin-top:23px;color:#414141}.feature-hero .button{margin-top:26px}.feature-availability{display:block;font-size:11px;margin-top:13px;color:#555}.feature-image-note{position:absolute;bottom:14px;right:20px;font-size:10px;max-width:80%;padding:3px 7px;background:#ffffffe8;color:#444}
.guide-body{max-width:980px;padding-top:25px;padding-bottom:60px}.guide-body h2{font-size:29px;line-height:1.25;margin:35px 0 16px}.guide-body p,.guide-body li{font-size:16px;line-height:1.85}.guide-body>p+p{margin-top:15px}.guide-body a{color:#784124}.guide-body .inline-download{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0;margin:35px 0;display:flex;justify-content:space-between;align-items:center;gap:22px}.inline-download strong{font-size:18px;font-weight:600}.inline-download p{font-size:13px;color:var(--muted);margin-top:5px}.inline-download .button{margin:0;flex-shrink:0}.guide-conversion{padding:25px 0 0}.guide-conversion .button{margin-top:23px}.guide-related{gap:25px}.guide-related a{display:inline-flex;align-items:center;gap:9px;font-size:13px;min-height:44px}.guide-related svg{width:16px}
@media(min-width:1600px){.feature-hero{height:600px}.feature-hero-content{padding-top:100px}}
@media(max-width:1100px){.breadcrumbs{padding-inline:38px}.feature-hero-content{padding-inline:38px}.feature-hero h1{font-size:46px;max-width:610px}.feature-hero-content>p{max-width:390px}.room-grid{gap:16px}}
@media(max-width:760px){.room-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.room-link>span{font-size:14px;padding-top:10px}.room-link svg{width:18px}.breadcrumbs{padding:14px 22px;font-size:11px}.feature-hero{height:570px}.feature-hero-content{padding:35px 22px}.feature-hero h1{font-size:35px;max-width:520px}.feature-hero-content>p{font-size:14px;line-height:1.75;max-width:450px;margin-top:19px}.feature-shade{background:linear-gradient(180deg,#fffffff7,#ffffffed 33%,#ffffff6b 65%,#ffffff00 85%)}.feature-photo{object-position:65% center}.feature-hero .button{margin-top:22px}.feature-availability{font-size:10px}.feature-image-note{right:10px;bottom:10px;font-size:9px}.guide-body{padding-top:12px}.guide-body h2{font-size:25px;margin:30px 0 14px}.guide-body p,.guide-body li{font-size:15px}.guide-body .inline-download{align-items:flex-start;flex-direction:column;gap:17px;padding:23px 0;margin:30px 0}.inline-download strong{font-size:17px}.inline-download p{font-size:12px}.guide-related{gap:12px 22px}.footer-guides{column-gap:20px}}
@media(max-width:370px){.feature-hero h1{font-size:30px}.feature-hero{height:570px}.feature-hero-content>p{font-size:13px}.room-link>span{font-size:13px}.guide-body h2{font-size:23px}.guide-body p,.guide-body li{font-size:14px}}
.result-action{display:flex;align-items:center;gap:24px;margin-top:28px}.result-action p{font-size:11px;color:var(--muted)}
@media(max-width:760px){.result-action{align-items:flex-start;flex-direction:column;gap:12px;margin-top:23px}.result-action .button{gap:18px;max-width:100%;font-size:12px}.result-action p{font-size:10px}}
:root{--ink:#292929;--muted:#696969;--teal:#292929;--pale:#faf8f6;--line:#e6e4e2;--peach:#ffd0aa;--gutter:64px}
button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,.compare:focus-within{outline-color:#9b4926}
.brand-dot{color:#ad6045}.button{border-radius:6px}.button-dark{background:#292929}.button-dark:hover{background:#444;box-shadow:none}.text-link:hover{color:#9b4926}.site-header{height:82px}.desktop-nav a{font-size:13px}
.hero{height:650px;min-height:0;background:#ede9e4;color:var(--ink)}.hero-photo{object-position:center 58%}.hero-shade{background:linear-gradient(90deg,rgba(255,255,255,.98),rgba(255,255,255,.88) 30%,rgba(255,255,255,.15) 66%,transparent)}
.hero-content{top:120px;left:var(--gutter);max-width:600px}.hero h1{font-size:64px;font-weight:600;line-height:1.12}.hero-copy{color:#474747;font-size:17px;line-height:1.75;max-width:405px;margin-top:25px}.hero-actions{gap:22px}.store-button{background:#292929;color:white;border-radius:7px}.store-button:hover{background:#444}.hero-actions .light-link{color:#292929;font-size:12px}.download-note{color:#565656;font-size:11px}.hero-caption{bottom:18px;right:24px;color:#454545;font-size:10px;background:#ffffffda;padding:3px 7px}
.hero-app{position:absolute;right:10%;top:63px;margin:0;width:248px}.phone-crop{position:relative;width:248px;height:505px;overflow:hidden;border-radius:43px;filter:drop-shadow(0 18px 24px #0003)}.phone-crop img{position:absolute;max-width:none;width:334px;height:auto;left:-43px;top:-174px}.hero-app figcaption{text-align:center;font-size:11px;margin-top:12px;color:#333;background:#ffffffe6;width:max-content;padding:3px 10px;margin-inline:auto;border-radius:3px}
.section-wrap{padding-top:76px;padding-bottom:76px;max-width:1320px}h2{font-size:42px;line-height:1.18}.section-head{gap:40px;margin-bottom:30px}.section-head h2{max-width:650px}.section-intro{font-size:14px;max-width:310px}.compare{aspect-ratio:16/8;border-radius:6px}.compare-label{font-size:12px;font-weight:600;background:#292929cf}.after-label{background:#ffd0aa;color:#292929}.style-choice.active{border-color:#a96746;background:#fff3e9}.image-disclosure{font-size:11px;max-width:720px}.workbench-footer>p{font-size:12px}.how-section{background:#faf8f6;color:#292929}.how-section .section-wrap{padding-top:65px;padding-bottom:65px}.steps{gap:40px;margin-top:34px}.steps article{border-color:#d9d4cf}.step-num{color:#7b4f37;font-size:12px}.steps article>svg{color:#292929;background:var(--peach);border-radius:50%;padding:8px;width:40px;height:40px;top:19px}.steps h3{font-size:20px;margin-top:26px}.steps p{color:#626262;font-size:14px;line-height:1.8}.tools-section{gap:72px;align-items:center}.tools-photo-wrap{height:640px;border-radius:6px}.tools-content{padding:0}.tools-content h2{font-size:42px}.tools-intro{font-size:15px}.tool-list{margin-top:25px}.tool-list article{padding:17px 0}.tool-list article>svg{color:#8c5032}.tool-list p{font-size:13px}.tool-list a{font-size:12px;border-color:#d6b7a4}.faq-section{border-top:1px solid var(--line);gap:70px}.faq-list summary{font-size:14px}.faq-list details>p{font-size:14px}.final-section{min-height:270px;background:#fff0e4;color:#292929}.final-content{padding:55px 24px}.final-content h2{font-size:38px}.final-content .button{margin-top:24px}.final-content>p:last-child{color:#626262;font-size:11px}.site-footer{max-width:1320px}.footer-top>p,.footer-bottom>span:nth-child(2){display:none}.footer-guides{font-size:12px;margin-top:27px}.footer-bottom{font-size:11px}.guide-hero h1{font-size:50px}.guide-hero .eyebrow{font-size:11px}.guide-body a{color:#8c5032}
@media(min-width:1600px){.hero{height:700px}.hero-content{top:145px;left:max(64px,calc((100% - 1192px)/2))}.hero-app{right:max(12%,calc((100% - 1000px)/2));top:86px}}
@media(max-width:1100px){:root{--gutter:38px}.hero h1{font-size:54px}.hero-content{max-width:520px;top:128px}.hero-app{right:5%;width:218px;top:95px}.phone-crop{transform:scale(.88);transform-origin:top left}.hero-app figcaption{margin-top:-48px}.hero-copy{max-width:345px}.tools-section{gap:42px}.tools-photo-wrap{height:650px}}
@media(max-width:760px){:root{--gutter:22px}.site-header{height:76px}.hero{height:720px;min-height:0}.hero-photo{object-position:65% 75%}.hero-shade{background:linear-gradient(180deg,#fff 0%,#fffffff5 28%,#ffffff80 52%,#ffffff00 80%)}.hero-content{top:32px;bottom:auto;left:22px;right:22px;max-width:none}.hero h1{font-size:39px;line-height:1.13}.hero-copy{font-size:14px;line-height:1.7;max-width:400px;margin-top:17px}.hero-actions{margin-top:20px;gap:20px}.hero-actions .light-link{font-size:11px;gap:8px}.download-note{font-size:10px;margin-top:12px}.hero-app{top:348px;right:calc(50% - 88px);width:176px}.phone-crop{transform:scale(.70);transform-origin:top left}.hero-app figcaption{display:none}.hero-caption{right:12px;bottom:9px;font-size:8px}.section-wrap{padding:54px 22px}.section-head{margin-bottom:24px}.section-head h2,h2,.tools-content h2{font-size:32px}.section-intro{font-size:14px;margin-top:16px;max-width:450px}.compare{aspect-ratio:1.15}.compare-label{font-size:10px}.workbench-footer>p{display:none}.image-disclosure{font-size:10px}.how-section .section-wrap{padding:50px 22px}.steps{gap:26px}.steps article{padding-left:35px;padding-right:50px}.steps h3{margin-top:0;font-size:19px}.steps p{font-size:13px}.steps article>svg{width:35px;height:35px;padding:8px}.tools-section{gap:30px}.tools-photo-wrap{height:350px;aspect-ratio:auto}.tools-photo-wrap img{object-position:center 58%}.tools-intro{font-size:14px}.tool-list h3{font-size:16px}.faq-section{gap:25px}.faq-list details>p{font-size:13px}.final-section{min-height:260px}.final-content h2{font-size:31px}.final-content{padding:45px 22px}.footer-guides{font-size:11px}.footer-bottom{font-size:10px}.guide-hero h1{font-size:38px}}
@media(max-width:760px){.hero{height:694px}.hero-app{top:320px}.possibilities{padding-top:32px}}
@media(max-width:370px){.hero h1{font-size:34px}.hero-actions{gap:12px}.hero-actions .light-link{display:none}.hero-app{top:340px}.hero{height:714px}.section-head h2,h2,.tools-content h2{font-size:29px}}
@media(max-width:760px) and (max-height:740px){.hero{height:510px}.hero-content{top:20px}.hero h1{font-size:32px}.hero-copy{font-size:12px;line-height:1.6;margin-top:12px}.hero-actions{margin-top:14px}.hero-app{top:278px;right:calc(50% - 54px);width:108px}.phone-crop{transform:scale(.43)}.download-note{margin-top:8px;font-size:9px}}