/* Android companion presentation. Shares the site's existing palette and type. */
.mobile-demo-dialog [hidden]{display:none!important}
.mobile-shot-picker{display:flex;flex-wrap:wrap;justify-content:center;gap:9px}.mobile-shot-picker button{min-height:44px;padding:9px 14px;color:#becbdf;background:#141d2b;border:1px solid #435369;border-radius:4px;font-size:.8rem}.mobile-shot-picker button[aria-pressed=true]{color:var(--cyan);border-color:var(--cyan);background:#17313b}
.mobile-demo-launch{width:min(100%,370px);padding:16px 17px;display:flex;gap:13px;align-items:center;text-align:left;background:#12343e;color:#eefbff;border:1px solid #56d7e1;box-shadow:0 8px 35px #42e8ee12;border-radius:7px}.mobile-demo-launch:hover{background:#1d4652}.mobile-launch-icon{color:var(--cyan);font-size:1.4rem}.mobile-demo-launch strong{display:block;font-size:.86rem;line-height:1.5}.mobile-demo-launch small{display:block;color:#a8c9d7;font-size:.69rem;margin-top:3px}.mobile-demo-launch>b{margin-left:auto;color:var(--cyan);font-size:1.2rem}
.mobile-real-phone{position:relative;width:min(100%,370px);padding:7px;border:1px solid #667082;border-radius:27px;background:linear-gradient(145deg,#354052,#11151f 45%,#303c50);box-shadow:18px 24px 65px #0006;overflow:hidden}.mobile-real-phone img{width:100%;height:auto;display:block;border-radius:20px}.mobile-shot-enlarge{position:absolute;right:15px;bottom:20px;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#101a2ee6;color:var(--cyan);border:1px solid #8fd5de99}.mobile-lazy-note{display:block;margin-top:7px;color:#b7c6d7}
.mobile-demo-dialog{max-width:none;width:min(1050px,calc(100% - 28px));max-height:calc(100dvh - 24px);background:#0c111d;border:1px solid #486273;border-radius:14px;overflow:auto}.mobile-demo-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 23px;position:sticky;top:0;background:#101522f5;backdrop-filter:blur(12px);z-index:5;border-bottom:1px solid #33475b}.mobile-demo-toolbar>div>span{display:block;font-size:.55rem;color:var(--cyan);letter-spacing:.1em;font-weight:700}.mobile-demo-toolbar h2{font-size:1.1rem;margin-top:4px;line-height:1.4}.mobile-demo-close{height:42px;width:42px;border:1px solid #53657d;border-radius:6px;background:#192234;color:#fff;font-size:1.8rem;line-height:1}.mobile-demo-close:hover{border-color:var(--cyan);color:var(--cyan)}
.mobile-demo-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:35px;padding:25px 36px;align-items:center}.mobile-demo-phone{width:min(430px,100%,calc((100dvh - 130px)*.58));justify-self:center;background:#101321;border:6px solid #374358;border-radius:27px;overflow:hidden;box-shadow:0 18px 55px #0007}.mobile-demo-app-header{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:14px 18px;background:#111421}.mobile-demo-app-header strong{font:700 1.2rem/1.35 var(--display)}.mobile-demo-app-header div>span{display:block;font-size:.74rem;color:#a9b0c5;margin-top:3px}.mobile-demo-menu{color:var(--cyan);font-size:1.6rem}
.mobile-demo-stage{height:min(64dvh,650px);position:relative;isolation:isolate;overflow:hidden;background:#101e31;touch-action:pan-y}.mobile-demo-wallpaper{position:absolute;inset:-9%;background-size:cover;background-position:center;transform:translate3d(var(--parallax-x,0px),var(--parallax-y,0px),0);transition:transform .15s ease-out;z-index:-1;will-change:transform}.mobile-demo-actor{position:absolute;top:-2%;left:50%;width:180%;max-width:none;height:auto;aspect-ratio:1;transform:translateX(-50%);opacity:0;pointer-events:none;object-fit:contain}.mobile-demo-actor.is-current{opacity:1}.mobile-demo-stage:after{content:'';position:absolute;inset:62% 0 0;background:linear-gradient(transparent,#080d1680);pointer-events:none;z-index:1}
.mobile-demo-location{position:absolute;top:13px;left:13px;padding:6px 11px;background:#0b10229e;backdrop-filter:blur(5px);border-radius:14px;color:#f5f5fa;font-size:.75rem;z-index:2}.mobile-demo-loading{position:absolute;inset:0;display:grid;place-content:center;padding:26px;text-align:center;font-size:.9rem;line-height:1.8;color:#d2e8f5;background:#0e1722b3;z-index:3}.mobile-demo-chat{position:absolute;bottom:19px;left:15px;right:15px;padding:16px 18px 18px;border:1px solid #d9d2f22e;border-radius:19px;background:#1917288c;backdrop-filter:blur(5px);z-index:2}.mobile-demo-chat>span{font-size:.51rem;letter-spacing:.12em;color:#c8bcd7;display:block;margin-bottom:8px}.mobile-demo-chat>p{font-size:1.08rem;line-height:1.55;color:#f3eff6}
.mobile-demo-compose{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;background:#111421}.mobile-demo-compose>span{background:#080c17;border-radius:30px;padding:10px 16px;flex:1;color:#adb2c4;font-size:.86rem}.mobile-demo-compose>b{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:#194557;color:var(--cyan);font-size:1.35rem;font-weight:400}
.mobile-demo-info .eyebrow{font-size:.58rem;margin-bottom:14px}.mobile-demo-info h3{font-size:1.4rem;line-height:1.4}.mobile-demo-info>p:not(.eyebrow){font-size:.86rem;line-height:1.85;margin-top:15px}.mobile-demo-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:20px}.mobile-demo-controls button{min-height:44px;padding:9px 8px;font-size:.73rem;line-height:1.4;color:#d1ddee;background:#172334;border:1px solid #445870;border-radius:4px}.mobile-demo-controls button[aria-pressed=true]{color:var(--cyan);border-color:#3aabb4;background:#15303b}.mobile-demo-controls button:hover{border-color:var(--cyan)}.mobile-demo-info .mobile-demo-phase{font-size:.68rem;letter-spacing:.05em;color:var(--cyan);border-top:1px solid #34465b;padding-top:16px}.mobile-demo-info .mobile-demo-caption{font-size:.69rem;color:#829aaf}
@media(max-width:800px){.mobile-demo-layout{grid-template-columns:1fr;gap:25px;padding:18px}.mobile-demo-phone{width:min(410px,100%)}.mobile-demo-info{max-width:410px;justify-self:center}.mobile-demo-controls{grid-template-columns:repeat(4,minmax(0,1fr))}.mobile-demo-info .eyebrow{margin-bottom:9px}.mobile-demo-info>p:not(.eyebrow){font-size:.83rem}.mobile-demo-dialog{width:calc(100% - 14px);max-height:calc(100dvh - 14px)}.mobile-demo-toolbar{padding:12px 16px}.mobile-demo-stage{height:min(67dvh,650px)}.mobile-demo-actor{width:185%}}
@media(max-width:520px){.mobile-real-phone{width:100%;max-width:370px}.mobile-demo-layout{padding:12px;gap:20px}.mobile-demo-toolbar h2{font-size:.93rem}.mobile-demo-toolbar>div>span{font-size:.47rem}.mobile-demo-app-header strong{font-size:1rem}.mobile-demo-app-header{padding:12px 14px}.mobile-demo-app-header div>span{font-size:.68rem}.mobile-demo-phone{border-width:4px;border-radius:20px}.mobile-demo-stage{height:60dvh;min-height:380px}.mobile-demo-chat>p{font-size:.94rem}.mobile-demo-chat{left:10px;right:10px;bottom:15px;padding:13px 15px}.mobile-demo-controls{grid-template-columns:1fr 1fr}.mobile-demo-location{font-size:.68rem}.mobile-demo-compose>span{font-size:.8rem}}
@media(prefers-reduced-motion:reduce){.mobile-demo-wallpaper{transition:none}}
.hero-mobile-link{display:flex;flex-wrap:wrap;align-items:center;gap:9px 16px;width:fit-content;margin-top:25px;font-size:.86rem;font-weight:700;color:#e3e7ed}
.hero-mobile-link>span{color:var(--cyan);font-size:.64rem;letter-spacing:.1em;border-left:2px solid var(--cyan);padding-left:10px}
.hero-mobile-link>b{color:var(--cyan);font-size:1.2rem}.hero-mobile-link:hover{color:var(--cyan)}
.mobile-section{position:relative;background:radial-gradient(ellipse at 90% 23%,#18303b60,transparent 48%),linear-gradient(180deg,#10131e,#0b0d16);border-block:1px solid var(--line)}
.mobile-topline{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:40px}.mobile-topline .eyebrow{margin:0}.mobile-alpha{font-size:.66rem;font-weight:700;letter-spacing:.1em;color:#c3cad9;border:1px solid #3c4659;padding:6px 12px}
.mobile-showcase{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr);gap:70px;align-items:start}.mobile-copy{min-width:0}.mobile-copy h2{max-width:770px;font-size:clamp(2rem,3.5vw,3.4rem)}
.mobile-lead{font-size:1.5rem;line-height:1.5;color:#f1f4fa;margin-top:26px;font-weight:700}.mobile-copy>.mobile-lead+p{font-size:1.02rem;max-width:590px;margin-top:17px;line-height:1.9}
.mobile-capabilities{margin:27px 0 26px;display:grid;gap:18px}.mobile-capabilities>div{display:grid;grid-template-columns:148px 1fr;gap:18px}.mobile-capabilities dt{color:var(--cyan);font-size:.65rem;font-weight:800;letter-spacing:.1em;padding-top:3px}.mobile-capabilities dd{margin:0;color:#b8bfd1;font-size:.91rem;line-height:1.75}
.mobile-character{font-size:.93rem;line-height:1.8;border-top:1px solid #303748;padding-top:22px}.mobile-character strong{display:block;color:#fff;margin-bottom:4px;font-size:1.05rem}
.mobile-task-picker{margin-top:26px}.mobile-task-picker>p{font-size:.64rem;letter-spacing:.11em;color:#c5cddd;font-weight:800;margin-bottom:12px}.mobile-task-options{display:flex;flex-wrap:wrap;gap:9px}.mobile-task-options>span{background:#151b28;border:1px solid #3e485c;border-radius:3px;padding:9px 12px;color:#c4ccdc;font-size:.8rem;min-height:44px;transition:background .15s,border-color .15s,color .15s}.mobile-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:28px}.mobile-actions .button{gap:22px}.mobile-setup-link{display:flex;gap:14px;align-items:center;font-size:.84rem;font-weight:700;color:#d4d9e3}.mobile-setup-link:hover{color:var(--cyan)}
.mobile-preview{margin:0;min-width:0;display:grid;justify-items:center;gap:19px}.mobile-preview figcaption{font-size:.69rem;line-height:1.7;color:#959eb4;text-align:center;max-width:340px}
.mobile-details{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:65px;margin-top:70px;padding-top:52px;border-top:1px solid #303748}.mobile-details h3{font-size:1.65rem;line-height:1.4}.mobile-personalise .eyebrow{font-size:.64rem;margin-bottom:15px}.mobile-personalise ul{list-style:none;padding:0;margin:23px 0 0;display:grid;gap:15px}.mobile-personalise li{position:relative;padding-left:22px;color:#b8bfd1;font-size:.93rem;line-height:1.8}.mobile-personalise li:before{content:'+';position:absolute;left:0;color:var(--cyan);font-weight:700}
.mobile-device-preview{border-left:2px solid var(--pink);padding:3px 0 3px 27px}.mobile-preview-label{display:block;color:#ff80ba;font-size:.62rem;letter-spacing:.09em;font-weight:800;margin-bottom:16px}.mobile-device-preview>p{margin-top:16px;font-size:.94rem;line-height:1.85}.mobile-device-preview .mobile-device-status{color:#d8b4cc;font-size:.77rem;line-height:1.75;padding-top:13px;border-top:1px solid #493043}
.mobile-setup{display:grid;grid-template-columns:.9fr 1.8fr;gap:60px;border-top:1px solid #303748;margin-top:50px;padding-top:42px;scroll-margin-top:110px}.mobile-setup .eyebrow{font-size:.62rem;margin-bottom:13px}.mobile-setup h3{font-size:1.5rem;line-height:1.4}.mobile-setup ol{padding:0;margin:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:27px}.mobile-setup li>span{font-size:.69rem;color:var(--cyan);font-family:monospace}.mobile-setup li strong{display:block;font-size:.93rem;margin:9px 0}.mobile-setup li p{font-size:.82rem;line-height:1.8}.mobile-requirements{font-size:.77rem;line-height:1.85;margin-top:28px;padding-top:22px;border-top:1px solid #303748;max-width:1000px}
@media(min-width:801px) and (max-width:1200px){.site-header .header-inner{gap:15px}.site-header nav{gap:17px}.site-header nav a{font-size:.79rem}.site-header .wordmark{font-size:1.25rem}.header-patreon{padding-inline:13px}.mobile-showcase{gap:36px}.mobile-capabilities>div{grid-template-columns:126px 1fr;gap:12px}.mobile-details{gap:36px}}
@media(min-width:801px) and (max-width:920px){.header-patreon{display:none}}
@media(max-width:800px){.mobile-topline{margin-bottom:29px;align-items:flex-start}.mobile-topline .eyebrow{font-size:.6rem;max-width:210px}.mobile-alpha{font-size:.55rem;white-space:nowrap;padding:4px 7px}.mobile-showcase{grid-template-columns:minmax(0,1fr);gap:40px}.mobile-copy h2{font-size:clamp(1.7rem,5.7vw,2.8rem);max-width:620px}.mobile-copy>.mobile-lead+p{max-width:none}.mobile-preview{width:100%;padding-block:10px}.mobile-details{gap:30px;margin-top:45px;padding-top:35px}.mobile-details h3{font-size:1.35rem}.mobile-device-preview{padding-left:20px}.mobile-setup{grid-template-columns:1fr;gap:25px;margin-top:35px;padding-top:30px}.mobile-setup h3 br{display:none}.mobile-setup h3 br:after{content:' '}}
@media(max-width:520px){.hero-mobile-link{font-size:.78rem;gap:7px 10px;margin-top:20px}.hero-mobile-link>span{flex-basis:100%;font-size:.59rem}.mobile-topline{gap:10px}.mobile-topline .eyebrow{font-size:.56rem;letter-spacing:.09em}.mobile-alpha{font-size:.5rem;letter-spacing:.04em}.mobile-lead{font-size:1.2rem;margin-top:22px}.mobile-copy>.mobile-lead+p{font-size:.95rem}.mobile-capabilities>div{grid-template-columns:1fr;gap:5px}.mobile-capabilities{gap:19px}.mobile-capabilities dt{font-size:.61rem}.mobile-capabilities dd{font-size:.89rem}.mobile-character{font-size:.89rem}.mobile-task-options{gap:8px}.mobile-task-options>span{padding:8px 10px;font-size:.73rem}.mobile-actions{gap:19px}.mobile-actions .button{width:100%;justify-content:space-between;font-size:.81rem}.mobile-details{grid-template-columns:1fr;gap:32px}.mobile-device-preview{padding-left:20px}.mobile-details h3{font-size:1.4rem}.mobile-personalise li,.mobile-device-preview>p{font-size:.9rem}.mobile-setup ol{grid-template-columns:1fr;gap:18px}.mobile-setup li{display:grid;grid-template-columns:30px 1fr;gap:12px}.mobile-setup li>span{padding-top:3px}.mobile-setup li strong{margin:0 0 4px}.mobile-setup li p{font-size:.87rem}.mobile-requirements{font-size:.72rem}}