:root { --ink:#17251f; --forest:#18372a; --pine:#0e251d; --cream:#f7f2e9; --paper:#fffdf9; --clay:#b84b34; --sage:#8ea47d; --gold:#d7a852; --line:#d9d5ca; --muted:#5e665e; --serif: Georgia, 'Times New Roman', serif; --sans: 'Segoe UI', Tahoma, Arial, sans-serif; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; color:var(--ink); background:var(--paper); font-family:var(--sans); font-size:17px; line-height:1.55; } a { color:inherit; } img { display:block; max-width:100%; } .skip-link { position:absolute; left:-999px; top:0; background:var(--gold); color:var(--ink); padding:12px 18px; z-index:20; font-weight:700; } .skip-link:focus { left:16px; }
.site-header { width:min(1380px, 100%); margin:auto; padding:24px clamp(20px,4vw,64px); display:flex; justify-content:space-between; align-items:center; gap:22px; background:var(--paper); } .brand { display:inline-flex; align-items:center; gap:10px; text-decoration:none; color:var(--forest); letter-spacing:.02em; line-height:1; } .brand-mark { display:grid; place-items:center; width:39px; height:39px; border-radius:50%; background:var(--clay); color:white; font-family:var(--serif); font-size:15px; font-weight:bold; border:2px solid #933725; box-shadow:inset 0 0 0 3px #d76e55; } .brand strong { font-family:var(--serif); display:block; font-size:20px; } .brand small { display:block; font-size:9px; letter-spacing:.2em; margin-top:4px; font-weight:700; } .primary-nav { display:flex; align-items:center; gap:clamp(16px,2.4vw,35px); font-size:15px; font-weight:700; } .primary-nav a { text-decoration:none; } .primary-nav a:not(.nav-cta):hover { color:var(--clay); } .nav-cta { background:var(--forest); color:white; padding:11px 17px; border-radius:4px; }.menu-button { display:none; background:none; border:1px solid var(--line); border-radius:4px; padding:9px 12px; font:700 15px var(--sans); color:var(--forest); }
.hero { min-height:650px; display:grid; grid-template-columns:minmax(330px,.9fr) minmax(440px,1.1fr); align-items:center; gap:clamp(30px,5vw,90px); padding:clamp(50px,7vw,110px) clamp(20px,6vw,100px); overflow:hidden; background:linear-gradient(109deg,var(--cream) 0%,var(--cream) 52%,#e9e0d0 52%); }.hero-copy { max-width:620px; margin-left:auto; }.eyebrow { color:var(--clay); text-transform:uppercase; font-weight:800; letter-spacing:.13em; font-size:12px; margin:0 0 17px; }.eyebrow span { display:inline-block; height:2px; width:28px; vertical-align:middle; background:currentColor; margin:0 10px 3px 0; }.hero h1,.section-heading h2,.feature-copy h2,.video-copy h2,.download-section h2,.support-section h2 { font-family:var(--serif); letter-spacing:-.045em; line-height:1.01; margin:0; }.hero h1 { color:var(--forest); font-size:clamp(45px,5.25vw,76px); }.hero h1 span:first-child { display:block; font-size:.53em; letter-spacing:.02em; text-transform:uppercase; margin-bottom:10px; color:var(--clay); font-family:var(--sans); font-weight:800; }.hero h1 span:last-child { display:block; margin-top:10px; color:var(--ink); font-size:.57em; line-height:1.15; letter-spacing:-.025em; }.hero-intro { font-size:19px; max-width:560px; margin:28px 0; color:#425147; }.hero-actions { display:flex; flex-wrap:wrap; align-items:center; gap:16px; }.button { display:inline-flex; justify-content:center; align-items:center; gap:15px; font:800 15px var(--sans); text-decoration:none; min-height:49px; padding:12px 22px; border-radius:4px; transition:.2s ease; cursor:pointer; }.button-primary { color:white; background:var(--clay); box-shadow:0 9px 18px #b84b342b; }.button-primary:hover { background:#973b2a; transform:translateY(-2px); }.button-quiet { color:var(--forest); text-decoration:underline; text-underline-offset:4px; }.availability { font-size:13px; color:var(--muted); margin:24px 0 0; font-weight:600; }.status-dot { width:9px; height:9px; display:inline-block; border-radius:50%; background:#72a656; margin-right:7px; }
.hero-visual { position:relative; min-height:520px; width:min(100%,760px); margin-right:auto; }.concept-card,.vision-card { position:absolute; margin:0; background:var(--paper); box-shadow:0 22px 42px #1d281f2e; }.concept-card { width:47%; left:0; bottom:35px; z-index:2; transform:rotate(-4deg); padding:10px 10px 0; border:1px solid #d5d0c7; }.concept-card img { aspect-ratio:1.24; object-fit:cover; }.vision-card { width:69%; right:0; top:6px; padding:11px 11px 0; transform:rotate(2.8deg); }.vision-card img { aspect-ratio:1.02; object-fit:cover; }.concept-card figcaption,.vision-card figcaption { padding:11px 4px; text-align:center; text-transform:uppercase; letter-spacing:.1em; font-weight:800; font-size:10px; color:var(--forest); }.visual-label { position:absolute; z-index:4; font-weight:800; text-transform:uppercase; letter-spacing:.12em; font-size:10px; color:var(--forest); background:var(--paper); padding:8px 11px; box-shadow:0 5px 16px #1d281f18; }.label-concept { left:7%; bottom:0; }.label-vision { top:-14px; right:8%; }.conversion-arrow { display:grid; place-items:center; position:absolute; z-index:3; left:44%; top:53%; color:var(--cream); }.conversion-arrow span { display:grid; place-items:center; width:56px; height:56px; border-radius:50%; background:var(--clay); font-size:27px; box-shadow:0 7px 17px #672b1f40; }.conversion-arrow small { color:var(--forest); text-transform:uppercase; font-weight:800; font-size:9px; letter-spacing:.1em; padding-top:8px; }
.trust-strip { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line); border-block:1px solid var(--line); }.trust-strip>div { background:var(--paper); padding:22px clamp(20px,5vw,90px); display:grid; grid-template-columns:38px auto; column-gap:11px; align-items:center; }.trust-icon { grid-row:span 2; display:grid; place-items:center; color:var(--clay); font-size:25px; font-weight:bold; }.trust-strip strong { font-size:14px; color:var(--forest); }.trust-strip small { font-size:12px; color:var(--muted); }
.start-section { padding:clamp(68px,9vw,120px) clamp(20px,8vw,150px); background:var(--paper); }.start-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:17px; margin-top:42px; }.start-card { min-height:147px; display:grid; grid-template-columns:43px 1fr 20px; gap:14px; align-items:start; padding:24px 20px; text-decoration:none; color:var(--forest); border:1px solid var(--line); border-top:4px solid var(--sage); transition:transform .2s,box-shadow .2s; }.start-card:hover { transform:translateY(-4px); box-shadow:0 12px 23px #1d281f17; }.start-card:nth-child(2) { border-top-color:var(--clay); }.start-card:nth-child(3) { border-top-color:var(--gold); }.start-icon { display:grid; place-items:center; width:39px; height:39px; border-radius:50%; color:white; background:var(--forest); font-size:22px; }.start-card:nth-child(2) .start-icon { background:var(--clay); }.start-card:nth-child(3) .start-icon { background:#af851f; }.start-card strong,.start-card small { display:block; }.start-card strong { font:23px var(--serif); line-height:1.05; }.start-card small { color:var(--muted); font-size:13px; margin-top:8px; line-height:1.35; }.start-card b { font-size:20px; color:var(--clay); align-self:center; }
.story-section,.capabilities-section,.faq-section { padding:clamp(70px,9vw,130px) clamp(20px,8vw,150px); }.section-heading { max-width:740px; }.section-heading h2,.feature-copy h2,.video-copy h2 { font-size:clamp(37px,4.2vw,58px); color:var(--forest); }.section-heading>p:last-child { max-width:590px; font-size:18px; color:var(--muted); margin:22px 0 0; }.steps { display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(28px,6vw,100px); list-style:none; padding:0; margin:65px 0 0; counter-reset:steps; }.steps li { border-top:2px solid var(--forest); padding-top:18px; }.step-number { color:var(--clay); font-family:var(--serif); font-size:29px; }.steps h3 { font:700 26px var(--serif); color:var(--forest); margin:10px 0; }.steps p { color:var(--muted); margin:0; font-size:16px; }
.editor-showcase { padding:clamp(70px,9vw,125px) clamp(20px,8vw,150px); background:#eef2e9; }.editor-grid { display:grid; grid-template-columns:1fr 1fr; gap:22px; margin-top:52px; }.editor-card { background:var(--paper); border:1px solid var(--line); overflow:hidden; }.editor-card-wide { grid-column:span 2; display:grid; grid-template-columns:1.35fr .65fr; }.editor-card img { width:100%; aspect-ratio:1.42; object-fit:cover; border-bottom:1px solid var(--line); }.editor-card-wide img { height:100%; min-height:320px; aspect-ratio:auto; object-fit:cover; border-bottom:0; border-right:1px solid var(--line); }.editor-card>div { padding:23px; }.editor-card-wide>div { align-self:center; padding:clamp(25px,4vw,58px); }.editor-card h3 { color:var(--forest); font:clamp(25px,2.4vw,33px)/1.05 var(--serif); margin:13px 0; letter-spacing:-.03em; }.editor-card p { color:var(--muted); font-size:15px; margin:0; }
.feature-band { display:grid; grid-template-columns:1.05fr .95fr; background:var(--forest); color:white; }.feature-image { min-height:510px; position:relative; overflow:hidden; }.feature-image:after { content:''; position:absolute; inset:0; background:linear-gradient(0deg,#08150f45,transparent 55%); }.feature-image img { width:100%; height:100%; object-fit:cover; }.feature-image p { position:absolute; z-index:1; left:30px; bottom:20px; margin:0; background:#132b21d9; padding:7px 10px; font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.1em; }.feature-copy { padding:clamp(50px,7vw,120px) clamp(28px,8vw,120px); align-self:center; }.feature-copy h2,.video-copy h2 { color:white; }.feature-copy>.eyebrow { color:var(--gold); }.feature-copy>p:not(.eyebrow) { color:#d6e0d6; font-size:18px; }.feature-list { margin:29px 0 20px; }.feature-list>div { display:flex; gap:13px; margin:18px 0; }.feature-list span { color:var(--gold); font-size:19px; }.feature-list p { margin:0; color:#dae5db; font-size:14px; }.feature-list strong { color:white; }.text-link { color:var(--gold); font-weight:800; text-underline-offset:5px; }.text-link:hover { color:#f1c76d; }
.capabilities-section { background:#ede7dc; }.narrow { max-width:810px; }.capability-columns { display:grid; grid-template-columns:1fr 1fr; gap:23px; margin-top:52px; }.capability-card { padding:clamp(28px,4vw,52px); min-height:350px; border:1px solid var(--line); }.available { background:#fffefa; border-top:5px solid var(--forest); }.planned { background:#e4ddd0; border-top:5px solid var(--gold); }.card-status { color:var(--clay); font-size:11px; text-transform:uppercase; letter-spacing:.12em; font-weight:800; }.planned .card-status { color:#886010; }.capability-card h3 { font:36px var(--serif); color:var(--forest); margin:14px 0 18px; }.capability-card ul { list-style:'—  '; padding-left:20px; color:#3e4e43; }.capability-card li { padding:5px 0; }.card-note { border-top:1px solid var(--line); padding-top:14px; font-size:13px; color:var(--muted); margin-top:27px; }
.reference-section { padding:clamp(70px,9vw,125px) clamp(20px,10vw,180px); display:grid; grid-template-columns:.92fr 1.08fr; gap:clamp(40px,8vw,130px); align-items:start; background:var(--paper); }.reference-section h2 { color:var(--forest); font:clamp(39px,4.25vw,58px)/1.01 var(--serif); letter-spacing:-.045em; margin:0; }.reference-section>div>p:not(.eyebrow) { color:var(--muted); max-width:570px; font-size:18px; }.reference-list { border-top:1px solid var(--line); }.reference-list>div { display:grid; grid-template-columns:48px 1fr; gap:13px; border-bottom:1px solid var(--line); padding:20px 0; }.reference-list span { color:var(--clay); font:25px var(--serif); }.reference-list p { margin:0; color:var(--muted); font-size:15px; }.reference-list strong { color:var(--forest); font-size:17px; }
.make-yours-section { padding:clamp(72px,10vw,135px) clamp(20px,8vw,150px); background:var(--paper); }.make-yours-intro { max-width:780px; }.make-yours-intro h2,.theme-note h2,.fireplace-note h2 { color:var(--forest); font:clamp(39px,4.35vw,59px)/1.02 var(--serif); letter-spacing:-.045em; margin:0; }.make-yours-intro>p:not(.eyebrow) { color:var(--muted); max-width:680px; font-size:18px; }.permission-note { border-left:3px solid var(--gold); padding-left:13px; font-size:14px !important; }.reference-tiles { display:grid; grid-template-columns:1.15fr .85fr .85fr; gap:16px; margin-top:42px; }.reference-tile { margin:0; min-height:250px; position:relative; overflow:hidden; background:#eae4da; }.reference-tile img { width:100%; height:100%; min-height:250px; object-fit:cover; transition:transform .3s ease; }.reference-tile:hover img { transform:scale(1.035); }.sofa-tile img { object-position:50% 65%; }.table-tile img { object-position:50% 71%; }.rug-tile img { object-position:50% 75%; }.reference-tile figcaption { position:absolute; bottom:11px; left:11px; background:#fffdf9e8; color:var(--forest); padding:7px 10px; font:700 16px var(--serif); }.reference-flow { display:grid; grid-template-columns:repeat(4,1fr); gap:24px; list-style:none; margin:46px 0 0; padding:25px 0 0; border-top:1px solid var(--line); }.reference-flow li { display:grid; grid-template-columns:31px 1fr; column-gap:10px; align-items:start; }.reference-flow span { grid-row:span 2; display:grid; place-items:center; width:29px; height:29px; border-radius:50%; background:var(--clay); color:white; font:700 14px var(--sans); }.reference-flow strong { color:var(--forest); font-size:15px; line-height:1.15; }.reference-flow small { grid-column:2; color:var(--muted); font-size:12px; line-height:1.35; margin-top:6px; }.interior-gallery-section { padding:clamp(70px,9vw,130px) clamp(20px,8vw,150px); background:#ede7dc; }.interior-gallery { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-top:48px; }.gallery-card { background:var(--paper); margin:0; overflow:hidden; border:1px solid #d3cec2; }.gallery-card img { width:100%; aspect-ratio:1.22; object-fit:cover; }.gallery-wide { grid-column:span 2; display:grid; grid-template-columns:1.35fr .65fr; }.gallery-wide img { aspect-ratio:auto; height:100%; min-height:300px; }.gallery-card figcaption { padding:16px 18px; display:flex; flex-direction:column; gap:3px; color:var(--forest); }.gallery-card figcaption strong { font:22px var(--serif); }.gallery-card figcaption span { color:var(--muted); font-size:11px; text-transform:uppercase; font-weight:800; letter-spacing:.08em; }.inspiration-notes-section { display:grid; grid-template-columns:1fr 1fr; }.theme-note,.fireplace-note { margin:0; min-height:560px; position:relative; display:grid; align-items:end; color:white; overflow:hidden; }.theme-note img,.fireplace-note img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }.theme-note:after,.fireplace-note:after { content:''; position:absolute; inset:0; background:linear-gradient(0deg,#10251de8 0%,#10251d20 73%); }.theme-note>div,.fireplace-note>div { position:relative; z-index:1; padding:clamp(35px,6vw,86px); }.theme-note h2,.fireplace-note h2 { color:white; }.theme-note p:not(.eyebrow),.fireplace-note p:not(.eyebrow) { max-width:600px; color:#e5ede5; }.theme-note .eyebrow,.fireplace-note .eyebrow { color:#f2c96e; }
.community-section { padding:clamp(75px,10vw,135px) clamp(20px,10vw,175px); display:grid; grid-template-columns:.9fr 1.1fr; gap:clamp(40px,7vw,110px); align-items:center; background:var(--paper); }.community-copy h2 { font:clamp(40px,4.5vw,62px) var(--serif); line-height:1.02; letter-spacing:-.045em; color:var(--forest); margin:0; }.community-copy>p:not(.eyebrow) { color:var(--muted); font-size:18px; max-width:520px; }.community-actions { display:flex; flex-wrap:wrap; gap:11px; margin-top:26px; }.community-preview { background:#f6f1e8; border:1px solid var(--line); box-shadow:14px 14px 0 #d9e0d2; padding:18px; color:var(--forest); }.preview-top { display:flex; align-items:center; gap:9px; font-size:15px; border-bottom:1px solid #d7d3ca; padding:0 0 13px; }.preview-logo { display:grid; place-items:center; width:31px; height:31px; border-radius:50%; background:var(--clay); color:white; font:bold 12px var(--serif); }.planned-pill { margin-left:auto; background:#e5d7b9; color:#725211; text-transform:uppercase; font-size:9px; letter-spacing:.1em; padding:5px 7px; font-weight:800; }.preview-design { display:grid; grid-template-columns:130px 1fr; gap:17px; background:white; margin-top:15px; padding:12px; }.preview-design img { width:130px; height:99px; object-fit:cover; }.preview-design div { align-self:center; }.avatar { display:inline-grid; place-items:center; background:var(--forest); color:white; width:24px; height:24px; margin-right:7px; font-size:10px; border-radius:50%; }.preview-design strong { font-size:13px; }.preview-design small { display:block; font:19px var(--serif); line-height:1.13; margin-top:9px; }.preview-comment { display:flex; gap:9px; margin:14px 0 0 22px; background:#e3ebdf; padding:11px; font-size:12px; }.light-avatar { background:#b65a43; flex:0 0 auto; }.preview-comment p { margin:0; }.preview-controls { display:flex; gap:17px; align-items:center; padding:15px 3px 2px; color:var(--muted); font-size:11px; font-weight:700; }.preview-controls button { margin-left:auto; border:1px solid #bcb8ac; background:#e5e1d8; color:#797c76; border-radius:3px; font:700 11px var(--sans); padding:7px 9px; cursor:not-allowed; }.community-plans-section { padding:clamp(70px,9vw,125px) clamp(20px,8vw,150px); background:#eef2e9; }.community-plan-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:22px; margin-top:50px; }.community-plan-grid article { border-top:3px solid var(--sage); padding-top:17px; }.community-plan-grid span { color:var(--clay); font:26px var(--serif); }.community-plan-grid h3 { color:var(--forest); font:25px var(--serif); line-height:1.05; margin:9px 0; }.community-plan-grid p { color:var(--muted); font-size:14px; margin:0; }.community-safety { max-width:900px; margin:52px auto 0; background:white; border-left:4px solid var(--gold); padding:17px 20px; color:#4d594f; font-size:14px; }
.video-section { background:#254b3a; color:white; display:grid; grid-template-columns:1fr 1fr; gap:50px; padding:clamp(70px,9vw,125px) clamp(20px,10vw,180px); align-items:center; }.video-copy .eyebrow { color:var(--gold); }.video-copy>p:not(.eyebrow) { color:#d8e0d7; max-width:480px; }.video-placeholder { min-height:300px; background:radial-gradient(circle at 28% 18%,#4a785f,#193629 62%); border:1px solid #6b927d; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:25px; box-shadow:12px 12px 0 #d7a852; }.video-placeholder strong { font:31px var(--serif); max-width:280px; line-height:1.08; margin-top:15px; }.video-placeholder small { color:#d7a852; margin-top:10px; text-transform:uppercase; font-weight:800; letter-spacing:.12em; font-size:11px; }.play-icon { display:grid; place-items:center; width:58px; height:58px; padding-left:3px; border-radius:50%; color:var(--forest); background:var(--gold); }
.faq-section { max-width:1120px; margin:auto; }.centered { text-align:center; margin-inline:auto; }.faq-list { margin-top:45px; border-top:1px solid var(--line); }.faq-list details { border-bottom:1px solid var(--line); padding:0 3px; }.faq-list summary { cursor:pointer; padding:22px 33px 22px 0; color:var(--forest); font:700 21px var(--serif); position:relative; list-style:none; }.faq-list summary::-webkit-details-marker { display:none; }.faq-list summary:after { content:'+'; position:absolute; right:3px; top:18px; font:30px var(--sans); color:var(--clay); }.faq-list details[open] summary:after { content:'−'; }.faq-list p { max-width:790px; color:var(--muted); margin:0 0 22px; }
.download-section { background:linear-gradient(115deg,#ad472f 0%,#ad472f 49%,#913523 49%); color:white; padding:clamp(65px,8vw,120px) clamp(20px,10vw,180px); display:grid; grid-template-columns:1.25fr .75fr; gap:60px; align-items:center; }.download-section h2 { font-size:clamp(38px,4.8vw,63px); max-width:760px; }.download-section>div>p:not(.eyebrow) { max-width:600px; color:#fee5d7; }.light { color:#ffd172; }.download-card { background:var(--paper); color:var(--forest); padding:30px; display:flex; flex-direction:column; gap:9px; box-shadow:10px 10px 0 #702714; }.windows-icon { font-size:36px; color:var(--clay); }.download-card strong { font:28px var(--serif); }.download-card small,.download-card>p { font-size:13px; color:var(--muted); margin:0; }.button-disabled { background:#d7d3ca; color:#72766e; border:0; cursor:not-allowed; margin-top:12px; width:100%; }
.support-section { text-align:center; padding:clamp(70px,9vw,120px) 20px; background:var(--cream); }.support-section .eyebrow { color:var(--clay); }.support-section h2 { font-size:clamp(35px,4vw,55px); max-width:750px; margin:auto; }.support-section>p:not(.eyebrow) { color:var(--muted); }.button-outline { color:var(--forest); border:2px solid var(--forest); background:transparent; margin-top:17px; }.button-outline:hover { background:var(--forest); color:white; }.coming-soon { opacity:.62; cursor:not-allowed; }.coming-soon:hover { background:transparent; color:var(--forest); }.support-fineprint { font-size:12px; max-width:560px; margin:25px auto 0; }.site-footer { background:var(--pine); color:#e9eee7; padding:55px clamp(20px,8vw,150px); }.footer-brand { color:white; }.site-footer>p:not(.copyright) { max-width:560px; color:#bfcec1; margin:25px 0 0; }.footer-disclaimer { font-size:13px; }.copyright { margin:35px 0 0; color:#8caa95; font-size:12px; }
@media (max-width:850px) { .site-header { position:relative; padding-block:18px; }.menu-button { display:block; }.primary-nav { display:none; position:absolute; top:100%; left:0; right:0; z-index:10; padding:20px; background:var(--paper); border-top:1px solid var(--line); box-shadow:0 12px 22px #17251f1d; flex-direction:column; align-items:stretch; }.primary-nav.open { display:flex; }.primary-nav a { padding:10px; }.nav-cta { text-align:center; }.hero { grid-template-columns:1fr; background:var(--cream); padding-bottom:72px; }.hero-copy { margin:auto; }.hero-visual { min-height:420px; max-width:620px; }.trust-strip,.start-grid,.steps,.editor-grid,.feature-band,.capability-columns,.reference-tiles,.reference-flow,.interior-gallery,.inspiration-notes-section,.community-section,.community-plan-grid,.video-section,.download-section { grid-template-columns:1fr; }.editor-card-wide,.gallery-wide { grid-column:auto; display:block; }.editor-card-wide img { min-height:0; aspect-ratio:1.42; border-right:0; border-bottom:1px solid var(--line); }.gallery-wide img { min-height:0; aspect-ratio:1.22; }.trust-strip>div { padding:18px 25px; }.feature-image { min-height:380px; }.feature-copy { padding-inline:28px; }.download-section { gap:35px; }.download-card { max-width:460px; }.story-section,.capabilities-section,.faq-section { padding-inline:25px; }.community-preview { max-width:600px; width:100%; }.reference-tile,.reference-tile img { min-height:220px; }.theme-note,.fireplace-note { min-height:490px; } }
@media (max-width:480px) { body { font-size:16px; }.hero h1 { font-size:45px; }.hero-visual { min-height:310px; }.concept-card { bottom:30px; }.vision-card { top:15px; }.concept-card figcaption,.vision-card figcaption { font-size:8px; padding:7px 2px; }.conversion-arrow { left:42%; top:49%; }.conversion-arrow span { width:40px; height:40px; font-size:19px; }.conversion-arrow small { font-size:7px; }.visual-label { font-size:8px; padding:6px; }.feature-image { min-height:290px; }.video-placeholder { min-height:250px; box-shadow:7px 7px 0 #d7a852; }.faq-list summary { font-size:19px; }.download-section { padding-inline:25px; }.download-card { padding:24px; } }

/* Top journey: a six-step, left-to-right view of the real builder and developing visualization workflow. */
.hero { min-height:0; display:block; padding:clamp(47px,6vw,88px) clamp(20px,6vw,100px) clamp(44px,6vw,76px); background:linear-gradient(120deg,var(--cream) 0%,var(--cream) 58%,#e9e0d0 58%); }.hero-copy { max-width:850px; margin:0; }.hero h1 { max-width:940px; font-size:clamp(45px,5vw,73px); }.hero-intro { max-width:720px; }.hero-cta { min-height:64px; padding:10px 17px 10px 21px; text-align:left; justify-content:space-between; min-width:245px; }.hero-cta span { display:flex; flex-direction:column; line-height:1.1; }.hero-cta strong { font-size:16px; }.hero-cta small { margin-top:4px; font-size:11px; font-weight:700; color:#ffe9dc; }.hero-cta b { font-size:25px; padding-left:16px; }.journey-wrap { margin-top:clamp(38px,5vw,64px); }.journey-heading { display:flex; justify-content:space-between; gap:22px; align-items:end; margin-bottom:14px; }.journey-heading strong { color:var(--forest); font:clamp(26px,2.5vw,38px)/1 var(--serif); letter-spacing:-.03em; }.journey-heading span { max-width:380px; color:var(--muted); font-size:13px; line-height:1.35; }.journey-steps { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:12px; list-style:none; margin:0; padding:0; }.journey-step { min-width:0; position:relative; background:var(--paper); border:1px solid #d7d1c6; box-shadow:0 7px 17px #1d281f12; }.journey-step:not(:last-child):after { content:'→'; display:grid; place-items:center; position:absolute; z-index:2; right:-19px; top:36%; width:26px; height:26px; border-radius:50%; color:white; background:var(--clay); border:2px solid var(--cream); font-weight:800; }.journey-step>img,.sketch-pad { width:100%; aspect-ratio:1.2; object-fit:cover; background:#dfe8de; }.journey-caption { padding:10px 10px 12px; min-height:102px; }.journey-caption span { display:block; color:var(--clay); text-transform:uppercase; letter-spacing:.1em; font-size:9px; font-weight:800; }.journey-caption strong { display:block; color:var(--forest); font:clamp(16px,1.45vw,20px)/1.04 var(--serif); margin-top:5px; }.journey-caption small { display:block; color:var(--muted); font-size:10px; line-height:1.25; margin-top:6px; }.sketch-pad { position:relative; overflow:hidden; background-color:#edf3ea; background-image:linear-gradient(#cfdbcdaa 1px,transparent 1px),linear-gradient(90deg,#cfdbcdaa 1px,transparent 1px); background-size:18px 18px; }.sketch-pad i { position:absolute; display:block; border:3px solid var(--forest); background:#f9f4e5; }.sketch-pad i:nth-child(1) { left:19%; top:39%; width:45%; height:38%; }.sketch-pad i:nth-child(2) { left:47%; top:18%; width:32%; height:37%; }.sketch-pad i:nth-child(3) { left:61%; top:57%; width:24%; height:25%; }.sketch-pad b { position:absolute; width:33%; height:16%; left:25%; top:24%; border-top:4px solid var(--clay); transform:skewY(-27deg); }.journey-note { color:var(--muted); font-size:12px; margin:14px 0 0; }.journey-note::first-letter { color:var(--clay); font-weight:800; }
@media (max-width:1100px) { .journey-steps { overflow-x:auto; grid-template-columns:none; grid-auto-flow:column; grid-auto-columns:minmax(190px,1fr); padding:0 8px 12px 0; scrollbar-color:var(--sage) #e6e0d5; }.journey-step:not(:last-child):after { right:-18px; }.journey-heading { align-items:start; flex-direction:column; }.journey-heading span { max-width:580px; } }
@media (max-width:600px) { .hero { padding-inline:20px; }.hero h1 { font-size:43px; }.hero-actions { align-items:stretch; flex-direction:column; }.hero-cta { width:100%; }.journey-wrap { margin-top:38px; }.journey-heading strong { font-size:29px; }.journey-steps { grid-auto-columns:minmax(218px,78vw); }.journey-caption { min-height:94px; } }