:root{--bg:#1e2527;--panel:#293032;--paper:#eee8dd;--copper:#daa777;--muted:#b4b8b4;--line:#ffffff25}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--paper);font:16px/1.55 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--copper);outline-offset:5px}p,h1,h2,h3{margin:0}header,main>section,footer{width:min(1320px,calc(100% - 100px));margin:auto}.preview-label{background:#e9dfcb;color:#343735;display:flex;justify-content:center;gap:24px;font-size:10px;font-weight:700;letter-spacing:1.5px;padding:7px}.preview-label span{font-weight:400;letter-spacing:.4px}header{display:flex;justify-content:space-between;align-items:center;padding:30px 0}.wordmark{display:flex;align-items:center;gap:13px}.wordmark svg{width:57px;fill:none;stroke:var(--copper);stroke-width:1.3;transform:rotate(-12deg);animation:bearing 1.5s ease-out both}.wordmark svg .needle{fill:var(--copper)}.wordmark strong{font-size:30px;line-height:1;letter-spacing:-1.5px}.wordmark strong span,.footer-brand span{display:block;font-size:9px;letter-spacing:3px;color:var(--copper);margin-top:10px;font-weight:500}nav{display:flex;align-items:center;gap:38px;font-size:13px}nav>a:not(.nav-button){color:var(--muted)}.nav-button{border:1px solid var(--line);padding:11px 20px;border-radius:4px}.hero{min-height:700px;display:grid;grid-template-columns:1.13fr 1fr;gap:40px;align-items:center;padding:55px 0 90px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2px;color:var(--copper)}.status-dot{display:inline-block;width:6px;height:6px;background:var(--copper);border-radius:50%;margin-right:8px}h1{font-size:clamp(45px,5.5vw,82px);line-height:1.045;letter-spacing:-4px;font-weight:600;margin:28px 0}em{font-family:Georgia,serif;font-weight:400;color:var(--copper)}.hero-copy>p{max-width:415px;font-size:18px;line-height:1.7;color:var(--muted)}.actions{display:flex;gap:28px;align-items:center;margin-top:34px}.primary{display:inline-flex;align-items:center;justify-content:center;background:var(--copper);color:#202628;font-size:13px;font-weight:650;padding:17px 23px;border-radius:4px;transition:transform .2s,background .2s}.primary:hover{transform:translateY(-3px);background:#edbd91}.quiet{font-size:13px}.quiet span{margin-left:15px;color:var(--copper)}.hero-foot{display:flex;gap:14px;align-items:center;font-size:8px;letter-spacing:1.1px;color:#989f9e;margin-top:42px}.hero-foot i{height:3px;width:3px;background:var(--copper);border-radius:50%}.hero-art{position:relative;height:560px;display:grid;place-items:center;background:radial-gradient(ellipse at center,#d5a36b12,transparent 66%)}.orbit{position:absolute;border:1px solid #d5a36b22;border-radius:50%;width:480px;height:480px}.orbit-two{width:570px;height:570px;border-style:dashed;opacity:.5}.coordinate{position:absolute;color:#a68d73;font:9px monospace;letter-spacing:3px}.coordinate.top{top:14px;left:20px}.coordinate.bottom{bottom:5px;right:5px}.device{width:303px;background:var(--paper);color:#263032;border-radius:26px;box-shadow:0 35px 70px #0007,0 0 0 7px #303839,0 0 0 8px #ffffff25;transform:rotate(5deg);padding:25px;animation:arrive 1s ease-out both}.device-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #22302b20;padding-bottom:15px;font-size:7px;letter-spacing:1px}.mini-brand{font-size:15px;letter-spacing:-.5px;font-weight:700}.small-label{font-size:8px;letter-spacing:1.5px;margin-top:28px;color:#777469}.device h2{font-size:35px;line-height:1.1;letter-spacing:-1.5px;margin:10px 0 20px}.job-tags{display:flex;gap:8px;font-size:9px}.job-tags span{padding:5px 9px;border:1px solid #26303225;border-radius:4px}.scope{margin-top:23px;padding-top:20px;border-top:1px solid #26303225}.scope>span{font-size:8px;color:#777469;letter-spacing:1px}.scope p{font-size:15px;line-height:1.55;margin-top:6px}.crew{display:flex;align-items:center;margin-top:20px}.crew b{background:#d5cbbb;border:2px solid var(--paper);border-radius:50%;font-size:8px;width:28px;height:28px;display:grid;place-items:center;margin-right:-6px}.crew small{font-size:9px;margin-left:14px}.mock-button{margin-top:22px;padding:12px;background:#253032;color:var(--paper);font-size:11px;border-radius:6px;display:flex;justify-content:space-between}.device-note{font-size:7px;text-align:center;color:#726d63;margin-top:12px}.float-card{position:absolute;bottom:30px;left:0;display:flex;gap:14px;align-items:center;background:#30393a;border:1px solid #74817b55;padding:19px 24px;box-shadow:0 15px 35px #0004;border-radius:9px;animation:arrive 1.3s ease-out both}.float-card strong{font-size:12px}.float-card small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.check{color:var(--copper);border:1px solid #d5a36b66;border-radius:50%;height:29px;width:29px;text-align:center;line-height:27px}.brand-band{display:flex;gap:55px;align-items:center;justify-content:center;border-block:1px solid var(--line);padding:27px 25px}.brand-band>span{font-size:10px;color:var(--copper);letter-spacing:3px}.brand-band p{font-size:13px;color:var(--muted)}.brand-band b{color:var(--paper);font-weight:500}.story{padding:100px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:55px;margin-bottom:42px}.section-head h2{font-size:clamp(35px,4vw,56px);letter-spacing:-2px;line-height:1.12;margin-top:16px}.section-head>p{font-size:15px;color:var(--muted);max-width:350px}.theater{background:#141b1d;border:1px solid #53605d;border-radius:12px;overflow:hidden;box-shadow:0 25px 65px #0003}.theater-top{display:flex;justify-content:space-between;font:9px monospace;letter-spacing:2px;color:#a0aaa6;padding:20px 28px;border-bottom:1px solid var(--line)}.stage{display:grid;grid-template-columns:1fr 1.05fr;min-height:420px;gap:50px;align-items:center;padding:50px 65px;background-image:linear-gradient(#ffffff02 1px,transparent 1px),linear-gradient(90deg,#ffffff02 1px,transparent 1px);background-size:35px 35px}.story-copy h3{font-size:36px;letter-spacing:-1.3px;line-height:1.15;margin:18px 0}.story-copy>p{font-size:14px;color:var(--muted);max-width:340px}.scene-rule{width:40px;height:2px;background:var(--copper);margin:22px 0}.illustration{font-size:8px;letter-spacing:1.2px;color:#919c98}.scene-screen{background:var(--paper);color:#27302f;min-height:305px;padding:28px;border-radius:10px;box-shadow:0 15px 45px #0006;animation:slide .6s ease}.scene-screen .screen-bar{display:flex;justify-content:space-between;border-bottom:1px solid #22302b22;padding-bottom:15px;font-size:10px;font-weight:650}.scene-screen h4{font-size:24px;letter-spacing:-.8px;margin:20px 0 13px}.screen-kicker{color:#79634d;font-size:9px;text-transform:uppercase;letter-spacing:1px}.screen-row{border-bottom:1px solid #22302b18;padding:11px 0;font-size:12px;display:flex;justify-content:space-between;gap:15px}.screen-row b{font-weight:550}.screen-pill{background:#d5a36b33;padding:3px 8px;border-radius:4px;font-size:9px}.screen-note{background:white;padding:17px;line-height:1.8;font-size:12px;border:1px solid #22302b15;border-radius:5px}.screen-action{padding:11px;background:#293334;color:var(--paper);margin-top:20px;text-align:center;border-radius:4px;font-size:11px}.screen-foot{font-size:10px;margin-top:15px;color:#62675f}.caption{padding:14px 25px;text-align:center;color:#ded8ce;font-size:13px;min-height:49px;background:#1c2426}.player{display:flex;align-items:center;gap:20px;padding:17px 24px;border-top:1px solid var(--line)}.player button{background:none;border:0;color:var(--paper);font-size:11px}.player .play{color:var(--copper);font-weight:600;min-width:135px;text-align:left}.player input{flex:1;min-width:30px;accent-color:var(--copper);cursor:pointer}.player>span{font:10px monospace;color:#abb5b0}.chapters{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:20px}.chapters button{background:transparent;color:var(--paper);text-align:left;border:0;border-top:2px solid #5a646155;padding:18px 8px}.chapters button[aria-current]{border-color:var(--copper)}.chapters span{float:left;margin-right:12px;color:var(--copper);font:11px monospace;padding-top:3px}.chapters b{font-size:13px;font-weight:550}.chapters small{display:block;font-size:10px;color:var(--muted);margin:4px 0 0 29px}.transcript{color:var(--muted);font-size:12px;margin-top:18px}.transcript summary{cursor:pointer}.transcript div{max-width:850px;line-height:1.8;padding-top:20px}.tools{padding:30px 0 95px}.tool-rows{border-top:1px solid var(--line)}.tool-rows article{display:grid;grid-template-columns:1fr 1.5fr 1.5fr 40px;gap:35px;align-items:center;padding:36px 0;border-bottom:1px solid var(--line)}.tool-rows article>span{font:10px monospace;color:var(--copper);letter-spacing:1px}.tool-rows h3{font-size:25px;line-height:1.25;letter-spacing:-.7px}.tool-rows p{font-size:14px;color:var(--muted)}.glyph{font-size:34px;color:var(--copper)}.closing{text-align:center;padding:75px 25px 85px;background:radial-gradient(ellipse at bottom,#d5a36b12,transparent 75%);border:1px solid var(--line);border-radius:10px}.closing h2{font-size:clamp(38px,4.8vw,66px);line-height:1.12;letter-spacing:-2.5px;margin:22px 0}.closing p{max-width:520px;margin:0 auto 26px;color:var(--muted);font-size:15px}.closing small{display:block;margin-top:18px;color:var(--muted);font-size:10px}footer{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:50px 0}.footer-brand{font-size:24px;font-weight:650;letter-spacing:-1px}footer>p{font-size:11px;color:var(--muted)}footer details{font-size:11px;color:var(--muted);max-width:340px}footer summary{cursor:pointer}footer details p{margin-top:12px} @keyframes bearing{from{transform:rotate(-85deg);opacity:0}to{transform:rotate(-12deg);opacity:1}}@keyframes arrive{from{opacity:0;translate:0 25px}to{opacity:1;translate:0 0}}@keyframes slide{from{opacity:.2;transform:translateX(18px)}to{opacity:1;transform:translateX(0)}}@media(max-width:1050px){header,main>section,footer{width:calc(100% - 56px)}.hero{gap:15px}.hero-art{transform:scale(.85);transform-origin:center;min-width:0}.orbit-two{display:none}.orbit{width:420px;height:420px}.float-card{left:-30px}h1{letter-spacing:-2.5px}.stage{padding:35px;gap:25px}.brand-band{gap:28px}.hero{overflow:hidden}.hero-art{height:520px}.tool-rows article{grid-template-columns:.8fr 1.3fr 1.5fr;gap:20px}.glyph{display:none}}@media(max-width:700px){header,main>section,footer{width:calc(100% - 38px)}header{padding:23px 0}.wordmark strong{font-size:25px}.wordmark svg{width:43px}nav a:not(.nav-button){display:none}nav{gap:0}.nav-button{font-size:11px;padding:10px 13px}.hero{grid-template-columns:1fr;padding:35px 0 20px;min-height:0;gap:0}.hero-copy{z-index:1}.hero h1{font-size:52px;letter-spacing:-2.8px}.hero-copy>p{font-size:16px}.eyebrow{font-size:8px;letter-spacing:1.3px}.hero-art{height:510px;transform:scale(.85);margin-top:-5px}.float-card{left:0;bottom:10px;max-width:310px}.hero-foot{font-size:7px;gap:10px}.actions{gap:20px}.primary{padding:15px 17px;font-size:12px}.quiet{font-size:12px}.brand-band{display:grid;grid-template-columns:1fr 1fr;gap:14px 20px;padding:25px}.brand-band p{font-size:11px}.brand-band>span{font-size:9px}.story{padding:65px 0}.section-head{display:block;margin-bottom:28px}.section-head h2{font-size:39px}.section-head>p{margin-top:22px;font-size:14px}.stage{grid-template-columns:1fr;padding:25px;gap:24px;min-height:680px;align-items:start}.story-copy h3{font-size:30px}.scene-screen{padding:20px;min-height:285px}.scene-rule,.illustration{display:none}.story-copy>p{font-size:13px}.theater-top{font-size:7px;padding:17px}.player{gap:10px;padding:14px 12px}.player .play{min-width:26px}.play span{display:none}.player button{font-size:10px}.caption{font-size:11px;padding:12px;min-height:55px}.chapters{grid-template-columns:1fr 1fr;gap:0 15px}.chapters b{font-size:12px}.tools{padding:10px 0 60px}.tool-rows article{grid-template-columns:1fr;gap:12px;padding:25px 0}.tool-rows h3{font-size:25px}.tool-rows h3 br{display:none}.closing{padding:45px 20px}.closing h2{font-size:39px;letter-spacing:-1.7px}footer{flex-wrap:wrap;gap:25px;padding:35px 0}.preview-label{gap:10px;font-size:8px}.preview-label span{font-size:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}
#tool-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}#tool-tabs button{border:1px solid var(--line);color:var(--paper);background:transparent;padding:14px 18px;min-height:64px;border-radius:6px;text-align:left;flex:1 1 145px}#tool-tabs strong{display:block;font-size:12px;white-space:nowrap}#tool-tabs small{display:block;font-size:9px;color:var(--muted);margin-top:5px}#tool-tabs button[aria-selected=true]{background:var(--paper);color:var(--bg);border-color:var(--paper)}#tool-tabs button[aria-selected=true] small{color:#625b51}#tour-description{color:var(--muted);margin:10px 0 24px;max-width:850px;font-size:14px}#media-status{color:var(--muted);font-size:10px;padding:0 24px 15px}.player button{min-height:44px;min-width:44px}.player input{min-height:44px}.caption{min-height:94px;line-height:1.7}.chapters b{display:block;margin-left:29px}.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}.transcript div{white-space:pre-line}.release{font-size:9px;color:var(--muted)}@media(max-width:700px){#tool-tabs{gap:6px}#tool-tabs button{flex:1 1 145px;padding:12px}.player .play span:first-child{display:inline}.player .play span:last-child{display:none}.caption{min-height:130px}.stage{min-height:690px}.chapters button{min-height:70px}}
@media(max-width:700px){.stage{min-height:0}.story-copy{min-height:160px}.player{flex-wrap:nowrap}}

#walkthrough-panel{scroll-margin-top:24px}

.theater-top{flex-wrap:wrap;gap:12px}#start-tour{min-height:44px;padding:10px 16px;border:1px solid #cba16e;border-radius:8px;background:#e8ddc8;color:#242b2c;font:inherit;cursor:pointer}