@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:not(:where([data-focus-input=pointer] *)){outline:2px solid var(--color-moss-600);outline-offset:5px}.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, 1120px);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{justify-content:space-between;align-items:center;gap:24px;min-height:80px;display:flex}.landing-wordmark{letter-spacing:-.055em;align-items:center;gap:8px;font-size:30px;font-weight:600;display:flex}.landing-mark{background:var(--color-moss-950);border-radius:11px;place-items:center;width:32px;height:32px;display:grid}.landing-nav nav{gap:36px;font-size:14px;font-weight:500;display:flex}.landing-nav a{align-items:center;min-width:44px;min-height:44px;display:flex}.landing-nav nav a:hover,.landing-footer a:hover{text-underline-offset:5px;text-decoration:underline}.landing-intro{text-align:center;flex-direction:column;align-items:center;padding:44px 0 48px;display:flex}.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;font-size:clamp(48px,5.5vw,72px);font-weight:400;line-height:1.06}.landing-intro>p{max-width:380px;color:var(--color-moss-800);text-wrap:pretty;margin-top:20px;font-size:16px;line-height:1.65}.landing-intro>.landing-button{margin-top:24px}.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:center;align-items:center;padding:13px 22px;font-size:14px;font-weight:500;transition:background .16s;display:inline-flex}.landing-button:hover{background:var(--color-moss-800)}.room-demo{border:1px solid var(--color-line-strong);border-radius:var(--radius-tile);background:var(--color-bg);max-width:680px;margin-inline:auto;overflow:hidden}.room-demo-toolbar{justify-content:space-between;align-items:center;gap:12px;padding:10px 20px;display:flex}.room-demo-toolbar>span{color:var(--color-moss-700);font-size:12px}.room-demo-switch{gap:4px;display:flex}.room-demo-switch button{border-radius:var(--radius-seg);cursor:pointer;min-height:44px;padding-inline:18px;font-size:13px}.room-demo-switch button[aria-pressed=true]{background:var(--color-moss-100)}.room-demo-scene{background:var(--color-tint-sage)}.room-demo-bedroom{background:var(--color-tint-linen)}.room-demo-hint{color:var(--color-moss-800);padding:14px 20px 4px;font-size:13px;line-height:1.5}.room-demo-canvas{position:relative}.room-scene{width:100%;height:auto;display:block}.room-demo-hotspot{border-radius:var(--radius-ctl);min-width:44px;min-height:44px;color:var(--color-moss-950);cursor:pointer;justify-content:center;align-items:center;font-size:13px;font-weight:500;display:flex;position:absolute;transform:translate(-50%,-50%)}.room-demo-hotspot>span{border:1px solid var(--color-moss-600);border-radius:var(--radius-ctl);background:var(--color-bg);align-items:center;gap:5px;padding:7px 12px;display:flex}.room-demo-hotspot:hover>span{background:var(--color-moss-100)}.room-demo-hotspot[aria-pressed=true]>span{background:var(--color-moss-950);color:var(--color-moss-50);border-color:var(--color-moss-950)}.room-demo-spot-main{top:60%;left:38%}.room-demo-spot-lamp{top:42%;left:73%}.room-demo-spot-front{top:87%;left:43%}.room-demo-bedroom .room-demo-spot-main{top:59%;left:48%}.room-demo-bedroom .room-demo-spot-lamp{top:44%;left:82%}.room-demo-bedroom .room-demo-spot-front{top:87%;left:49%}.room-demo-details{padding:20px}.room-demo-selection{min-height:158px}.room-demo-item-heading{justify-content:space-between;align-items:baseline;gap:16px;font-size:20px;font-weight:500;display:flex}.room-demo-item-heading>span{font-variant-numeric:tabular-nums;flex-shrink:0}.room-demo-conversation{gap:12px;margin-top:14px;padding:0;list-style:none;display:grid}.room-demo-message{min-height:52px;color:var(--color-moss-800);align-items:flex-start;gap:10px;font-size:13px;line-height:1.5;display:flex}.room-demo-message>div:first-child{flex-shrink:0}.room-demo-message-body{flex:1;min-width:0}.room-demo-message-heading{justify-content:space-between;align-items:baseline;gap:6px;margin-bottom:4px;font-size:12px;display:flex}.room-demo-message-heading strong{color:var(--color-moss-950);font-weight:500}.room-demo-message-heading p>span{color:var(--color-moss-700);font-size:11px}.room-demo-action{background:var(--color-moss-100);color:var(--color-moss-800);border-radius:4px;flex-shrink:0;padding:1px 6px;font-size:11px}.room-demo-action[data-action=Approved]{background:var(--color-moss-950);color:var(--color-moss-50)}.room-demo-action[data-action=Passed]{background:var(--color-clay-100);color:var(--color-clay-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-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-designer-band{background:var(--color-moss-950);color:var(--color-moss-50);margin-top:100px}.landing-designer-band :is(a,button):focus-visible:not(:where([data-focus-input=pointer] *)){outline-color:var(--color-moss-100)}.landing-designer-band .landing-preview-label,.landing-designer-band .designer-services{border-color:var(--color-moss-700)}.landing-designer-band .landing-section-heading>p:last-of-type,.landing-designer-band .designer-services p{color:var(--color-moss-200)}.landing-designer-band .landing-button{background:var(--color-moss-100);color:var(--color-moss-950)}.landing-designer-band .landing-button:hover{background:var(--color-tint-sage)}.landing-designers{grid-template-columns:1fr 1fr;gap:64px 100px;padding-block:86px;display:grid}.landing-designers .landing-button{margin-top:27px}.designer-workspace{background:var(--color-bg);color:var(--color-moss-950);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(2,1fr);gap:52px;padding-top:32px;display:grid}.landing-invitation{background:var(--color-tint-sage)}.landing-invitation-layout{grid-template-columns:1fr 360px;align-items:center;gap:45px;padding-block:68px;display:grid}.landing-invitation h2{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)}.beta-form{flex-direction:column;gap:14px;display:flex}.beta-form label{flex-direction:column;gap:6px;font-size:13px;font-weight:500;display:flex}.beta-form textarea{resize:vertical}.beta-form .landing-button{margin-top:4px}.beta-form .landing-button:disabled{opacity:.6}.beta-form-trap{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.beta-form-error{color:var(--color-clay-700);font-size:13px}.beta-form-done{font-size:15px;line-height:1.6}.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>a{align-items:center;gap:12px;min-height:44px;font-size:12px;display:inline-flex}@media (max-width:1100px){.landing-home,.landing-designers{column-gap:60px}.landing-invitation-layout{grid-template-columns:1fr 320px;gap:40px}.designer-client{gap:10px;margin-inline:17px}.designer-client p{max-width:135px;line-height:1.6}}@media (max-width:760px){.room-demo{border-radius:var(--radius-card);max-width:760px}.room-demo-toolbar{padding:10px 12px}.room-demo-switch button{padding-inline:12px;font-size:12px}.room-demo-hint{padding:14px 18px 4px;font-size:12px}.room-demo-hotspot{font-size:11px}.room-demo-hotspot>span{gap:3px;padding:5px 8px}.room-demo-hotspot svg{width:12px;height:12px}.room-demo-details{padding:18px}.room-demo-item-heading{gap:10px;font-size:17px}.room-demo-message{min-height:76px}.room-demo-selection{min-height:204px}.landing-designer-band{margin-top:64px}.landing-nav{gap:16px;min-height:76px}.landing-nav nav{gap:18px;font-size:12px}.landing-wordmark{font-size:29px}.landing-mark{width:32px;height:32px}.landing-intro{padding-block:30px 36px}.landing-intro h1{font-size:clamp(44px,8vw,60px)}.landing-intro>p{font-size:15px}.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-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 p{max-width:470px}.landing-invitation-layout{grid-template-columns:1fr;gap:30px;padding-block:50px 35px}.invitation-actions{max-width:400px}.landing-footer{flex-wrap:wrap;gap:13px 24px;padding-block:25px}}@media (max-width:440px){.landing-intro h1{font-size:clamp(42px,12vw,50px)}.landing-kicker{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}}}