/* Stell visual layer: presentation only; workflow controls keep their existing behavior. */
.stell-design-site{--ink:#111b24;--muted:#586770;--surface:#fff;--line:#dbe3e4;background:#f7f9f8;color:var(--ink);overflow:clip}
.stell-design-site *, .design-login-intro *{box-sizing:border-box}
.stell-design-site section{scroll-margin-top:100px}
.stell-design-site .public-nav{max-width:1280px;padding:24px 40px;gap:24px;position:relative}
.stell-design-site .public-links{gap:22px}.stell-design-site .public-links a{font-size:13px}
.stell-design-site .primary{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:48px;border-radius:7px;background:#278451;color:#fff;font-weight:650;padding:13px 20px;border:0}
.stell-design-site .secondary{min-height:44px;border-radius:7px}.stell-design-site .public-nav-actions{gap:10px}.stell-design-site .public-nav-actions .primary{font-size:12px;gap:12px}
.design-mobile-menu{display:none}.design-skip{position:absolute;left:20px;top:-80px;background:#fff;padding:12px;z-index:10}.design-skip:focus{top:12px}
.design-hero,.design-product,.design-business,.design-support,.design-boundary,.design-faq,.design-company,.design-cta,.design-footer,.design-foundation{max-width:1200px;margin:auto;padding:80px 40px}
.design-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center;padding-top:62px;padding-bottom:100px}
.stell-design-site .eyebrow{font-size:11px;letter-spacing:.12em;color:#28744c;font-weight:700;line-height:1.6}
.design-hero h1{font-size:clamp(40px,4.3vw,64px);letter-spacing:-.055em;line-height:1.08;margin:20px 0 24px}.design-hero h1 span{display:block}.design-hero h1 span+span{color:#278451}
.stell-design-site p{font-size:16px;line-height:1.75;color:#586770}.design-hero-copy>p{max-width:510px}.design-hero .public-actions{display:flex;align-items:center;gap:28px;margin:30px 0 18px}.design-hero small{font-size:12px;color:#67756c}.design-text-link{color:#163b2a;font-size:14px;font-weight:600;text-decoration:none}
.design-hero-art{position:relative;padding:0 0 110px}.design-photo{margin:0;position:relative;border-radius:16px;overflow:hidden;background:#e4ece7}.design-photo img{width:100%;height:auto;display:block;object-fit:cover}.design-hero-art .design-photo img{aspect-ratio:1.12;object-position:59% center}.design-photo figcaption{position:absolute;bottom:12px;left:12px;right:12px;width:fit-content;padding:6px 9px;border-radius:4px;background:rgba(17,27,36,.85);color:#fff;font-size:10px;line-height:1.5}
.design-preview{background:#fff;border:1px solid #dbe3e4;border-radius:12px;padding:24px;box-shadow:0 16px 48px #102b2210;color:#111b24}.design-preview-compact{position:absolute;bottom:0;left:-28px;right:28px}.design-preview-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:12px}.design-preview-heading small{font-size:10px;color:#61706a}.design-preview-heading h3{font-size:18px;margin:6px 0 0}.design-preview-symbol{font-size:26px;color:#278451}.design-room-row{display:grid;grid-template-columns:42px 1fr auto;gap:14px;align-items:center;padding:12px 0;border-top:1px solid #edf0ee;font-size:12px}.design-status{font-size:10px;line-height:1.5;padding:5px 8px;border-radius:5px;font-weight:600;max-width:180px}.design-status-blue{background:#eaf3fa;color:#17619a}.design-status-amber{background:#fff3dd;color:#8d5808}.design-status-green{background:#e8f5ec;color:#246b42}
.design-foundation{border-top:1px solid #dbe3e4;border-bottom:1px solid #dbe3e4;padding-top:28px;padding-bottom:28px}.design-foundation>p{font-size:12px;text-align:center;margin:0 0 18px}.design-foundation>div{display:flex;justify-content:center;gap:34px;flex-wrap:wrap}.design-foundation span{font-size:13px;font-weight:600;display:flex;align-items:center;gap:9px}.design-foundation i{color:#278451;font-style:normal}
.stell-design-site h2{font-size:clamp(30px,3.3vw,44px);letter-spacing:-.045em;line-height:1.15;margin:15px 0 24px}.design-section-heading{max-width:620px}.design-feature{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;margin-top:64px}.design-feature h3{font-size:29px;line-height:1.2;letter-spacing:-.03em;margin:0 0 18px}.design-feature-reverse>div:first-child{order:2}.design-feature-art{background:#eaf0ed;padding:44px;border-radius:16px}.design-phone-stage{background:#eaf0f5;display:flex;justify-content:center}.design-phone{width:260px;background:#fff;border:7px solid #182732;border-radius:28px;padding:25px 18px;box-shadow:0 20px 40px #102b2220}.design-phone>small{font-size:9px;color:#68747e}.design-phone-room{margin-top:24px;display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:12px}.design-phone-room strong{font-size:28px}.design-phone-room .design-status{flex-basis:100%;width:fit-content}.design-phone h4{margin:26px 0 12px;font-size:13px}.design-check{display:flex;align-items:center;gap:9px;font-size:11px;padding:10px 0;border-bottom:1px solid #edf0ee}.design-check span{color:#278451}.design-phone-result{display:flex;justify-content:space-between;background:#e8f5ec;color:#246b42;font-size:11px;font-weight:600;padding:12px;margin-top:24px;border-radius:5px}
.design-workflow{background:#111f28;padding:76px max(40px,calc((100vw - 1120px)/2));color:white}.design-workflow .eyebrow{color:#9ad5af}.design-workflow h2{max-width:650px}.design-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:34px;margin-top:46px}.design-steps article{border-top:1px solid #42505a;padding-top:23px}.design-steps article>span{font-size:12px;color:#9ad5af}.design-steps h3{font-size:19px;line-height:1.3;margin:25px 0 12px}.design-workflow .design-steps p{font-size:14px;color:#c4cfd5}
.design-business,.design-support,.design-company{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.design-evidence{padding:32px;background:#edf2ef;border-radius:12px}.design-evidence>div{display:flex;align-items:center;gap:16px;padding:22px 0;border-bottom:1px solid #dbe3e4;font-size:14px}.design-evidence>div:last-child{border:0}.design-evidence-icon{font-size:24px;color:#278451}.design-evidence strong{flex:1}.design-support{border-top:1px solid #dbe3e4}.design-support .design-photo img{aspect-ratio:.9;object-position:58%}.design-support ol{padding-left:22px;font-size:14px;line-height:2.2;margin:24px 0}.design-boundary{background:#edf2ef;border-radius:16px}.design-boundary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:38px}.design-boundary h3,.design-label{font-size:16px;font-weight:650;line-height:1.5}.design-boundary p{font-size:14px}.design-boundary a{color:#23663f;font-size:13px}.design-label{display:block;color:#805600}.design-faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.stell-design-site .public-faq{max-width:none;width:100%}.stell-design-site .public-faq summary{font-size:15px;gap:15px;line-height:1.5}.stell-design-site .public-faq p{font-size:14px}.design-company{border-top:1px solid #dbe3e4}.design-contacts>a{display:grid;grid-template-columns:1fr auto;padding:24px 0;border-bottom:1px solid #dbe3e4;text-decoration:none;color:#111b24}.design-contacts small{color:#586770;margin-bottom:8px}.design-contacts strong{grid-row:2;font-size:18px}.design-contacts>a>span{grid-column:2;grid-row:1/3;align-self:center;color:#278451}
.design-cta{display:flex;gap:60px;align-items:center;justify-content:space-between;background:#dcebe2;border-radius:16px}.design-cta>div{max-width:670px}.design-cta .primary{flex-shrink:0}.design-footer{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;padding-top:42px;padding-bottom:34px}.design-footer>div{display:flex;gap:24px;align-items:center}.design-footer a,.design-footer button{color:#586770;font-size:12px}.design-footer button{border:0;background:none;padding:0;cursor:pointer}.design-footer>small{flex-basis:100%;font-size:10px;color:#68747e}.stell-design-site :focus-visible{outline:3px solid #1769aa;outline-offset:4px}
.design-login-panel{width:min(1100px,100%);border-radius:16px;overflow:hidden}.design-login-intro{padding:36px;gap:30px;justify-content:flex-start;background:#111f28;min-height:650px}.design-intro-top{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.design-environment{font-size:10px;border:1px solid #5e756b;border-radius:20px;padding:6px 10px;color:#b7e3c8}.design-intro-copy{margin:12px 0 0}.design-login-intro .eyebrow{color:#9ad5af;font-size:10px;line-height:1.6}.design-login-intro h1{font-size:42px;line-height:1.1;letter-spacing:-.045em;margin:14px 0 20px}.design-login-intro p{font-size:14px;line-height:1.7;color:#c4cfd5}.design-login-intro .design-photo{margin-top:auto}.design-login-intro .design-photo img{aspect-ratio:1.9}.design-intro-topics{display:flex;flex-wrap:wrap;gap:8px}.design-intro-topics span{font-size:10px;color:#c4cfd5;padding:6px 9px;border:1px solid #3c515b;border-radius:4px}.design-login-panel .demo-account{border-radius:8px;min-height:65px}.design-login-panel .demo-access-links{margin:14px 0 28px}.design-workspace .demo-hotel-toolbar{border-radius:10px;gap:14px}.design-workspace .demo-hotel-toolbar>span{display:flex;flex-direction:column;gap:5px;max-width:390px;font-size:11px}.design-workspace .demo-hotel-toolbar>span>strong{font-size:13px}.design-workspace .panel{border-radius:10px}.design-workspace :focus-visible{outline:3px solid var(--blue);outline-offset:3px}
@media(min-width:761px) and (max-width:1100px){.stell-design-site .public-links{display:none}.design-mobile-menu{display:block}.design-mobile-menu summary{cursor:pointer;list-style:none;padding:10px}.design-mobile-menu>div{position:absolute;right:35px;top:85px;background:#fff;border:1px solid #dbe3e4;border-radius:10px;padding:20px;display:grid;gap:18px;z-index:5}.design-mobile-menu a{color:#111b24}.design-hero{gap:28px}.design-preview-compact{left:-12px;right:12px}.design-feature,.design-business,.design-support{gap:38px}.design-feature-art{padding:24px}.design-faq{gap:36px}.design-login-intro{padding:28px}.design-login-intro h1{font-size:36px}}
@media(max-width:760px){.stell-design-site .public-nav{padding:18px 20px;gap:10px;flex-wrap:wrap}.stell-design-site .public-brand{font-size:22px}.stell-design-site .public-links{display:none}.stell-design-site .public-nav-actions{margin-left:auto}.stell-design-site .public-nav-actions .primary{display:none}.stell-design-site .public-nav-actions .secondary{font-size:11px;padding:8px}.stell-design-site .public-nav-actions .language-picker select{max-width:72px}.design-mobile-menu{display:block}.design-mobile-menu summary{cursor:pointer;list-style:none;padding:9px}.design-mobile-menu>div{position:absolute;right:20px;top:78px;background:#fff;border:1px solid #dbe3e4;border-radius:10px;padding:22px;display:grid;gap:20px;z-index:5}.design-mobile-menu a{color:#111b24;text-decoration:none;font-size:14px}.design-hero,.design-product,.design-business,.design-support,.design-boundary,.design-faq,.design-company,.design-cta,.design-footer,.design-foundation{padding:48px 22px}.design-hero{display:block;padding-top:30px;padding-bottom:48px}.design-hero h1{font-size:44px}.design-hero-copy>p{font-size:15px}.design-hero-art{margin-top:36px;padding-bottom:95px}.design-hero-art .design-photo img{aspect-ratio:1.4}.design-preview-compact{left:12px;right:12px}.design-preview{padding:18px}.design-room-row{grid-template-columns:35px 1fr auto;gap:8px}.design-status{font-size:9px}.design-foundation{padding-top:24px;padding-bottom:24px}.design-foundation>div{justify-content:flex-start;gap:16px;display:grid;grid-template-columns:1fr 1fr}.design-foundation span{font-size:11px}.design-feature{grid-template-columns:1fr;gap:28px;margin-top:40px}.design-feature-reverse>div:first-child{order:0}.design-feature h3{font-size:26px}.design-feature-art{padding:28px 18px}.design-workflow{padding:48px 22px}.design-steps{grid-template-columns:1fr 1fr;gap:25px}.design-steps h3{font-size:17px}.design-steps p{font-size:13px}.design-business,.design-support,.design-company,.design-faq{grid-template-columns:1fr;gap:28px}.design-evidence{padding:20px}.design-support .design-photo img{aspect-ratio:1.4}.design-boundary{border-radius:0}.design-boundary-grid{grid-template-columns:1fr;gap:22px}.design-company h2{font-size:32px}.design-cta{display:block;border-radius:0}.design-cta .primary{margin-top:16px}.design-footer>div{flex-wrap:wrap;gap:20px}.design-login-panel{display:block}.design-login-intro{min-height:0;padding:26px;gap:20px}.design-login-intro h1{font-size:36px}.design-login-intro .design-photo{display:none}.design-login-intro .design-intro-topics{display:none}.design-login-panel .login-form{padding:26px}.design-login-panel .login-tools{flex-wrap:wrap}.design-workspace .demo-hotel-toolbar>span{max-width:100%}}
@media(prefers-reduced-motion:reduce){.stell-design-site *{scroll-behavior:auto;animation:none;transition:none}}

.design-hero-art .design-photo figcaption{top:12px;bottom:auto}
@media(max-width:760px){.stell-design-site .public-nav{width:100%;margin:0;gap:6px;flex-wrap:nowrap}.stell-design-site .public-brand{gap:6px}.stell-design-site .public-brand .mark{width:28px;height:28px}.stell-design-site .public-nav-actions{gap:6px}.stell-design-site .public-actions{flex-direction:row;align-items:center}.stell-design-site .public-actions .primary{width:auto}.design-hero h1{font-size:40px}}
@media(max-width:760px){.design-login-intro{display:flex}.stell-design-site .public-actions>*{width:auto;flex-shrink:0}.stell-design-site .public-actions .primary{gap:12px;padding:13px 16px}.stell-design-site .public-actions{gap:22px}.design-text-link{font-size:13px}}
@media(max-width:360px){.stell-design-site .public-nav{padding:16px 12px}.stell-design-site .public-brand{font-size:18px}.design-hero h1{font-size:36px}.design-hero .public-actions{gap:14px}}
.design-workspace .metric{border-radius:10px;box-shadow:0 4px 14px #102b2206}.design-workspace .panel{box-shadow:0 4px 14px #102b2206}.design-workspace .demo-hotel-toolbar{background:var(--surface);border-color:var(--line);border-left:3px solid var(--amber)}.design-workspace .demo-hotel-toolbar>span>strong{color:var(--ink)}.design-workspace .demo-presentation{border-radius:10px;background:var(--surface-2)}.design-workspace .panel-header h2{letter-spacing:-.02em}

.design-intro-operational{min-height:420px}.design-intro-operational .design-intro-topics{margin-top:auto}
