@font-face{font-family:'Bito Web';src:url('assets/bito-web-variable.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{--paper:#fafbf8;--white:#fff;--ink:#15231c;--blue:#087bff;--green:#96d78e;--muted:#738077;--line:#dfe5dc;--ease:cubic-bezier(.22,.8,.2,1);--actor-size:370px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);background:var(--paper);font-family:'Bito Web',Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer;border:0;background:none}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}svg{display:block}p,h1,h2,h3{margin:0}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #087bff85;outline-offset:5px}button:disabled{cursor:default}[hidden]{display:none!important}::selection{background:#c9e1ff}.skip{position:fixed;left:20px;top:-80px;z-index:99;padding:12px 20px;background:white;border:1px solid var(--blue);border-radius:10px}.skip:focus{top:12px}.section-pad{padding-inline:6vw}.eyebrow,.section-counter{font-size:10px;line-height:1.5;letter-spacing:.12em;font-weight:600}.blue-text{color:var(--blue)}.site-header{position:absolute;z-index:20;inset:0 0 auto;height:95px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;gap:25px}.logo{display:inline-flex;align-items:center;font-weight:800;font-size:31px;letter-spacing:-.075em}.logo svg{width:33px;height:37px;margin-right:7px}.logo-period{color:var(--blue)}nav{display:flex;align-items:center;gap:35px;font-size:11px;font-weight:600}nav>a:not(.nav-cta){position:relative}nav>a:not(.nav-cta):after{content:'';position:absolute;bottom:-6px;left:0;right:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s}nav>a:hover:after{transform:scaleX(1)}.nav-cta{border:1px solid #cdd7cc;border-radius:99px;padding:12px 18px;display:flex;gap:25px;align-items:center;background:#ffffff70}.nav-cta svg{width:16px;fill:none;stroke:currentColor;stroke-width:1.7;transition:transform .25s}.nav-cta:hover svg{transform:translate(2px,-2px)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:10px 11px 10px 22px;border-radius:99px;min-height:52px;font-size:12px;font-weight:600;position:relative;overflow:hidden;transition:background .2s,transform .2s}.blue-button{background:var(--blue);color:#fff}.blue-button:hover{background:#006ce6;transform:translateY(-2px)}.blue-button:active{transform:scale(.975)}.arrow{width:33px;height:33px;border-radius:50%;background:#ffffff22;display:grid;place-items:center;font-size:22px;font-weight:400;transition:transform .3s}.button:hover .arrow{transform:rotate(45deg)}
/* One persistent character, one continuous scene. */
.story{height:330svh;position:relative}.stage{height:100svh;min-height:650px;position:sticky;top:0;overflow:hidden;isolation:isolate}.hero-copy{position:absolute;left:6vw;top:20%;z-index:3}.hero-copy .eyebrow{margin-bottom:20px}.hero-copy h1{font-size:clamp(95px,13.6vw,220px);line-height:.98;font-weight:700;letter-spacing:-.09em}.title-line{display:block;overflow:hidden;padding:0 .06em .09em 0;margin-bottom:-.09em}.title-line>span{display:block}.hero-copy em{font-style:normal;color:var(--blue)}.hero-bottom{margin-top:32px;display:grid;grid-template-columns:auto auto;align-items:center;gap:9px 40px;width:max-content}.hero-bottom p{font-size:14px;line-height:1.65;letter-spacing:-.03em}.hero-bottom .button{grid-column:2;grid-row:1/3}.platform{font-size:9px;color:var(--muted)}.hero-aside{position:absolute;right:7vw;top:20%;display:flex;gap:18px;z-index:3}.tiny-line{width:27px;height:1px;background:var(--blue);margin-top:8px}.hero-aside p{font-size:11px;color:#778076;line-height:1.8}.hero-aside b{font-weight:500;color:var(--ink)}.actor-anchor{position:absolute;left:0;top:0;width:var(--actor-size);height:var(--actor-size);z-index:7;transform-origin:0 0;will-change:transform}.actor-drag,.actor-sway,.mascot{width:100%;height:100%;position:relative}.actor-sway{transform-origin:50% 12%}.mascot{padding:0;display:block;touch-action:pan-y;user-select:none;-webkit-user-select:none;outline-offset:-20px}.story-interactive .mascot{cursor:grab;touch-action:none}.is-dragging .mascot{cursor:grabbing}.mascot-art{position:absolute;inset:0;pointer-events:none;display:block}.mascot-art img,.mascot-art canvas{position:absolute;left:-50%;top:-50%;width:200%;height:200%;max-width:none;pointer-events:none}.mascot-art img{opacity:1;transition:opacity .16s ease .18s}.mascot-art canvas{opacity:0;transition:opacity .18s ease}.mascot-art #bito-runtime{opacity:0!important;visibility:hidden!important}.mascot-art.ready canvas{opacity:1}.mascot-art.ready img{opacity:0}.hero-speech{position:absolute;left:65%;top:36%;z-index:9;transform:translate(-45%,-100%);font-size:15px!important;white-space:nowrap}.hero-invite{position:absolute;right:8%;bottom:19%;font-size:11px;color:#7b8976;z-index:8;display:flex;gap:10px;align-items:center;pointer-events:none}.hero-invite svg{width:65px;height:45px;fill:none;stroke:#9bab96;stroke-width:1.5}.bubble{position:relative;padding:15px 21px;border-radius:24px;max-width:86%;width:max-content;line-height:1.5;font-family:'Bito Web',Arial,sans-serif;font-weight:500;font-size:15px;overflow-wrap:anywhere}.received{background:#eceeeb;align-self:flex-start}.sent{background:var(--blue);color:#fff;align-self:flex-end;margin-left:auto}.bubble:after{content:'';position:absolute;bottom:0;width:18px;height:17px;background:inherit;clip-path:path('M 18 0 Q 16 14 0 17 Q 13 17 18 12 Z')}.received:after{left:-10px}.sent:after{right:-10px;transform:scaleX(-1)}.stage-note{position:absolute;left:6vw;bottom:36px;display:flex;gap:22px;align-items:center;font-size:9px;line-height:1.6;color:#8b9589}.stage-note>span:first-child{color:var(--blue);font-size:12px}.scroll-note{position:absolute;right:6vw;bottom:36px;display:flex;align-items:center;gap:20px;font-size:8px;letter-spacing:.09em;font-weight:500;z-index:11}.scroll-note>span:last-child{font-size:23px;letter-spacing:0}
.desktop-shell{position:absolute;inset:108px 5vw 76px;border-radius:23px;overflow:hidden;background:#e2edee;border:1px solid #d5e0df;opacity:0;visibility:hidden;transform:scale(.9);transform-origin:65% 55%;z-index:2}.desktop-topbar{height:35px;position:absolute;inset:0 0 auto;background:#ffffff9c;display:flex;align-items:center;justify-content:space-between;padding:0 17px;font-size:8px;color:#74887e;z-index:5}.window-dots{display:flex;gap:5px}.window-dots i{width:7px;height:7px;border-radius:50%;background:#f19b92}.window-dots i:nth-child(2){background:#e8c76b}.window-dots i:nth-child(3){background:#96bd8d}.desktop-bounds{position:absolute;inset:35px 0 35px;overflow:hidden}.desktop-watermark{position:absolute;left:6%;top:11%;font-size:clamp(42px,6vw,92px);line-height:1.05;letter-spacing:-.075em;color:#93acac80;font-weight:600}.desktop-watermark span{color:#93acac50}.paper-window{position:absolute;background:#fafcf9e8;border:1px solid #cfd9d0;border-radius:13px;box-shadow:0 12px 35px #50756807;padding:17px;width:230px;height:170px;color:#8c9e8c}.paper-window>span{font-size:8px;display:block;padding-bottom:15px;border-bottom:1px solid #e0e7dd;margin-bottom:15px}.paper-window i{display:block;height:5px;background:#e2e8dd;border-radius:8px;margin:9px 0;width:90%}.paper-window i:nth-last-child(1){width:45%}.paper-one{top:20%;right:11%;transform:rotate(6deg)}.paper-two{bottom:9%;right:27%;width:195px;height:145px;transform:rotate(-5deg)}.paper-two p{font-size:15px;letter-spacing:-.05em}.setup-window{position:absolute;top:50%;left:50%;width:330px;height:370px;transform:translate(-50%,-50%);border:1px solid #3d7652;border-radius:16px;overflow:hidden;background:white;z-index:3}.setup-art{position:absolute;inset:0;background:#91d17d url('assets/bito-world.svg') center/cover}.setup-card{position:absolute;inset:18px;background:white;border:1px solid #3d7652;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:20px 24px;gap:8px}.setup-mini{font-size:13px;font-weight:700}.setup-card>p{font-size:20px;font-weight:600;letter-spacing:-.05em}.setup-card>span:not(.setup-mini){font-size:10px;color:var(--muted)}.name-preview{width:100%;border:1px solid #e5e8e1;border-radius:99px;padding:8px 8px 8px 14px;font-size:10px;color:#7e8c78;display:flex;align-items:center;justify-content:space-between;margin-top:6px}.name-preview span{width:22px;height:22px;background:var(--blue);color:white;display:grid;place-items:center;border-radius:50%;font-size:17px}.desktop-hint{position:absolute;left:26px;bottom:20px;display:flex;gap:8px;align-items:center;font-size:9px;color:#688076;z-index:5;opacity:0;visibility:hidden}.hint-dot{width:5px;height:5px;border-radius:50%;background:#78a66c}.desktop-hint button{margin-left:6px;font-size:18px;padding:2px 8px;border-radius:20px;background:#ffffff70}.desktop-demo-label{position:absolute;right:24px;bottom:22px;font-size:8px;color:#80958c}.demo-chat{position:absolute;z-index:8;right:7%;bottom:13%;width:330px;background:#fffffff7;border:1px solid #fff;border-radius:24px;padding:18px 19px 15px;box-shadow:0 18px 50px #56736c0d;opacity:0;visibility:hidden;transform-origin:0% 80%;overflow:hidden}.demo-chat-top{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600;margin-bottom:15px}.demo-label{font-size:7px;color:#9da697;font-weight:400;margin-left:auto;letter-spacing:.12em}.demo-chat-top button{font-size:19px;color:#8b9686;padding:0 0 0 10px}.demo-messages{display:flex;flex-direction:column;gap:14px;max-height:210px;overflow-y:auto;padding:2px 10px 10px}.demo-messages .bubble{font-size:12px;padding:12px 16px;border-radius:20px}.demo-choices{display:flex;gap:6px;flex-wrap:wrap;margin:10px 2px 12px}.demo-choices button{border:1px solid #d9e7d4;border-radius:99px;font-size:9px;color:#648456;padding:6px 10px;transition:background .2s}.demo-choices button:hover{background:#edf4e7}.composer{display:flex;background:#f0f2ee;border:1px solid #e7ece1;border-radius:99px;padding:7px;gap:8px}.composer input{width:100%;min-width:0;flex:1;border:0;background:none;padding:0 6px;font-size:11px;color:var(--ink);outline:none}.composer input::placeholder{color:#a0a998}.composer button{width:29px;height:29px;border-radius:50%;background:var(--blue);color:#fff;font-size:22px;flex-shrink:0}.composer button:active{transform:scale(.94)}.typing{display:flex;gap:4px;align-items:center;height:43px;min-width:61px}.typing i{height:5px;width:5px;background:#97a18f;border-radius:50%;animation:typing 1.1s infinite}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}@keyframes typing{0%,70%,100%{transform:translateY(0);opacity:.4}35%{transform:translateY(-3px);opacity:1}}
/* The rest of the page is a conversation, not a stack of feature cards. */
.section-top{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-bottom:35px;border-bottom:1px solid var(--line);margin-bottom:65px}.section-counter{font-size:8px;color:#96a08f;letter-spacing:.06em}h2{font-size:clamp(48px,5.5vw,88px);line-height:1.12;letter-spacing:-.07em;font-weight:600}.personality{padding-block:120px 135px;background:#fff}.personality-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:7vw;align-items:center}.personality-copy>p{font-size:15px;line-height:1.8;color:var(--muted);margin-top:30px;letter-spacing:-.02em}.tone-selector{display:flex;position:relative;isolation:isolate;margin-top:30px;background:#f2f4ef;border-radius:99px;width:max-content;max-width:100%;padding:5px;gap:0}.tone-selector button{padding:12px 15px;font-size:10px;font-weight:500;white-space:nowrap;z-index:1;transition:color .2s}.tone-selector button[aria-pressed=true]{color:white}.tone-track{position:absolute;left:0;top:5px;height:calc(100% - 10px);border-radius:99px;background:var(--blue);z-index:0;pointer-events:none}.personality-copy>.tone-description{font-size:11px;margin-top:15px;min-height:2em;color:#8a9682}.conversation-stage{min-height:390px;display:flex;flex-direction:column;justify-content:center;max-width:480px;width:100%;justify-self:end}.conversation-head{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:500;padding:0 0 18px;border-bottom:1px solid #ebeee7}.conversation-dot{width:6px;height:6px;border-radius:50%;background:#84b76f}.conversation-head>span:last-child{margin-left:auto;font-size:8px;color:#9da695;font-weight:400}.conversation{height:270px;display:flex;flex-direction:column;gap:20px;justify-content:center;padding:25px 15px;overflow:hidden}.conversation .bubble{font-size:20px;padding:18px 25px;border-radius:29px}.scenario-options{display:flex;gap:7px;flex-wrap:wrap;padding-top:14px;border-top:1px solid #ebeee7}.scenario-options button{border-radius:99px;border:1px solid #e1e6da;padding:8px 10px;font-size:8px;color:#94a087;transition:background .25s,color .25s,border-color .25s}.scenario-options button[aria-pressed=true]{background:#eef5e8;border-color:#c0d6af;color:#638849}.help{background:#eef3e9;padding-block:95px 100px}.help .section-top{border-color:#d7e1cd}.help-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.help-heading>p{font-size:14px;line-height:1.8;color:#7b8972;margin:0 4vw 7px 0}.help-experience{display:grid;grid-template-columns:1fr 1.15fr;gap:8vw;margin-top:60px;align-items:center}.help-options{display:flex;flex-direction:column}.help-options button{padding:26px 0;display:flex;align-items:center;text-align:left;gap:20px;border-bottom:1px solid #d8e2cd;color:#9ba791;transition:color .25s}.help-options button:first-child{border-top:1px solid #d8e2cd}.help-options button>span:first-child{font-size:9px;font-weight:400}.help-options strong{font-size:20px;font-weight:500;letter-spacing:-.045em}.help-options button[aria-pressed=true]{color:#213d20}.help-arrow{font-size:25px;margin-left:auto;opacity:0;transform:translate(-5px,5px);transition:opacity .25s,transform .3s}.help-options button[aria-pressed=true] .help-arrow,.help-options button:hover .help-arrow{opacity:1;transform:none}.help-stage{background:#f9fcf5;border:1px solid #e0e9d7;min-height:350px;border-radius:24px;padding:26px;display:flex;flex-direction:column;position:relative}.example-label{font-size:7px;letter-spacing:.12em;color:#a1ae94}.help-content{display:flex;flex-direction:column;gap:17px;justify-content:center;min-height:240px;padding:25px 10px 18px}.help-content>.bubble{font-size:13px;max-width:90%;padding:13px 18px}.help-content>.sent{font-size:12px}.help-result{background:white;border:1px solid #e6eddf;padding:17px 20px;border-radius:16px;width:92%;align-self:flex-start;transform-origin:0 50%}.result-top{display:flex;align-items:center;gap:10px}.result-icon{width:35px;height:35px;border-radius:10px;background:#edf5e6;color:#7ca15f;display:grid;place-items:center;font-size:18px}.result-top>div{flex:1}.result-top small{display:block;font-size:7px;letter-spacing:.08em;color:#99a98c;margin-bottom:6px}.result-top strong{font-size:13px;font-weight:500}.result-top time{font-size:10px;color:#9eaf90}.result-sub{display:block;font-size:9px;line-height:1.7;color:#93a184;margin-top:12px}.sample-checks{display:flex;flex-direction:column;gap:9px}.sample-checks label{display:flex;gap:9px;align-items:center;font-size:12px;cursor:pointer}.sample-checks input{appearance:none;width:16px;height:16px;border:1px solid #cddac0;border-radius:5px;display:grid;place-items:center;flex-shrink:0;cursor:pointer;margin:0}.sample-checks input:checked{background:#81b168;border-color:#81b168}.sample-checks input:checked:after{content:'✓';color:white;font-size:11px}.sample-checks input:checked+span{text-decoration:line-through;color:#a0ae94}.result-file{display:flex;align-items:center;gap:14px}.result-file .result-icon{background:#e8f1ff;color:var(--blue);font-size:12px;height:44px}.result-file strong{font-size:13px;font-weight:500}.result-file small{display:block;font-size:9px;color:#9aa78e;margin-top:5px}.file-download{margin-left:auto;font-size:21px;color:var(--blue);padding:8px;transition:transform .2s}.file-download:hover{transform:translateY(3px)}.replay{align-self:flex-end;display:flex;align-items:center;gap:5px;font-size:8px;color:#93a186;padding:8px 0 0}.replay>span{font-size:16px}.quiet{padding-block:125px 100px;background:var(--paper)}.quiet>.eyebrow{color:#8b9783}.quiet h2{margin-top:30px;font-size:clamp(43px,5vw,76px)}.quiet h2>span{color:#a3b09c}.quiet-bottom{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:45px;border-top:1px solid var(--line);padding-top:25px}.quiet-bottom p{font-size:12px;line-height:1.8;color:#7e8d73}.download{position:relative;overflow:hidden;padding:90px 25px;isolation:isolate;background:#8bd278}.download-art{position:absolute;inset:-7%;background:url('assets/bito-world.svg') center/cover;z-index:-1}.download-card{width:min(570px,100%);margin:auto;background:white;border:1px solid #386b45;border-radius:25px;padding:38px 45px 34px;text-align:center;position:relative}.download-card .eyebrow{font-size:8px;color:#899a7e}.download-mascot{width:140px;height:140px;object-fit:contain;margin:-12px auto -5px;transform:scale(1.8)}.download-card h2{font-size:clamp(55px,5.5vw,82px);margin:0 0 18px;line-height:1.05}.download-card>p{font-size:12px;color:#8b9882}.download-buttons{display:flex;flex-direction:column;align-items:center;gap:15px;margin-top:25px}.download-buttons .button{min-width:270px}.download-buttons>button{font-size:9px;color:#7f8e75;padding:6px}.download-buttons>button>span{margin-left:7px}.download-note{display:block;font-size:8px;line-height:1.7;color:#9ba78f;margin-top:23px}.download-options{margin-top:15px;overflow:hidden}.download-options a{display:flex;justify-content:space-between;text-align:left;padding:13px 10px;border-top:1px solid #e5ebde;font-size:11px;color:#657658}.download-options a:hover{color:var(--blue)}.faq{padding-block:80px 75px;display:grid;grid-template-columns:1fr 2fr;gap:70px;background:white}.faq>.eyebrow{margin-top:22px;color:#96a18d}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;display:flex;gap:20px;align-items:center;justify-content:space-between;padding:24px 0;font-size:14px;font-weight:500}summary::-webkit-details-marker{display:none}summary>span{font-size:24px;color:#93a088;font-weight:400;transition:transform .3s}details[open] summary>span{transform:rotate(45deg)}details>p{font-size:12px;line-height:1.9;color:#839279;padding:0 40px 25px 0}details a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}.footer{display:grid;grid-template-columns:1fr 1.4fr 1fr;align-items:start;gap:30px;padding-block:40px 45px;border-top:1px solid var(--line)}.footer .logo{font-size:36px}.footer p{font-size:12px;line-height:1.8;color:#7d8a73;margin-top:5px}.footer p span{display:block;font-size:9px;color:#a0aa96;margin-top:5px}.footer>div{grid-column:-2/-1;display:flex;flex-direction:column;align-items:flex-end;gap:12px;font-size:11px;margin-top:5px}.footer button{font-size:9px;padding:0;color:#8d9a81}.footer>div>span{font-size:8px;color:#a0ab96}.noscript-note{font-size:12px;text-align:center;padding:20px}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation:none!important}.motion-paused{scroll-behavior:auto}
@media(min-width:1700px){:root{--actor-size:440px}.hero-bottom{margin-top:45px}.hero-bottom p{font-size:18px}.hero-bottom .button{font-size:14px;min-height:60px}.platform{font-size:11px}.hero-aside p{font-size:13px}.hero-speech{font-size:18px!important}.stage-note{font-size:11px}.desktop-shell{inset:125px 6vw 90px}.demo-chat{width:380px;right:12%;bottom:16%}.demo-messages .bubble{font-size:15px}.composer input{font-size:13px}.personality-copy>p{font-size:18px}.tone-selector button{font-size:12px}.conversation .bubble{font-size:25px}.conversation{height:330px}.conversation-stage{max-width:570px}.help-stage{min-height:410px}.help-content{min-height:290px}.help-content>.bubble{font-size:16px}}
@media(max-width:1100px){:root{--actor-size:310px}.hero-copy h1{font-size:14vw}.hero-copy{top:23%}.hero-aside{top:20%;right:6%}.hero-bottom{gap:8px 20px}.hero-bottom p{font-size:12px}.hero-speech{font-size:13px!important;left:70%}.hero-invite{right:5%;bottom:20%}.desktop-shell{inset:105px 4vw 80px}.personality-grid{gap:5vw}.tone-selector button{padding:11px 10px;font-size:9px}.conversation .bubble{font-size:17px}.help-experience{gap:4vw}.help-options strong{font-size:17px}.help-content{padding-inline:0}.demo-chat{right:5%;width:300px}.quiet-bottom{gap:25px}}
@media(max-width:760px){:root{--actor-size:260px}.site-header{height:78px;padding-inline:22px}.logo{font-size:29px}.logo svg{width:29px}nav{gap:0}nav>a:not(.nav-cta){display:none}.nav-cta{font-size:10px;padding:10px 15px;gap:18px}.story{height:auto}.stage{position:relative;height:930px;min-height:0;overflow:hidden}.hero-copy{top:125px;left:7vw;right:7vw}.hero-copy .eyebrow{font-size:8px;margin-bottom:22px}.hero-copy h1{font-size:clamp(86px,17vw,125px);line-height:1}.hero-bottom{margin-top:22px;display:flex;align-items:flex-start;flex-direction:column;gap:16px}.hero-bottom p{font-size:13px}.hero-bottom .button{font-size:11px;min-height:47px;padding-left:20px}.hero-bottom .arrow{width:29px;height:29px;font-size:20px}.platform{font-size:8px;margin-top:-7px}.hero-aside{display:none}.hero-speech{top:525px;left:50%;font-size:13px!important}.hero-invite{right:6%;bottom:160px;font-size:9px;gap:0}.hero-invite svg{width:42px}.actor-anchor{z-index:7}.stage-note{left:7vw;bottom:28px;font-size:8px}.scroll-note{right:7vw;bottom:30px;font-size:7px;gap:12px}.desktop-shell{inset:90px 17px 73px;border-radius:18px}.desktop-topbar{height:30px;padding-inline:12px;font-size:7px}.desktop-bounds{top:30px;bottom:55px}.desktop-watermark{top:10%;left:7%;font-size:47px}.paper-one{width:140px;height:125px;right:7%;top:26%;padding:12px}.paper-two{right:20%;bottom:15%;width:140px;height:110px;padding:12px}.paper-window>span{font-size:7px;padding-bottom:9px;margin-bottom:9px}.paper-two p{font-size:12px}.setup-window{width:260px;height:310px}.setup-card{inset:13px;padding:20px}.setup-card>p{font-size:18px}.setup-mini{font-size:11px}.demo-chat{left:7%;right:7%;width:auto;bottom:12%;border-radius:22px;padding:15px}.demo-messages{max-height:150px}.demo-messages .bubble{font-size:11px}.demo-choices{margin-block:6px 10px}.desktop-hint{left:15px;bottom:28px;font-size:8px;gap:6px}.desktop-hint button{font-size:16px;padding:0 7px}.desktop-demo-label{left:15px;right:auto;bottom:13px;font-size:6px}.section-pad{padding-inline:7vw}.section-top{padding-bottom:24px;margin-bottom:40px}.eyebrow{font-size:8px}.section-counter{font-size:6px}.personality{padding-block:75px 70px}.personality-grid{display:flex;flex-direction:column;gap:36px;align-items:stretch}h2{font-size:clamp(43px,9vw,62px);line-height:1.13}.personality-copy>p{font-size:13px;margin-top:22px}.tone-selector{margin-top:24px;padding:4px}.tone-selector button{font-size:9px;padding:11px 12px}.tone-track{top:4px;height:calc(100% - 8px)}.personality-copy>.tone-description{font-size:10px;margin-top:12px}.conversation-stage{max-width:none;min-height:300px}.conversation{height:230px;padding-inline:12px;gap:17px}.conversation .bubble{font-size:18px;padding:16px 21px}.conversation-head{font-size:10px}.scenario-options{gap:6px}.scenario-options button{font-size:7px;padding:8px 9px}.help{padding-block:65px}.help-heading{display:block}.help-heading h2{font-size:clamp(43px,9vw,60px)}.help-heading>p{font-size:13px;margin-top:22px}.help-experience{display:flex;flex-direction:column;gap:25px;margin-top:30px;align-items:stretch}.help-options button{padding-block:18px;gap:15px}.help-options strong{font-size:17px}.help-stage{min-height:330px;padding:22px}.help-content{min-height:245px;padding:20px 0}.help-content>.bubble{font-size:12px}.help-content>.sent{font-size:11px}.quiet{padding-block:75px 65px}.quiet h2{font-size:clamp(35px,7.5vw,50px);margin-top:24px;line-height:1.2}.quiet-bottom{display:flex;flex-direction:column;gap:17px;margin-top:28px;padding-top:22px}.quiet-bottom p{font-size:11px}.quiet-bottom br{display:none}.download{padding:45px 17px}.download-art{background-size:auto 100%;inset:0}.download-card{padding:30px 25px}.download-card h2{font-size:62px}.download-mascot{width:115px;height:115px}.download-card>.eyebrow{font-size:7px}.download-card>p{font-size:11px}.download-buttons .button{min-width:240px;font-size:11px}.download-note{font-size:7px}.faq{padding-block:50px;display:block}.faq>.eyebrow{display:block;margin-bottom:24px}.faq summary{font-size:12px;padding:22px 0}.faq details>p{font-size:11px;padding-right:10px}.footer{grid-template-columns:1fr 1fr;padding-block:30px;gap:22px}.footer>p{grid-column:1/-1;grid-row:2;font-size:11px}.footer>div{font-size:10px;gap:11px}.footer .logo{font-size:35px}.footer p span{font-size:8px}}
@media(max-width:360px){.tone-selector button{padding-inline:9px;font-size:8px}.hero-copy h1{font-size:83px}.download-buttons .button{min-width:210px}.download-card h2{font-size:52px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition-duration:.01ms!important}}
.desktop-greeting{position:absolute;z-index:8;font-size:12px;text-align:left;max-width:260px;opacity:0;visibility:hidden;cursor:pointer}.desktop-greeting[data-side=left]:after{right:-10px;left:auto;transform:scaleX(-1)}.desktop-greeting:hover{background:#e5eae1}.demo-chat{will-change:transform}.story-interactive .hero-invite{pointer-events:none}
@media(max-width:760px){.story{height:280svh}.stage{position:sticky;height:100svh;min-height:720px}.hero-copy{top:105px}.hero-copy h1{font-size:clamp(80px,16vw,115px)}.hero-copy .eyebrow{margin-bottom:17px}.hero-bottom{gap:12px;margin-top:18px}.hero-invite{bottom:70px}.hero-speech{top:auto;bottom:270px;left:62%;font-size:11px!important}.desktop-greeting{font-size:10px;max-width:230px}.desktop-demo-label{font-size:6px}}

/* Poster and character already occupy their hero position before JS or WASM. */
.actor-anchor{left:74%;top:59%;transform:translate(-50%,-50%)}
.conversation{height:380px;padding-block:16px;gap:17px}.conversation .bubble{line-height:1.45}
@media(max-width:760px){.actor-anchor{left:50%;top:auto;bottom:38px;transform:translateX(-50%)}.conversation{height:340px;padding-block:16px;gap:17px}.conversation .bubble{font-size:18px}}

.hero-bottom p{font-size:16px}.hero-bottom .button{font-size:13px}nav{font-size:12px}.quiet-bottom p{font-size:14px}.faq summary{font-size:16px}.faq details>p{font-size:14px}.download-card>p{font-size:14px}.download-buttons .button{font-size:13px}
@media(max-width:760px){.hero-bottom p{font-size:13px}.hero-bottom .button{font-size:11px}.quiet-bottom p{font-size:13px}.faq summary{font-size:14px}.faq details>p{font-size:13px}.download-card>p{font-size:12px}.download-buttons .button{font-size:12px}}
@media(max-width:760px){.hero-speech{bottom:230px;transform:translateX(-45%);left:65%}}