:root{--paper:#f3eee5;--ink:#29251f;--muted:#6c645b;--blue:#3155eb;--orange:#c4583b;--ease:cubic-bezier(.16,1,.3,1);font-family:'Bricolage Grotesque',sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;scroll-behavior:smooth;scrollbar-color:#b8a99a var(--paper)}*{box-sizing:border-box}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{color:inherit;cursor:pointer}button:disabled{cursor:default}a{color:inherit;text-underline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}::selection{background:#f6bd5e;color:#29251f}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance}button{border:0;background:none}a{text-decoration:none}[hidden]{display:none!important}.svg-defs{position:absolute;width:0;height:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip{position:fixed;top:-100px;left:20px;background:white;padding:16px;z-index:50}.skip:focus{top:20px}.header{height:94px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d9d0c4}.logo{font-size:36px;font-weight:800;letter-spacing:-.04em;display:flex;align-items:center;gap:10px}.logo>span:last-child{color:var(--orange);margin-left:-9px}.logo-face{width:29px;height:26px;border-radius:8px;background:var(--blue);display:inline-flex;align-items:center;justify-content:center;gap:5px;transform:rotate(-7deg)}.logo-face i{width:4px;height:9px;border-radius:3px;background:white}.header-description{font-size:14px}.get-link{display:flex;gap:22px;align-items:center;font-size:14px;font-weight:600}.get-link svg{width:19px}.theater{height:920px;max-height:1100px;min-height:850px;position:relative;overflow:hidden;isolation:isolate;background:var(--paper);transition:background 1s var(--ease),color 1s var(--ease)}.title-wrap{position:absolute;left:8%;top:38px;z-index:2;transition:opacity .5s,transform .8s var(--ease);pointer-events:none}.title-wrap h1{font-size:clamp(64px,6.7vw,96px);line-height:.94;letter-spacing:-.04em;font-weight:600}.title-wrap h1 span{color:var(--orange)}.title-wrap p{font-size:16px;line-height:1.5;margin-top:22px}.scene-heading{position:absolute;left:8%;top:52px;z-index:1;font-size:clamp(60px,6.5vw,92px);line-height:.98;letter-spacing:-.04em;max-width:620px;opacity:0;transform:translateY(25px);transition:.8s var(--ease);pointer-events:none}.room-light{position:absolute;inset:0;background:radial-gradient(ellipse at 82% 12%,#fffaf0 0,transparent 65%);pointer-events:none;transition:opacity 1s}.window-light{position:absolute;width:380px;height:500px;right:8%;top:-80px;display:grid;grid-template-columns:1fr 1fr;gap:18px;transform:skewY(-25deg) rotate(-8deg);opacity:.45;pointer-events:none}.window-light i{background:#fffdf4}.world{position:absolute;inset:0;perspective:1300px;--travel:0;--pointer-x:0deg;--pointer-y:0deg}.desk-surface{position:absolute;left:-20%;width:140%;height:410px;top:445px;background:#ca6348;transform:rotate(-7deg);transition:background 1s,transform 1s var(--ease);box-shadow:0 40px 80px #9b463520}.desk-surface:after{content:'';position:absolute;inset:0;background:linear-gradient(150deg,#e89b6c55,transparent 65%)}.laptop{position:absolute;top:252px;left:50%;width:570px;height:370px;transform:translateX(-32%) rotateY(-12deg) rotateX(8deg) rotateZ(-5deg);transform-style:preserve-3d;transition:transform 1.1s var(--ease),filter 1s,opacity 1s;z-index:4}.screen-lid{position:relative;width:100%;height:338px;border-radius:18px 18px 9px 9px;background:#3f4145;padding:10px 10px 22px;box-shadow:5px 6px 0 #9b9b99,12px 18px 30px #241a202b}.screen{width:100%;height:100%;position:relative;overflow:hidden;border-radius:10px 10px 3px 3px;background:#333f71}.menu-bar{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;padding:6px 15px;font-size:8px;background:#1b203b99;color:#fff;z-index:3}.notch{width:90px;height:18px;position:absolute;left:50%;top:0;transform:translateX(-50%);background:#17181c;border-radius:0 0 8px 8px;z-index:5}.wallpaper-ring{position:absolute;border-radius:50%;width:620px;height:480px;border:70px solid #db8d68;transform:rotate(-35deg);left:-280px;top:60px}.ring-two{left:185px;top:-280px;border-color:#7e8cc3}.terminal{position:absolute;left:7%;right:7%;top:83px;height:180px;background:#171c2f;color:#e5e4ed;border-radius:8px;box-shadow:0 12px 30px #11182a66;overflow:hidden}.terminal-header{height:28px;border-bottom:1px solid #ffffff15;display:flex;align-items:center;gap:22px;padding:0 12px;font-size:9px;color:#b7baca}.dots{display:flex;gap:4px}.dots i{width:6px;height:6px;border-radius:50%;background:#e17f70}.dots i:nth-child(2){background:#dfbd6b}.dots i:nth-child(3){background:#83ac95}.terminal-body{padding:16px 15px;font:10px/1.8 'DM Mono',monospace}.terminal-body p{margin-bottom:5px}.terminal-prompt{color:#a9b5ff}.terminal-line{color:#aab3ca}.terminal-line span{color:#d2a978}.cursor{display:inline-block;width:5px;height:10px;background:#91a3ff;margin-left:5px;animation:blink 1.2s steps(2) infinite}.code-art{position:absolute;right:15px;bottom:17px;width:90px;opacity:.35}.code-art i{display:block;background:#a4afff;height:3px;margin-top:7px;width:75%}.code-art i:nth-child(even){width:40%;margin-left:15px;background:#d9a285}.notch-buddy{position:absolute;top:20px;left:50%;transform:translateX(-50%);width:265px;height:53px;background:#161820;color:white;border-radius:0 0 15px 15px;display:flex;align-items:center;gap:10px;padding:8px 14px;z-index:4;box-shadow:0 8px 12px #15152533}.notch-buddy b{font-size:11px;display:block;font-weight:600}.notch-buddy small{font-size:9px;display:block;margin-top:3px;color:#bbc0d0}.status-dot,.small-dot{width:6px;height:6px;border-radius:50%;background:#9fc998;display:inline-block}.status-dot{margin-left:auto;animation:pulse 3s infinite}.lid-label{position:absolute;bottom:6px;left:0;right:0;text-align:center;font-size:7px;color:#e1dfd9;letter-spacing:.03em}.keyboard-base{position:absolute;top:337px;left:-14px;width:598px;height:125px;background:linear-gradient(#a6a7a7,#d7d6d2);transform:rotateX(60deg);transform-origin:top;border-radius:0 0 15px 15px;box-shadow:0 7px 0 #86898b,0 17px 22px #24192130}.keys{position:absolute;top:10px;left:49px;right:49px;height:60px;background:repeating-linear-gradient(90deg,transparent 0 29px,#bcbdbc 29px 33px),repeating-linear-gradient(#33363a 0 12px,#bcbdbc 12px 16px);border-radius:4px}.trackpad{position:absolute;width:135px;height:35px;border:1px solid #989998;border-radius:4px;left:50%;bottom:10px;transform:translateX(-50%)}.laptop-shadow{position:absolute;top:355px;width:105%;height:80px;background:#3b201b44;filter:blur(25px);transform:rotateX(60deg);z-index:-1}.block{display:inline-flex;position:relative;align-items:center;justify-content:center;gap:16%;background:linear-gradient(145deg,#758fff 0,#3c61f4 43%,#2646bd 100%);box-shadow:inset 3px 3px 5px #b8caff66,inset -6px -8px 12px #1a309f55,8px 14px 22px #132c6b30;border-radius:27%;transform-style:preserve-3d}.block .eye{display:block;background:#fffaf2;width:13%;height:28%;border-radius:45%;box-shadow:1px 2px 3px #19286d22;transform:translate(var(--eye-x,0px),var(--eye-y,0px));transition:height .3s;animation:eyes 6s infinite}.block .mouth{position:absolute;width:12%;height:6%;border-bottom:3px solid #152879;border-radius:50%;bottom:24%;opacity:0;transition:opacity .3s}.block.mini{width:34px;height:32px;flex-shrink:0;gap:18%;border-radius:10px}.hero-block{position:absolute;top:435px;left:calc(50% - 340px);z-index:6;transform:rotate(-9deg);transition:transform 1s var(--ease),left 1s var(--ease),top 1s var(--ease);padding:0}.block.big{width:130px;height:125px;animation:float 5s ease-in-out infinite}.buddy-shadow{position:absolute;width:125px;height:22px;bottom:-22px;left:0;background:#56271944;filter:blur(10px);border-radius:50%}.pet-hint{display:block;position:absolute;left:-6px;bottom:-54px;font-size:13px;white-space:nowrap;color:#38231b;transform:rotate(9deg)}.hero-block:hover .mouth,.hero-block.greeting .mouth{opacity:1}.hero-block.greeting .block{animation:hop .7s var(--ease)}.desk-props{position:absolute;inset:0;z-index:3;transition:transform 1s var(--ease),opacity .6s}.coaster{position:absolute;top:490px;right:8%;width:120px;height:70px;border-radius:50%;background:#bf9a6b;transform:rotate(-10deg);box-shadow:0 3px 0 #98794e}.cup{position:absolute;left:18px;bottom:20px;width:79px;height:75px;border-radius:10% 10% 42% 42%;background:linear-gradient(90deg,#f2d7b4,#fff3d8 55%,#d3ba9d);box-shadow:6px 10px 10px #512d3433}.cup:after{content:'';position:absolute;right:-26px;top:16px;border:9px solid #ead5b5;width:27px;height:31px;border-radius:50%;z-index:-1}.coffee{position:absolute;width:79px;height:28px;border-radius:50%;background:#503425;border:6px solid #fae8cf;top:-9px}.steam{position:absolute;width:18px;height:55px;border-left:2px solid #ffffff77;filter:blur(2px);border-radius:50%;top:-70px;left:20px;animation:steam 4s ease-in-out infinite}.s2{left:43px;animation-delay:1.5s}.memo{position:absolute;top:601px;left:17%;width:149px;height:110px;background:#f4d775;transform:rotate(9deg) skewX(-10deg);padding:19px 16px;box-shadow:4px 8px 10px #492a2433;font-size:15px;line-height:1.1}.memo b{display:block;font-size:10px;font-weight:400;margin-top:12px}.pencil{position:absolute;width:143px;height:8px;background:#334c9b;top:644px;left:33%;transform:rotate(-20deg);border-radius:2px;box-shadow:0 3px 4px #533c3244}.pencil:after{content:'';position:absolute;right:-14px;border-left:14px solid #e6bb8f;border-top:4px solid transparent;border-bottom:4px solid transparent}.phone{position:absolute;top:158px;left:calc(50% + 60px);width:244px;height:484px;border-radius:37px;padding:7px;background:linear-gradient(125deg,#adb5c6,#444e66 30%,#bfc7d6 75%,#68718b);box-shadow:3px 5px 0 #424b62,20px 30px 40px #19264433;transform:translate(180px,230px) rotate(20deg) scale(.65);opacity:0;pointer-events:none;transition:transform 1.1s var(--ease),opacity .7s;z-index:8}.phone-screen{height:100%;border-radius:31px;background:#f3f0e9;overflow:hidden;position:relative;padding:0 16px;color:#242927}.phone-top{height:39px;display:flex;align-items:center;justify-content:space-between;font-size:9px;padding:0 6px}.phone-island{position:absolute;top:9px;left:50%;transform:translateX(-50%);width:65px;height:19px;background:#15161a;border-radius:20px}.phone-app-name{display:flex;gap:7px;align-items:center;font-weight:700;font-size:15px;padding:11px 0;border-bottom:1px solid #d9d9d1}.phone-app-name .logo-face{width:20px;height:18px;border-radius:5px;gap:4px}.phone-app-name .logo-face i{width:3px;height:6px}.phone-intro{padding:15px 0 10px}.phone-block{width:37px;height:35px;float:right;transform:rotate(10deg);margin-top:10px}.phone-intro h2{font-size:28px;line-height:1;font-weight:600;letter-spacing:-.03em}.phone-intro p{font-size:11px;line-height:1.5;margin-top:11px;max-width:150px}.phone-request{padding:13px 0;border-top:1px solid #d9d9d1;border-bottom:1px solid #d9d9d1}.phone-request>span{display:block;font-size:10px;color:#60645d}.phone-request code{font:13px 'DM Mono',monospace;display:block;margin:10px 0}.phone-request small{font-size:9px;color:#60645d}.phone-actions{display:flex;gap:8px;margin-top:16px}.phone-actions button{background:#dfe2d9;border-radius:9px;min-height:44px;padding:0 13px;font-size:12px;flex:1;display:flex;align-items:center;justify-content:center;gap:6px}.phone-actions button[data-decision=allow]{color:white;background:var(--blue)}.phone-actions svg{width:15px}.phone-actions button:disabled{opacity:.45}.phone-actions button:hover:enabled{filter:brightness(1.13)}.phone-home{position:absolute;width:75px;height:4px;border-radius:3px;background:#1b1d23;bottom:8px;left:50%;transform:translateX(-50%)}.replay{font-size:11px;text-decoration:underline;margin-top:10px;width:100%;min-height:44px}.connection{position:absolute;left:48%;top:391px;width:220px;display:flex;gap:22px;transform:rotate(-25deg);opacity:0;transition:opacity .7s}.connection i{width:7px;height:7px;border-radius:50%;background:#3155eb;animation:relay 2s ease-in-out infinite}.connection i:nth-child(2){animation-delay:.2s}.connection i:nth-child(3){animation-delay:.4s}.connection i:nth-child(4){animation-delay:.6s}.connection i:nth-child(5){animation-delay:.8s}.orbit-label{position:absolute;right:9%;top:111px;font-size:12px;display:flex;align-items:center;gap:8px;transform:rotate(5deg);transition:opacity .5s}.orbit-label .small-dot{background:#b86845}.scene-toast{position:absolute;top:392px;left:8%;font-size:15px;max-width:230px;padding:14px 18px;border-radius:12px;background:#fffaf0;color:#2d3229;box-shadow:0 10px 30px #32211515;opacity:0;transform:translateY(10px);transition:.3s var(--ease);z-index:10;pointer-events:none}.scene-toast.visible{opacity:1;transform:translateY(0)}.stage-bottom{position:absolute;left:5%;right:5%;bottom:68px;display:flex;align-items:flex-end;justify-content:space-between;gap:40px;z-index:12;pointer-events:none}.stage-bottom>*{pointer-events:auto}.chapter-copy{width:345px}.chapter-count{font:11px 'DM Mono',monospace;color:#625449;display:block;margin-bottom:8px}.chapter-copy h2{font-size:25px;font-weight:600;letter-spacing:-.025em}.chapter-copy p{font-size:13px;line-height:1.5;max-width:325px;margin-top:8px}.next-scene{margin-top:12px;display:flex;align-items:center;gap:20px;font-size:13px;font-weight:600;min-height:44px;padding:0}.next-scene svg{width:19px;transition:transform .3s}.next-scene:hover svg{transform:translateX(6px)}.journey{width:365px;background:#fcf8ef;padding:22px 25px 15px;border-radius:16px;box-shadow:0 10px 25px #50332515;color:#29251f}.journey-top{display:flex;justify-content:space-between;font-size:12px;font-weight:600;margin-bottom:12px}input[type=range]{width:100%;height:28px;accent-color:var(--blue);cursor:ew-resize;margin:0;appearance:none;background:transparent}input[type=range]::-webkit-slider-runnable-track{height:3px;background:linear-gradient(to right,var(--blue) var(--progress,0%),#d9d6cc var(--progress,0%));border-radius:3px}input[type=range]::-webkit-slider-thumb{appearance:none;width:26px;height:26px;border-radius:9px;background:var(--blue);border:5px solid #fff;box-shadow:0 2px 6px #313e5d33;margin-top:-11px}input[type=range]::-moz-range-track{height:3px;background:#d9d6cc}input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:7px;background:var(--blue);border:4px solid white}.scene-buttons{display:flex;justify-content:space-between;gap:4px}.scene-buttons button{font-size:11px;min-height:44px;padding:0 2px;color:#66615b}.scene-buttons button[aria-pressed=true]{color:var(--blue);font-weight:700}.drag-hint{font-size:10px;color:#71685d;text-align:center}.drag-hint span{margin-left:5px}.theater-footer{position:absolute;bottom:0;left:4%;right:4%;height:58px;display:flex;justify-content:space-between;align-items:center;font-size:10px;border-top:1px solid #81624e30;z-index:13}.environment-controls{display:flex;align-items:center;gap:5px}.environment-controls button{display:flex;align-items:center;justify-content:center;gap:6px;min-width:44px;min-height:44px;border-radius:50%;font-size:10px}.environment-controls svg{width:16px;height:16px}.environment-controls button:hover{background:#ffffff55}.theater[data-scene=away]{background:#e4e8d9}.theater[data-scene=decision]{background:#e3e8ef}.theater:not([data-scene=desk]) .title-wrap{opacity:0;transform:translateY(-25px)}.theater:not([data-scene=desk]) .scene-heading{opacity:1;transform:translateY(0)}.theater:not([data-scene=desk]) .desk-surface{background:#adbfa7;transform:translateY(70px) rotate(8deg)}.theater:not([data-scene=desk]) .laptop{transform:translate(-75%,25px) rotateY(22deg) rotateX(8deg) rotateZ(-8deg) scale(.67);filter:brightness(.92)}.theater:not([data-scene=desk]) .desk-props{transform:translate(-60px,40px);opacity:.45}.theater:not([data-scene=desk]) .phone{opacity:1;transform:translate(40px,0) rotate(9deg);pointer-events:auto}.theater:not([data-scene=desk]) .hero-block{top:428px;left:calc(50% - 60px);transform:rotate(7deg) scale(.8)}.theater:not([data-scene=desk]) .connection{opacity:.7}.theater:not([data-scene=desk]) .orbit-label{opacity:0}.theater[data-scene=decision] .desk-surface{background:#a5b6cf;transform:translateY(110px) rotate(11deg)}.theater[data-scene=decision] .phone{transform:translate(30px,-12px) rotate(-5deg) scale(1.04)}.theater[data-scene=decision] .laptop{transform:translate(-89%,18px) rotateY(25deg) rotateZ(-8deg) scale(.58);filter:blur(1px) brightness(.82)}.theater[data-scene=decision] .hero-block{left:calc(50% - 80px);top:415px;transform:rotate(-12deg) scale(.9)}.theater[data-scene=decision] .connection{opacity:0}.theater.evening{background:#242b41;color:#f5ebdc}.evening .room-light,.evening .window-light{opacity:.08}.evening .desk-surface{background:#6b5a72}.evening .title-wrap h1 span{color:#e8ab82}.evening .chapter-count,.evening .pet-hint{color:#f5ebdc}.evening .orbit-label{color:#e8c8b2}.evening .theater-footer{border-color:#ffffff25}.evening .desk-props{filter:brightness(.8)}.interlude{padding:100px 8% 95px;display:flex;justify-content:space-between;align-items:center;gap:60px}.interlude>p{font-size:clamp(30px,4vw,52px);line-height:1.1;letter-spacing:-.035em}.interlude>p span{color:#8a7769}.interlude>div{font-size:16px;line-height:1.5;position:relative;max-width:300px}.interlude a{display:flex;align-items:center;gap:15px;font-size:13px;margin-top:22px}.interlude svg{width:18px}.drawn-arrow{position:absolute;left:-70px;top:-8px;font-size:54px;transform:rotate(15deg);color:var(--orange)}.playroom{margin:0 4%;background:#e7bd76;border-radius:16px;min-height:450px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.playroom-copy{padding:65px 10%}.playroom h2{font-size:56px;line-height:1;letter-spacing:-.035em;font-weight:600}.playroom-copy>p{font-size:15px;line-height:1.6;max-width:330px;margin-top:22px}.mood-controls{display:flex;flex-wrap:wrap;gap:6px;margin-top:27px}.mood-controls button{min-height:44px;padding:0 15px;border:1px solid #93704166;border-radius:50px;font-size:12px;transition:background .3s}.mood-controls button[aria-pressed=true]{background:#352c21;color:#fff2db;border-color:#352c21}.playroom-copy .character-note{font-size:11px;color:#58432a;margin-top:16px}.pet-space{position:relative;display:flex;align-items:center;justify-content:center;perspective:600px;min-height:430px}.pet-orbit{position:absolute;width:310px;height:310px;border:1px solid #795b2833;border-radius:50%}.pet-orbit:before{content:'';position:absolute;inset:30px;border:1px solid #795b2822;border-radius:50%}.pet-button{position:relative;padding:0;transform:rotate(-9deg);z-index:2;transition:transform .8s var(--ease)}.block.giant{width:175px;height:165px;animation:float 5s ease-in-out infinite}.pet-button:hover .mouth{opacity:1}.pet-speech{position:absolute;top:45px;background:#fff5dd;border-radius:12px;padding:13px 20px;font-size:13px;transform:rotate(4deg);z-index:3}.pet-speech:after{content:'';position:absolute;bottom:-8px;left:35px;border-top:9px solid #fff5dd;border-right:12px solid transparent}.pet-floor-shadow{position:absolute;top:65%;width:150px;height:24px;background:#65432035;border-radius:50%;filter:blur(12px)}.pet-caption{position:absolute;bottom:43px;font-size:11px}.sleep-z{position:absolute;right:25%;top:29%;font-size:28px;letter-spacing:5px;color:#344bb0;opacity:0}.pet-space[data-mood=thinking] .pet-button{transform:rotate(15deg)}.pet-space[data-mood=thinking] .eye:last-of-type{height:17%}.pet-space[data-mood=sleeping] .eye{height:6%;animation:none}.pet-space[data-mood=sleeping] .pet-button{transform:rotate(-15deg) translateY(15px)}.pet-space[data-mood=sleeping] .sleep-z{opacity:1;animation:steam 4s infinite}.pet-space.happy .block{animation:hop .7s var(--ease)}.pet-space.happy .mouth{opacity:1}.details{padding:110px 8% 90px}.details-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:50px}.details h2{font-size:48px;line-height:1.05;letter-spacing:-.035em;font-weight:600}.details-heading>p{font-size:15px;line-height:1.6;color:#6c645b}.details-rows article{display:flex;align-items:flex-start;padding:28px 0;border-top:1px solid #d5ccbf;gap:30px}.detail-number{font:12px 'DM Mono',monospace;padding-top:6px;color:#6c5b4b}.details-rows article>div{max-width:590px}.details-rows h3{font-size:23px;font-weight:500;letter-spacing:-.02em}.details-rows p{font-size:14px;line-height:1.7;margin-top:12px;color:#665d52}.detail-end{font-size:11px;margin-left:auto;padding-top:8px;white-space:nowrap;color:#736252}.questions{padding:0 8% 100px;display:grid;grid-template-columns:1fr 1.4fr;gap:80px}.questions h2{font-size:32px;font-weight:500;letter-spacing:-.03em}.question-list details{border-bottom:1px solid #d5ccbf}.question-list summary{list-style:none;padding:20px 30px 20px 0;cursor:pointer;position:relative;font-size:16px}.question-list summary::-webkit-details-marker{display:none}.question-list summary:after{content:'+';position:absolute;right:0;font-size:22px;top:15px}.question-list details[open] summary:after{content:'−'}.question-list p{font-size:14px;line-height:1.7;color:#665d52;margin-bottom:22px}.question-list a{text-decoration:underline}.get-buddy{position:relative;background:#334fe0;color:#fff5e5;padding:80px 8%;overflow:hidden}.get-buddy h2{font-size:clamp(42px,5.5vw,76px);line-height:1;letter-spacing:-.04em;font-weight:500;position:relative;z-index:2}.get-buddy h2 span{color:#f0c07c}.get-buddy p{font-size:16px;margin:25px 0}.project-link{display:inline-flex;gap:25px;align-items:center;background:#f4efdf;color:#29251f;padding:17px 22px;border-radius:10px;font-size:14px;font-weight:600;transition:transform .3s}.project-link:hover{transform:translateY(-3px)}.project-link svg{width:19px}.setup-link{font-size:13px;margin-left:22px;text-decoration:underline}.get-buddy small{display:block;font-size:11px;line-height:1.6;color:#dce3ff;margin-top:23px}.farewell-block{position:absolute;right:8%;bottom:55px;transform:rotate(17deg)}.farewell-block .block{width:215px;height:205px;box-shadow:inset 4px 4px 6px #adc3ff66,inset -9px -9px 15px #172a9944,12px 25px 25px #13257855}.farewell-block .mouth{opacity:1}footer{padding:30px 4%;display:flex;align-items:center;gap:35px;font-size:11px}footer .logo{font-size:29px}footer small{margin-left:auto;font-size:10px}footer>a:last-child{font-size:11px}.no-js{position:absolute;bottom:230px;left:5%;background:#fff;padding:20px;z-index:15;max-width:350px}
@keyframes float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-12px) rotate(2deg)}}@keyframes eyes{0%,43%,47%,100%{scale:1 1}45%{scale:1 .12}}@keyframes blink{50%{opacity:0}}@keyframes pulse{50%{opacity:.4}}@keyframes steam{0%,100%{transform:translateY(5px) rotate(10deg);opacity:.3}50%{transform:translateY(-12px) rotate(-10deg);opacity:.8}}@keyframes relay{0%,100%{opacity:.15;transform:scale(.7)}50%{opacity:1;transform:scale(1.2)}}@keyframes hop{0%,100%{transform:translateY(0) scale(1)}30%{transform:translateY(-30px) rotate(8deg) scale(.95,1.05)}65%{transform:translateY(0) scale(1.1,.9)}}
@media(min-width:1500px){.theater{height:960px}.laptop{left:51%;transform:translateX(-32%) rotateY(-12deg) rotateX(8deg) rotateZ(-5deg) scale(1.1)}.hero-block{left:calc(50% - 400px)}.desk-surface{top:465px}.phone{left:calc(50% + 100px)}}
@media(max-width:1000px){.header-description{display:none}.theater{height:970px}.title-wrap{left:6%}.title-wrap h1{font-size:76px}.laptop{top:300px;width:490px;height:330px;transform:translateX(-40%) rotateY(-12deg) rotateX(8deg) rotateZ(-5deg)}.screen-lid{height:300px}.keyboard-base{top:299px;width:518px}.hero-block{left:calc(50% - 310px);top:480px}.desk-props .coaster{right:6%;top:567px;scale:.8}.memo{top:670px;left:17%;scale:.85}.pencil{display:none}.desk-surface{top:490px}.orbit-label{top:200px;right:7%;max-width:140px;line-height:1.4}.phone{top:215px;left:calc(50% + 30px)}.theater:not([data-scene=desk]) .laptop{transform:translate(-70%,35px) rotateY(20deg) rotateZ(-8deg) scale(.62)}.theater[data-scene=decision] .laptop{transform:translate(-78%,35px) rotateY(25deg) rotateZ(-8deg) scale(.56)}.theater:not([data-scene=desk]) .hero-block{left:calc(50% - 100px);top:495px}.stage-bottom{gap:25px}.chapter-copy{width:300px}.journey{width:330px}.scene-toast{top:370px;max-width:200px}.interlude{padding:80px 6%;gap:90px}.playroom h2{font-size:45px}.playroom-copy{padding:55px 10%}.questions{gap:45px}.farewell-block{right:5%;opacity:.7}.get-buddy>div:first-child{position:relative;z-index:2}footer{flex-wrap:wrap;gap:20px}footer>span{display:none}}
@media(max-width:700px){.header{height:76px;padding:0 6%}.logo{font-size:30px}.get-link{font-size:12px;gap:12px}.theater{height:1000px;min-height:0}.title-wrap{top:30px;left:7%}.title-wrap h1{font-size:62px}.title-wrap p{font-size:13px;margin-top:15px}.window-light{width:220px;right:-40px;top:-40px;height:360px}.laptop{top:290px;width:440px;left:50%;transform:translateX(-50%) rotateY(-12deg) rotateX(8deg) rotateZ(-5deg) scale(.75)}.screen-lid{height:280px}.keyboard-base{top:279px;width:468px}.terminal{top:78px;height:160px}.terminal-body{font-size:9px;padding:12px}.terminal-line{margin-bottom:2px!important}.code-art{display:none}.hero-block{left:9%;top:453px;transform:rotate(-9deg) scale(.72);transform-origin:left top}.pet-hint{font-size:14px}.desk-surface{top:420px;height:320px;transform:rotate(-9deg)}.coaster{display:none}.memo{top:530px;left:auto;right:4%;scale:.64;transform:rotate(12deg);transform-origin:right top}.orbit-label{top:250px;right:8%;font-size:10px;max-width:none;transform:rotate(3deg)}.stage-bottom{left:7%;right:7%;bottom:63px;display:flex;flex-direction:column;align-items:stretch;gap:17px}.chapter-copy{width:100%}.chapter-count{font-size:10px;margin-bottom:5px}.chapter-copy h2{font-size:23px}.chapter-copy p{font-size:12px;max-width:90%;min-height:36px;margin-top:6px}.next-scene{margin-top:3px;min-height:40px;font-size:12px}.journey{width:100%;padding:14px 20px 11px;box-shadow:0 6px 15px #50332510}.journey-top{font-size:11px;margin-bottom:4px}.scene-buttons button{font-size:10px;min-height:36px}.drag-hint{font-size:9px}.theater-footer{left:6%;right:6%;font-size:8px;height:54px}.environment-controls{gap:0}.environment-controls button{min-width:38px;min-height:44px}.environment-controls button span{display:none}.environment-controls svg{width:15px}.scene-heading{left:7%;top:40px;font-size:57px;max-width:350px}.phone{width:205px;height:414px;top:240px;left:calc(50% - 40px);border-radius:31px;padding:6px}.phone-screen{border-radius:26px;padding:0 13px}.phone-top{height:31px;font-size:8px}.phone-island{width:58px;height:16px;top:8px}.phone-app-name{font-size:12px;padding:8px 0}.phone-intro{padding:11px 0 8px}.phone-intro h2{font-size:24px}.phone-intro p{font-size:10px;margin-top:8px;max-width:135px}.phone-block{width:30px;height:29px}.phone-request{padding:10px 0}.phone-request>span{font-size:9px}.phone-request code{font-size:12px;margin:8px 0}.phone-request small{font-size:8px}.phone-actions{margin-top:10px;gap:5px}.phone-actions button{font-size:11px;padding:0 10px;min-height:44px}.replay{font-size:10px;margin-top:4px;min-height:37px}.theater:not([data-scene=desk]) .phone{transform:translate(0,-20px) rotate(7deg) scale(.89)}.theater[data-scene=decision] .phone{transform:translate(-4px,-25px) rotate(-4deg) scale(.94)}.theater:not([data-scene=desk]) .laptop{transform:translate(-80%,25px) rotateY(20deg) rotateZ(-8deg) scale(.4)}.theater[data-scene=decision] .laptop{transform:translate(-83%,15px) rotateY(25deg) rotateZ(-8deg) scale(.35)}.theater:not([data-scene=desk]) .hero-block{left:9%;top:470px;transform:rotate(-10deg) scale(.57)}.theater:not([data-scene=desk]) .desk-surface{transform:translateY(25px) rotate(10deg)}.theater:not([data-scene=desk]) .desk-props{opacity:0}.connection{top:380px;left:22%;width:120px;gap:12px}.scene-toast{top:194px;left:7%;font-size:11px;max-width:270px;padding:10px 14px}.interlude{padding:60px 7%;display:block}.interlude>p{font-size:35px}.interlude>div{margin:35px 0 0 45px;font-size:14px}.drawn-arrow{left:-45px;top:0;font-size:36px}.interlude a{margin-top:14px}.playroom{margin:0 5%;display:flex;flex-direction:column}.playroom-copy{padding:38px 8% 0}.playroom h2{font-size:44px}.playroom-copy>p{font-size:14px;margin-top:17px}.mood-controls{margin-top:20px}.pet-space{min-height:350px}.pet-orbit{width:250px;height:250px}.pet-speech{top:23px;font-size:12px;padding:11px 15px}.block.giant{width:145px;height:138px}.pet-caption{bottom:23px;font-size:10px}.pet-floor-shadow{top:70%}.details{padding:65px 7% 50px}.details-heading{display:block;margin-bottom:30px}.details h2{font-size:39px}.details-heading>p{font-size:14px;margin-top:20px}.details-rows article{gap:17px;padding:23px 0;flex-wrap:wrap}.details-rows article>div{flex:1}.details-rows h3{font-size:20px}.details-rows p{font-size:13px;line-height:1.7}.detail-end{margin-left:32px;padding-top:0;font-size:10px}.questions{display:block;padding:0 7% 60px}.questions h2{font-size:29px;margin-bottom:15px}.question-list summary{font-size:14px}.question-list p{font-size:13px}.get-buddy{padding:55px 7% 65px}.get-buddy h2{font-size:44px}.get-buddy p{font-size:14px;max-width:230px;line-height:1.5}.project-link{font-size:13px;padding:15px 18px;gap:17px}.setup-link{display:block;margin:22px 0 0;font-size:12px}.get-buddy small{font-size:10px;max-width:230px}.farewell-block{right:-27px;bottom:45px;opacity:.4}.farewell-block .block{width:125px;height:120px}footer{padding:24px 7%;justify-content:space-between;gap:15px}footer small{order:3;width:100%;margin:0}.no-js{bottom:380px;left:7%;right:7%;font-size:13px}}
@media(max-width:360px){.title-wrap h1{font-size:53px}.scene-heading{font-size:49px}.phone{left:calc(50% - 54px)}.get-link{font-size:11px}.laptop{scale:.9}.theater-footer>span{max-width:150px;line-height:1.4}.mood-controls{gap:4px}.mood-controls button{padding:0 12px}}
.paused *,.paused *:before,.paused *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Keep decorative objects clear of the story controls. */
@media(min-width:1001px){.memo{top:570px;left:11%}.theater:not([data-scene=desk]) .memo{opacity:0}}
.chapter-count{color:#3d3027}.evening .chapter-count{color:#f5ebdc}
.theater:not([data-scene=desk]) .pet-hint{display:none}
@media(max-width:700px){.pet-hint{display:none}.theater[data-scene=desk] .memo{top:527px;right:5%;opacity:.7}}
/* The opening story uses native scrolling through one viewport-sized stage. */
.scroll-story{height:340svh;position:relative}.story-pin{position:sticky;top:0;height:100svh;overflow:hidden;display:flex;flex-direction:column;background:var(--paper)}
.story-pin .header{height:72px;flex:0 0 72px}.story-pin .theater{height:auto;min-height:0;max-height:none;flex:1;width:100%}
.theater .title-wrap,.theater .scene-heading{top:4%;left:6%}.theater .title-wrap h1,.theater .scene-heading{font-size:clamp(40px,min(6vw,10svh),86px)}.theater .title-wrap p{font-size:14px;margin-top:15px}
.theater .world{top:12%;bottom:220px;height:auto;perspective:none;pointer-events:none}.world-stage{position:absolute;left:50%;top:0;transform-origin:top center;perspective:1300px}.world-stage button{pointer-events:auto}.theater .world-stage .laptop{top:225px}.theater .world-stage .phone{top:145px}.theater .world-stage .desk-surface{top:420px}.theater .orbit-label{display:none}.theater .scene-toast{top:175px}
.theater .stage-bottom{bottom:59px;left:6%;right:6%;align-items:flex-end;flex-direction:row;gap:30px}.theater .chapter-copy{width:400px}.theater .chapter-copy h2{font-size:23px}.theater .chapter-copy p{max-width:390px;font-size:12px;min-height:0}.theater .chapter-count{margin-bottom:5px}.theater .next-scene{display:none}
.theater .journey{width:300px;background:none;box-shadow:none;border-radius:0;padding:0}.scroll-progress{height:2px;background:#29251f25;overflow:hidden}.scroll-progress i{display:block;height:100%;background:var(--blue);transform:scaleX(var(--story-progress,0));transform-origin:left}.scroll-cue{font-size:11px;display:flex;align-items:center;justify-content:space-between;padding:5px 0}.theater .scene-buttons button{min-height:44px}.theater .theater-footer{height:48px}.evening .scene-buttons button{color:#e5ddcf}.evening .scene-buttons button[aria-pressed=true]{color:white}.evening .scroll-progress{background:#ffffff44}.evening .scroll-progress i{background:#b4c2ff}
@media(max-width:1000px) and (min-width:701px){.theater .world-stage .laptop{width:570px}.theater .world-stage .screen-lid{height:338px}.theater .world-stage .keyboard-base{top:337px;width:598px}.theater .world-stage .hero-block{left:calc(50% - 340px);top:435px}.theater:not([data-scene=desk]) .world-stage .hero-block{left:calc(50% - 60px)}.theater .world{top:16%}}
@media(max-width:700px){.story-pin .header{height:60px;flex-basis:60px}.header .logo{font-size:26px}.header .get-link{font-size:11px}.theater .title-wrap,.theater .scene-heading{top:4%;left:7%}.theater .title-wrap h1,.theater .scene-heading{font-size:clamp(35px,min(13vw,7.5svh),58px)}.theater .title-wrap p{font-size:12px;line-height:1.4;margin-top:10px}.theater .world{top:21%;bottom:260px}.theater .world-stage .laptop{top:150px}.theater .world-stage .phone{top:90px}.theater .world-stage .hero-block{top:320px}.theater:not([data-scene=desk]) .world-stage .hero-block{top:350px}.theater .world-stage .desk-surface{top:300px}.theater .world-stage .memo{top:410px}.theater .world-stage .scene-toast{top:30px}.theater .stage-bottom{bottom:48px;left:7%;right:7%;flex-direction:column;align-items:stretch;gap:12px}.theater .chapter-copy{width:100%}.theater .chapter-copy h2{font-size:19px}.theater .chapter-copy p{font-size:11px;line-height:1.4;max-width:100%}.theater .chapter-count{font-size:9px}.theater .journey{width:100%}.theater .scene-buttons button{font-size:10px}.scroll-cue{font-size:10px;padding:0 0 6px}.theater .theater-footer{height:43px}.theater .environment-controls button{min-height:40px}.theater .theater-footer>span{max-width:190px}.theater .pet-hint{display:none}}
@media(max-height:550px) and (min-width:701px){.story-pin .header{height:52px;flex-basis:52px}.theater .title-wrap p{display:none}.theater .world{top:0;bottom:200px}.theater .stage-bottom{bottom:45px}.theater .chapter-copy p{font-size:11px}.theater .chapter-copy h2{font-size:19px}.theater .title-wrap h1,.theater .scene-heading{font-size:40px}}
@media(max-height:650px) and (max-width:700px){.theater .title-wrap p{display:none}.theater .world{top:12%;bottom:200px}.theater .stage-bottom{gap:8px}.theater .chapter-copy h2{font-size:17px}.theater .chapter-copy p{font-size:10px}}
@media(prefers-reduced-motion:reduce){.scroll-story{height:260svh}}
html:not(.scroll-enabled) .scroll-story{height:100svh}html:not(.scroll-enabled) .story-pin{position:relative}html:not(.scroll-enabled) .scene-buttons{display:none}
.skip-story{display:block;font-size:11px;text-decoration:underline;min-height:44px;padding:15px 0}.accessible-decisions{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-top:7px}.accessible-decisions>span{font-size:11px;width:100%}.accessible-decisions button{min-height:44px;min-width:70px;padding:0 16px;background:var(--paper);border:1px solid #8b7d6d;border-radius:9px;font-size:12px;color:var(--ink)}.accessible-decisions [data-mirror=allow]{background:var(--blue);color:white;border-color:var(--blue)}.theater .environment-controls button{min-width:44px;min-height:44px}.theater .theater-footer{height:48px}.theater .stage-bottom{bottom:54px}
.state-select-label{display:block;font-size:12px;margin:22px 0 8px}#character-state{font:inherit;font-size:14px;min-height:44px;max-width:100%;width:270px;border:1px solid #937041;background:#fff5dd;color:#352c21;border-radius:8px;padding:8px 12px}.emote-controls{border:0;padding:0;margin:20px 0 0;max-width:360px;display:flex;flex-wrap:wrap;gap:5px}.emote-controls legend{font-size:12px;margin-bottom:8px}.emote-controls button{min-height:44px;padding:0 12px;font-size:12px;border-radius:8px;background:#fff5dd77}.emote-controls button:hover{background:#fff5dd}.pet-space .block{background:var(--state-color,#ffb32e)}.state-badge{position:absolute;top:33%;right:25%;font-size:30px;line-height:1;color:#352c21}.pet-space[data-mood=approval] .eye,.pet-space[data-emote=surprised] .eye{height:36%;width:17%}.pet-space[data-mood=question] .eye:nth-child(2){height:37%}.pet-space[data-mood=error] .eye,.pet-space[data-mood=rateLimited] .eye,.pet-space[data-emote=annoyed] .eye{height:10%;animation:none}.pet-space[data-mood=finished] .eye,.pet-space[data-emote=happy] .eye{height:16%;background:transparent;border-top:7px solid white;border-radius:50%;animation:none}.pet-space[data-mood=searching] .eye{animation:look-around 2s ease-in-out infinite}.pet-space[data-mood=dizzy] .eye{border:4px dashed #fff;background:transparent;border-radius:50%;animation:turn-eye 2s linear infinite}.pet-space[data-emote=love] .eye{height:24%;width:21%;background:#fff1f6;clip-path:polygon(50% 20%,75% 0,100% 15%,100% 45%,50% 100%,0 45%,0 15%,25% 0)}.pet-space[data-emote=proud] .eye{width:23%;height:28%;clip-path:polygon(50% 0,62% 35%,100% 38%,70% 60%,80% 100%,50% 77%,20% 100%,30% 60%,0 38%,38% 35%)}.pet-space[data-emote=wink] .eye:nth-child(2),.pet-space[data-emote=yawn] .eye{height:5%;animation:none}.pet-space[data-emote=listening] .pet-button{transform:rotate(9deg)}.pet-space[data-emote] .eye{animation:none}.pet-space .pet-caption{max-width:90%;text-align:center}.pet-space .sleep-z{right:15%}
.capabilities{padding:95px 8% 25px;display:grid;grid-template-columns:1fr 1.25fr;gap:65px;scroll-margin-top:30px}.capabilities h2{font-size:48px;line-height:1.05;letter-spacing:-.035em;font-weight:600}.capability-copy>p{font-size:15px;line-height:1.6;margin:20px 0;max-width:340px}.feature-picker{display:flex;flex-direction:column;align-items:stretch;gap:6px}.feature-picker button{text-align:left;border-bottom:1px solid #d5ccbf;min-height:48px;font-size:15px;padding:12px 0}.feature-picker button[aria-pressed=true]{color:var(--blue);font-weight:700}.feature-picker button[aria-pressed=true]:after{content:'→';float:right}.capability-copy .feature-disclaimer{font-size:12px;color:var(--muted)}.action-stage{background:#202638;color:#f5f0e6;border-radius:16px;padding:25px 30px;align-self:start;min-height:350px}.action-top{display:flex;align-items:center;gap:10px;border-bottom:1px solid #ffffff25;padding-bottom:17px;font-size:13px}.action-top>span:last-child{margin-left:auto;font-size:10px;color:#bfc7d9}.action-stage h3{font-size:26px;font-weight:500;line-height:1.2;margin-top:28px}.action-stage p,.action-stage li{font-size:14px;line-height:1.6;color:#d1d7e5}.action-stage p{margin:15px 0}.action-stage ol{padding-left:20px;margin:20px 0}.sample-choices{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.sample-choices button{min-height:44px;border:1px solid #7e8ba7;color:#f5f0e6;padding:10px 14px;border-radius:8px;font-size:13px;text-align:left}.sample-choices button:hover,.sample-choices button[aria-pressed=true]{background:#3d548c}.session-choices{flex-direction:column}.session-choices button{display:flex;justify-content:space-between;gap:15px}.session-choices span{font-size:11px;color:#c8d6ff}.action-stage #action-feedback{color:#e6d4a7}.action-stage #action-reset{color:white;text-decoration:underline;min-height:44px;font-size:12px}.playroom .pet-speech{top:18%;max-width:88%;text-align:center}.playroom .pet-orbit{top:50%;transform:translateY(-50%)}
@keyframes look-around{0%,100%{transform:translateX(-5px)}50%{transform:translateX(5px)}}@keyframes turn-eye{to{rotate:360deg}}
@media(max-width:700px){.capabilities{grid-template-columns:1fr;padding:60px 7% 10px;gap:25px}.capabilities h2{font-size:39px}.action-stage{padding:22px;min-height:0}.action-stage h3{font-size:23px}.action-top{gap:8px}.action-top>span:last-child{font-size:9px}.playroom .pet-speech{top:20px}.state-badge{top:31%;right:20%}.theater .skip-story{min-height:32px;padding:7px 0;font-size:10px}.theater[data-scene=decision] .chapter-copy p{display:none}.theater[data-scene=decision] .accessible-decisions{gap:5px}.theater[data-scene=decision] .accessible-decisions>span{width:auto;margin-right:5px;font-size:10px}.theater[data-scene=decision] .accessible-decisions button{padding:0 10px;min-width:60px}.theater .stage-bottom{gap:5px}.emote-controls{max-width:100%}}
@media(max-height:600px){.theater[data-scene=decision] .chapter-count{display:none}.theater .skip-story{min-height:28px;padding:6px 0}}
.theater .scene-buttons button,.theater .skip-story,.theater .scroll-cue,.theater .chapter-count,.pet-caption,.detail-end,.action-top>span:last-child{font-size:11px}.theater .chapter-copy p{font-size:12px}.theater .scene-buttons button{min-height:44px}

/* One stable canvas and full-bleed desk for every chapter. All transforms use
   matching function lists so browsers interpolate without matrix decomposition. */
.theater>.desk-surface{left:-35%;width:170%;top:49%;height:95%;transform-origin:50% 0;transform:translate3d(0,0,0) rotate(-7deg);box-shadow:none;transition:transform 850ms var(--ease),background-color 850ms var(--ease);pointer-events:none;z-index:-1}
.theater:not([data-scene=desk])>.desk-surface{transform:translate3d(0,4%,0) rotate(8deg)}
.theater[data-scene=decision]>.desk-surface{transform:translate3d(0,7%,0) rotate(11deg)}
.theater .world-stage .laptop{transform:translate3d(-32%,0,0) rotateY(-12deg) rotateX(8deg) rotateZ(-5deg) scale(1);filter:none;transition:transform 850ms var(--ease)}
.theater[data-scene=away] .world-stage .laptop{transform:translate3d(-75%,25px,0) rotateY(22deg) rotateX(8deg) rotateZ(-8deg) scale(.67);filter:none}
.theater[data-scene=decision] .world-stage .laptop{transform:translate3d(-89%,18px,0) rotateY(25deg) rotateX(8deg) rotateZ(-8deg) scale(.58);filter:none}
.theater .world-stage .phone{transition:transform 850ms var(--ease),opacity 850ms var(--ease)}
.theater .world-stage .hero-block{transition:transform 850ms var(--ease),left 850ms var(--ease),top 850ms var(--ease)}
.theater .chapter-copy{min-height:168px}.theater .scene-heading{min-height:2em}
@media(max-width:700px){
 .theater>.desk-surface{top:48%}
 .theater .world-stage .laptop{transform:translate3d(-50%,0,0) rotateY(-12deg) rotateX(8deg) rotateZ(-5deg) scale(.75)}
 .theater[data-scene=away] .world-stage .laptop{transform:translate3d(-80%,25px,0) rotateY(20deg) rotateX(8deg) rotateZ(-8deg) scale(.4)}
 .theater[data-scene=decision] .world-stage .laptop{transform:translate3d(-83%,15px,0) rotateY(25deg) rotateX(8deg) rotateZ(-8deg) scale(.35)}
 .theater .chapter-copy{min-height:105px}
}
@media(max-height:600px){.theater .chapter-copy{min-height:90px}}

.state-controls{border:0;padding:0;margin:26px 0 0;max-width:400px;display:flex;flex-wrap:wrap;gap:6px}.state-controls legend{font-size:13px;margin-bottom:12px}.state-controls button{min-height:44px;padding:10px 15px;border:1px solid #93704188;border-radius:9px;font-size:12px;transition:background .2s,color .2s}.state-controls button:hover{background:#fff5dd88}.state-controls button[aria-pressed=true]{background:#352c21;color:#fff2db;border-color:#352c21}.emote-controls{max-width:400px}.emote-controls legend{font-size:13px;margin-bottom:12px}

/* Speech belongs to Buddy's moving anchor, not the page heading. */
.hero-touch{position:relative;display:block;padding:0}
.theater .world-stage .hero-block .scene-toast{top:auto;right:auto;bottom:calc(100% + 26px);left:50%;width:245px;max-width:none;padding:14px 18px;text-align:center;font-size:15px;line-height:1.4;transform:translate(-50%,8px);transform-origin:bottom center;white-space:normal}
.theater .world-stage .hero-block .scene-toast.visible{transform:translate(-50%,0)}
.hero-block .scene-toast:after{content:'';position:absolute;top:100%;left:50%;margin-left:-9px;border-left:9px solid transparent;border-right:9px solid transparent;border-top:10px solid #fffaf0}
.hero-touch.greeting .block{animation:hop .7s var(--ease)}.hero-touch.greeting .mouth{opacity:1}
@media(max-width:700px){.theater .world-stage .hero-block .scene-toast{width:215px;font-size:16px;left:75%;bottom:calc(100% + 22px)}}
/* Narrow tablets need room for the example content, not two squeezed columns. */
@media(min-width:701px) and (max-width:900px){
 .capabilities{grid-template-columns:1fr;gap:28px;padding-top:70px}
 .capability-copy>p{max-width:540px}.feature-picker{flex-direction:row;gap:20px}.feature-picker button{flex:1}
 .feature-picker button[aria-pressed=true]:after{display:none}
 .questions{grid-template-columns:1fr;gap:20px}
 .action-stage{min-height:0}
}
/* Reserve space below the heading on short phones in every scene. */
@media(max-width:700px) and (max-height:650px){
 .theater .world{top:22%;bottom:200px}
 .theater .title-wrap h1,.theater .scene-heading{font-size:clamp(32px,10vw,43px)}
 .theater .world-stage .phone{top:105px}
}
/* A readable flow layout is the fallback for extremely short windows / zoom. */
@media(max-height:350px){
 .scroll-story{height:auto!important}.story-pin{position:relative;height:auto;overflow:visible}
 .story-pin .theater{flex:none;height:640px}.theater .world{top:18%;bottom:210px}
 .theater .title-wrap h1,.theater .scene-heading{font-size:38px}
 .theater .chapter-copy{min-height:120px}.theater .stage-bottom{bottom:55px}
}
/* Download in the opening scene: the title fades with the scene, so the link only takes clicks while it shows. */
.hero-download{pointer-events:auto;display:inline-flex;gap:18px;align-items:center;margin-top:26px;background:var(--blue);color:#fff;padding:14px 20px;border-radius:10px;font-size:14px;font-weight:600;box-shadow:0 10px 24px #3155eb33;transition:transform .3s var(--ease)}
.hero-download:hover{transform:translateY(-3px)}.hero-download:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.hero-download svg{width:18px}
.hero-note{display:block;margin-top:10px;font-size:12px;color:var(--muted)}
.evening .hero-note{color:#cfc4b4}
.theater:not([data-scene=desk]) .hero-download{pointer-events:none}
@media(max-width:700px){.hero-download{margin-top:14px;padding:11px 15px;gap:12px;font-size:12px}.hero-note{font-size:11px;margin-top:6px}}
@media(max-height:550px) and (min-width:701px){.hero-download{margin-top:12px}.hero-note{display:none}}