.scroll-scrub{--ss-progress:0;isolation:isolate;color:var(--ss-ink);background:var(--ss-bg);position:relative}.scroll-scrub__stage{z-index:0;background:var(--ss-bg);width:100%;height:100dvh;position:sticky;top:0;overflow:hidden}.scroll-scrub__media,.scroll-scrub__layer,.scroll-scrub__picture,.scroll-scrub__poster,.scroll-scrub__video{width:100%;height:100%;position:absolute;inset:0}.scroll-scrub__media{z-index:0}.scroll-scrub__layer{opacity:0;will-change:opacity;margin:0;overflow:hidden}.scroll-scrub__layer:first-child{opacity:1}.scroll-scrub__poster,.scroll-scrub__video{object-fit:cover;object-position:var(--ss-object-position);display:block}.scroll-scrub__poster{z-index:0}.scroll-scrub__video{z-index:1}.scroll-scrub__layer[data-video-painted=true] .scroll-scrub__poster{visibility:hidden}.scroll-scrub__progress{z-index:5;background:color-mix(in srgb, var(--ss-ink) 14%, transparent);pointer-events:none;height:2px;position:absolute;top:0;left:0;right:0}.scroll-scrub__progress span{background:var(--ss-accent);width:100%;height:100%;transform:scaleX(var(--ss-progress));transform-origin:0;display:block}.scroll-scrub__route{z-index:6;pointer-events:auto;justify-content:flex-end;gap:.25rem;display:flex;position:absolute;top:clamp(1rem,3vw,2rem);left:clamp(1rem,4vw,4rem);right:clamp(1rem,4vw,4rem)}.scroll-scrub__route-button{min-height:2.75rem;color:var(--ss-muted);font:inherit;cursor:pointer;background:0 0;border:0;padding:.65rem .9rem}.scroll-scrub__route-button:hover,.scroll-scrub__route-button[aria-current=step]{color:var(--ss-ink)}.scroll-scrub__route-button[aria-current=step]{text-decoration:underline;-webkit-text-decoration-color:var(--ss-accent);text-decoration-color:var(--ss-accent);text-underline-offset:.3em;text-decoration-thickness:.15em}.scroll-scrub__route-button:focus-visible{outline:2px solid var(--ss-accent);outline-offset:3px}.scroll-scrub__story{z-index:3;pointer-events:none;margin-top:-100dvh;position:relative}.scroll-scrub__chapter,.scroll-scrub__connector-band{position:relative}.scroll-scrub__scene-band{pointer-events:none;position:absolute;top:0;left:0;right:0}.scroll-scrub__chapter-pin{pointer-events:none;align-items:center;min-height:100dvh;padding:clamp(5rem,9vw,8rem) clamp(1.25rem,6vw,6rem);display:flex;position:sticky;top:0}.scroll-scrub__chapter[data-align=right] .scroll-scrub__chapter-pin{justify-content:flex-end}.scroll-scrub__copy{pointer-events:auto;width:min(40rem,48vw);position:relative}.scroll-scrub__copy:before{z-index:-1;content:"";background:radial-gradient(ellipse at center, color-mix(in srgb, var(--ss-bg) 88%, transparent) 0%, color-mix(in srgb, var(--ss-bg) 58%, transparent) 52%, transparent 76%);pointer-events:none;position:absolute;inset:-3rem -5rem}.scroll-scrub__kicker{max-width:30ch;color:var(--ss-accent);letter-spacing:.12em;text-transform:uppercase;margin:0 0 1rem;font-size:.8rem;font-weight:700}.scroll-scrub__title{max-width:13ch;color:var(--ss-ink);font:inherit;letter-spacing:-.045em;text-wrap:balance;margin:0;font-size:clamp(2.75rem,6vw,6.75rem);font-weight:700;line-height:.94}.scroll-scrub__body{max-width:42ch;color:var(--ss-muted);margin:1.5rem 0 0;font-size:clamp(1rem,1.35vw,1.2rem);line-height:1.55}.scroll-scrub__tags{flex-wrap:wrap;gap:.55rem;margin:1.5rem 0 0;padding:0;list-style:none;display:flex}.scroll-scrub__tags li{border:1px solid color-mix(in srgb, var(--ss-ink) 20%, transparent);color:var(--ss-ink);padding:.45rem .7rem;font-size:.82rem}.scroll-scrub__actions{flex-wrap:wrap;gap:.75rem;margin-top:2rem;display:flex}@media (width<=860px){.scroll-scrub__poster,.scroll-scrub__video{object-position:var(--ss-mobile-position)}.scroll-scrub__route{right:max(.75rem, env(safe-area-inset-right));left:max(.75rem, env(safe-area-inset-left));overscroll-behavior-x:contain;scrollbar-width:thin;justify-content:flex-start;overflow-x:auto}.scroll-scrub__route-button{flex:none}.scroll-scrub__chapter-pin,.scroll-scrub__chapter[data-align=right] .scroll-scrub__chapter-pin{padding:6.5rem max(1.25rem, env(safe-area-inset-right)) calc(4rem + env(safe-area-inset-bottom)) max(1.25rem, env(safe-area-inset-left));justify-content:flex-start;align-items:flex-end}.scroll-scrub__copy{width:min(100%,36rem)}.scroll-scrub__copy:before{background:linear-gradient(to top, var(--ss-bg) 0%, color-mix(in srgb, var(--ss-bg) 82%, transparent) 58%, transparent 100%);inset:-3rem -2rem}.scroll-scrub__title{max-width:14ch;font-size:clamp(2.3rem,11vw,4.5rem)}}@media (prefers-reduced-motion:reduce){.scroll-scrub:not([data-motion=scroll]) .scroll-scrub__chapter,.scroll-scrub:not([data-motion=scroll]) .scroll-scrub__scene-band{min-height:100dvh!important}.scroll-scrub:not([data-motion=scroll]) .scroll-scrub__connector-band{display:none}.scroll-scrub__progress span{transition:none}}.feature-showcase{background:linear-gradient(180deg, var(--o-white) 0%, #f6f7ff 100%);position:relative}.feature-showcase .feature-intro{justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:48px;display:flex}.feature-showcase .section-kicker{letter-spacing:.16em;margin-bottom:14px;font-size:12px}.feature-showcase .section-intro h2{letter-spacing:-.045em;font-size:clamp(36px,3.5vw,50px);line-height:1.13}.feature-showcase .section-intro h2>span{color:var(--o-button)}.feature-showcase .section-intro p{max-width:28ch;margin:0 0 4px;font-size:16px;line-height:1.75}.feature-showcase .feature-layout{grid-template-columns:minmax(320px,.8fr) minmax(0,1.35fr);align-items:start;gap:40px}.feature-showcase .feature-list{flex-direction:column;gap:10px;min-width:0;display:flex}.feature-showcase .feature-item{background:#ffffff80;border:1px solid #0000;border-radius:16px;transition:border-color .3s,background .3s,box-shadow .3s;position:relative}.feature-showcase .feature-item:hover{background:var(--o-white);border-color:#dfe0fc}.feature-showcase .feature-item.is-active{background:var(--o-white);box-shadow:0 12px 32px #4a41ae0c, inset 3px 0 var(--o-primary);border-color:#c9c7ff}.feature-showcase .feature-item h3 button{border-radius:15px;gap:13px;padding:15px 16px;font-size:18px;line-height:1.25}.feature-showcase .feature-icon{background:#f5f4ff;border:1px solid #ecebff;border-radius:13px;flex:0 0 48px;place-items:center;width:48px;height:48px;transition:background .3s,transform .4s;display:grid}.feature-showcase .feature-icon img{width:38px;height:38px}.feature-showcase .is-active .feature-icon{background:#eeecff;transform:rotate(-4deg)}.feature-showcase .feature-label{flex-direction:column;gap:5px;min-width:0;display:flex}.feature-showcase .feature-label>span{letter-spacing:-.02em}.feature-showcase .feature-label small{color:var(--o-muted);font:400 12px/1.5 Inter,sans-serif}.feature-showcase .feature-symbol{background:#f0efff;border-radius:50%;flex:0 0 26px;place-items:center;width:26px;height:26px;transition:transform .35s,background .35s,color .35s;display:grid}.feature-showcase .feature-symbol svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.feature-showcase .is-active .feature-symbol{background:var(--o-button);color:var(--o-white);transform:rotate(90deg)}.feature-showcase .feature-reveal{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.2,.7,.2,1),opacity .3s;display:grid}.feature-showcase .is-active .feature-reveal{opacity:1;grid-template-rows:1fr}.feature-showcase .feature-reveal-inner{min-height:0;overflow:hidden}.feature-showcase .feature-expansion{padding:0 20px 22px 77px;animation:none}.feature-showcase .feature-expansion p{font-size:16px;line-height:1.65}.feature-showcase .feature-expansion ul{gap:7px;margin-top:17px;font-size:14px;display:grid}.feature-showcase .feature-expansion li{padding:0 0 0 20px;line-height:1.5;position:relative}.feature-showcase .feature-expansion li:before{margin:0;position:absolute;top:0;left:0}.feature-showcase .product-preview{background:var(--o-white);border:1px solid #dddff5;border-radius:22px;width:100%;max-width:none;top:100px;box-shadow:0 24px 60px #30327e14,0 3px 12px #30327e08}.feature-showcase .product-preview:before{content:"";background:linear-gradient(90deg, var(--o-primary), var(--o-violet), #c4b5fd);height:3px;display:block}.feature-showcase .product-top{background:var(--o-white);border-color:#ededfa;gap:9px;padding:17px 24px;font-size:18px}.feature-showcase .product-top img{width:32px;height:32px}.feature-showcase .product-top strong>span{color:var(--o-muted);font-size:12px}.feature-showcase .demo-label{color:var(--o-button);background:#f2f1ff;border:0;border-radius:20px;padding:5px 10px;font-size:12px}.feature-showcase .product-content{background:linear-gradient(150deg,#fafaff,#f6f8fc);min-height:565px;padding:26px;animation:.48s cubic-bezier(.16,1,.3,1) both showcase-panel-in}.feature-showcase .preview-title{gap:16px;margin-bottom:22px}.feature-showcase .preview-title>div>span{letter-spacing:.14em;font-size:12px}.feature-showcase .preview-title h3{margin-top:5px;font-size:27px;line-height:1.2}.feature-showcase .preview-module-icon{background:#eeecff;border-radius:14px;flex:0 0 50px;place-items:center;width:50px;height:50px;display:grid}.feature-showcase .preview-module-icon img{object-fit:contain;width:38px;height:38px}.feature-showcase .map-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:20px;display:grid}.feature-showcase .map-summary>div{background:var(--o-white);border:1px solid #e6e8f6;border-radius:12px;flex-direction:column;align-items:flex-start;gap:4px;padding:12px 15px;display:flex}.feature-showcase .map-summary>div:nth-child(2){background:#f0edff;border-color:#dcd8fb}.feature-showcase .map-summary>div:nth-child(3){background:#f0f8f4;border-color:#d5e8df}.feature-showcase .map-summary strong{font-variant-numeric:tabular-nums;color:var(--o-ink);font:500 31px/1.1 Outfit,sans-serif}.feature-showcase .map-summary span{color:var(--o-muted);font-size:14px}.feature-showcase .map-filters{gap:5px;margin-bottom:17px}.feature-showcase .map-filters button{border-radius:8px;min-height:34px;padding:6px 9px;font-size:12px;transition:background .25s,color .25s,border-color .25s,box-shadow .25s}.feature-showcase .map-filters button:hover{border-color:var(--o-primary);color:var(--o-button)}.feature-showcase .map-filters button[aria-pressed=true]{color:var(--o-white);background:var(--o-button);box-shadow:0 4px 10px #5558db24}.feature-showcase .room-map{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;min-height:290px}.feature-showcase .room{border-radius:11px;gap:5px;min-width:0;min-height:88px;padding:10px 11px;transition:transform .25s,border-color .25s,box-shadow .25s;position:relative}.feature-showcase .room-number{font-size:23px;line-height:1.1}.feature-showcase .room-number>span{font-size:13px}.feature-showcase .room .room-type{font-size:12px}.feature-showcase .room .room-status{overflow-wrap:anywhere;font-size:14px;font-weight:500;line-height:1.35}.feature-showcase .room.selected{outline:2px solid var(--o-primary);outline-offset:2px;box-shadow:0 5px 14px #5558db1c}.feature-showcase .room:hover{transform:translateY(-4px);box-shadow:0 7px 16px #30327e16}.feature-showcase .room:active{transform:translateY(-1px)scale(.98)}.feature-showcase .room-inspector{background:var(--o-white);border-radius:11px;margin-top:18px;padding:13px 15px;display:block}.feature-showcase .room-inspector-content{flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;animation:.28s ease-out showcase-panel-in;display:flex}.feature-showcase .room-inspector-content strong{margin-left:auto}.feature-showcase .room-inspector-content>span:last-child{color:var(--o-muted)}.feature-showcase .preview-hint{margin-top:10px;font-size:12px}.feature-showcase .preview-caption{background:var(--o-white);padding:13px 22px;font-size:12px;line-height:1.5}.feature-showcase .folio-room{align-items:center;gap:10px;padding:14px 0 22px;font-size:14px}.feature-showcase .folio-room b{color:var(--o-button);white-space:nowrap;background:#eeecff;border-radius:8px;padding:6px 10px}.feature-showcase .folio-row{animation:showcase-panel-in .45s calc(var(--item-order) * 60ms) backwards;gap:16px;padding:21px 0;font-size:14px}.feature-showcase .folio-total{background:linear-gradient(110deg, var(--o-button), #7564e6);color:var(--o-white);border-radius:13px;gap:15px;margin:24px 0 0;padding:22px 18px;font-size:14px}.feature-showcase .folio-total strong{color:var(--o-white);white-space:nowrap;font-size:28px}.feature-showcase .folio-note{font-size:13px}.feature-showcase .report-total{padding-top:10px}.feature-showcase .report-total>span{font-size:14px}.feature-showcase .report-total>strong{color:var(--o-button);margin:5px 0;font-size:clamp(34px,3.1vw,46px)}.feature-showcase .report-total small{font-size:12px}.feature-showcase .report-bars{background:repeating-linear-gradient(0deg,#0000 0 53px,#e4e6f280 53px 54px);gap:17px;height:245px;margin-top:12px}.feature-showcase .report-bars span{background:linear-gradient(0deg, var(--o-button), #9b87f5);animation:showcase-bar-in .8s calc(var(--item-order) * 55ms) cubic-bezier(.2,.8,.2,1) backwards;border-radius:8px 8px 3px 3px}.feature-showcase .report-bars small{font-size:12px}.feature-showcase .report-bottom{gap:12px;margin-top:20px;font-size:13px}.feature-showcase .report-bottom strong{font-size:30px}.feature-showcase[data-entered=true] .feature-item{animation:showcase-enter .65s calc(var(--item-order) * 65ms) cubic-bezier(.16,1,.3,1) backwards}.feature-showcase[data-entered=true] .product-preview{animation:.8s cubic-bezier(.16,1,.3,1) .1s backwards showcase-enter}.feature-showcase[data-entered=true] .room{animation:showcase-room-in .45s calc(var(--room-order) * 28ms) cubic-bezier(.16,1,.3,1) backwards}@keyframes showcase-enter{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes showcase-panel-in{0%{opacity:.15;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes showcase-room-in{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes showcase-bar-in{0%{opacity:.4;transform:scaleY(.04)}to{opacity:1;transform:scaleY(1)}}@media (width<=1100px){.feature-showcase .feature-intro{gap:24px}.feature-showcase .feature-layout{grid-template-columns:minmax(300px,.85fr) minmax(0,1.2fr);gap:24px}.feature-showcase .feature-item h3 button{gap:10px;padding:14px 12px;font-size:17px}.feature-showcase .feature-icon{flex-basis:40px;width:40px;height:40px}.feature-showcase .feature-expansion{padding-left:62px;padding-right:16px}.feature-showcase .product-content{padding:22px 18px}.feature-showcase .room-map{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=860px){.feature-showcase .feature-intro{display:block}.feature-showcase .section-intro p{max-width:45ch;margin-top:18px}.feature-showcase .feature-layout{grid-template-columns:1fr;gap:30px}.feature-showcase .feature-list{grid-template-columns:1fr 1fr;align-items:start;gap:10px;display:grid}.feature-showcase .feature-expansion{padding-left:16px}.feature-showcase .feature-label small{display:none}.feature-showcase .product-preview{max-width:720px;position:relative;top:0}.feature-showcase .room-map{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=560px){.feature-showcase .section-intro{margin-bottom:30px}.feature-showcase .section-intro h2{font-size:35px}.feature-showcase .feature-list{display:flex}.feature-showcase .feature-item{border-color:#e5e6f4}.feature-showcase .feature-item h3 button{padding:12px 14px;font-size:17px}.feature-showcase .feature-label small{font-size:12px;display:block}.feature-showcase .feature-expansion{padding:0 18px 20px}.feature-showcase .product-preview{border-radius:17px}.feature-showcase .product-top{gap:6px;padding:14px;font-size:17px}.feature-showcase .product-top strong>span{display:none}.feature-showcase .demo-label{font-size:12px}.feature-showcase .product-content{padding:22px 14px}.feature-showcase .preview-title h3{font-size:24px}.feature-showcase .preview-module-icon{flex-basis:42px;width:42px;height:42px}.feature-showcase .map-summary{gap:7px}.feature-showcase .map-summary>div{padding:10px}.feature-showcase .map-summary strong{font-size:28px}.feature-showcase .map-filters{gap:5px}.feature-showcase .map-filters button{padding:7px 9px;font-size:12px}.feature-showcase .room-map{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.feature-showcase .room{padding:10px 8px}.feature-showcase .room-number{font-size:22px}.feature-showcase .room .room-status{overflow-wrap:anywhere;font-size:12px}.feature-showcase .room-inspector{padding:12px}.feature-showcase .room-inspector-content{gap:8px;font-size:12px}.feature-showcase .preview-caption{padding:12px 14px}.feature-showcase .folio-total{flex-direction:column;align-items:flex-start;gap:5px}.feature-showcase .folio-room{font-size:13px}.feature-showcase .report-bars{gap:10px}}@media (width<=360px){.feature-showcase .room-map{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-showcase .feature-label small{display:none}}@media (width>=861px) and (height<=780px){.feature-showcase .product-preview{position:relative;top:0}}@media (prefers-reduced-motion:reduce){.feature-showcase *,.feature-showcase :before,.feature-showcase :after{transition:none!important;animation:none!important}.feature-showcase .is-active .feature-icon,.feature-showcase .room:hover,.feature-showcase .feature-item:hover img{transform:none}}body .feature-showcase.feature-catalog{--demo-stage-height:clamp(520px, 68dvh, 560px)}body .feature-showcase.feature-catalog .feature-layout{align-items:stretch}body .feature-showcase.feature-catalog .feature-list{height:var(--demo-stage-height);grid-template-rows:repeat(6,minmax(0,1fr));align-items:stretch;gap:8px;display:grid}body .feature-showcase.feature-catalog .feature-selector{text-align:left;width:100%;min-width:0;min-height:0;color:var(--o-ink);background:#ffffffb3;border:1px solid #e5e4f2;border-radius:14px;align-items:center;gap:12px;padding:14px;transition:border-color .25s,box-shadow .25s,background .25s;display:flex;box-shadow:0 3px 12px #40358003}body .feature-showcase.feature-catalog .feature-selector:hover{background:var(--o-white);border-color:#bcb5f4}body .feature-showcase.feature-catalog .feature-selector.is-active{box-shadow:inset 3px 0 var(--o-primary), 0 6px 22px #6255bb0a;background:#f2efff;border-color:#a79aef}body .feature-showcase.feature-catalog .feature-selector:focus-visible{outline:2px solid var(--o-primary);outline-offset:2px}body .feature-showcase.feature-catalog .feature-selector:active{transform:none}body .feature-showcase.feature-catalog .feature-icon{flex:0 0 40px;width:40px;height:40px}body .feature-showcase.feature-catalog .feature-label>span{font:500 1rem/1.25 Outfit,sans-serif}body .feature-showcase.feature-catalog .feature-label small{font-size:.75rem;line-height:1.45;display:block}body .feature-showcase.feature-catalog .is-active .feature-label>span{color:var(--o-button)}body .feature-showcase.feature-catalog .feature-symbol{flex-basis:23px;width:23px;height:23px}body .feature-showcase.feature-catalog .is-active .feature-symbol{transform:none}body .feature-showcase.feature-catalog .product-preview{height:var(--demo-stage-height);grid-template-rows:46px minmax(0,1fr) 32px;width:100%;max-width:none;scroll-margin-top:0;display:grid;position:relative;top:0}body .feature-showcase.feature-catalog .product-preview:before{height:3px;position:absolute;top:0;left:0;right:0}body .feature-showcase.feature-catalog .product-preview:focus-visible{outline:2px solid var(--o-primary);outline-offset:3px}body .feature-showcase.feature-catalog .product-top{padding:9px 16px}body .feature-showcase.feature-catalog .product-content{flex-direction:column;gap:12px;min-height:0;padding:14px 16px 0;display:flex}body .feature-showcase.feature-catalog .preview-caption{place-items:center;padding:5px 12px;font-size:.75rem;line-height:1.4;display:grid}body .feature-showcase.feature-catalog .demo-heading{flex-shrink:0}body .feature-showcase.feature-catalog .demo-heading h3{letter-spacing:-.025em;margin:0 0 7px;font:500 1.375rem/1.2 Outfit,sans-serif}body .feature-showcase.feature-catalog .demo-heading p{color:var(--o-muted);margin:0;font-size:1rem;line-height:1.45}body .feature-showcase.feature-catalog .demo-workspace{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d1cbf6 transparent;flex:1;min-height:0;padding:0 3px 12px;overflow:auto}body .feature-showcase.feature-catalog .demo-workspace:focus-visible{outline:2px solid var(--o-primary);outline-offset:-2px;border-radius:8px}.module-demo{flex-direction:column;gap:10px;min-width:0;font-size:.875rem;line-height:1.4;animation:.32s ease-out showcase-panel-in;display:flex}.module-demo button,.module-demo select{font-size:.875rem;line-height:1.3}.module-demo button:focus-visible,.module-demo select:focus-visible{outline:2px solid var(--o-primary);outline-offset:2px}.demo-metrics{gap:8px;display:flex}.demo-metric{background:var(--o-white);border:1px solid #e4e1f5;border-radius:10px;flex-direction:column;flex:1;gap:3px;min-width:0;padding:9px 11px;display:flex}.demo-metric:nth-child(2){background:#f2efff}.demo-metric>span{color:var(--o-muted);font-size:.75rem;line-height:1.3}.demo-metric>strong{letter-spacing:-.02em;color:var(--o-button);font-variant-numeric:tabular-nums;font:500 clamp(1.125rem,1.65vw,1.5rem)/1.2 Outfit,sans-serif}.demo-toolbar{justify-content:space-between;align-items:center;gap:12px;min-height:32px;display:flex}.demo-toolbar>strong{font-weight:500}.demo-status{color:#6552b2;background:#eee9ff;border-radius:7px;flex-shrink:0;padding:4px 8px;font-size:.75rem;font-weight:500;display:inline-flex}.demo-status.is-done{color:#36795d;background:#e8f5ef}.demo-filter{flex-wrap:wrap;gap:5px;display:flex}.demo-filter button{min-height:32px;color:var(--o-muted);background:#fff;border:1px solid #e0dff0;border-radius:7px;padding:6px 9px}.demo-filter button[aria-pressed=true]{color:#fff;border-color:var(--o-button);background:var(--o-button)}.module-demo .demo-primary,.module-demo .demo-secondary{border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:36px;padding:8px 12px;font-weight:500;display:inline-flex}.module-demo .demo-primary{background:var(--o-button);color:#fff}.module-demo .demo-primary:hover{background:#4d43ca}.module-demo .demo-secondary{color:var(--o-button);background:#fff;border-color:#dcd5f6}.demo-action-card{background:#f1edff;border:1px solid #e2dcf7;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.demo-action-card>div{flex-direction:column;gap:3px;min-width:0;display:flex}.demo-action-card strong{font-weight:500}.demo-action-card span{color:var(--o-muted);font-size:.75rem}.demo-feedback{min-height:18px;color:var(--o-muted);margin:0;font-size:.75rem;line-height:1.5}.demo-resources{color:var(--o-muted);margin-top:12px;font-size:.75rem}.demo-resources summary{cursor:pointer;color:var(--o-button);padding:7px 0}.demo-resources ul{flex-wrap:wrap;gap:6px;margin:6px 0 0;padding:0;list-style:none;display:flex}.demo-resources li{background:#fff;border:1px solid #e4e0f4;border-radius:6px;padding:5px 8px}.reservation-list{gap:6px;display:grid}.reservation-row{text-align:left;background:#fff;border:1px solid #e3e2f0;border-radius:10px;align-items:center;gap:10px;width:100%;min-height:53px;padding:7px 10px;display:flex}.reservation-row[aria-pressed=true]{background:#f9f7ff;border-color:#b3a5f4}.reservation-row>span:nth-child(2){flex-direction:column;flex:1;gap:3px;display:flex}.reservation-row strong{font-weight:500}.reservation-row small{color:var(--o-muted);font-size:.75rem}.reservation-date{color:var(--o-button);flex-direction:column;flex:0 0 34px;justify-content:center;align-items:center;font-size:.75rem;line-height:1.15;display:flex}.reservation-date b{font:500 1.25rem/1.1 Outfit,sans-serif}.demo-room-map{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.demo-room{color:#466d59;background:#eef7f2;border:1px solid #d5e3db;border-radius:9px;flex-direction:column;align-items:flex-start;min-width:0;min-height:62px;padding:6px 9px;display:flex}.demo-room.occupied{color:#6554a4;background:#f0edfa;border-color:#ded5f0}.demo-room.reserved{color:#446898;background:#edf1f9;border-color:#d3dcee}.demo-room.cleaning{color:#96703f;background:#faf5eb;border-color:#e8ddcb}.demo-room.maintenance{color:#92606a;background:#f8eef1;border-color:#ebd8de}.demo-room[aria-pressed=true]{outline:1px solid var(--o-primary);outline-offset:1px}.demo-room strong{font:500 1.25rem/1.15 Outfit,sans-serif}.demo-room small{font-size:.75rem;line-height:1.3}.demo-room>span{overflow-wrap:anywhere;font-size:.875rem;line-height:1.3}.demo-selection{background:#fff;border:1px solid #e5e2f3;border-radius:9px;flex-wrap:wrap;justify-content:space-between;gap:6px;padding:8px 10px;display:flex}.demo-selection strong{font-weight:500}.demo-selection span{color:var(--o-muted)}.consumption-list{background:#fff;border:1px solid #e5e1f4;border-radius:11px;overflow:hidden}.consumption-row{border-bottom:1px solid #ece9f5;grid-template-columns:minmax(0,1fr) auto 86px;align-items:center;gap:12px;min-height:65px;padding:10px 12px;display:grid}.consumption-row:last-child{border-bottom:0}.consumption-row>div:first-child{flex-direction:column;gap:4px;display:flex}.consumption-row strong{font-weight:500}.consumption-row>strong{text-align:right;font-variant-numeric:tabular-nums}.consumption-row small{color:var(--o-muted);font-size:.75rem}.quantity-stepper{border:1px solid #e0daf5;border-radius:8px;align-items:center;display:flex;overflow:hidden}.quantity-stepper button{width:30px;height:32px;color:var(--o-button);background:#f2efff;border:0;place-items:center;display:grid}.quantity-stepper button:disabled{opacity:.4}.quantity-stepper output{text-align:center;font-variant-numeric:tabular-nums;min-width:28px}.demo-total{background:#ede8ff;border-radius:11px;justify-content:space-between;align-items:center;gap:12px;padding:13px 14px;display:flex}.demo-total strong{color:var(--o-button);font:500 1.5rem/1.2 Outfit,sans-serif}.housekeeping-board{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.housekeeping-column{background:#eeecf8;border:1px solid #e5dff4;border-radius:10px;min-height:162px;padding:9px}.housekeeping-column:nth-child(2){background:#edf2fa}.housekeeping-column:nth-child(3){background:#edf6f1}.housekeeping-column h4{justify-content:space-between;gap:4px;margin:0 0 10px;font-size:.875rem;font-weight:500;display:flex}.housekeeping-column h4 span{color:var(--o-muted)}.housekeeping-task{text-align:left;background:#fff;border:1px solid #e1ddec;border-radius:8px;flex-direction:column;gap:5px;width:100%;margin-top:6px;padding:10px 8px;display:flex}.housekeeping-task[aria-pressed=true]{border-color:#9c8beb}.housekeeping-task strong{font-weight:500}.housekeeping-task small{color:var(--o-muted);font-size:.75rem}.board-empty{color:var(--o-muted);text-align:center;padding-top:18px;font-size:.75rem}.payment-controls{grid-template-columns:1fr 1fr;gap:14px;margin-top:4px;display:grid}.payment-controls label,.payment-controls>div{flex-direction:column;gap:7px;display:flex}.payment-controls select{width:100%;height:36px;color:var(--o-ink);background:#fff;border:1px solid #ded9ee;border-radius:8px;padding:7px 9px}.payment-summary{background:#fff;border:1px solid #e5e1f4;border-radius:10px;padding:10px 12px}.payment-summary p{justify-content:space-between;gap:8px;padding:5px 0;display:flex}.payment-summary strong{color:var(--o-button);font-weight:500}.checkout-button{align-self:flex-end}.checkout-receipt{text-align:center;color:#47755b;background:#f1f8f4;border:1px solid #dbeade;border-radius:12px;flex-direction:column;align-items:center;gap:10px;padding:18px;display:flex}.checkout-receipt h4{margin:0;font:500 1.125rem/1.3 Outfit,sans-serif}.checkout-receipt p{color:var(--o-muted)}.checkout-receipt>span{align-items:center;gap:6px;font-size:.75rem;display:flex}.demo-chart{background:repeating-linear-gradient(0deg,#0000 0 38px,#e6e3f2 38px 39px);align-items:stretch;gap:12px;height:165px;padding:12px 0 0;display:flex}.demo-chart>div{text-align:center;flex-direction:column;flex:1;justify-content:flex-end;align-items:stretch;gap:7px;min-width:0;display:flex}.demo-chart span{height:var(--bar-height);background:linear-gradient(0deg, var(--o-button), #a18aef);transform-origin:bottom;min-height:4px;animation:showcase-bar-in .6s calc(var(--item-order) * 45ms) backwards;border-radius:7px 7px 2px 2px}.demo-chart small{color:var(--o-muted);background:#f8f9fd;font-size:.75rem;line-height:1.4}@media (width>=861px){.module-demo{gap:7px}.demo-metric{flex-flow:wrap;justify-content:space-between;align-items:center;gap:4px;min-height:44px;padding:7px 10px}.demo-room{min-height:52px;padding:5px 8px}.demo-room-meta{flex-wrap:wrap;gap:2px 6px;display:flex}.demo-room-meta>span{font-size:.875rem}}.demo-room-meta small{display:block}@media (width<=860px){.demo-room-meta{flex-direction:column;display:flex}}@media (width<=1100px) and (width>=861px){body .feature-showcase.feature-catalog .feature-selector{gap:9px;padding:12px 10px}body .feature-showcase.feature-catalog .feature-symbol{display:none}body .feature-showcase.feature-catalog .feature-label small{font-size:.75rem}.consumption-row{grid-template-columns:minmax(0,1fr) auto 72px;gap:8px}}@media (width<=860px){body .feature-showcase.feature-catalog .feature-list{grid-template-rows:repeat(3,92px);grid-template-columns:repeat(2,minmax(0,1fr));height:auto}body .feature-showcase.feature-catalog .feature-selector{gap:10px;padding:12px}body .feature-showcase.feature-catalog .feature-selector .feature-label small{display:none}body .feature-showcase.feature-catalog .feature-label>span{font-size:1rem}body .feature-showcase.feature-catalog .product-preview{max-width:720px;height:610px}body .feature-showcase.feature-catalog .product-content{padding:16px 14px 0}.demo-metric>strong{font-size:1.375rem}}@media (width<=560px){body .feature-showcase.feature-catalog .feature-list{grid-template-rows:repeat(3,90px)}body .feature-showcase.feature-catalog .feature-selector{gap:8px;padding:10px}body .feature-showcase.feature-catalog .feature-icon{border-radius:8px;flex-basis:30px;width:30px;height:30px}body .feature-showcase.feature-catalog .feature-icon img{width:26px;height:26px}body .feature-showcase.feature-catalog .feature-symbol{display:none}body .feature-showcase.feature-catalog .feature-label>span{overflow-wrap:anywhere;font-size:.875rem}body .feature-showcase.feature-catalog .product-preview{height:650px}body .feature-showcase.feature-catalog .demo-heading h3{font-size:1.25rem}.demo-metrics{gap:5px}.demo-metric{padding:8px}.demo-metric>strong{font-size:1.125rem}.demo-toolbar{flex-wrap:wrap;align-items:flex-start;gap:8px}.demo-room-map{grid-template-columns:repeat(3,minmax(0,1fr))}.demo-room{padding:6px}.demo-room>span{font-size:.75rem}.demo-action-card{flex-wrap:wrap}.demo-action-card>button{margin-left:auto}.reservation-row{flex-wrap:wrap;gap:7px}.reservation-row .demo-status{margin-left:44px}.consumption-row{grid-template-columns:minmax(0,1fr) auto;gap:8px}.consumption-row>strong{grid-column:2}.consumption-row>div:first-child{grid-row:span 2}.demo-total{flex-wrap:wrap}.housekeeping-board{grid-template-columns:1fr}.housekeeping-column{min-height:76px}.housekeeping-task{padding:8px}.board-empty{text-align:left;padding:0}.payment-controls{grid-template-columns:1fr}.demo-chart{gap:7px;height:170px}}@media (width<=360px){body .feature-showcase.feature-catalog .feature-list{grid-template-rows:repeat(6,64px);grid-template-columns:1fr}body .feature-showcase.feature-catalog .feature-label>span{font-size:1rem}.demo-room-map{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-metrics{flex-wrap:wrap}.demo-metric{flex-basis:40%}}@media (prefers-reduced-motion:reduce){.module-demo,.demo-chart span{animation:none}}.lifecycle-section .lifecycle-card{background:var(--o-white);border:1px solid #dfdef7;border-radius:24px;width:min(100%,940px);margin:42px auto 0;transition:box-shadow .35s,border-color .35s;position:relative;overflow:hidden;box-shadow:0 20px 55px #4842990e,0 3px 12px #48429905}.lifecycle-section .lifecycle-card:hover{border-color:#c5bffa;box-shadow:0 24px 60px #48429918,0 4px 12px #48429908}.lifecycle-section .lifecycle-card:focus-visible{outline:3px solid var(--o-primary);outline-offset:5px}.lifecycle-section .lifecycle-card-content{grid-template-columns:150px minmax(0,1fr);align-items:center;gap:32px;min-height:260px;padding:32px 38px;animation:.5s cubic-bezier(.16,1,.3,1) both journey-card-in;display:grid}.lifecycle-section .lifecycle-card-art{aspect-ratio:1;background:linear-gradient(145deg,#f8f6ff,#e9e4ff);border:1px solid #e1dcff;border-radius:28px;place-items:center;display:grid;position:relative;box-shadow:inset 0 1px #fff}.lifecycle-section .lifecycle-card-art img{z-index:1;object-fit:contain;filter:drop-shadow(0 10px 12px #6250b527);width:88px;height:88px;animation:.65s cubic-bezier(.2,.9,.2,1.2) both journey-icon-in;position:relative}.lifecycle-section .lifecycle-card-art>span{color:#7866d917;letter-spacing:-.06em;font:500 65px/1.1 Outfit,sans-serif;position:absolute;bottom:0;right:10px}.lifecycle-section .lifecycle-card-kicker{letter-spacing:.14em;color:var(--o-button);margin-bottom:8px;font:600 12px/1.4 Inter,sans-serif;display:block}.lifecycle-section .lifecycle-card-kicker>span{color:var(--o-muted);font-weight:400}.lifecycle-section .lifecycle-card-copy h3{letter-spacing:-.035em;color:var(--o-ink);margin:0;font:500 30px/1.2 Outfit,sans-serif}.lifecycle-section .lifecycle-card-copy p{max-width:60ch;color:var(--o-muted);margin-top:12px;font-size:16px;line-height:1.75}.lifecycle-section .lifecycle-card-tags{flex-wrap:wrap;gap:8px;margin:20px 0 0;padding:0;list-style:none;display:flex}.lifecycle-section .lifecycle-card-tags li{color:#5c5195;animation:journey-tag-in .4s calc(.1s + var(--tag-order) * 65ms) ease-out backwards;background:#f7f5ff;border:1px solid #e9e6fc;border-radius:7px;padding:6px 10px;font-size:12px;line-height:1.4}.lifecycle-section .lifecycle-card-progress{background:#eeecfc;height:3px}.lifecycle-section .lifecycle-card-progress>span{background:linear-gradient(90deg, var(--o-primary), var(--o-violet));width:100%;height:100%;transform:scaleX(var(--journey-progress));transform-origin:0;transition:transform .55s cubic-bezier(.2,.8,.2,1);display:block}.lifecycle-section .lifecycle-card[data-entered=true]{animation:.65s cubic-bezier(.16,1,.3,1) backwards journey-shell-in}@keyframes journey-shell-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes journey-card-in{0%{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}@keyframes journey-icon-in{0%{opacity:0;transform:scale(.86)rotate(-8deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes journey-tag-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes journey-fade-in{0%{opacity:.25}to{opacity:1}}@media (width<=860px){.lifecycle-section .lifecycle-card-content{grid-template-columns:115px minmax(0,1fr);gap:25px;padding:28px}.lifecycle-section .lifecycle-card-art{border-radius:23px}.lifecycle-section .lifecycle-card-art img{width:75px;height:75px}}@media (width<=560px){.lifecycle-section .lifecycle-card{border-radius:20px;margin-top:28px}.lifecycle-section .lifecycle-card-content{grid-template-columns:1fr;gap:19px;min-height:380px;padding:24px}.lifecycle-section .lifecycle-card-art{border-radius:18px;width:78px}.lifecycle-section .lifecycle-card-art img{width:55px;height:55px}.lifecycle-section .lifecycle-card-art>span{font-size:38px;right:6px}.lifecycle-section .lifecycle-card-copy h3{font-size:28px}.lifecycle-section .lifecycle-card-copy p{font-size:16px;line-height:1.65}.lifecycle-section .lifecycle-card-tags{gap:7px;margin-top:18px}.lifecycle-section .lifecycle-card-tags li{padding:6px 8px}}@media (prefers-reduced-motion:reduce){.lifecycle-section .lifecycle-card,.lifecycle-section .lifecycle-card *,.lifecycle-section .lifecycle-card:before{transition:none!important;animation:none!important}.lifecycle-section .lifecycle-card-content{animation:.18s ease-out both journey-fade-in!important}}.difference-section.difference-showcase{background:linear-gradient(180deg, var(--o-white), #fafaff);grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);align-items:center;gap:clamp(35px,5vw,80px)}.difference-showcase .difference-visual{isolation:isolate;min-width:0;position:relative}.difference-showcase .difference-visual:before{content:"";z-index:-1;background:linear-gradient(145deg,#f3f0ff,#e9e4ff);border:1px solid #e5dfff;border-radius:30px;position:absolute;inset:22px -14px -14px 22px}.difference-showcase .difference-image{border:1px solid #eeedf6;border-radius:25px;height:clamp(550px,45vw,650px);box-shadow:0 20px 50px #29294410}.difference-showcase .difference-image>img{object-position:50% 56%}.difference-showcase .difference-photo-label{color:var(--o-ink);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:.12em;background:#ffffffd9;border:1px solid #ffffffb3;border-radius:7px;padding:8px 12px;font-size:12px;font-weight:600;position:absolute;top:22px;left:22px}.difference-showcase .image-caption{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);letter-spacing:-.035em;background:#ffffffe8;border:1px solid #ffffffe6;border-radius:16px;align-items:center;gap:15px;padding:24px 22px;font:500 clamp(21px,1.8vw,27px)/1.25 Outfit,sans-serif;display:flex;bottom:20px;left:20px;right:20px;box-shadow:0 10px 24px #15133012}.difference-showcase .image-caption p{margin:0}.difference-showcase .image-caption p>span{color:var(--o-button)}.difference-showcase .difference-caption-line{background:linear-gradient(var(--o-primary), var(--o-violet));border-radius:3px;flex:0 0 3px;align-self:stretch;min-height:42px}.difference-showcase .difference-content{min-width:0}.difference-showcase .section-kicker{letter-spacing:.13em;margin-bottom:14px;font-size:12px}.difference-showcase .difference-content h2{letter-spacing:-.045em;margin-bottom:30px;font-size:clamp(36px,3.4vw,50px);line-height:1.12}.difference-showcase .difference-content h2>span{color:var(--o-button)}.difference-showcase .difference-cards{gap:13px;display:grid}.difference-showcase .difference-card{background:var(--o-white);border:1px solid #e5e5f5;border-radius:17px;grid-template-columns:48px minmax(0,1fr);gap:17px;padding:22px;transition:transform .3s,border-color .3s,box-shadow .3s;display:grid;box-shadow:0 3px 12px #39377504}.difference-showcase .difference-card:hover{border-color:#c8c0fc;transform:translate(5px);box-shadow:0 12px 28px #5850aa0e}.difference-showcase .difference-card-icon{width:48px;height:48px;color:var(--o-button);background:linear-gradient(145deg,#f6f4ff,#eeebff);border:1px solid #e3dfff;border-radius:13px;place-items:center;transition:transform .35s,background .35s;display:grid}.difference-showcase .difference-card:hover .difference-card-icon{background:#e9e4ff;transform:translateY(-2px)rotate(-4deg)}.difference-showcase .difference-card h3{letter-spacing:-.025em;margin:1px 0 9px;font-size:21px;font-weight:500;line-height:1.25}.difference-showcase .difference-card p{color:var(--o-muted);margin:0;font-size:16px;line-height:1.65}.difference-showcase[data-entered=true] .difference-visual{animation:.8s cubic-bezier(.16,1,.3,1) backwards difference-photo-in}.difference-showcase[data-entered=true] .difference-card{animation:difference-card-in .65s calc(.1s + var(--difference-order) * .11s) cubic-bezier(.16,1,.3,1) backwards}@keyframes difference-photo-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes difference-card-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes difference-caption-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes difference-fade-in{0%{opacity:.2}to{opacity:1}}.difference-showcase .difference-visual:before{animation:7s ease-in-out infinite difference-frame-drift}.difference-showcase .difference-card{isolation:isolate;position:relative}.difference-showcase .difference-card:before{content:"";z-index:-1;pointer-events:none;border-radius:inherit;animation:difference-card-glow 9s calc(var(--difference-order) * 3s - 9s) ease-in-out infinite;background:linear-gradient(115deg,#efebffb3,#fff0 65%);border:1px solid #a99afa;position:absolute;inset:-1px;box-shadow:0 12px 30px #6250c51c}.difference-showcase .difference-card-icon svg{animation:difference-icon-drift 9s calc(var(--difference-order) * 3s - 9s) ease-in-out infinite}.difference-showcase .image-caption{translate:0}.difference-showcase[data-entered=true] .image-caption{animation:.65s cubic-bezier(.16,1,.3,1) .2s backwards difference-caption-in,6s ease-in-out .85s infinite difference-caption-float}.difference-showcase[data-visible=false] .difference-visual:before,.difference-showcase[data-visible=false] .difference-card:before,.difference-showcase[data-visible=false] .difference-card-icon svg,.difference-showcase[data-visible=false] .image-caption{animation-play-state:paused!important}@keyframes difference-frame-drift{0%,to{translate:0}50%{translate:-7px -7px}}@keyframes difference-card-glow{0%,34%,to{opacity:0}8%,25%{opacity:1}}@keyframes difference-icon-drift{0%,34%,to{translate:0}12%,22%{translate:0 -4px}}@keyframes difference-caption-float{0%,to{translate:0}50%{translate:0 -7px}}@media (width<=1100px){.difference-section.difference-showcase{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:36px}.difference-showcase .difference-card{grid-template-columns:40px minmax(0,1fr);gap:13px;padding:19px}.difference-showcase .difference-card-icon{border-radius:11px;width:40px;height:40px}.difference-showcase .difference-card h3{font-size:20px}.difference-showcase .image-caption{gap:12px;padding:21px 17px;left:15px;right:15px}}@media (width<=860px){.difference-section.difference-showcase{grid-template-columns:1fr;gap:38px}.difference-showcase .difference-visual{order:2;width:100%;max-width:620px;margin:auto}.difference-showcase .difference-image{height:460px}.difference-showcase .difference-content h2{font-size:40px}.difference-showcase .difference-card{grid-template-columns:48px minmax(0,1fr);gap:18px;padding:22px}.difference-showcase .difference-card-icon{width:48px;height:48px}.difference-showcase .image-caption{font-size:25px}}@media (width<=560px){.difference-section.difference-showcase{gap:32px;display:grid}.difference-showcase .difference-content h2{margin-bottom:25px;font-size:35px}.difference-showcase .difference-cards{gap:11px}.difference-showcase .difference-card{padding:21px;display:block}.difference-showcase .difference-card-icon{width:44px;height:44px;margin-bottom:15px}.difference-showcase .difference-card h3{font-size:22px}.difference-showcase .difference-card p{font-size:16px}.difference-showcase .difference-visual{padding-right:8px}.difference-showcase .difference-visual:before{border-radius:23px;inset:18px 0 -10px 18px}.difference-showcase .difference-image{border-radius:20px;height:390px}.difference-showcase .difference-photo-label{font-size:12px;top:16px;left:16px}.difference-showcase .image-caption{border-radius:13px;padding:20px 14px;font-size:22px;bottom:13px;left:13px;right:13px}}@media (prefers-reduced-motion:reduce){.difference-showcase .difference-visual,.difference-showcase .difference-card,.difference-showcase .image-caption,.difference-showcase .difference-card-icon{transition:none!important;animation:none!important}.difference-showcase .difference-card:hover,.difference-showcase .difference-card:hover .difference-card-icon{transform:none}.difference-showcase[data-entered=true] .difference-card{animation:.2s ease-out backwards difference-fade-in!important}.difference-showcase .difference-visual:before,.difference-showcase .difference-card-icon svg{animation:none!important}.difference-showcase .difference-card:before{animation:difference-card-glow 12s calc(var(--difference-order) * 4s - 12s) ease-in-out infinite!important}}
