@layer components{.moss-landing{background:var(--color-bg);color:var(--color-moss-950);--landing-gutter:clamp(24px, 5vw, 80px);min-height:100dvh;overflow:clip}.moss-landing :is(a,button,summary):focus-visible{outline:2px solid var(--color-moss-600);outline-offset:5px}.landing-help :is(a,button):focus-visible{outline-color:var(--color-moss-100)}.moss-landing :is(a,button){touch-action:manipulation}.moss-landing :is(section,#home-demo){scroll-margin-top:24px}.landing-wrap{width:min(100% - var(--landing-gutter) * 2, 1280px);margin-inline:auto}.landing-skip{z-index:50;background:var(--color-moss-950);color:var(--color-bg);padding:14px 20px;position:fixed;top:12px;left:12px;transform:translateY(-200%)}.landing-skip:focus{transform:none}.landing-nav{border-bottom:1px solid var(--color-line-strong);justify-content:space-between;align-items:center;gap:24px;min-height:100px;display:flex}.landing-wordmark{letter-spacing:-.055em;align-items:center;gap:8px;font-size:34px;font-weight:600;display:flex}.landing-mark{background:var(--color-moss-950);border-radius:11px;place-items:center;width:36px;height:36px;display:grid}.landing-nav nav{gap:36px;font-size:14px;font-weight:500;display:flex}.landing-nav a{align-items:center;min-height:44px;display:flex}.landing-nav nav a:hover,.landing-text-link:hover,.landing-footer a:hover{text-underline-offset:5px;text-decoration:underline}.landing-sign-in{gap:10px;font-size:14px;font-weight:500}.landing-intro{grid-template-columns:1.25fr 1fr;align-items:end;gap:80px;padding:68px 0 55px;display:grid}.landing-kicker{letter-spacing:.09em;text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:13px;font-size:11px;font-weight:600;display:flex}.landing-intro h1{font-family:var(--font-display);letter-spacing:-.04em;margin-top:22px;font-size:clamp(60px,6.7vw,96px);font-weight:400;line-height:1.02}.landing-intro-copy{max-width:360px;padding-bottom:4px}.landing-intro-copy>p{margin-bottom:25px;font-size:17px;line-height:1.7}.landing-button{border-radius:var(--radius-ctl);background:var(--color-moss-950);min-height:52px;color:var(--color-moss-50);border:1px solid #0000;justify-content:space-between;align-items:center;gap:28px;padding:13px 22px;font-size:14px;font-weight:500;transition:background .16s;display:inline-flex}.landing-button:hover{background:var(--color-moss-800)}.landing-arrow{font-size:21px;font-weight:400;line-height:1}.landing-text-link{align-items:center;gap:22px;width:fit-content;min-height:44px;margin-top:6px;font-size:13px;display:flex}.landing-text-link span{font-size:18px}.room-demo{border:1px solid var(--color-line-strong);border-radius:var(--radius-tile);overflow:hidden}.demo-toolbar{background:var(--color-bar);border-bottom:1px solid var(--color-line-strong);justify-content:space-between;align-items:center;gap:20px;padding:13px 24px;display:flex}.demo-home{align-items:center;gap:10px;font-size:13px;font-weight:500;display:flex}.demo-example{color:var(--color-moss-700);font-size:11px}.demo-room-switch{border:1px solid var(--color-line-strong);border-radius:100px;padding:3px;display:flex}.demo-room-switch button{cursor:pointer;border-radius:100px;min-height:44px;padding:0 18px;font-size:12px}.demo-room-switch button[aria-pressed=true]{background:var(--color-moss-950);color:var(--color-moss-50)}.demo-interior{background:var(--color-tint-sage);grid-template-columns:1.75fr 1fr;display:grid}.demo-bedroom{background:var(--color-tint-linen)}.demo-scene{align-self:end;min-width:0;padding-top:65px;position:relative}.demo-room-heading{position:absolute;top:24px;left:30px}.demo-room-heading h3{letter-spacing:-.03em;font-size:18px;font-weight:500}.demo-room-heading p{color:var(--color-moss-700);margin-top:4px;font-size:11px}.room-scene{width:100%;display:block}.demo-items{background:var(--color-bg);border-radius:var(--radius-card);align-self:center;margin:34px 30px 34px 8px;padding:22px}.demo-items-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:7px;font-size:13px;font-weight:600;display:flex}.demo-count{color:var(--color-moss-700);font-size:11px;font-weight:400}.demo-item{border-bottom:1px solid var(--color-line-strong);grid-template-columns:70px 1fr;align-items:center;column-gap:15px;padding:20px 0;display:grid}.demo-item-art{background:var(--color-tint-linen);border-radius:10px;grid-row:span 2;width:70px;height:78px}.demo-item-description p{color:var(--color-moss-700);font-size:11px}.demo-item-description h4{margin:3px 0;font-size:14px;font-weight:600}.demo-item-description>span{font-size:12px}.demo-approve{min-width:44px;min-height:44px;color:var(--color-moss-700);cursor:pointer;justify-self:start;align-items:center;gap:5px;font-size:11px;font-weight:500;display:flex}.demo-approve svg{border:1px solid var(--color-moss-400);border-radius:50%;width:21px;height:21px;padding:3px}.demo-approve[aria-pressed=true] svg{background:var(--color-moss-700);border-color:var(--color-moss-700);color:var(--color-moss-50)}.demo-total{justify-content:space-between;align-items:center;gap:12px;padding-top:18px;font-size:11px;display:flex}.demo-total strong{font-variant-numeric:tabular-nums;font-size:18px;font-weight:500}.demo-instruction{color:var(--color-moss-700);margin-top:14px;font-size:11px;line-height:1.6}.demo-footnote{border-top:1px solid var(--color-line-strong);justify-content:space-between;gap:20px;padding:15px 24px;font-size:11px;display:flex}.demo-footnote span:last-child{color:var(--color-moss-700)}.landing-home{grid-template-columns:1fr 1fr;gap:120px;padding-block:110px 120px;display:grid}.moss-landing h2{font-family:var(--font-display);letter-spacing:-.03em;font-size:clamp(38px,4vw,56px);font-weight:400;line-height:1.1}.landing-section-heading h2{margin-top:22px}.landing-section-heading>p:last-of-type{max-width:360px;color:var(--color-moss-800);margin-top:23px;font-size:15px;line-height:1.8}.landing-home-details{padding-top:9px}.landing-detail{border-top:1px solid var(--color-line-strong);gap:25px;padding:24px 0;display:flex}.landing-detail:first-child{border:0;padding-top:0}.landing-detail-number{color:var(--color-moss-700);font-size:11px;font-weight:500;line-height:2}.landing-detail h3,.designer-services h3{font-size:16px;font-weight:600;line-height:1.5}.landing-detail p,.designer-services p{color:var(--color-moss-800);margin-top:8px;font-size:13px;line-height:1.8}.landing-help{background:var(--color-moss-950);color:var(--color-moss-50)}.landing-help-layout{grid-template-columns:1fr 1fr;align-items:center;gap:100px;padding-block:86px;display:grid}.landing-help .landing-kicker{color:var(--color-moss-200)}.landing-preview-label{border:1px solid var(--color-line-strong);letter-spacing:.05em;border-radius:5px;padding:3px 7px;font-size:11px;font-weight:500;line-height:1.4}.landing-help .landing-preview-label{border-color:var(--color-moss-600)}.landing-help h2{margin-top:25px}.landing-help-copy>p:not(.landing-kicker){max-width:420px;color:var(--color-moss-200);margin-top:24px;font-size:15px;line-height:1.8}.landing-help .landing-button{margin-top:28px}.landing-button-light{background:var(--color-moss-100);color:var(--color-moss-950)}.landing-button-light:hover{background:var(--color-tint-sage)}.landing-collaboration{border:1px solid var(--color-moss-700);border-radius:var(--radius-card);overflow:hidden}.collaboration-top{justify-content:space-between;align-items:center;padding:19px 22px;font-size:11px;display:flex}.collaboration-top>span:first-child{align-items:center;gap:9px;display:flex}.collaboration-top>span:last-child{color:var(--color-moss-200);font-size:11px}.collaboration-board{background:var(--color-tint-linen);color:var(--color-moss-950);justify-content:center;align-items:center;gap:20px;padding:28px 20px 23px;display:flex}.collaboration-piece{text-align:center;width:43%;max-width:155px}.collaboration-piece svg{height:145px}.collaboration-piece span{margin-top:7px;font-size:11px;display:block}.collaboration-plus{color:var(--color-moss-600);font-size:25px;font-weight:400}.collaboration-note{gap:13px;padding:23px 22px 14px;display:flex}.designer-initial{background:var(--color-tint-sage);width:33px;height:33px;color:var(--color-moss-950);border-radius:50%;flex-shrink:0;place-items:center;font-size:12px;display:grid}.collaboration-author{font-size:12px}.collaboration-author span{color:var(--color-moss-300);margin-left:8px;font-size:11px}.collaboration-note p:last-child{color:var(--color-moss-100);margin-top:7px;font-size:12px;line-height:1.8}.collaboration-caption{color:var(--color-moss-300);padding:0 22px 21px 68px;font-size:11px}.landing-designers{grid-template-columns:1fr 1fr;gap:64px 100px;padding-block:115px 100px;display:grid}.landing-designers .landing-button{margin-top:27px}.designer-workspace{border:1px solid var(--color-line-strong);border-radius:var(--radius-card);align-self:center;overflow:hidden}.designer-workspace-top{border-bottom:1px solid var(--color-line-strong);justify-content:space-between;align-items:center;gap:15px;padding:23px;font-size:13px;font-weight:500;display:flex}.designer-workspace-top span:last-child{color:var(--color-moss-700);font-size:11px;font-weight:400}.designer-client{border-bottom:1px solid var(--color-line-strong);align-items:center;gap:14px;margin:0 22px;padding:24px 0;display:flex}.client-house{border-radius:24px 24px 8px 8px;flex-shrink:0;place-items:center;width:50px;height:60px;display:grid}.client-house-sage{background:var(--color-tint-sage)}.client-house-clay{background:var(--color-tint-clay)}.designer-client h3{font-size:14px;font-weight:500}.designer-client p{color:var(--color-moss-700);margin-top:6px;font-size:11px}.client-status,.client-status-neutral{border-radius:5px;margin-left:auto;padding:5px 7px;font-size:11px}.client-status{background:var(--color-clay-100);color:var(--color-clay-700)}.client-status-neutral{background:var(--color-moss-100);color:var(--color-moss-700)}.designer-workspace-note{color:var(--color-moss-700);align-items:center;gap:9px;padding:19px 22px;font-size:11px;display:flex}.designer-services{border-top:1px solid var(--color-line-strong);grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:52px;padding-top:32px;display:grid}.designer-services .landing-detail-number{margin-bottom:13px;display:block}.landing-invitation{background:var(--color-tint-sage)}.landing-invitation-layout{grid-template-columns:170px 1fr 260px;align-items:center;gap:45px;padding-block:68px;display:grid}.invitation-window{transform-origin:50%;transform:scale(.9)}.landing-invitation h2{margin-top:17px;font-size:clamp(34px,3.2vw,46px)}.landing-invitation h2+p{max-width:375px;margin-top:20px;font-size:13px;line-height:1.8}.invitation-actions{flex-direction:column;gap:10px;display:flex}.landing-button-outline{border-color:var(--color-moss-700);color:var(--color-moss-950);background:0 0}.landing-button-outline:hover{background:var(--color-moss-100)}.invitation-actions p{text-align:center;margin-top:5px;font-size:11px}.invitation-actions p a{text-underline-offset:3px;justify-content:center;align-items:center;min-width:44px;min-height:44px;text-decoration:underline;display:inline-flex}.landing-footer{justify-content:space-between;align-items:center;gap:24px;padding-block:37px;display:flex}.landing-footer p{color:var(--color-moss-700);font-size:12px}.landing-footer>a{align-items:center;gap:12px;min-height:44px;font-size:12px;display:inline-flex}@media (max-width:1100px){.landing-intro{gap:40px}.demo-interior{grid-template-columns:1.45fr 1fr}.demo-items{margin:22px 22px 22px 0;padding:18px}.demo-room-heading{left:24px}.demo-scene{align-self:center;padding-top:100px}.landing-home,.landing-help-layout,.landing-designers{column-gap:60px}.landing-invitation-layout{grid-template-columns:1fr 240px;gap:40px}.invitation-window{display:none}.designer-client{gap:10px;margin-inline:17px}.designer-client p{max-width:135px;line-height:1.6}}@media (max-width:760px){.landing-nav{gap:16px;min-height:85px}.landing-nav nav{gap:18px;font-size:12px}.landing-wordmark{font-size:29px}.landing-mark{width:32px;height:32px}.landing-sign-in{gap:3px;font-size:12px}.landing-intro{grid-template-columns:1fr;gap:23px;padding-block:45px 30px}.landing-intro h1{margin-top:18px;font-size:clamp(56px,9vw,76px)}.landing-intro-copy{max-width:450px}.landing-intro-copy>p{margin-bottom:19px;font-size:15px}.landing-intro-copy .landing-text-link{margin-left:18px;display:inline-flex}.demo-toolbar{flex-wrap:wrap;gap:12px;padding:14px 18px}.demo-example{margin-left:auto}.demo-room-switch{order:3;justify-content:center;width:100%}.demo-room-switch button{flex:1}.demo-interior{grid-template-columns:1fr}.demo-scene{padding-top:75px}.demo-room-heading{top:20px;left:20px}.demo-items{margin:0 18px 22px;padding:20px}.demo-item{grid-template-columns:70px 1fr auto;column-gap:15px;padding:16px 0}.demo-item-art{grid-row:auto}.demo-item-description p{font-size:11px}.demo-footnote{flex-direction:column;gap:5px;padding:14px 18px;line-height:1.6}.landing-home{grid-template-columns:1fr;gap:35px;padding-block:65px 60px}.landing-section-heading>p:last-of-type{max-width:470px;margin-top:18px}.landing-detail{gap:20px;padding-block:21px}.landing-help-layout{grid-template-columns:1fr;gap:37px;padding-block:55px}.landing-help-copy>p:not(.landing-kicker){max-width:470px}.landing-collaboration{max-width:500px}.landing-designers{grid-template-columns:1fr;gap:35px;padding-block:65px 60px}.designer-client p{max-width:none}.designer-services{grid-template-columns:1fr;gap:26px}.designer-services .landing-detail-number{margin-bottom:5px}.designer-services p{max-width:470px}.landing-invitation-layout{grid-template-columns:1fr;gap:30px;padding-block:50px 35px}.invitation-window{transform-origin:100% 0;display:block;position:absolute;top:30px;right:10px;transform:scale(.48)}.landing-invitation .landing-wrap{position:relative}.landing-invitation .landing-kicker{min-height:50px}.invitation-actions{max-width:400px}.landing-footer{flex-wrap:wrap;gap:13px 24px;padding-block:25px}.landing-footer p{order:3;width:100%}}@media (max-width:440px){.landing-nav{flex-wrap:wrap;gap:0;padding-block:13px 5px}.landing-nav nav{border-top:1px solid var(--color-line);order:3;justify-content:center;gap:32px;width:100%;margin-top:10px}.landing-intro{padding-top:34px}.landing-intro h1{font-size:clamp(49px,14vw,61px)}.landing-kicker{font-size:11px}.landing-intro-copy .landing-text-link{margin-top:5px;margin-left:0;display:flex}.room-demo{border-radius:var(--radius-card)}.demo-items{margin-inline:12px;padding:17px}.demo-item{grid-template-columns:62px 1fr;column-gap:13px}.demo-item-art{grid-row:span 2;width:62px;height:76px}.demo-room-heading p{font-size:11px}.demo-scene{padding-top:76px}.demo-home{gap:7px;font-size:12px}.demo-example,.demo-instruction,.demo-total{font-size:11px}.designer-workspace-top{padding:18px;font-size:12px}.designer-workspace-top span:last-child{font-size:11px}.designer-client{flex-wrap:wrap;gap:12px}.designer-client>div{flex:1}.designer-client p{max-width:130px}.client-house{width:38px;height:48px}.client-status,.client-status-neutral{padding-inline:5px;font-size:11px}.designer-workspace-note{padding:17px;font-size:11px}.landing-invitation h2{font-size:37px}.landing-footer>a:last-child{gap:7px;font-size:11px}}}