/* Each chapter owns one viewport. Width and height both set the artwork scale. */
:root{--screen:100svh;--header-height:clamp(52px,7svh,86px);--ticker-height:clamp(30px,4.5svh,56px)}
html{scroll-behavior:auto;scroll-snap-type:y proximity}
.landing{overflow-anchor:none}
[data-scene-state="paused"] *,[data-scene-state="waiting"] *{animation-play-state:paused!important}
.site-header{max-width:none;width:94%;height:var(--header-height)}
.header-start{min-height:44px;display:inline-flex;align-items:center}
.brand{font-size:clamp(24px,3.5svh,60px)}.brand strong{font-size:1.45em}.header-start{font-size:clamp(12px,1.55svh,22px)}
.hero{height:calc(var(--screen) - var(--header-height) - var(--ticker-height));min-height:0;max-height:none}
.scene{width:94%;height:100%;max-width:none}
.ticker{height:var(--ticker-height);transform:none}
.ticker-group{font-size:clamp(15px,2.5svh,32px)}
.headline{left:0;top:15%;font-size:min(14.9cqw,23svh);line-height:.82}
.time-evidence{left:-1%;bottom:5%;width:62%;height:38%;top:auto}
.big-time{font-size:min(24cqw,32svh)}
.phone-anchor{width:min(27cqw,32svh);right:6%;top:0}
.paper-anchor{left:43%;top:9%;width:25%}
.paper p{font-size:min(2.1cqw,3.5svh)}
.stamp{right:1%;top:0;width:min(13cqw,18svh)}
.hero-offer{left:auto;right:0;bottom:6%;width:30%}
.hero-offer .offer-lead{font-size:clamp(18px,min(1.8cqw,3svh),38px)}
.hero-offer .offer-description{font-size:clamp(15px,min(1.48cqw,2.5svh),30px);line-height:1.25;margin-bottom:2svh;padding:0;border:0}
.case-button{font-size:clamp(22px,min(2.6cqw,4svh),48px);min-height:clamp(48px,7svh,96px);padding:1.5svh 12px}
.case-button span{font-size:1.2em}
.key-anchor{left:55%;bottom:4%;width:min(13cqw,19svh)}
.hand-arrow{left:39%;bottom:4%;height:11%;width:15%}
.truth-section,.play-demo,.evidence-world,.evening,.faq,.offer{height:var(--screen);min-height:0;max-height:none;overflow:clip}
.site-header,.truth-section,.play-demo,.evidence-world,.evening,.faq,.offer{scroll-snap-align:start}
.truth-stage,.demo-scene,.world-scene,.evening-scene,.offer-scene{width:100%;max-width:none;height:var(--screen);min-height:0;max-height:none}
.truth-stage{--gate-travel:12svh;--gate-rise:-12svh}
.truth-headline{font-size:min(14.7cqw,19svh);top:calc(50% - 1.3em);line-height:.84;transition:top .8s cubic-bezier(.24,.65,.2,1)}
.truth-headline>span{transform:scaleX(1.5)}
.truth-stage.is-ripping .truth-paper--top .truth-headline{top:calc(3svh + var(--gate-travel))}
.truth-stage.is-ripping .truth-paper--bottom .truth-headline{top:calc(67svh - 1.68em - var(--gate-travel))}
.truth-stage.is-ripping .truth-paper--top .truth-headline>span:last-child,.truth-stage.is-ripping .truth-paper--bottom .truth-headline>span:not(:last-child){visibility:hidden}
.truth-sides{inset:35% -2% 29%}
.truth-side-copy h3{font-size:clamp(18px,min(2cqw,3.4svh),38px);margin-bottom:2.3svh}
.truth-side-copy p{font-size:clamp(18px,min(2.1cqw,3.7svh),40px)}
.truth-key{height:22svh;max-height:none;max-width:none;width:23%}
.truth-chat-art{max-width:none;width:22%;max-height:20svh}
.truth-time{font-size:clamp(17px,2.7svh,32px);margin-top:1.5svh}
.truth-caption{bottom:4%;font-size:clamp(20px,min(2.3cqw,3.5svh),42px);line-height:1.15}
.truth-tape--top{top:14%}.truth-tape--bottom{bottom:14%}
.demo-title{font-size:min(13.7cqw,21svh);top:6%;left:4%;transform:rotate(-3deg)}
.demo-phone-exit{transform:none}
.demo-phone-anchor{width:min(30cqw,42svh);right:8%;top:7%;max-width:none}
.demo-intro{left:4%;top:65%;width:24%;font-size:clamp(16px,min(1.55cqw,2.8svh),30px)}
.demo-choice-anchor{width:39%}
.demo-choice-anchor--identity{left:26%;top:61%}.demo-choice-anchor--trust{left:22%;top:78%}
.demo-sticker{font-size:clamp(20px,min(2.7cqw,4svh),46px)}
.sticker-paper{min-height:0;padding:1.7svh 2cqw;border-radius:22px}
.demo-outcome{bottom:5%;right:3%;width:45%}
.demo-outcome p{font-size:clamp(22px,min(2.3cqw,3.7svh),42px)}
.demo-replay{margin-top:3svh}
.world-sticky{position:relative;top:auto;height:100%}
.evidence-world{--world-height:100svh;--world-scroll:0px}
.world-title{top:8%;left:4%;font-size:min(8.5cqw,13svh)}
.world-title svg{height:3svh;margin-top:1svh}
.world-intro{top:35%;left:4.2%;width:27%;font-size:clamp(16px,min(1.4cqw,2.5svh),30px)}
.world-browser-anchor{left:auto;right:5%;top:12%;width:min(47cqw,80svh);aspect-ratio:1.73}
.world-receipt-anchor{left:32%;top:50%;width:17%;height:42%}
.world-board-anchor{left:47%;top:57%;width:min(36cqw,68svh);aspect-ratio:1.8}
.world-note-anchor{right:3%;top:53%;width:16%;height:29%}
.world-folder-anchor{left:36%;top:61%;width:49%;height:24%}
.world-browser-copy>strong{font-size:min(3.15cqw,5.4svh)}
.world-browser-copy>span{font-size:clamp(11px,min(1cqw,1.8svh),22px);margin-top:1svh;padding-top:1svh}
.world-browser-chrome>span{font-size:clamp(11px,min(1.05cqw,1.9svh),22px)}
.world-receipt-caption,.world-receipt-row{font-size:clamp(10px,min(.89cqw,1.6svh),19px)}
.world-receipt-time{font-size:min(4.1cqw,6.7svh);margin:7% 0 8%}
.world-receipt>em{font-size:min(1.6cqw,2.8svh);margin-top:6%}
.world-receipt-row{padding-top:3%;padding-bottom:2%}
.world-board>h3{font-size:clamp(11px,min(1.05cqw,1.9svh),21px)}
.world-node>strong{font-size:clamp(10px,min(.8cqw,1.5svh),18px)}
.world-note-caption{font-size:clamp(10px,min(.85cqw,1.6svh),18px)}
.world-note>em{font-size:min(2.35cqw,4svh)}
.evening-title{top:8%;left:7%;font-size:min(9.1cqw,15.5svh)}
.evening-lettering{left:35%;top:23%;width:24%}
.evening-drawing{height:73%;top:2%}
.evening-note-anchor{top:52%;right:7%;width:31%}
.evening-note p{font-size:clamp(19px,min(1.75cqw,3svh),34px)}
.evening-stats{left:7%;right:7%;bottom:5%;padding-top:2svh}
.evening-stat-number{font-size:min(7cqw,11svh)}
.evening-stat p{font-size:clamp(12px,min(1.25cqw,2svh),24px)}
.faq-scene{width:100%;max-width:none;height:100%;min-height:0;padding:5svh 6% 4svh;display:flex;flex-direction:column}
.faq-heading{min-height:0;height:27%;flex:none;margin:0 0 2svh}
.faq-heading h2{font-size:min(9.5cqw,14.3svh)}
.faq-heading>p{font-size:clamp(16px,min(1.6cqw,2.5svh),30px);top:32%;left:63%;width:25%}
.faq-title-mark{height:3svh;margin-top:1.5svh;width:44%}
.faq-symbol-anchor{top:5%;right:1%;width:min(22cqw,34svh)}
.faq-list{width:82%;margin:0;min-height:0;overflow-y:auto;overflow-x:clip;scrollbar-width:thin;scrollbar-color:#b7ad9b transparent;padding:0 2% 12px;margin-left:-2%}
.faq-question{min-height:0;padding:2.3svh 0;grid-template-columns:6% 1fr 28px}
.faq-question-text{font-size:clamp(19px,min(2.35cqw,3.5svh),40px)}
.faq-number{font-size:clamp(12px,min(1.05cqw,1.8svh),20px)}
.faq-answer-inner{padding-bottom:2svh}
.faq-answer h4{font-size:min(7.5cqw,10svh)}
.faq-item[data-faq-id="genre"] .faq-answer h4,.faq-item[data-faq-id="preorder"] .faq-answer h4{font-size:min(4cqw,5.6svh)}
.faq-item[data-faq-id="hints"] .faq-answer h4{font-size:min(5cqw,7svh)}
.faq-answer-inner>p{font-size:clamp(15px,min(1.4cqw,2.2svh),25px)}
.offer-title{font-size:min(11.6cqw,17svh);left:21%;top:3%}
.ticket-anchor{top:39.5%;left:29%;width:min(57cqw,82svh)}
.ticket-building{height:30%;width:59%;bottom:-5%;opacity:.65;mask-image:linear-gradient(to bottom,transparent,#000 28%)}
.ticket-motto{background:#ead9bbd9}
.offer-title-marker{top:40%;left:11%}
.offer-commerce{bottom:3%;left:5%;right:5%;padding-top:2svh;grid-template-columns:32% 40% 28%;row-gap:0}
.offer-description{grid-column:auto;display:block;border-top:0}
.offer-description p,.offer-description .offer-terms{width:auto}
.offer-price strong{font-size:min(8.2cqw,13svh)}
.preorder-button{min-height:clamp(56px,9svh,110px);font-size:clamp(18px,min(1.8cqw,3svh),32px);padding:2svh 6%}
.offer-description{font-size:clamp(15px,min(1.25cqw,2.3svh),25px)}
.offer-description .offer-terms{font-size:clamp(12px,min(1cqw,1.8svh),20px)}
@media(min-width:768px) and (max-aspect-ratio:6/5){
 .headline{top:8%;font-size:min(15cqw,11.8svh)}.time-evidence{bottom:8%;height:27%;width:64%}.big-time{font-size:27cqw}
 .phone-anchor{top:31%;right:9%;width:min(25cqw,20svh)}.paper-anchor{top:35%;left:4%;width:39%}.hero-offer{width:36%;bottom:5%}.key-anchor{left:46%;bottom:5%;width:14%}.stamp{top:28%;right:4%}
 .truth-headline{font-size:17cqw}.truth-sides{inset:35% -2% 29%}
 .demo-title{top:8%;font-size:15cqw}.demo-phone-anchor{top:24%;right:9%;width:min(36cqw,36svh)}.demo-intro{top:51%;width:32%;font-size:2.2cqw}.demo-choice-anchor{width:48%}.demo-choice-anchor--identity{left:7%;top:70%}.demo-choice-anchor--trust{left:5%;top:83%}.demo-sticker{font-size:3.5cqw}.demo-outcome{width:50%;bottom:5%}
 .world-title{font-size:10.8cqw;top:6%}.world-intro{top:28%;width:36%;font-size:2cqw}.world-browser-anchor{top:37%;width:55%}.world-receipt-anchor{left:6%;top:52%;width:26%;height:32%}.world-board-anchor{left:36%;top:68%;width:52%}.world-note-anchor{right:3%;top:51%;width:22%;height:19%}.world-folder-anchor{top:64%}.world-note>em{font-size:3.1cqw}.world-receipt-time{font-size:6cqw}.world-receipt>em{font-size:2.8cqw}
 .evening-title{font-size:11cqw;top:8%}.evening-lettering{left:40%;top:23%;width:29%}.evening-drawing{top:21%;height:46%;width:110%;left:-7%}.evening-note-anchor{top:61%;width:43%}.evening-note p{font-size:2.6cqw}.evening-stats{bottom:5%}.evening-stat-number{font-size:9cqw}
 .faq-heading{height:30%}.faq-heading h2{font-size:11cqw}.faq-heading>p{position:relative;left:0;top:0;width:65%;margin-top:3svh;font-size:18px}.faq-list{width:94%}.faq-symbol-anchor{top:7%;width:23%}.faq-question-text{font-size:3cqw}
 .offer-title{font-size:14cqw;left:17%;top:8%}.ticket-anchor{left:13%;top:44%;width:76%}.offer-title-marker{top:37%}.offer-commerce{grid-template-columns:40% 60%;row-gap:2svh}.offer-description{grid-column:1/-1;border:0;padding:0;display:flex;gap:5%}.offer-description p{width:60%}.offer-description .offer-terms{width:35%;margin:0}.offer-price strong{font-size:11cqw}.preorder-button{font-size:2.4cqw;margin:0}
}
@media(max-width:767px){
 :root{--header-height:clamp(48px,7svh,64px);--ticker-height:clamp(28px,4svh,36px)}
 .site-header{width:90%}.brand{font-size:22px}.brand strong{font-size:34px}.header-start{font-size:10px}.header-start span{font-size:18px}
 .scene{width:92%}.headline{top:4%;left:0;font-size:min(18.4cqw,11.4svh);line-height:.84}.headline-red{transform:scaleX(.96);margin-top:1%}
 .time-evidence{top:22%;left:-2%;width:83%;height:20%;bottom:auto}.big-time{font-size:min(35cqw,22svh)}
 .phone-anchor{top:31%;right:6%;width:min(45cqw,18.5svh);max-width:none}.paper-anchor{top:43%;left:0;width:49%}.paper{padding:8%}.paper p{font-size:4.3cqw}.stamp{top:30%;right:0;width:25%}.stamp>span{font-size:2.7cqw}.stamp-arrow{font-size:5cqw}
 .key-anchor{left:8%;bottom:32%;width:20%}.hand-arrow{left:25%;bottom:31%;width:23%;height:9%}
 .hero-offer{bottom:3%;left:2%;right:2%;width:auto}.hero-offer .offer-lead{font-size:clamp(16px,2.35svh,21px);margin-bottom:1svh}.hero-offer .offer-description{font-size:clamp(13px,1.85svh,16px);margin:0 0 1.6svh;max-width:100%;line-height:1.2}.case-button{font-size:clamp(22px,3.7svh,32px);min-height:48px;padding:1.4svh 12px}.ticker-group{font-size:14px;gap:18px;padding-right:18px}.ticker-group b{font-size:20px}
 .truth-stage{--gate-travel:22svh;--gate-rise:-22svh}
 .truth-headline{font-size:min(22cqw,12svh);top:calc(50% - 1.3em);left:2%;right:2%;line-height:.86}
 .truth-stage.is-ripping .truth-paper--top .truth-headline{top:calc(6svh + var(--gate-travel))}
 .truth-headline>span{transform:none}.truth-headline>span:last-child{transform:scaleX(.87)}
 .truth-side--other .truth-side-content{transform:translateY(-2.5svh) rotate(2deg)}
 .truth-stage.is-ripping .truth-paper--bottom .truth-headline{top:calc(76svh - 1.72em - var(--gate-travel))}
 .truth-tape--bottom{display:none}
 .truth-sides{inset:31% -2% 23%;grid-template-columns:1fr;grid-template-rows:1fr 1fr}
 .truth-side{padding:1svh 7%}.truth-side-content{gap:7%;justify-content:center}.truth-side-copy h3{font-size:clamp(17px,2.7svh,23px);margin-bottom:1.7svh}.truth-side-copy p{font-size:clamp(18px,2.9svh,25px)}.truth-chat-art{width:23%;max-height:13svh}.truth-key{height:16svh;width:23%}.truth-time{font-size:clamp(16px,2.5svh,22px);margin-top:1svh;padding:3px 9px}.truth-caption{bottom:4%;left:6%;right:6%;font-size:clamp(18px,2.7svh,25px)}.truth-caption svg{height:14px;bottom:-10px}.truth-tape--top{top:22%}.truth-tape--bottom{bottom:20%}.truth-side-scribble{top:21%;height:58%}
 .demo-title{top:4%;left:6%;font-size:min(14cqw,7.7svh);line-height:.87;width:90%;transform:rotate(-3deg)}
 .demo-title>span:first-child{display:block}.demo-title>span:nth-child(2),.demo-title>span:last-child{display:inline-block;margin-top:0}.demo-title>span:last-child{margin-left:.15em}
 .demo-title-red{margin-right:.12em}
 .demo-intro{top:18%;left:7%;width:85%;font-size:clamp(13px,min(3.7cqw,1.9svh),17px);line-height:1.2}.demo-intro br{display:none}.demo-intro svg{height:12px;width:30%;margin:5px 0}
 .demo-phone-anchor{top:27%;right:22%;width:min(56cqw,27svh);max-width:none}.demo-phone-tilt{transform:rotate(3deg)}.play-demo[data-phase="responded"] .demo-phone-tilt{transform:rotate(1deg)}
 .demo-contact strong{font-size:clamp(11px,6.4cqw,16px)}.demo-phone-top{font-size:clamp(11px,6cqw,15px)}.demo-status{font-size:clamp(9px,4.5cqw,12px)}.demo-message{font-size:clamp(13px,6.6cqw,16px);padding:4%;line-height:1.25}.demo-message time{font-size:9px;margin-top:3px}.demo-message-list{gap:6px}.demo-contact{padding-top:10%;padding-bottom:5%}.demo-messages{top:25%;padding-bottom:5%}
 .demo-choice-anchor{width:82%;left:9%}.demo-choice-anchor--identity{top:77%;--sticker-angle:-3deg}.demo-choice-anchor--trust{top:88%;left:8%;--sticker-angle:-2deg}.demo-sticker{font-size:clamp(16px,2.55svh,22px)}.sticker-paper{min-height:44px;padding:1.4svh 15px;border-radius:13px}.sticker-depth{border-radius:13px;inset:4px -3px -5px 4px}.sticker-rays{width:10%;height:55%;top:-25%}
 .demo-outcome{left:7%;right:7%;bottom:4%;width:auto}.demo-outcome p{font-size:clamp(18px,2.8svh,24px)}.demo-outcome svg{bottom:-13px;height:15px}.demo-replay{font-size:14px;margin-top:20px;min-height:44px}.demo-sent-stamp{top:53%;font-size:5.5cqw}
 .world-title{left:5%;top:5%;font-size:min(13cqw,7.3svh)}.world-title svg{height:18px;margin-top:7px}
 .world-intro{top:20%;left:6%;width:87%;font-size:clamp(14px,2.1svh,18px);line-height:1.25}
 .world-browser-anchor{left:auto;right:6%;top:35%;width:65%;aspect-ratio:1.65}.world-browser{border-radius:12px;transform:rotate(4deg)}.world-browser-content{padding:4%;gap:3%}.world-browser-copy>strong{font-size:4.8cqw}.world-browser-copy>span{font-size:clamp(10px,2.7cqw,13px);line-height:1.2;padding-top:5px;margin-top:6px}.world-browser-chrome{gap:4px;padding:1% 5%}.world-browser-chrome>i{width:6px;height:6px}.world-browser-chrome>span{font-size:9px;margin-right:5%}.world-house-picture{width:40%}
 .world-receipt-anchor{top:49%;left:6%;width:31%;height:29%}.world-receipt{padding:10% 9% 12%;transform:rotate(-8deg)}.world-receipt-caption{font-size:clamp(8px,2cqw,10px)}.world-receipt-time{font-size:8cqw;margin:10% 0}.world-receipt-row{font-size:clamp(8px,2cqw,10px);padding:6% 0 3%}.world-receipt>em{font-size:4cqw;margin-top:10%}
 .world-note-anchor{top:61%;right:5%;width:27%;height:18%}.world-note{padding:13% 10%;transform:rotate(4deg)}.world-note-caption{font-size:clamp(8px,1.9cqw,10px)}.world-note>em{font-size:4.4cqw;margin-top:12%}.world-note>svg{height:12px;margin-top:4px}
 .world-board-anchor{left:14%;top:78%;width:68%;aspect-ratio:1.9}.world-board{padding:3%;border-radius:6px}.world-board>h3{font-size:10px;padding:0 0 2%}.world-node{padding:3px 3px 5px;gap:3px}.world-node>strong{font-size:clamp(7px,1.8cqw,10px);letter-spacing:-.07em}.world-pin{width:9px;height:9px}.world-thread{stroke-width:3}.world-folder-anchor{left:21%;top:48%;width:67%;height:20%}.world-folder-flap>span{font-size:3cqw}.world-folder-flap strong{font-size:5cqw}.world-shelf{bottom:4%;height:6%}
 .evening-title{left:6%;top:5%;font-size:min(17cqw,8.2svh);line-height:.84}.evening-row:nth-child(3){margin-top:.7em}.evening-lettering{left:47%;top:14%;width:45%;transform:rotate(-6deg)}
 .evening-drawing--mobile{top:32%;height:34%;width:100%;left:0}.evening-heart-zone{top:34%;left:22%;height:25%}.evening-note-anchor{top:52.5%;right:8%;width:78%}.evening-note{padding:5% 7%;transform:rotate(-4deg)}.evening-note p{font-size:clamp(15px,2svh,18px);line-height:1.18}
 .evening-stats{left:7%;right:7%;bottom:4%;padding-top:1.5svh;row-gap:1.5svh}.evening-stat{padding-left:10%}.evening-stat-number{font-size:min(17cqw,8.5svh);margin-bottom:.1em}.evening-stat p{font-size:clamp(10px,1.5svh,13px);line-height:1.2}.evening-stat-number:before{right:18%}
 .faq-scene{padding:5svh 6% 3svh}.faq-heading{height:29%;margin:0 0 1svh}.faq-heading h2{font-size:min(14cqw,7.5svh);line-height:.86}.faq-title-mark{height:2.5svh;width:64%;margin-top:1.4svh}.faq-heading>p{position:relative;left:0;top:0;font:clamp(13px,1.9svh,16px)/1.3 var(--body);margin-top:2svh;width:76%}.faq-symbol-anchor{top:14%;width:23%;right:0}
 .faq-list{width:104%;padding:0 3% 10px;margin-left:-3%}.faq-question{min-height:54px;padding:1.5svh 0;grid-template-columns:20px 1fr 22px;gap:8px}.faq-number{font-size:10px;padding:4px 0 0}.faq-question-text{font-size:clamp(16px,2.3svh,20px);line-height:1.15}.faq-toggle{width:22px;height:22px;margin-top:0}.faq-answer-inner{padding:0 0 2svh 28px;display:block}.faq-answer-title-mask{padding-bottom:1.7svh}.faq-answer h4{font-size:clamp(30px,9.8cqw,46px)}.faq-item[data-faq-id="genre"] .faq-answer h4,.faq-item[data-faq-id="preorder"] .faq-answer h4{font-size:clamp(23px,7cqw,32px)}.faq-item[data-faq-id="hints"] .faq-answer h4{font-size:clamp(26px,8cqw,38px)}.faq-answer-inner>p{margin:1svh 8px 0 0;padding:0;border:0;font-size:clamp(13px,1.9svh,16px);line-height:1.3}.faq-answer-title-mask>svg{height:12px;bottom:0}
 .offer-scene{padding:0;height:var(--screen);min-height:0}.offer-title{position:absolute;left:10%;top:5%;width:auto;margin:0;font-size:min(22cqw,11.5svh);line-height:.8}.offer-title>span:nth-child(3){font-size:inherit;margin-left:-6%}.offer-title>span:nth-child(2){margin-left:4%}
 .offer-title-marker{left:5%;top:31%;width:31%;height:3%;margin:0}.ticket-anchor{position:absolute;top:38%;left:5%;width:90%;margin:0;aspect-ratio:2.15}.ticket-heading{font-size:3cqw}.ticket-motto{font-size:3.7cqw}.ticket-invitation{font-size:6.1cqw}.ticket-stamp{font-size:4cqw}
 .offer-commerce{position:absolute;left:7%;right:7%;bottom:4%;padding-top:1.8svh;display:block}.offer-price strong{font-size:min(24cqw,11svh)}.offer-price p{font-size:10px;margin-top:3px}.preorder-button{margin:1.8svh 0 0;min-height:52px;padding:12px 15px;font-size:clamp(15px,4.5cqw,21px)}.preorder-button>span+span{font-size:26px}.offer-description{margin-top:1.8svh;display:block;font-size:clamp(13px,1.9svh,16px);line-height:1.2}.offer-description p{width:auto}.offer-description .offer-terms{width:auto;margin-top:1svh;font-size:clamp(11px,1.6svh,14px)}
}
@media(max-width:767px) and (max-height:740px){
 .ticket-anchor{top:36%;width:84%;left:8%}.offer-detail{display:none}
}
@media(max-width:767px) and (max-height:650px){
 .hero-offer .offer-description{display:none}.hero-offer{bottom:3%}.phone-anchor{top:32%;width:19svh}.paper-anchor{top:44%}.key-anchor{bottom:30%}
 .demo-title{font-size:7.3svh}.demo-intro{top:18%;font-size:12px}.demo-phone-anchor{top:27%;width:26svh;right:24%}.demo-choice-anchor--identity{top:77%}.demo-choice-anchor--trust{top:88%}.sticker-paper{padding:8px 12px;min-height:44px}.demo-sticker{font-size:15px}
 .demo-message{font-size:12px;padding:3%}.demo-message-list{gap:5px}.demo-contact{padding-top:8%;padding-bottom:4%}.demo-contact strong{font-size:10px}.demo-status{display:none}.demo-messages{top:27%}
 .world-intro{font-size:13px;top:20%}.world-browser-anchor{width:59%;top:36%}.world-receipt-anchor{height:30%;top:48%}.world-note-anchor{top:60%;height:19%}.world-board-anchor{width:62%;left:21%;top:79%}
 .evening-note-anchor{top:52.5%}.evening-note p{font-size:14px}.evening-stats{bottom:3%}.evening-stat-number{font-size:8svh}.evening-stat p{font-size:10px}
 .faq-heading{height:31%}.faq-heading>p{font-size:12px}.faq-question{min-height:48px;padding:8px 0}.faq-question-text{font-size:15px}.faq-answer-inner>p{font-size:13px}
 .ticket-anchor{top:34.5%;width:84%;left:8%}.offer-commerce{bottom:3%}.offer-price strong{font-size:9.5svh}.preorder-button{min-height:48px;font-size:14px;margin-top:10px}.offer-description{font-size:12px;margin-top:11px}.offer-description .offer-terms{font-size:11px;margin-top:7px}.offer-detail{display:none}
}
@media(min-width:768px) and (max-height:500px){
 .headline{font-size:17svh;top:12%}.time-evidence{left:0;width:43%;height:37%;bottom:5%}.big-time{font-size:23svh}
 .phone-anchor{right:39%;top:7%;width:29svh}.paper-anchor{left:33%;top:10%;width:24%}.paper p{font-size:3.4svh}.stamp{right:34%;top:4%;width:14svh}
 .hero-offer{width:29%;right:1%;bottom:6%}.hero-offer .offer-lead{font-size:14px}.hero-offer .offer-description{font-size:12px;margin-bottom:10px}.case-button{font-size:17px;min-height:44px;padding:10px}.key-anchor{left:49%;width:13svh;bottom:2%}.hand-arrow{left:33%;width:12%;bottom:7%}
 .demo-intro{font-size:13px;width:20%}.demo-outcome{left:5%;right:auto;width:40%;bottom:5%}.demo-outcome p{font-size:18px}.demo-replay{font-size:13px;margin-top:17px}
 .world-receipt-anchor{top:48%;height:45%}.world-receipt{padding:8%}.world-receipt-caption,.world-receipt-row{font-size:8px}.world-receipt>em{font-size:12px}.world-receipt-row{padding:2% 0}.world-node>strong{font-size:7px}
 .evening-title{font-size:12svh;top:6%}.evening-lettering{left:34%;top:20%;width:24%}.evening-note-anchor{top:46%;width:32%;right:7%}.evening-note p{font-size:14px}.evening-stat-number{font-size:9svh}.evening-stat p{font-size:11px}
 .faq-scene{padding-top:4svh}.faq-heading{height:29%}.faq-heading h2{font-size:14svh}.faq-heading>p{font-size:12px}.faq-question{padding:7px 0}.faq-question-text{font-size:17px}.faq-answer-inner>p{font-size:12px}.faq-answer h4{font-size:8svh}
 .offer-title{left:5%;top:8%;font-size:16svh}.ticket-anchor{left:49%;top:24%;width:77svh}.offer-title-marker{left:8%;top:53%;width:24%}.offer-commerce{bottom:5%;padding-top:2svh}.offer-price strong{font-size:10svh}.offer-price p{font-size:9px}.preorder-button{min-height:44px;font-size:13px;padding:10px 5%;margin-right:7%}.preorder-button>span+span{font-size:23px}.offer-description{font-size:12px;line-height:1.15}.offer-description .offer-terms{font-size:10px;margin-top:7px}
}

/* On a phone, the playable chat is the interface, with comfortable reading width. */
@media(max-width:767px){
 .demo-phone-anchor{left:6%;right:6%;top:28%;width:88%;height:46%;aspect-ratio:auto}
 .demo-phone-frame,.demo-ground-shadow,.demo-notch,.demo-phone-top{display:none}
 .play-demo[data-phase] .demo-phone-tilt{transform:none}
 .demo-phone-ui{inset:0;overflow:hidden;border:2px solid #191c18;border-radius:19px;background:#1b2422;box-shadow:5px 7px 0 #191c182e}
 .demo-contact{min-height:65px;padding:11px 14px;gap:10px;background:#26322e}
 .demo-avatar{width:36px;height:36px;font-size:23px}
 .demo-contact strong{font-size:16px;line-height:1.2}
 .demo-status{display:block;font-size:11px;line-height:1.2;margin-top:3px}
 .demo-messages{top:69px;left:10px;right:10px;bottom:8px;padding:7px 2px 5px}
 .demo-message-list{gap:8px}
 .demo-message{max-width:94%;padding:9px 12px 7px;font-size:16px;line-height:1.25;border-radius:12px}
 .demo-message>span{text-wrap:pretty}
 .demo-message time{font-size:11px;line-height:1.1;margin-top:3px}
 .demo-message--mine{max-width:91%}
 .demo-launch-point{left:18%;right:8%;bottom:14%;height:8%}
 .demo-choice-anchor--identity{top:77%}.demo-choice-anchor--trust{top:88%}
 .demo-ring-lines{left:-3%;width:106%;top:-2%;height:104%}
}
@media(max-width:767px) and (max-height:650px){
 .demo-phone-anchor{top:29%;height:41%}
 .demo-contact{padding:8px 12px;min-height:54px;gap:8px}
 .demo-avatar{width:30px;height:30px;font-size:20px}
 .demo-contact strong{font-size:15px}.demo-status{display:none}
 .demo-messages{top:56px;left:8px;right:8px;bottom:5px;padding-top:4px}
 .demo-message{font-size:14px;padding:7px 10px 5px;line-height:1.2}
 .demo-message-list{gap:6px}.demo-message time{font-size:10px;margin-top:2px}
}