/* maslow-site.css: the Maslow website content, in the standard shell (page mode).
   From Maslow-deployment-handoff (24 Oct 2026). Scoped to the page (.ms-page / #ms-root); the handoff's own shell is left out;
   its phone rules apply when the shell is at Mobile (the page area is a size container). */
/* the page: the shell's paper and type; the content sits in the shell's page area */
.ms-page{font-family:Geist,ui-sans-serif,system-ui,-apple-system,sans-serif;background:var(--sh-bg,#ECECEC);color:var(--sh-ink,#0A0A0A);-webkit-font-smoothing:antialiased}
.ms-page .ms-area{container:ms-area/inline-size;width:var(--sh-pw,1216px);max-width:100%;margin:0 auto;padding:96px 0 120px;box-sizing:border-box;transition:width 220ms cubic-bezier(.23,1,.32,1)}
/* Home and the tour bring their 800 centre rails to the shell (rails="800"); every view fills the page, so the stretch handles stretch the body */
@container ms-area (min-width:1100px){.ms-page .ms-tour{padding:0 48px;box-sizing:border-box}}
@container ms-area (max-width:700px){.ms-page .ms-landing{padding:0 12px;box-sizing:border-box}.ms-page .ms-tour{margin:0 40px}.ms-page .ms-cursor{padding-left:20px!important;padding-right:20px!important}}
/* ---- from build-maslow.py inline */
.ms-page button,.ms-page input{font-family:inherit}
.ms-page button:focus-visible,.ms-page a:focus-visible{outline:2px solid #024CFF;outline-offset:4px}
.ms-page [hidden]{display:none!important}
.ms-page .ms-workspace{width:1216px;height:760px;display:flex;flex-direction:column;color:var(--sh-ink)}
.ms-page .ms-eyebrow{font-size:12px;letter-spacing:.12em;font-weight:600;color:var(--sh-muted)}
.ms-page .ms-intro h1,.ms-page .ms-cursor h1{font-size:44px;font-weight:500;letter-spacing:-.045em;line-height:1.12;margin:12px 0 16px}
.ms-page .ms-intro p{font-size:16px;line-height:1.6;color:var(--sh-muted);margin:0}
.ms-page .ms-intro b{font-weight:500;color:var(--sh-ink)}
.ms-page .ms-controls{display:flex;align-items:center;gap:24px;margin:30px 0 24px;font-size:12px;color:var(--sh-muted);height:36px;flex-shrink:0}
.ms-page #ms-state{color:var(--sh-ink);font-weight:500}
.ms-page .ms-controls button,.ms-page .ms-cursor-note button{border:1px solid var(--sh-line);background:transparent;color:var(--sh-ink);border-radius:999px;padding:0 16px;height:36px;font-size:12px;font-weight:500;cursor:pointer}
.ms-page .ms-controls button:hover,.ms-page .ms-cursor-note button:hover{background:var(--sh-card)}
.ms-page .ms-samples{--paper:var(--sh-card);--raised:var(--sh-field);--line:var(--sh-line);--ink:var(--sh-ink);--ink2:var(--sh-muted);--ink3:var(--sh-faint);--blue:#024CFF;--blue-wash:#eaf0ff;flex:1;min-height:0}
.ms-page .ms-samples .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;height:100%}
.ms-page .ms-samples .card{background:var(--paper);border:1px solid var(--line);border-radius:18px;min-width:0;overflow:hidden}
.ms-page .ms-samples .card>h2{font-size:13px;font-weight:600;margin:0;padding:18px 20px;display:flex;align-items:baseline;gap:10px}
.ms-page .ms-samples .card>h2 small{font-weight:400;color:var(--ink3);font-size:12px;margin-left:auto}
.ms-page .ms-samples .sample{font-size:10px;letter-spacing:.06em;text-transform:uppercase;font-weight:500}
.ms-page .ms-samples .desk{height:calc(100% - 52px);box-sizing:border-box;padding:30px 24px;display:grid;grid-template-columns:repeat(2,1fr);gap:28px 12px;align-content:start;background:radial-gradient(60% 50% at 70% 20%,rgba(255,214,120,.9),rgba(255,214,120,0) 70%),radial-gradient(50% 60% at 15% 80%,rgba(72,40,140,.85),rgba(72,40,140,0) 70%),linear-gradient(160deg,#ffb347 0%,#ff7e5f 28%,#c86dd7 58%,#4b3391 100%)}
.ms-page .ms-samples .icon{display:grid;justify-items:center;gap:8px;text-align:center;align-content:start}
.ms-page .ms-samples .icon svg{width:64px;height:54px;display:block;filter:drop-shadow(0 6px 10px rgba(0,0,0,.25))}
.ms-page .ms-samples .icon b{font-weight:500;font-size:12px;line-height:1.3;color:white;text-shadow:0 1px 2px rgba(0,0,0,.55);max-width:130px;overflow-wrap:anywhere}
.ms-page .ms-samples .titlebar{display:flex;align-items:center;gap:6px;height:52px;padding:0 16px;box-sizing:border-box;background:var(--raised);border-bottom:1px solid var(--line);font-size:11px;color:var(--ink2)}
.ms-page .ms-samples .lights{display:flex;gap:5px;margin-right:4px}
.ms-page .ms-samples .lights i{width:9px;height:9px;border-radius:50%;display:block}
.ms-page .ms-samples .lights .r{background:#ff5f57}
.ms-page .ms-samples .lights .y{background:#febc2e}
.ms-page .ms-samples .lights .g{background:#28c840}
.ms-page .ms-samples .page{padding:24px;font-size:14px;line-height:1.5}
.ms-page .ms-samples .page h3{font-size:21px;font-weight:500;margin:0 0 20px;letter-spacing:-.025em}
.ms-page .ms-samples .page ol{margin:0;padding-left:20px;display:grid;gap:18px}
.ms-page .ms-samples .page li::marker{font-size:12px;color:var(--ink3)}
.ms-page .ms-samples .page li b{display:block;font-weight:600}
.ms-page .ms-samples .page li p{margin:4px 0 0;color:var(--ink2)}
.ms-page .ms-samples .page li p em{font-style:normal}
.ms-page .ms-samples .thread{display:grid;gap:18px;padding:10px 20px 20px}
.ms-page .ms-samples .msg{display:grid;grid-template-columns:28px 1fr;gap:10px}
.ms-page .ms-samples .avatar{width:28px;height:28px;border-radius:50%;background:var(--raised);display:grid;place-items:center;font-size:10px;font-weight:500;color:var(--ink2)}
.ms-page .ms-samples .msg-head{display:flex;align-items:baseline;gap:5px;font-size:11px;flex-wrap:wrap}
.ms-page .ms-samples .msg-name{font-weight:600}
.ms-page .ms-samples .msg-role,.ms-page .ms-samples .msg-time{color:var(--ink3)}
.ms-page .ms-samples .msg-body{margin:4px 0 0;font-size:13px;line-height:1.5}
.ms-page .ms-samples .msg.me .avatar{background:var(--blue-wash);color:var(--blue)}
.ms-page .ms-bottom{display:flex;justify-content:space-between;gap:20px;font-size:11px;line-height:1.5;color:var(--sh-muted);padding-top:18px}
.ms-page .ms-cursor{width:1216px;height:760px;display:flex;align-items:flex-start;gap:88px;padding-top:24px;box-sizing:border-box}
.ms-page .ms-cursor-note{width:416px;padding-top:12px;flex-shrink:0}
.ms-page .ms-cursor-note p{font-size:15px;line-height:1.6;color:var(--sh-muted);max-width:300px}
.ms-page .ms-cursor-note button{margin-top:20px}
/* ---- from maslow-polish.css */
#ms-root .ms-workspace{width:100%;height:auto;min-height:0}
#ms-root .ms-intro h1{font-size:clamp(28px,3vw,36px);line-height:1.2;letter-spacing:-.035em;margin:10px 0 12px;font-weight:600;text-wrap:balance}
#ms-root .ms-intro p{font-size:0.9375rem;max-width:66ch;line-height:1.55}
#ms-root .ms-eyebrow{font-size:0.75rem;letter-spacing:.08em}
#ms-root .ms-controls{min-height:44px;height:auto;flex-wrap:wrap;gap:12px 24px;margin:24px 0 20px;font-size:0.8125rem}
#ms-root #ms-state{display:flex;align-items:center;gap:8px}
#ms-root #ms-state::before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.45}
#ms-root #ms-example{background:var(--sh-solid);color:var(--sh-solid-ink);border:0;height:36px;padding:0 16px;border-radius:9px;font-size:0.8125rem;font-weight:500}
#ms-root .ms-samples{flex:none}
#ms-root .ms-samples .grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.15fr) minmax(0,1fr);gap:20px;height:auto}
#ms-root .ms-samples .card{border-radius:14px;min-height:500px;overflow:visible;box-shadow:0 1px 2px rgba(0,0,0,.025)}
#ms-root .ms-samples .card>h2,#ms-root .ms-samples .titlebar{min-height:52px;height:auto;box-sizing:border-box;padding:16px 20px;background:transparent;border-bottom:1px solid var(--sh-card-line);font-size:0.8125rem;line-height:20px;color:var(--sh-ink)}
#ms-root .ms-samples .titlebar{font-weight:600}
#ms-root .ms-samples .lights{display:none}
#ms-root .ms-samples .desk{height:calc(100% - 53px);min-height:447px;padding:28px 20px;gap:28px 12px;background:var(--sh-field);border-radius:0 0 14px 14px}
#ms-root .ms-samples .icon b{color:var(--sh-ink);text-shadow:none;font-size:0.75rem;line-height:1.4;font-weight:500}
#ms-root .ms-samples .icon svg{filter:none}
#ms-root .ms-samples .page{padding:24px;font-size:0.9375rem;line-height:1.5}
#ms-root .ms-samples .page h3{font-size:1.25rem;line-height:1.3;letter-spacing:-.02em;margin-bottom:20px}
#ms-root .ms-samples .page ol{gap:20px}
#ms-root .ms-samples .page li::marker{font-size:0.8125rem}
#ms-root .ms-samples .thread{gap:20px;padding:24px 20px}
#ms-root .ms-samples .msg-head{font-size:0.75rem;gap:4px 6px;line-height:1.4}
#ms-root .ms-samples .msg-body{font-size:0.875rem;line-height:1.5}
#ms-root .ms-bottom{font-size:0.75rem;padding-top:20px;flex-wrap:wrap;gap:8px 24px}
#ms-root .ms-cursor{width:100%;height:auto;display:grid;grid-template-columns:minmax(180px,1fr) minmax(0,712px);gap:48px;padding:8px 0 24px}
#ms-root .ms-cursor-note{width:auto;padding-top:0}
#ms-root .ms-cursor h1{font-size:2rem;line-height:1.2;margin:12px 0 16px}
#ms-root .ms-cursor-note p{max-width:32ch;font-size:0.9375rem}
#ms-root #ms-cursor-state{display:block;margin:20px 0 0;font-size:0.8125rem;color:var(--sh-muted)}
#ms-root .ms-cursor .sc-host[data-sc-name*="CursorEditor"]>div,#ms-root .ms-cursor [aria-label="Cursor proportions"]{width:100%!important;height:auto!important;min-width:0}
#ms-root .ms-cursor [aria-label="Cursor proportions"]{gap:24px!important;--ce-ink:var(--sh-ink);--ce-ink2:var(--sh-muted);--ce-ink3:var(--sh-faint);--ce-ghost:var(--sh-field)}
#ms-root .ce-row{min-height:36px;height:auto;grid-template-columns:104px minmax(0,1fr) 44px;gap:8px}
#ms-root .ce-btn{height:36px;border-radius:9px;font-size:0.8125rem}
#ms-root .ce-main{background:var(--sh-solid);color:var(--sh-solid-ink)}
#ms-root .ce-h{height:28px}
#ms-root .ce-check{border:1px solid var(--sh-line)}
#ms-root :is(button,.ms-cursor-note a){transition:transform 120ms cubic-bezier(.23,1,.32,1),background-color 120ms ease}
#ms-root button:active{transform:scale(.97)}
#ms-root :is(a,button,input,summary):focus-visible{outline:2px solid #024cff!important;outline-offset:3px!important}
@media(hover:hover) and (pointer:fine){
#ms-root #ms-example:hover,#ms-root .ce-main:hover{filter:brightness(.9)}
}
@container ms-area (max-width:1100px){
#ms-root .ms-samples .grid{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}
#ms-root .ms-samples .card:last-child{grid-column:1/-1;min-height:0}
#ms-root .ms-samples .card:last-child .thread{grid-template-columns:1fr 1fr;gap:24px}
#ms-root .ms-cursor{grid-template-columns:1fr;gap:32px;max-width:712px;margin:auto}
#ms-root .ms-cursor-note p{max-width:65ch}
}
@container ms-area (max-width:650px){
#ms-root .ms-intro h1{font-size:1.875rem}
#ms-root .ms-intro p{font-size:1rem}
#ms-root .ms-controls{gap:12px;margin:20px 0}
#ms-root #ms-example{margin-left:auto}
#ms-root .ms-samples .grid{grid-template-columns:1fr;gap:20px}
#ms-root .ms-samples .card{min-height:0}
#ms-root .ms-samples .desk{min-height:0;grid-template-columns:repeat(3,minmax(0,1fr));padding:24px 12px;gap:24px 8px}
#ms-root .ms-samples .icon b{font-size:0.75rem}
#ms-root .ms-samples .card:last-child .thread{grid-template-columns:1fr}
#ms-root .ms-samples .page,#ms-root .ms-samples .msg-body{font-size:1rem}
#ms-root .ms-cursor [aria-label="Cursor proportions"]>div:nth-child(3){grid-template-columns:1fr!important;gap:24px!important}
#ms-root .ce-row{grid-template-columns:112px minmax(0,1fr) 44px;min-height:44px}
#ms-root .ms-cursor [aria-label="Cursor proportions"]>div:first-child{align-items:flex-start!important;gap:16px}
}
@media(pointer:coarse){
#ms-root :is(.ce-btn,.ms-controls button,.ms-cursor-note button){min-height:44px}
}
@media(prefers-reduced-motion:reduce){
.ms-page *,.ms-page *::before,.ms-page *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
#ms-root button:active{transform:none!important}
}
@media(forced-colors:active){
#ms-root #ms-example{border:2px solid Highlight}
}
#ms-root .ms-cursor [aria-label="Cursor proportions"]>div:last-child{flex-wrap:wrap}
#ms-root .ms-cursor>*{min-width:0}
@container ms-area (max-width:1100px){
#ms-root .ms-cursor{grid-template-columns:minmax(0,1fr)}
}
#ms-root .ms-cursor [aria-label="Cursor proportions"]>div{min-width:0;max-width:100%}
#ms-root .ms-cursor [aria-label="Cursor proportions"]>div:nth-child(3){grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
@container ms-area (max-width:650px){
#ms-root .ms-cursor [aria-label="Cursor proportions"]>div:nth-child(3){grid-template-columns:minmax(0,1fr)!important}
}
#ms-root .ms-cursor .sc-host[data-sc-name*="CursorEditor"]>div{color:var(--sh-ink)!important}
#ms-root .ms-samples .sample{font-size:.75rem}
#ms-root .ms-samples .card>h2,#ms-root .ms-samples .titlebar{line-height:1.4}
#ms-root #ms-example{height:auto;min-height:36px;padding:9px 16px}
#ms-root :is(h1,h2,h3,button,a,summary){scroll-margin-top:calc(var(--ms-header-height,81px) + 24px)}
.ms-page #ml-example-content,.ms-page .ml-type-stack,.ms-page .tour-reading{position:relative}
/* ---- from maslow-landing.css */
.ms-page .ms-landing{--ml-blue:#247fb9;--ml-blue-light:#7bc5ee;--ml-white:#fff;--ml-night:#142c3e;--ml-ease:cubic-bezier(.22,1,.36,1);width:100%;min-width:0;display:flex;flex-direction:column;color:var(--sh-ink)}
.ms-page .ml-hero{position:relative;isolation:isolate;padding:24px 32px 18px;border-radius:20px;background:radial-gradient(ellipse at 0% 72%,#b3def7 0,transparent 40%),radial-gradient(ellipse at 100% 75%,#a4d8f6 0,transparent 43%),linear-gradient(180deg,#2474a8 0%,#247bb3 44%,#70bce8 100%);color:var(--ml-white);box-shadow:inset 0 0 0 1px #ffffff30;box-sizing:border-box;overflow:hidden}
.ms-page .ml-hero-top{display:flex;justify-content:space-between;align-items:center;font-size:12px;line-height:24px;color:#fff}
.ms-page .ml-wordmark{font-weight:600;font-size:19px;letter-spacing:-.04em}
.ms-page .ml-introduction{text-align:center;padding-top:28px}
.ms-page .ml-introduction h1{font-size:68px;line-height:.98;letter-spacing:-.055em;font-weight:500;margin:0 auto;max-width:14ch;color:#fff}
.ms-page .ml-introduction>p{font-size:17px;line-height:1.5;margin:18px auto 20px;color:#fff}
.ms-page .ml-actions{display:flex;flex-direction:column;align-items:center;gap:6px}
.ms-page .ml-actions a{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-size:14px;font-weight:500;min-height:48px;box-sizing:border-box;transition:transform 160ms var(--ml-ease),background-color 160ms var(--ml-ease)}
.ms-page .ml-primary{background:#fff;color:#173a51;border-radius:999px;padding:7px 7px 7px 24px;gap:20px;box-shadow:0 4px 20px #13547f12}
.ms-page .ml-primary>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#edf6fb;font-size:19px;transition:transform 160ms var(--ml-ease)}
.ms-page .ml-secondary{color:#fff;text-decoration:underline!important;text-underline-offset:5px;padding:0 12px}
.ms-page .ml-demo{margin:8px auto 0;width:100%}
.ms-page .ml-scene{height:320px;position:relative;width:100%;max-width:640px;margin:auto;pointer-events:none;user-select:none}
.ms-page .ml-paper{position:absolute;top:12px;left:50%;transform:translateX(-50%);width:400px;max-width:calc(100% - 16px);box-sizing:border-box;padding:24px 24px 32px;background:linear-gradient(180deg,#fff 0%,#f6fbfe 78%,#e7f3fb 100%);border-radius:14px;box-shadow:0 12px 40px #134e7614,inset 0 1px 0 #fff;color:#182d3c}
.ms-page .ml-document-label{font-size:12px;color:#506575;line-height:20px;margin-bottom:14px}
.ms-page #ml-example-content h2{font-size:21px;font-weight:550;letter-spacing:-.035em;line-height:1.3;margin:0 0 12px}
.ms-page #ml-example-content p{font-size:14px;line-height:1.65;margin:0;color:#475c6b}
.ms-page .ml-paper-lines{display:grid;gap:8px;margin-top:20px}
.ms-page .ml-paper-lines i{display:block;width:85%;height:6px;border-radius:6px;background:#dce9f2}
.ms-page .ml-paper-lines i:last-child{width:60%}
.ms-page .ml-selection{position:absolute;top:0;left:0;overflow:visible;transform-origin:0 0;opacity:0}
.ms-page .ml-stage-cursor{position:absolute;top:0;left:0;display:block;z-index:2;line-height:0}
.ms-page .ml-stage-cursor svg{display:block;overflow:visible}
.ms-page .ml-reading{position:absolute;right:0;bottom:0;width:238px;box-sizing:border-box;padding:14px 16px 16px;background:#fff;border-radius:14px;color:#253043;box-shadow:0 8px 30px #265c7820;opacity:0;z-index:1}
.ms-page .ml-reading-title{display:flex;align-items:center;gap:6px;font-size:12px;line-height:24px}
.ms-page .ml-reading-title>span:last-child{margin-left:auto;font-size:10px;color:#697381}
.ms-page .ml-reading-icon{display:block;width:18px;height:24px}
.ms-page .ml-reading-icon svg{width:18px;height:24px;overflow:visible}
.ms-page .ml-reading strong{font-weight:600}
.ms-page .ml-reading p{font-size:13px;line-height:1.5;margin:10px 0 4px}
.ms-page .ml-reading small{font-size:11px;color:#626c7a}
.ms-page .ml-playback{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:18px auto 0;max-width:580px;color:#123e5a}
.ms-page .ml-stage-steps{display:flex;gap:20px}
.ms-page .ml-playback button{font:inherit;font-size:12px;min-height:48px;border:0;background:none;color:inherit;cursor:pointer;border-radius:999px;padding:0 12px;transition:background-color 160ms var(--ml-ease)}
.ms-page .ml-stage-steps button{display:flex;align-items:center;gap:8px;padding:0 4px}
.ms-page .ml-stage-steps i{width:7px;height:7px;border:1px solid currentColor;border-radius:50%;box-sizing:border-box}
.ms-page .ml-stage-steps button[aria-pressed=true]{font-weight:650}
.ms-page .ml-stage-steps button[aria-pressed=true] i{background:currentColor}
.ms-page .ml-playback-actions{display:flex;box-shadow:inset 0 0 0 1px #22577840;border-radius:999px;padding:0 4px;background:#ffffff20}
.ms-page .ml-demo-caption{text-align:center;font-size:11px;line-height:1.5;color:#173e58;margin:4px 0 0}
.ms-page .ml-sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.ms-page .ml-explanation{padding:56px 24px 48px;text-align:center}
.ms-page .ml-explanation h2{font-size:32px;line-height:1.12;font-weight:500;letter-spacing:-.045em;margin:0}
.ms-page .ml-explanation p{max-width:44ch;margin:16px auto;font-size:15px;line-height:1.65;color:var(--sh-muted)}
.ms-page .ml-explanation>a{display:inline-flex;align-items:center;gap:12px;min-height:48px;font-size:13px;color:var(--sh-ink);text-underline-offset:5px}
.ms-page .ml-delivery{padding:24px 0 8px;border-top:1px solid var(--sh-line)}
.ms-page .ml-section-head{display:flex;justify-content:space-between;gap:16px;align-items:baseline}
.ms-page .ml-section-head h2{font-size:22px;font-weight:550;letter-spacing:-.03em;margin:0}
.ms-page .ml-section-head>span{font-size:11px;color:var(--sh-muted)}
.ms-page .ml-surfaces{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:20px 0 0;border-bottom:1px solid var(--sh-line)}
.ms-page .ml-surfaces button{min-height:48px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--sh-muted);font:inherit;font-size:14px;cursor:pointer;white-space:nowrap}
.ms-page .ml-surfaces button[aria-selected=true]{border-color:var(--sh-ink);color:var(--sh-ink);font-weight:600}
.ms-page .ml-surface-detail{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:96px}
.ms-page .ml-surface-detail h3{font-size:15px;font-weight:550;margin:0 0 6px}
.ms-page .ml-surface-detail p{font-size:12px;line-height:1.5;color:var(--sh-muted);margin:0}
.ms-page .ml-surface-detail button{min-height:48px;border:1px solid var(--sh-line);border-radius:999px;background:transparent;color:var(--sh-muted);font:inherit;font-size:12px;padding:0 16px;flex-shrink:0;cursor:not-allowed}
.ms-page .ml-release-note{padding:18px 0;border-top:1px solid var(--sh-line);display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:11px;line-height:1.5;color:var(--sh-muted)}
#ms-root button:disabled{cursor:not-allowed;transform:none}
#ms-root .ml-hero :is(a,button):focus-visible{outline:2px solid #112f45!important;outline-offset:4px!important}
@media(hover:hover) and (pointer:fine){
.ms-page .ml-primary:hover{background:#f0f8fd;transform:translateY(-1px)}
.ms-page .ml-primary:hover>span{transform:translate(1px,-1px)}
.ms-page .ml-playback button:hover{background:#ffffff35}
}
@container ms-area (max-width:700px){
.ms-page .ml-hero{padding:20px 16px 16px}
.ms-page .ml-introduction{padding-top:32px}
.ms-page .ml-introduction h1{font-size:52px}
.ms-page .ml-scene{height:350px}
.ms-page .ml-paper{padding:20px;max-width:calc(100% - 12px)}
.ms-page #ml-example-content p{font-size:14px}
.ms-page #ml-example-content h2{font-size:20px}
.ms-page .ml-reading{width:220px;right:4px}
.ms-page .ml-playback{flex-direction:column;gap:4px;margin-top:12px}
.ms-page .ml-stage-steps{gap:24px}
.ms-page .ml-stage-steps button,.ms-page .ml-playback-actions button{font-size:14px}
.ms-page .ml-demo-caption{margin-top:10px}
.ms-page .ml-explanation{padding:40px 12px}
.ms-page .ml-explanation h2{font-size:28px}
.ms-page .ml-explanation p{font-size:16px}
.ms-page .ml-delivery{margin:0 12px}
.ms-page .ml-section-head{align-items:flex-start;flex-direction:column;gap:8px}
.ms-page .ml-section-head h2{font-size:22px}
.ms-page .ml-surfaces{grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
.ms-page .ml-surface-detail{align-items:flex-start;flex-direction:column;padding:20px 0;gap:16px}
.ms-page .ml-release-note{margin:0 12px;flex-direction:column;align-items:flex-start;gap:8px}
}
@media(prefers-reduced-motion:reduce){
.ms-page .ml-hero *,.ms-page .ml-hero *::before,.ms-page .ml-hero *::after{animation:none!important;transition:none!important}
}
.ms-page .ml-introduction{padding-top:16px}
.ms-page .ml-introduction h1{max-width:16ch;font-size:64px}
.ms-page .ml-demo{margin-top:32px}
.ms-page .ml-scene{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:start;gap:24px;height:auto;min-height:410px;max-width:none;padding:0 0 12px}
.ms-page .ml-paper{position:relative;left:auto;top:auto;transform:none;width:auto;max-width:none;padding:20px;background:#fff;border-radius:12px}
.ms-page .ml-document-label{display:flex;justify-content:space-between;gap:8px;font-size:12px;font-weight:600;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid #dfe7ec}
.ms-page .ml-document-label span{font-size:10px;font-weight:400;color:#61707c}
.ms-page .ml-chat-message+.ml-chat-message{margin-top:16px}
.ms-page .ml-chat-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;margin-bottom:5px;font-size:11px}
.ms-page .ml-chat-meta b{font-weight:600}
.ms-page .ml-chat-meta span{font-size:10px;color:#61707c}
.ms-page #ml-example-content .ml-chat-message p{font-size:13px;line-height:1.55;color:#273a48;margin:0}
.ms-page .ml-hostile{border-left:2px solid #7e568f;padding-left:10px}
.ms-page .ml-reading{position:relative;right:auto;bottom:auto;width:auto;margin-top:72px;min-height:318px;padding:18px 18px 20px;border-radius:12px;grid-column:2;grid-row:1}
.ms-page .ml-reading-title{gap:9px}
.ms-page .ml-reading-title strong{font-size:13px}
.ms-page .ml-reading .ml-typed-output{white-space:pre-wrap;font-size:13px;line-height:1.65;margin:14px 0 12px;min-height:240px}
.ms-page .ml-reading small{font-size:10px;line-height:1.6;display:block}
.ms-page .ml-selection{z-index:2;pointer-events:none}
.ms-page .ml-stage-cursor{z-index:3}
.ms-page .ml-stage-steps{gap:18px}
.ms-page .ml-playback{max-width:none}
@container ms-area (max-width:700px){
.ms-page .ml-introduction h1{font-size:48px}
.ms-page .ml-scene{gap:18px;grid-template-columns:minmax(0,1fr);min-height:0;padding:0 4px}
.ms-page .ml-paper{padding:18px;max-width:none}
.ms-page .ml-reading{grid-column:1;grid-row:2;right:auto;margin-top:0;min-height:240px}
.ms-page .ml-reading .ml-typed-output{min-height:180px;font-size:14px}
.ms-page .ml-chat-meta{font-size:12px}
.ms-page .ml-chat-meta span{font-size:11px}
.ms-page #ml-example-content .ml-chat-message p{font-size:14px}
.ms-page .ml-document-label span{font-size:10px}
.ms-page .ml-playback{margin-top:8px}
.ms-page .ml-stage-steps{gap:16px}
}
.ms-page .ml-type-stack{display:grid;margin:14px 0 12px}
.ms-page .ml-reading .ml-type-stack p{grid-area:1/1;white-space:pre-wrap;font-size:13px;line-height:1.65;margin:0;min-height:0;overflow-wrap:anywhere}
.ms-page .ml-type-reserve{visibility:hidden;pointer-events:none;user-select:none}
.ms-page .ml-reading{min-height:0}
.ms-page .ml-document-label{margin-bottom:30px}
.ms-page #ml-example-content{padding-top:20px}
.ms-page .ml-demo-pill{position:absolute;z-index:5;display:flex;align-items:center;gap:8px;height:44px;box-sizing:border-box;padding:4px 5px 4px 12px;border:1px solid #e7dded;background:#fcf9ff;color:#272130;border-radius:999px;box-shadow:0 3px 12px #25133418;pointer-events:auto;white-space:nowrap}
.ms-page .ml-pill-icon{display:grid;place-items:center;width:18px;height:24px;flex-shrink:0}
.ms-page .ml-pill-icon svg{width:18px;height:24px}
.ms-page .ml-pill-status{font-size:11px;color:#71647f;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}
.ms-page .ml-demo-pill button{font:inherit;font-size:13px;font-weight:600;border:0;border-radius:999px;min-height:34px;padding:0 13px;cursor:pointer;background:transparent;color:inherit;flex-shrink:0}
.ms-page .ml-demo-pill button:hover{background:#eee5f5}
.ms-page .ml-demo-pill .ml-pill-done{background:#b44eef;color:white}
.ms-page .ml-demo-pill .ml-pill-done:hover{background:#9f3cdb}
@container ms-area (max-width:700px){
.ms-page .ml-reading .ml-type-stack p{font-size:14px}
.ms-page .ml-demo-pill{gap:5px;padding-left:9px}
.ms-page .ml-demo-pill button{padding:0 11px}
.ms-page .ml-pill-status{font-size:10px}
}
.ms-page .ms-landing .ml-explanation{padding:56px 32px 48px}
.ms-page .ms-landing .ml-explanation h2{font-size:32px;line-height:1.2;letter-spacing:-.035em;font-weight:600;max-width:22ch;margin:0 auto}
.ms-page .ms-landing .ml-explanation p{font-size:16px;line-height:1.6;margin:16px auto 24px;max-width:44ch}
.ms-page .ms-landing .ml-explanation>a{font-size:14px;font-weight:500;min-height:48px;padding:0 8px;text-decoration:none;gap:12px}
.ms-page .ms-landing .ml-explanation>a>span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--sh-card)}
.ms-page .ms-landing .ml-delivery{padding:32px 0 16px;margin:0;border-top:1px solid var(--sh-line)}
.ms-page .ms-landing .ml-section-head h2{font-size:24px;line-height:1.25;font-weight:600;letter-spacing:-.03em}
.ms-page .ml-availability{font-size:14px;line-height:1.6;color:var(--sh-muted);margin:12px 0 24px;max-width:56ch}
.ms-page .ms-landing .ml-surfaces{grid-template-columns:repeat(6,minmax(104px,1fr));gap:12px;overflow-x:auto;margin:0;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}
.ms-page .ms-landing .ml-surfaces button{--platform-inner-radius:25px;--platform-inset:2px;--platform-border:1px;min-width:0;min-height:0;aspect-ratio:4/5;padding:var(--platform-inset);row-gap:2px!important;flex-direction:column;overflow:hidden;border:var(--platform-border) solid var(--sh-line);border-radius:calc(var(--platform-inner-radius) + var(--platform-inset) + var(--platform-border));color:var(--sh-ink);background:var(--sh-card);transition:border-color 160ms cubic-bezier(.22,1,.36,1)}
.ms-page .ms-landing .ml-surfaces button[aria-selected=true]{background:var(--sh-card);border-color:var(--sh-line);box-shadow:none}
.ms-page .ms-landing .ml-surface-detail{padding:24px 0 16px;min-height:96px;box-sizing:border-box;align-items:center;gap:24px}
.ms-page .ms-landing .ml-surface-detail h3{font-size:16px;font-weight:600;line-height:1.4;margin:0 0 4px}
.ms-page .ms-landing .ml-surface-detail p{font-size:14px;line-height:1.5}
.ms-page .ml-install-status{font-size:12px;line-height:1.5;color:var(--sh-muted);white-space:nowrap}
@media(hover:hover) and (pointer:fine){
.ms-page .ms-landing .ml-surfaces button:hover{background:var(--sh-card)}
}
@container ms-area (max-width:700px){
.ms-page .ms-landing .ml-explanation{padding:40px 16px}
.ms-page .ms-landing .ml-explanation h2{font-size:28px}
.ms-page .ms-landing .ml-delivery{margin:0 4px;padding-top:32px}
.ms-page .ms-landing .ml-surface-detail{align-items:flex-start;flex-direction:column;gap:12px;min-height:140px}
.ms-page .ms-landing .ml-install-status{font-size:12px}
}
@media(prefers-reduced-motion:reduce){
.ms-page .ms-landing .ml-surfaces button{transition:none}
}
.ms-page .ms-tour .ml-philosophy{border-top:1px solid var(--sh-line);margin-top:24px;padding:48px 0 32px;scroll-margin-top:calc(var(--ms-header-height,81px) + 24px)}
.ms-page .ml-philosophy>h2{font-size:32px;line-height:1.18;font-weight:600;letter-spacing:-.035em;max-width:22ch;margin:12px 0 24px}
.ms-page .ml-philosophy p{font-size:16px;line-height:1.7;max-width:68ch;margin:0 0 18px;color:var(--sh-muted)}
.ms-page .ml-philosophy .ml-philosophy-label{font-size:12px;line-height:1.5;font-weight:500;margin:0 0 8px;color:var(--sh-muted)}
.ms-page .ml-philosophy-pillar{margin-top:32px}
.ms-page .ml-philosophy-pillar h3{font-size:20px;line-height:1.3;letter-spacing:-.02em;font-weight:600;margin:0 0 12px}
.ms-page .ml-philosophy .ml-philosophy-closing{color:var(--sh-ink);margin-top:32px}
.ms-page .ml-philosophy .ml-philosophy-note{font-size:12px;line-height:1.6;max-width:76ch;margin:24px 0 0}
@container ms-area (max-width:700px){
.ms-page .ms-tour .ml-philosophy{margin:24px 4px 0;padding:32px 0 24px}
.ms-page .ml-philosophy>h2{font-size:28px}
.ms-page .ml-philosophy p{font-size:15px}
.ms-page .ml-philosophy .ml-philosophy-label,.ms-page .ml-philosophy .ml-philosophy-note{font-size:12px}
}
.ms-page .ml-platform-square{display:grid;place-items:center;width:100%;height:auto;aspect-ratio:1;flex:0 0 auto;border-radius:var(--platform-inner-radius);background:var(--sh-field)}
.ms-page .ml-platform-square .ml-platform-icon{width:60%!important;height:60%!important}
.ms-page .ml-platform-name{display:grid;place-items:center;flex:1;min-height:0;width:100%;font-size:14px;font-weight:500;line-height:1.3;color:var(--sh-ink)}
.ms-page .ms-landing .ml-surfaces button[aria-selected=true] .ml-platform-name{font-weight:650}
.ms-page #ml-demo :is(.ml-stage-cursor,.ml-stage-cursor svg,.ml-selection,.ml-reading,.ml-demo-pill){animation:none!important;transition:none!important}
/* ---- from maslow-tour.css */
.ms-page .ms-tour{--tour-space:24px;--tour-radius:20px;--tour-ease:cubic-bezier(.22,1,.36,1)}
#ms-root .ms-tour .ms-intro{text-align:center;padding:56px 24px 48px}
#ms-root .ms-tour .ms-intro h1{font-size:48px;line-height:1.1;letter-spacing:-.045em;font-weight:600;margin:0 0 16px}
#ms-root .ms-tour .ms-intro p{max-width:44ch;margin:0 auto;font-size:16px;line-height:1.6;color:var(--sh-muted)}
.ms-page .tour-step{padding:32px 0;scroll-margin-top:calc(var(--ms-header-height,81px) + 24px)}
.ms-page .tour-step+.tour-step{border-top:1px solid var(--sh-line)}
.ms-page .tour-step-heading{position:relative;display:flex;align-items:center;gap:12px;margin-bottom:24px}
.ms-page .tour-step-heading h2{font-size:24px;line-height:1.25;letter-spacing:-.03em;margin:0;font-weight:600}
.ms-page .tour-number{position:absolute;right:calc(100% + 16px);top:0;min-width:24px;text-align:center;font-size:24px;line-height:1.25;font-weight:600;letter-spacing:-.03em;color:var(--sh-muted)}
.ms-page .tour-progress{margin-left:auto;font-size:12px;color:var(--sh-muted);text-align:right}
.ms-page .tour-step p{font-size:16px;line-height:1.6;margin:8px 0;max-width:64ch}
.ms-page .tour-step .tour-muted,.ms-page .tour-help{color:var(--sh-muted)}
.ms-page .tour-step p.tour-help{font-size:12px;line-height:1.6;margin-top:16px}
.ms-page .tour-activation{display:flex;align-items:center;gap:24px;margin:0 0 8px}
.ms-page .tour-activation button{width:64px;height:64px;border-radius:20px;border:0;background:var(--sh-card);color:var(--sh-ink);box-shadow:inset 0 0 0 1px var(--sh-line),0 4px 16px #00000005;cursor:pointer;flex-shrink:0;display:grid;place-items:center;transition:transform 160ms var(--tour-ease),background-color 160ms var(--tour-ease)}
.ms-page .tour-activation button[aria-pressed=true]{box-shadow:inset 0 0 0 1.5px var(--maslow-purple);background:var(--sh-card)}
.ms-page #tour-symbol svg{display:block;width:36px;height:36px;stroke:#1752e8}
#ms-root .ms-tour #ms-state{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#ms-root .ms-tour .ms-samples{margin-top:24px}
#ms-root .ms-tour .ms-samples .grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:24px;align-items:stretch}
#ms-root .ms-tour .ms-samples .card{display:flex;flex-direction:column;min-height:560px;height:auto;overflow:hidden;box-shadow:inset 0 0 0 1px var(--sh-line),0 6px 24px #00000004;border:0;border-radius:var(--tour-radius);grid-column:auto;padding:6px;background:var(--sh-field)}
#ms-root .ms-tour .ms-samples .card>h2{min-height:64px;flex-shrink:0;display:flex;flex-direction:column;gap:4px;align-items:flex-start;justify-content:center;margin:0;padding:12px 18px;font-size:16px;line-height:1.3;border:0;background:var(--sh-card);border-radius:14px 14px 0 0}
#ms-root .ms-tour .card>h2>span{font-size:12px;font-weight:400;color:var(--sh-muted);white-space:nowrap}
#ms-root .ms-tour .ms-samples .desk{flex:1;height:auto;min-height:0;overflow:visible;grid-template-columns:repeat(2,minmax(0,1fr));padding:32px 16px;gap:32px 16px;border-radius:0;background:var(--sh-card)}
#ms-root .ms-tour .ms-samples .thread{display:flex;flex-direction:column;gap:20px;flex:1;overflow:visible;padding:24px 16px;background:var(--sh-card)}
#ms-root .ms-tour .ms-samples .msg-body{font-size:14px;line-height:1.5}
#ms-root .ms-tour .ms-samples .msg-head{font-size:12px;line-height:1.4}
#ms-root .ms-tour .ms-samples .msg{gap:8px}
#ms-root .ms-tour .ms-samples .icon b{font-size:12px;line-height:1.5}
.ms-page .tour-example-action{padding:16px;background:var(--sh-card);border-radius:0 0 14px 14px}
.ms-page .ms-tour button:not(#tour-activate){min-height:48px;font:inherit;font-size:14px;font-weight:500;padding:0 20px;border:0;border-radius:999px;background:var(--sh-field);color:var(--sh-ink);cursor:pointer;transition:transform 160ms var(--tour-ease),background-color 160ms var(--tour-ease)}
.ms-page .tour-example-action button{width:100%}
.ms-page .ms-tour button:active{transform:scale(.98)}
.ms-page .tour-reading{padding:24px;margin:24px 0;background:var(--sh-card);border-radius:var(--tour-radius);min-height:64px}
.ms-page .tour-reading p{font-size:16px;white-space:pre-line;overflow-wrap:anywhere;margin:0}
.ms-page #tour-deeper h3{font-size:24px;line-height:1.25;letter-spacing:-.03em;font-weight:600;margin:32px 0 16px}
.ms-page #tour-deeper dl{margin:0 0 24px}
.ms-page #tour-deeper dl>div{display:grid;grid-template-columns:160px 1fr;gap:24px;padding:16px 0}
.ms-page #tour-deeper dt{font-size:14px;font-weight:600}
.ms-page #tour-deeper dd{font-size:14px;line-height:1.65;margin:0;white-space:pre-line;overflow-wrap:anywhere}
@media(hover:hover) and (pointer:fine){
.ms-page .ms-tour button:hover{box-shadow:inset 0 0 0 1px var(--sh-line)}
}
@container ms-area (max-width:700px){
#ms-root .ms-tour .ms-intro{padding:40px 8px 32px}
#ms-root .ms-tour .ms-intro h1{font-size:36px}
.ms-page .tour-step{padding:24px 0}
.ms-page .tour-step-heading{gap:12px;margin-bottom:20px}
.ms-page .tour-step-heading h2{font-size:24px}
.ms-page .tour-progress{font-size:12px;max-width:112px}
.ms-page .tour-activation{gap:16px}
.ms-page .tour-activation button{width:56px;height:56px;border-radius:16px}
#ms-root .ms-tour .ms-samples .grid{grid-template-columns:1fr;gap:24px}
#ms-root .ms-tour .ms-samples .card{height:auto;min-height:560px}
#ms-root .ms-tour .ms-samples .thread{padding:24px 16px}
.ms-page .tour-reading{padding:20px}
.ms-page #tour-deeper dl>div{grid-template-columns:1fr;gap:8px}
}
@media(prefers-reduced-motion:reduce){
.ms-page .ms-tour button{transition:none!important;transform:none!important}
}
.ms-page .tour-next{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:16px}
.ms-page .tour-step .tour-next p.tour-help{margin:0}
#ms-root .ms-tour #tour-see-reading{background:var(--sh-solid);color:var(--sh-solid-ink);display:inline-flex;align-items:center;gap:16px}
.ms-page #tour-copy-status{font-size:12px;margin-left:12px;color:var(--sh-muted)}
.ms-page #tour-folders,.ms-page #tour-chat{scroll-margin-top:calc(var(--ms-header-height,81px) + 32px)}
.ms-page .tour-reading{margin-bottom:24px}
.ms-page #tour-reading-actions{display:flex;justify-content:flex-end;margin:12px -8px -8px 0}
.ms-page #tour-reading-actions[hidden]{display:none}
#ms-root .ms-tour #tour-reading-actions button{flex:0 0 28px;width:28px;height:28px;min-height:28px;padding:6px;border-radius:6px}
.ms-page #tour-reading-actions svg{width:16px;height:16px}
.ms-page #tour-reading-actions .ms-response-actions{gap:2px}
.ms-page .ms-tour details.ml-philosophy{padding:24px 0}
.ms-page .ml-philosophy>summary{cursor:pointer;min-height:44px;align-content:center;font-size:18px;font-weight:500}
.ms-page .ml-philosophy[open]>summary{margin-bottom:24px}
.ms-page .ms-response-actions{display:flex;align-items:center;gap:4px;position:relative;pointer-events:auto;color:var(--sh-muted,#686868)}
#ms-root .ms-tour .ms-response-actions button,.ms-page .ms-response-actions button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;min-height:44px;padding:10px;border:0;border-radius:8px;background:transparent;color:inherit;cursor:pointer;font:inherit;box-shadow:none;transform:none}
.ms-page .ms-response-actions svg{display:block;width:24px;height:24px;flex-shrink:0}
#ms-root .ms-tour .ms-response-actions button:hover,.ms-page .ms-response-actions button:hover{background:var(--sh-field,#eee);box-shadow:none}
.ms-page .ms-response-actions button[aria-pressed=true]{color:var(--sh-ink,#222);background:var(--sh-field,#eee)!important}
.ms-page .ms-response-actions button:focus-visible{outline:2px solid #024cff;outline-offset:-2px}
.ms-page .ms-response-actions button:disabled{opacity:.4;cursor:default}
.ms-page .ms-action-status{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
/* Home: "In real time…" opens the page, right underneath the top bar pill, above the blue hero */
.ms-page .ms-landing .ml-explanation{padding:4px 32px 40px}
@container ms-area (max-width:700px){.ms-page .ms-landing .ml-explanation{padding:4px 16px 32px}}
/* Home: small platform icons, no tiles; the chosen platform sits on a light blue tile */
.ms-page .ms-landing .ml-surfaces{gap:8px;overflow:visible}
.ms-page .ms-landing .ml-surfaces button{aspect-ratio:auto;height:112px;padding:14px 8px;row-gap:12px!important;justify-content:center;border:0;border-radius:12px;background:transparent;overflow:visible}
.ms-page .ms-landing .ml-surfaces button[aria-selected=true]{background:rgba(11,87,208,.09);border:0}
.ms-page .ms-landing .ml-platform-square{width:auto;aspect-ratio:auto;border-radius:0;background:transparent}
.ms-page .ms-landing .ml-platform-square .ml-platform-icon{width:40px!important;height:40px!important}
.ms-page .ms-landing .ml-platform-name{flex:none;font-size:13px;font-weight:500}
.ms-page .ms-landing .ml-surfaces button[aria-selected=true] .ml-platform-name{color:#0b57d0;font-weight:600}
html.cx-night .ms-page .ms-landing .ml-surfaces button[aria-selected=true]{background:rgba(138,180,248,.14)}html.cx-night .ms-page .ms-landing .ml-surfaces button[aria-selected=true] .ml-platform-name{color:#8ab4f8}
@media (prefers-color-scheme:dark){html.cx-auto .ms-page .ms-landing .ml-surfaces button[aria-selected=true]{background:rgba(138,180,248,.14)}html.cx-auto .ms-page .ms-landing .ml-surfaces button[aria-selected=true] .ml-platform-name{color:#8ab4f8}}
@media(hover:hover) and (pointer:fine){.ms-page .ms-landing .ml-surfaces button:not([aria-selected=true]):hover{background:var(--sh-field)}}
@container ms-area (max-width:700px){.ms-page .ms-landing .ml-surfaces{grid-template-columns:repeat(3,minmax(0,1fr))}.ms-page .ms-landing .ml-surfaces button{height:96px}}
/* at the centre rails the cursor view fills the canvas like the other views */
@container ms-area (min-width:701px) and (max-width:1100px){#ms-root .ms-cursor{max-width:none}}
/* night: the cursor editor follows the shell, like its own dark theme */
html.cx-night #ms-root .ms-cursor [aria-label="Cursor proportions"]{--ce-ink:#FFFFFF;--ce-ink2:#CFCFCF;--ce-ink3:#969696;--ce-ghost:#2A2A2C}
html.cx-night #ms-root .ms-cursor .ce-check{background-color:#232325;background-image:linear-gradient(45deg,#2C2C2F 25%,transparent 25%,transparent 75%,#2C2C2F 75%),linear-gradient(45deg,#2C2C2F 25%,transparent 25%,transparent 75%,#2C2C2F 75%)}
@media (prefers-color-scheme:dark){html.cx-auto #ms-root .ms-cursor [aria-label="Cursor proportions"]{--ce-ink:#FFFFFF;--ce-ink2:#CFCFCF;--ce-ink3:#969696;--ce-ghost:#2A2A2C}html.cx-auto #ms-root .ms-cursor .ce-check{background-color:#232325;background-image:linear-gradient(45deg,#2C2C2F 25%,transparent 25%,transparent 75%,#2C2C2F 75%),linear-gradient(45deg,#2C2C2F 25%,transparent 25%,transparent 75%,#2C2C2F 75%)}}
/* the tour: the reading pops out of the frame, as on every other page; step 3 explains what Maslow understood */
/* step 3: how Maslow reads a frame, then what it understood */
.ms-page .tour-howreads h3{font-size:14px;line-height:1.4;font-weight:600;letter-spacing:0;margin:0 0 12px}
.ms-page .tour-howreads ul{margin:0;padding:0 0 0 20px}
.ms-page .tour-howreads li{font-size:16px;line-height:1.5;margin:0 0 8px}
.ms-page .tour-howreads li:last-child{margin-bottom:0}
.ms-page #tour-deeper dl>div[hidden]{display:none}
/* team chat centred; Maslow's reading pops over it, frosted and see-through */
@container ms-area (min-width:701px){
.ms-page .ms-landing .ml-scene{display:block;position:relative;max-width:760px;min-height:440px;margin:0 auto;padding:0 0 24px}
.ms-page .ms-landing .ml-paper{position:relative;width:560px;max-width:100%;margin:0 auto}
.ms-page .ms-landing .ml-reading{position:absolute;right:0;bottom:8px;width:320px;margin:0;min-height:0;z-index:3;background:rgba(255,255,255,.55);-webkit-backdrop-filter:blur(18px) saturate(1.5);backdrop-filter:blur(18px) saturate(1.5);border:1px solid rgba(255,255,255,.7);box-shadow:0 20px 56px rgba(19,78,118,.24)}
.ms-page .ms-landing .ml-reading .ml-typed-output{min-height:0}
}
/* Home: one even gap between the slogan, the hero and Get Maslow */
.ms-page .ms-landing{gap:40px}
.ms-page .ms-landing .ml-explanation{padding:40px 32px 0}
.ms-page .ms-landing .ml-explanation p{margin-bottom:0}
.ms-page .ms-landing .ml-delivery{margin:0;padding:40px 0 16px}
/* Home looks like the Tour: the same header (56 above, 48px title, 16 under it, 48 below) and the same section spacing (32 above and below each line, 24 under a section title) */
.ms-page .ms-landing{gap:0}
.ms-page .ms-landing .ml-explanation{padding:56px 24px 48px}
.ms-page .ms-landing .ml-explanation h2{font-size:48px;line-height:1.1;letter-spacing:-.045em;font-weight:600;max-width:none;margin:0 0 16px;text-wrap:balance}
.ms-page .ms-landing .ml-explanation p{font-size:16px;line-height:1.6;max-width:44ch;margin:0 auto}
.ms-page .ms-landing .ml-delivery{margin:32px 0 0;padding:32px 0}
.ms-page .ms-landing .ml-section-head{margin-bottom:24px}
.ms-page .ms-landing .ml-availability{margin:0 0 24px}
.ms-page .ms-landing .ml-introduction h1+.ml-actions{margin-top:24px}
@container ms-area (max-width:700px){
.ms-page .ms-landing .ml-explanation{padding:40px 8px 32px}
.ms-page .ms-landing .ml-explanation h2{font-size:36px}
.ms-page .ms-landing .ml-delivery{margin:24px 4px 0;padding:24px 0}
.ms-page .ms-landing .ml-section-head{margin-bottom:20px}
}

/* Type pass, all three Maslow pages: one Apple-style spacing ramp. Big type tightens a touch and gets room between its lines; reading text sits at 1.5; small print opens slightly. Sizes and weights unchanged (except Tinker's intro, 15 to 16 to match the other pages). */
#ms-root#ms-root :is(h1,h2,h3){text-wrap:balance}
#ms-root#ms-root p{text-wrap:pretty}
#ms-root#ms-root .ml-introduction h1{line-height:1.04;letter-spacing:-.03em}
#ms-root#ms-root :is(.ml-explanation h2,.ms-intro h1){line-height:1.08;letter-spacing:-.025em}
#ms-root#ms-root :is(#ml-philosophy-title,.ms-cursor-note h1){line-height:1.125;letter-spacing:-.02em}
#ms-root#ms-root :is(.tour-step-heading h2,.tour-number,.ml-section-head h2){line-height:1.17;letter-spacing:-.015em}
#ms-root#ms-root .ml-philosophy-pillar h3{line-height:1.2;letter-spacing:-.01em}
#ms-root#ms-root :is(.ml-explanation p,.ms-intro p,.tour-step p,.ml-philosophy p,.ms-cursor-note p){line-height:1.5;letter-spacing:-.005em}
#ms-root#ms-root .ml-philosophy p{margin-bottom:16px}
#ms-root#ms-root .ml-philosophy p.ml-philosophy-label{margin-bottom:8px}
#ms-root#ms-root .ms-cursor-note p{font-size:16px;margin:0 0 16px}
#ms-root#ms-root :is(.ml-availability,.ml-surface-detail p,.tour-step .msg-body){line-height:1.43}
#ms-root#ms-root .ml-chat-message p{line-height:1.45}
#ms-root#ms-root :is(p.tour-help,p.ml-philosophy-note,.ml-install-status,.tour-progress,p.ml-demo-caption){line-height:1.4;letter-spacing:.01em}

/* Anchored frame (all three Maslow pages): the top bar and footer never move. When a page grows (the Tour's reading opening), it scrolls inside its own frame between them instead of pushing the footer out. 88 under the last block, the same gap on every page. */
#ms-root#ms-root .ms-area{padding-bottom:88px}
#ms-root#ms-root{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.22) transparent}
/* Tinker: the page header sits at the top, centred like Home and Tour (heading on the same line as theirs); the cursor editor is centred on the page under it */
#ms-root#ms-root .ms-cursor{display:flex;flex-direction:column;align-items:center;gap:0;max-width:none;margin:0;padding:0 0 24px}
#ms-root#ms-root .ms-cursor-note{width:100%;box-sizing:border-box;text-align:center;padding:28px 24px 48px}
#ms-root#ms-root .ms-cursor-note .ms-eyebrow{display:block;margin:0 0 12px}
#ms-root#ms-root #cursor .ms-cursor-note h1{font-size:48px;line-height:1.08;letter-spacing:-.025em;font-weight:600;margin:0 0 16px;text-wrap:balance}
#ms-root#ms-root .ms-cursor-note p{max-width:44ch;margin:0 auto;font-size:16px;line-height:1.5;color:var(--sh-muted);text-wrap:balance}
#ms-root#ms-root .ms-cursor-note button{margin-top:24px}
#ms-root#ms-root #ms-cursor-state:empty{display:none}
#ms-root#ms-root .ms-cursor>:not(.ms-cursor-note){width:100%;max-width:712px}
@container ms-area (max-width:700px){#ms-root#ms-root .ms-cursor-note{padding:12px 8px 32px}#ms-root#ms-root .ms-cursor-note h1{font-size:36px}}
/* the pill highlight follows the view in the centre (maslow-site.js sets data-ms-view): the dark pill moves to Tour or Tinker */
html[data-ms-view="workspace"] .tb-pill>.tb-anchor,html[data-ms-view="cursor"] .tb-pill>.tb-anchor{background:transparent;color:#5a5a5a}
html[data-ms-view="workspace"] .tb-pill>.tb-anchor:hover,html[data-ms-view="cursor"] .tb-pill>.tb-anchor:hover{background:rgba(0,0,0,.04);color:#0a0a0a}
html[data-ms-view="workspace"] .tb-pill>a.tb-link:nth-of-type(2),html[data-ms-view="cursor"] .tb-pill>a.tb-link:nth-of-type(3){background:#2c2c2e;color:#fff}
html[data-ms-view="workspace"] .tb-pill>a.tb-link:nth-of-type(2):hover,html[data-ms-view="cursor"] .tb-pill>a.tb-link:nth-of-type(3):hover{background:#3a3a3c;color:#fff}
html.cx-night[data-ms-view="workspace"] .tb-pill>.tb-anchor,html.cx-night[data-ms-view="cursor"] .tb-pill>.tb-anchor{background:transparent;color:#a3a3a3}
html.cx-night[data-ms-view="workspace"] .tb-pill>a.tb-link:nth-of-type(2),html.cx-night[data-ms-view="cursor"] .tb-pill>a.tb-link:nth-of-type(3){background:#f2f2f2;color:#0a0a0a}
@media (prefers-color-scheme:dark){
html.cx-auto[data-ms-view="workspace"] .tb-pill>.tb-anchor,html.cx-auto[data-ms-view="cursor"] .tb-pill>.tb-anchor{background:transparent;color:#a3a3a3}
html.cx-auto[data-ms-view="workspace"] .tb-pill>a.tb-link:nth-of-type(2),html.cx-auto[data-ms-view="cursor"] .tb-pill>a.tb-link:nth-of-type(3){background:#f2f2f2;color:#0a0a0a}
}