.static-page{max-width:1100px;margin:auto;padding:50px 5vw;height:100%;overflow:auto}.static-page section{margin:0 0 32px}.static-page nav{display:flex;gap:24px;flex-wrap:wrap}.static-page h1{font:500 48px var(--body,Arial)}.storage-notice{position:fixed;z-index:1000;right:24px;bottom:44px;width:360px;max-width:calc(100vw - 32px);background:var(--panel,#fff);color:var(--text,#171717);border:1px solid var(--border,#ccc);border-radius:var(--radius,18px);font:12px/1.65 var(--body,Arial);box-shadow:0 6px 28px #00000012;overflow:hidden}.storage-copy{padding:18px 20px 14px}.storage-notice h2{font:500 16px var(--display,Arial);letter-spacing:-.025em;margin:0 0 12px}.storage-notice p{margin:0;color:var(--muted,#666)}.storage-notice #storage-details{margin-top:12px}.storage-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px 20px 16px;border-top:1px solid var(--border,#ccc)}.storage-notice button,.slow-load button{min-height:44px;border:1px solid var(--border,#ccc);background:var(--panel-2,#f7f7f3);color:var(--text,#111);border-radius:24px;padding:10px 14px;cursor:pointer;font:500 11px var(--body,Arial)}.storage-notice [data-dismiss-storage]{background:var(--text,#111);color:var(--bg,#fff);border-color:var(--text,#111)}.storage-notice [data-dismiss-storage]:hover{background:var(--violet,#5f49c7);border-color:var(--violet,#5f49c7);color:#fff}.storage-notice nav{display:flex;gap:24px;padding:10px 20px;border-top:1px solid var(--border,#ccc);font-size:10px}.storage-notice a{color:inherit;text-decoration:underline;text-underline-offset:3px}.manager-loading{flex-direction:column;gap:16px}.slow-load{text-align:center;font:12px var(--body,Arial)}.slow-load p{margin:0 0 12px}:focus-visible{outline:2px solid var(--purple,#8d69db);outline-offset:3px}
@media(max-width:760px){
 :root{--page-gutter:20px}body #stage .chapter:not(.ready-chapter){padding-inline:20px!important;justify-content:flex-start!important;overflow-y:auto;overscroll-behavior:contain;scroll-padding-bottom:24px;overflow-anchor:none}body #stage .chapter-copy{flex:none;min-height:0}body #stage .chapter-copy :is(h1,h2){overflow-wrap:break-word}body #stage .chapter>.demo-shell{flex-shrink:0;min-width:0;max-width:100%}body:is([data-page=spot],[data-page=futures]) #stage #desk .demo-shell{min-height:550px}body[data-page=spot] #stage #tasks .demo-shell{min-height:1190px}body[data-page=spot] #stage #tasks .execution-trio{overflow:visible;height:auto!important;grid-template-rows:300px 300px 550px}body[data-page=spot] .execution-trio>section:nth-child(n){min-height:0}body #stage #monitoring .demo-shell{min-height:670px}body #stage #overview .demo-shell{min-height:800px}.chapter-nav{overflow-x:auto;max-width:100%;scrollbar-width:none}.chapter-nav button,.manager-demo-tabs button{min-height:44px}.chapter-arrows button{min-width:44px;min-height:44px}.storage-notice{right:16px;bottom:38px;font-size:11px}.site-header a,.site-header button,.native-home-link{min-height:44px;display:inline-flex;align-items:center}body[data-page=about] #stage{overflow:auto}.contact-pair{flex-wrap:wrap;gap:36px}.ready-alternatives nav{overflow-x:auto;max-width:100%}
}
@media(prefers-reduced-motion:reduce){.manager-loading-mark{animation:none!important}.chapter-track{scroll-behavior:auto!important}}
@media(max-width:760px){.ready-chapter .ready-finale{padding-inline:12px;overflow-x:hidden}.chapter.ready-chapter .ready-finale h2{font-size:clamp(76px,23vw,100px)!important;padding-inline:.05em}}

/* Compact storage drawer, using the established ANSIO palette. */
.storage-notice{width:310px;border-radius:18px;animation:storage-arrive .65s cubic-bezier(.22,1,.36,1) both;box-shadow:0 12px 40px #00000014}.storage-copy{padding:18px 20px 0}.storage-notice h2{font-size:18px;margin:0;letter-spacing:-.04em}.storage-actions{border-top:0;padding:16px 20px 18px;gap:10px}.storage-notice [data-storage-details]{background:transparent;display:flex;align-items:center;justify-content:center;gap:14px}.storage-notice [data-storage-details] span{display:inline-block;transform:rotate(45deg);transition:transform .25s}.storage-notice [data-storage-details][aria-expanded=true] span{transform:rotate(-135deg)}.storage-notice #storage-details{margin:0;padding:0 20px 18px;font-size:11px;line-height:1.7}.storage-notice [data-dismiss-storage]:hover{background:var(--lilac,#ddd4ff);border-color:var(--lilac,#ddd4ff);color:#171217}@keyframes storage-arrive{from{opacity:0;transform:translateY(32px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.storage-notice{animation:none}.storage-notice [data-storage-details] span{transition:none}}

.status-link{display:inline-flex;align-items:center;gap:6px}.status-light{display:inline-block;width:6px;height:6px;border-radius:50%;background:#a99967}.status-light[data-state=ok]{background:#68b96b}

.status-light[data-state=bad]{background:#e16a7e}

.storage-notice{left:24px;right:auto}@media(max-width:760px){.storage-notice{left:16px;right:auto}}

.legal-bar nav{align-items:center}.legal-bar nav>a,.legal-bar nav>.cookie-trigger{display:inline-flex;align-items:center;justify-content:center;height:100%;font:inherit;line-height:1;white-space:nowrap;vertical-align:middle}.legal-bar .status-link{gap:6px}.legal-bar .status-light{flex:none;margin:0}.cookie-trigger{position:static;border:0;background:none;color:inherit;cursor:pointer;padding:0}.cookie-trigger:hover{color:var(--text)}
.cookie-dialog{padding:0;width:min(680px,calc(100vw - 32px));max-height:calc(100dvh - 48px);border:1px solid var(--border);border-radius:16px;background:var(--bg);color:var(--text);box-shadow:6px 6px 0 var(--border),0 20px 80px #0003;font:13px/1.7 var(--body);overflow:hidden}.cookie-dialog[open]{display:flex;flex-direction:column;animation:storage-arrive .25s ease-out}.cookie-dialog::backdrop{background:#0007;backdrop-filter:blur(4px)}.cookie-dialog header{display:flex;align-items:flex-start;justify-content:space-between;padding:28px 32px 20px;gap:20px}.cookie-eyebrow{display:block;font:10px var(--mono,var(--body));letter-spacing:.12em;color:var(--muted);margin-bottom:12px}.cookie-dialog h2{font:500 28px/1.15 var(--body);letter-spacing:-.045em;margin:0}.cookie-close{border:1px solid var(--border);background:transparent;color:var(--muted);font:24px/1 var(--body);cursor:pointer;width:32px;height:32px;flex:none;border-radius:50%}.cookie-close:hover{color:var(--text);border-color:var(--text)}.cookie-body{overflow:auto;padding:0 32px;overscroll-behavior:contain}.cookie-body>p{color:var(--muted);margin:0 0 12px;max-width:550px}.cookie-body>p+p{font-size:11px;margin-bottom:24px}.cookie-body a{color:var(--text);text-underline-offset:4px;margin-left:4px}.cookie-category{border-top:1px solid var(--border);padding:18px 0}.cookie-category summary{font-weight:500;font-size:14px;cursor:pointer}.cookie-category summary::marker{font-size:10px;color:var(--muted)}.cookie-category summary span{float:right;font-size:10px;font-weight:400;color:var(--muted);border:1px solid var(--border);border-radius:5px;padding:1px 7px}.cookie-category p{margin:10px 0 0 14px;color:var(--muted);font-size:12px;max-width:510px}.cookie-category-heading{display:flex;gap:24px;align-items:flex-start}.cookie-category-heading details{flex:1}.cookie-toggle{position:relative;flex:none;width:38px;height:22px;margin-top:2px}.cookie-toggle input{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.cookie-toggle span{display:block;background:var(--border);border-radius:20px;height:22px;pointer-events:none}.cookie-toggle span:after{content:'';position:absolute;width:16px;height:16px;left:3px;top:3px;border-radius:50%;background:var(--bg);transition:transform .2s}.cookie-toggle input:checked+span{background:var(--text)}.cookie-toggle input:checked+span:after{transform:translateX(16px)}.cookie-toggle input:focus-visible+span{outline:2px solid var(--text);outline-offset:3px}.cookie-dialog footer{display:flex;gap:10px;padding:20px 32px 26px;border-top:1px solid var(--border);margin-top:6px}.cookie-dialog footer button{flex:1;min-height:42px;border:1px solid var(--border);border-radius:7px;background:transparent;color:var(--text);font:500 11px var(--body);cursor:pointer;transition:border-color .2s}.cookie-dialog footer button:hover{border-color:var(--text)}.cookie-dialog footer [data-cookie-action=save]{background:var(--text);color:var(--bg);border-color:var(--text)}.storage-notice{border-radius:12px}.storage-notice h2{font-size:17px;letter-spacing:-.025em}.storage-notice .storage-copy p{margin-top:8px;font-size:11px}.storage-notice .storage-actions{padding-top:14px}.storage-notice button{border-radius:6px;font-size:10px;padding-inline:8px}
@media(max-width:540px){.legal-bar nav{gap:10px}.legal-bar{padding-inline:12px}.cookie-dialog header{padding:22px 20px 18px}.cookie-dialog h2{font-size:24px}.cookie-body{padding:0 20px}.cookie-dialog footer{padding:16px 20px 20px;flex-wrap:wrap;gap:8px}.cookie-dialog footer button{flex:1 1 40%}.cookie-dialog footer [data-cookie-action=save]{order:3;flex-basis:100%}.cookie-category summary span{font-size:9px}}
@media(prefers-reduced-motion:reduce){.cookie-dialog[open]{animation:none}.cookie-toggle span:after{transition:none}}

/* Clear consent actions and visible saved choice. */
.cookie-dialog footer [data-cookie-action=save]{background:transparent;color:var(--text);border-color:var(--border)}
.cookie-dialog footer [data-cookie-action=all],.storage-notice [data-notice-accept]{background:var(--text);color:var(--bg);border-color:var(--text)}
.cookie-dialog footer [aria-pressed=true]{box-shadow:inset 0 0 0 1px var(--text)}
.cookie-dialog footer [aria-pressed=true]::before{content:'✓ ';font-size:12px}
.cookie-dialog footer button:hover,.storage-notice button:hover{background:var(--panel-2,var(--border));color:var(--text);border-color:var(--text)}
.cookie-dialog footer [data-cookie-action=all]:hover,.storage-notice [data-notice-accept]:hover{background:var(--violet,#6f55ba);border-color:var(--violet,#6f55ba);color:#fff}
.storage-notice{width:350px}.storage-notice .storage-actions{grid-template-columns:1fr 1fr}.storage-notice .notice-manage{grid-column:1/-1;border:0;min-height:30px;padding:4px;background:transparent;text-decoration:underline;text-underline-offset:4px;color:var(--muted)}
@media(max-width:540px){.cookie-dialog footer [data-cookie-action=save]{order:0;flex-basis:40%}.cookie-dialog footer [data-cookie-action=all]{order:3;flex-basis:100%}}

.cookie-close{display:grid;place-items:center;padding:0;position:relative}.cookie-close>span{position:relative;width:14px;height:14px;display:block}.cookie-close>span:before,.cookie-close>span:after{content:'';position:absolute;left:0;top:6px;width:14px;height:1.5px;background:currentColor;transform:rotate(45deg)}.cookie-close>span:after{transform:rotate(-45deg)}
.cookie-category summary{display:flex;align-items:center;gap:10px;min-height:26px;list-style:none}.cookie-category summary::-webkit-details-marker{display:none}.cookie-category summary:before{content:'';width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg);flex:none;margin-right:2px}.cookie-category details[open]>summary:before{transform:rotate(45deg);margin-top:-3px}.cookie-category summary span{float:none;margin-left:auto}.cookie-category p{margin-left:20px}.cookie-toggle{margin-top:2px}.cookie-dialog footer button{display:flex;align-items:center;justify-content:center;gap:7px}.cookie-dialog footer [aria-pressed=true]::before{content:'✓'}
.legal-bar>.status-link{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:6px;font:inherit;line-height:1}
@media(max-width:600px){.legal-bar{height:48px;align-items:flex-start;padding-top:8px}.legal-bar>.status-link{top:auto;bottom:5px;transform:translateX(-50%)}.site-footer{bottom:65px}}