.reading-progress{position:fixed;z-index:100;left:0;top:0;height:2px;width:100%;background:#d9b978;transform-origin:left;pointer-events:none}
.motion-control{position:fixed;z-index:50;right:22px;bottom:20px;border:1px solid #c9b78b44;background:#102025e8;color:#e5d7b9;border-radius:100px;padding:10px 16px;font-family:inherit;font-size:11px;font-weight:500;line-height:1.2;backdrop-filter:blur(14px);cursor:pointer}
.motion-control:focus-visible,.demo-console button:focus-visible,.demo-console [role=tabpanel]:focus-visible{outline:2px solid #ead3a4;outline-offset:5px}
.demo-console{--demo-gold:#ddc18b;--demo-muted:#99a5a3;width:100%;background:linear-gradient(145deg,#17292d,#101b20 70%);border:1px solid #b9c2b32b;border-radius:18px;box-shadow:0 30px 100px #0005,0 1px 0 #f4e2ad12 inset;overflow:hidden;color:#eee9db;isolation:isolate}
.demo-console-top{display:flex;align-items:center;gap:9px;padding:20px 24px;border-bottom:1px solid #ffffff0c;font:500 9px/1.3 monospace;letter-spacing:1.4px;color:var(--demo-muted)}
.demo-status-dot{width:5px;height:5px;border-radius:50%;background:#a4c9b4;box-shadow:0 0 12px #a4c9b460}.demo-console-code{margin-left:auto;color:#627a7c}
.demo-tabs{display:grid;grid-template-columns:repeat(3,1fr);padding:0 24px;border-bottom:1px solid #ffffff0c}
.demo-tabs button{appearance:none;border:0;border-bottom:1px solid transparent;background:none;color:var(--demo-muted);padding:20px 3px;cursor:pointer;font-family:inherit;font-size:12px;font-weight:500;line-height:1.2;transition:color .25s,border-color .25s}.demo-tabs button span{font:9px monospace;margin-right:8px;opacity:.65}.demo-tabs button[aria-selected=true]{color:var(--demo-gold);border-color:var(--demo-gold)}
.demo-console [role=tabpanel]{padding:22px 24px 18px}.demo-panel-heading{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:var(--demo-muted)}.demo-panel-heading>span:first-child{color:#e0dfd2}
.demo-instrument{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:18px;padding:12px 0 18px}.demo-wheel{display:block;width:100%;height:auto;overflow:visible}.demo-wheel-rim{fill:none;stroke:#c8ae7a40;stroke-width:.8}.demo-wheel-guide{fill:#102025;stroke:#c8ae7a24;stroke-width:.6}.demo-pocket text{fill:#c0c9c4;font:7px monospace;text-anchor:middle}.demo-pocket:not(.is-observed){opacity:.42}.demo-pocket.is-observed text{fill:white}.demo-pocket-marker{fill:#e2c58d}.demo-wheel-count{fill:#eee5cf;text-anchor:middle;font:300 58px 'Cormorant Garamond',Georgia,serif}.demo-wheel-label{fill:#829997;text-anchor:middle;font:7px monospace;letter-spacing:1.5px}
.demo-bars>p{font:9px/1.5 monospace;text-transform:uppercase;letter-spacing:1px;color:var(--demo-muted);margin:0 0 25px}.demo-bar-row{margin-top:20px}.demo-bar-row>div:first-child{display:flex;justify-content:space-between;gap:8px;font-size:11px}.demo-bar-row strong{font:12px monospace;color:#e4d4b3}.demo-bar-row small{color:#738481;font-size:9px;font-weight:400}.demo-bar-track{height:3px;background:#ffffff08;margin-top:9px;overflow:hidden}.demo-bar-fill{display:block;height:100%;transition:width .6s cubic-bezier(.22,1,.36,1)}.demo-bar-0{background:#c67b6d}.demo-bar-1{background:#9baeb0}.demo-bar-2{background:#85b79b}
.demo-sequence-labels{display:flex;justify-content:space-between;font:9px monospace;color:#819693;margin-bottom:10px}.demo-sequence{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:4px;min-height:28px}.demo-number{display:flex;justify-content:center;align-items:center;aspect-ratio:1;border-radius:3px;font:10px monospace;border:1px solid #ffffff0b;background:#233539}.demo-number.is-red{background:#784b432e;color:#edb0a3;border-color:#b26c5b3d}.demo-number.is-green{background:#46745c35;color:#aed6b9;border-color:#739d794d}.demo-number:last-child{box-shadow:0 0 0 1px #dec79875}
.demo-description{margin-top:24px;padding-top:22px;border-top:1px solid #ffffff0b}.demo-description h3{font-size:18px;line-height:1.3;font-weight:450;margin:0 0 9px;letter-spacing:-.5px}.demo-description p{font-size:12px;line-height:1.65;color:var(--demo-muted);min-height:40px;margin:0}.demo-actions{display:flex;gap:10px;align-items:center;margin-top:18px;flex-wrap:wrap}.demo-actions button{font-family:inherit;font-size:11px;font-weight:500;line-height:1.3;cursor:pointer;border-radius:5px;padding:12px 13px}.demo-add,.home-rule-loss,.dynamic-demo-next{background:#dac496;border:1px solid #dac496;color:#192827}.demo-add span{margin-left:10px}.demo-add:disabled,.home-rule-loss:disabled,.dynamic-demo-next:disabled{opacity:.5;cursor:default}.demo-reset,.home-rule-reset,.dynamic-demo-reset{background:none;border:1px solid #ffffff20;color:#abb9b4}.demo-note{margin:14px 0 0;font:9px/1.5 monospace;color:#829591}
#experience-demo[data-active-step="0"] .demo-wheel-rim{stroke:#e2c58d99}#experience-demo[data-active-step="1"] .demo-sequence{outline:1px solid #d6b77945;outline-offset:6px}#experience-demo[data-active-step="2"] .demo-bars{filter:brightness(1.2)}
.home-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(prefers-reduced-motion:no-preference){html:not(.motion-paused) [data-reveal].is-revealed{animation:home-reveal .8s cubic-bezier(.22,1,.36,1) both}@keyframes home-reveal{from{opacity:.35;transform:translateY(18px)}to{opacity:1;transform:none}}}
.motion-paused .demo-bar-fill{transition:none}.motion-paused [data-reveal]{animation:none!important}
@media(max-width:600px){.motion-control{right:12px;bottom:12px;padding:9px 11px;font-size:10px}.demo-console-top{padding:17px 17px;font-size:8px;letter-spacing:1px}.demo-tabs{padding:0 17px}.demo-tabs button{font-size:11px;padding:17px 2px}.demo-console [role=tabpanel]{padding:20px 17px 17px}.demo-instrument{gap:10px;grid-template-columns:1.1fr 1fr}.demo-bars>p{font-size:8px;margin-bottom:12px}.demo-bar-row{margin-top:14px}.demo-bar-row>div:first-child{font-size:10px}.demo-sequence{gap:3px}.demo-number{font-size:8px}.demo-description h3{font-size:17px}.demo-description p{font-size:11px}.demo-note{font-size:8px}}
@media(prefers-reduced-motion:reduce){.demo-bar-fill{transition:none}.reading-progress{display:none}}


html.motion-paused{scroll-behavior:auto}.motion-paused .scene-orbit,.motion-paused .archive-tape,.motion-paused .scroll-line:after{animation-play-state:paused!important}
.hero-bottom{gap:16px}
.hero-bottom .hero-footnote{display:none}
.hero-bottom .motion-control{position:static;margin-left:auto;flex-shrink:0;font-size:12px;min-height:40px;padding:10px 14px}

/* Match the demo's controls to the product, including comfortable touch targets. */
.motion-control{min-height:44px;padding:10px 16px;font-size:12px;background:#142029f2;color:#e4e8eb;border-color:#c1cbd333}
.demo-console-top{font-size:10px;line-height:1.5;letter-spacing:1px}
.demo-tabs button{min-height:50px;font-size:14px;padding:16px 3px}
.demo-tabs button span{font-size:10px}
.demo-panel-heading{font-size:12px;line-height:1.5}
.demo-bars>p{font-size:10px;letter-spacing:.6px}
.demo-bar-row>div:first-child{font-size:12px}
.demo-bar-row small{font-size:10px}
.demo-sequence-labels{font-size:10px;line-height:1.5}
.demo-number{font-size:11px}
.demo-description p{font-size:14px;line-height:1.7}
.demo-actions button{min-height:48px;font-size:14px;line-height:1.4;padding:12px 18px;border-radius:14px}
.demo-add{background:#edece7;border-color:#edece7;color:#13171b}
.demo-add:hover:not(:disabled){background:#fffefa;border-color:#fffefa}
.demo-reset{border-color:#ffffff30;color:#d2d9dc}
.demo-note{font-size:11px;line-height:1.6}
@media(max-width:600px){.motion-control{font-size:11px;min-height:44px;padding:10px 13px}.demo-console-top{font-size:10px;letter-spacing:.5px}.demo-tabs button{font-size:12px;min-height:48px}.demo-tabs button span{font-size:10px;margin-right:5px}.demo-bars>p{font-size:10px}.demo-panel-heading{font-size:11px}.demo-bar-row>div:first-child{font-size:11px}.demo-number{font-size:10px}.demo-sequence-labels{font-size:10px}.demo-description p{font-size:13px}.demo-note{font-size:10px}.demo-actions button{font-size:13px;min-height:46px;padding:11px 15px}}

.home-rule-demo h3{font-size:23px;line-height:1.2;letter-spacing:-.035em;margin:12px 0}
.home-rule-demo>p{font-size:14px;line-height:1.65}.home-rule-demo label{display:flex;flex-direction:column;gap:8px;font-size:13px;margin:18px 0}
.home-rule-demo select{padding:12px;border:1px solid #495454;background:#111d21;color:#edf0ea;border-radius:9px;font:inherit}
.home-rule-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0;padding:20px 0;border-block:1px solid #344347}
.home-rule-stats dt{font-size:12px;line-height:1.4;color:#a9b8b8}.home-rule-stats dd{font:500 28px 'DM Mono',monospace;margin:8px 0 0;color:#f0eee5}
.home-rule-demo .demo-note{font-size:11px;line-height:1.65}.home-rule-demo .text-link{margin-top:14px;font-size:13px}.home-rule-status{min-height:3.4em}

.home-rule-demo .home-rule-customize{display:flex;width:fit-content;min-height:44px}

/* Direct preparation entry, beside the introductory copy. */
.hero-start{grid-column:1;grid-row:3;display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;max-width:100%}.hero-start a{pointer-events:auto;min-height:44px;display:inline-flex;align-items:center;font-size:14px}.hero-start .button{padding:10px 18px;border-radius:12px}.hero-start .text-link{padding:8px 0}