.apk-panel{min-height:0;aspect-ratio:1.12;background:#f0f1ed;border-radius:4px;padding:24px;display:flex;flex-direction:column}.panel-kicker{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;line-height:1.4;color:#73786f;letter-spacing:.02em}.apk-display{display:flex;flex:1;align-items:center;justify-content:space-between;padding:26px 0;min-height:0}.apk-label{font-size:clamp(64px,8.5vw,132px);line-height:1;font-family:'FK Grotesk Neue',sans-serif;letter-spacing:-.08em}.apk-display svg{width:22%;height:auto;stroke-width:1.2;align-self:flex-end;margin-bottom:12px;color:#858e7b}.apk-download{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:54px;border-top:1px solid #c9cdc3;font-size:19px}.apk-download>span:last-child{font-size:30px}.apk-download:hover{color:#151515}.apk-download:hover>span:last-child{transform:translate(2px,2px)}.package-meta{font-size:11px;color:var(--muted);margin-top:18px}.install-steps{padding:0;margin:24px 0 0;list-style:none;max-width:90%;font-size:14px;line-height:1.7;color:#767676}.install-steps li{display:grid;grid-template-columns:22px 1fr;gap:10px;margin-top:12px}.install-steps li>span{font-size:10px;color:#aaa;padding-top:4px}.pairing-details{margin-top:32px;padding-top:20px;border-top:1px solid var(--line);max-width:90%;font-size:13px}.pairing-details h3{font-size:17px;margin-bottom:18px}.pairing-details label{display:block;margin-top:16px;color:var(--muted);font-size:12px}.copy-field{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line)}.copy-field input,.copy-field textarea{display:block;width:100%;min-width:0;border:0;background:transparent;border-radius:0;font:12px/1.65 'FK Grotesk Neue',sans-serif;color:#444;padding:10px 0;resize:none;overflow-wrap:anywhere}.copy-field button{min-height:44px;flex:none;padding:8px 0 8px 12px;font-size:12px}.pairing-expiry,.copy-status{font-size:11px;line-height:1.7;color:var(--muted);margin-top:12px;overflow-wrap:anywhere}.remote-panel{width:100%;min-width:0;height:auto;aspect-ratio:.78;background:#151b18;color:#eff1eb;border-radius:4px;padding:20px;display:flex;flex-direction:column;position:relative;overflow:hidden}.remote-panel .panel-kicker{color:#a6b1a6;flex:none}.connection-state{font-size:11px;white-space:nowrap}.screen-host{position:relative;flex:1;min-height:0;margin-top:20px;display:flex;align-items:center;justify-content:center}.live-screen{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:absolute;inset:0}.live-screen img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;touch-action:none;user-select:none;cursor:crosshair;object-fit:contain}.remote-empty{max-width:100%;padding:20px 5px;position:relative}.remote-line{display:block;width:46px;height:1px;background:#768773;margin-bottom:30px}.remote-empty h3{font-size:clamp(24px,3.5vw,54px);line-height:1.3;letter-spacing:-.025em}.remote-empty p{font-size:14px;line-height:1.8;color:#8f9b91;margin-top:20px;white-space:pre-line}.screen-bottom{margin-top:20px;display:flex;justify-content:space-between;align-items:center;gap:8px;color:#8f9b91;font-size:10px;flex:none;min-height:16px}.screen-bottom>span:last-child{font-size:19px}.remote-panel[data-remote-state=connecting] .remote-line,.remote-panel[data-remote-state=waiting] .remote-line{animation:connection-pulse 1.5s ease-in-out infinite}.remote-panel[data-remote-state=live] .connection-state{color:#d3e3c4}.remote-start{display:flex;align-items:center;justify-content:space-between;width:100%;gap:10px;min-height:52px;margin-top:25px;border-bottom:1px solid var(--line);font-size:18px;padding:8px 0}.remote-start span:last-child{font-size:26px}.remote-start:disabled{opacity:.45;cursor:default}.remote-status{font-size:12px;color:var(--muted);line-height:1.75;margin-top:12px;overflow-wrap:anywhere}.remote-actions{display:flex;gap:8px 20px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding:7px 0;margin-top:12px}.remote-actions button{font-size:12px;min-height:44px;padding:8px 0}.remote-actions [data-remote-stop]{margin-left:auto}.input-feedback{margin-top:18px;font-size:12px;color:var(--muted)}.input-feedback summary{list-style:none;display:flex;align-items:center;justify-content:space-between;min-height:44px;cursor:pointer}.input-feedback summary::-webkit-details-marker{display:none}.input-feedback p{line-height:1.7;margin-top:6px}.input-feedback ol{padding-left:20px;font-size:11px;line-height:1.8;overflow-wrap:anywhere}.service-contact{margin-top:28px;grid-column:1/-1;grid-row:auto;max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:0 var(--page-gap)}.contact-caption{grid-column:1;grid-row:1;align-self:center}.service-contact .primary-entry{grid-column:2;grid-row:1}.visual-note{grid-column:2}.story-caption{max-width:100%}.story-description{font-size:clamp(15px,1.6vw,23px)}
#remote-viewer{position:fixed;inset:0;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#151b18;color:#eee;overflow:hidden}#remote-viewer::backdrop{background:#151b18}#remote-viewer>header{height:58px;padding:0 20px;border-bottom:1px solid #344037;display:flex;justify-content:space-between;align-items:center;font-size:13px}#remote-viewer button{min-height:44px;padding:10px 0}.expanded-screen{height:calc(100% - 116px);position:relative}.expanded-screen .live-screen{position:absolute;inset:0}.viewer-controls{height:58px;display:flex;align-items:center;justify-content:center;gap:40px;border-top:1px solid #344037;font-size:13px}.remote-viewer-open{overflow:hidden}
@keyframes connection-pulse{50%{opacity:.25;transform:scaleX(.55);transform-origin:left}}
@media(max-width:700px){.apk-panel{padding:13px;aspect-ratio:1.02}.panel-kicker{font-size:8px;gap:6px}.apk-display{padding:20px 0}.apk-label{font-size:48px}.apk-display svg{width:31px;margin-bottom:4px}.apk-download{font-size:13px;min-height:44px}.apk-download>span:last-child{font-size:23px}.package-meta{font-size:10px;margin-top:14px}.install-steps{max-width:100%;font-size:12px;line-height:1.7;margin-top:18px}.install-steps li{grid-template-columns:17px 1fr;gap:7px;margin-top:11px}.install-steps li>span{font-size:8px;padding-top:3px}.pairing-details{max-width:100%;margin-top:24px;padding-top:15px}.pairing-details h3{font-size:14px}.pairing-details label{font-size:10px}.copy-field{gap:3px;flex-wrap:wrap}.copy-field input,.copy-field textarea{flex:1 1 100%;font-size:11px;padding:8px 0}.copy-field button{min-height:44px;padding:6px 0}.pairing-expiry,.copy-status{font-size:10px}.remote-panel{padding:12px;aspect-ratio:.63;min-height:270px}.remote-panel .panel-kicker{font-size:7px}.connection-state{font-size:8px}.screen-host{margin-top:18px}.remote-empty{padding:10px 1px}.remote-line{width:30px;margin-bottom:22px}.remote-empty h3{font-size:22px}.remote-empty p{font-size:10px;line-height:1.7;margin-top:16px}.screen-bottom{font-size:8px;margin-top:12px}.screen-bottom>span:last-child{font-size:15px}.remote-start{font-size:14px;min-height:48px;margin-top:19px}.remote-start span:last-child{font-size:23px}.remote-status{font-size:10px;line-height:1.7;margin-top:10px}.remote-actions{gap:0 12px}.remote-actions button{font-size:11px}.remote-actions [data-remote-stop]{margin-left:0}.input-feedback{font-size:11px;margin-top:10px}.input-feedback ol{font-size:10px;padding-left:15px}.service-contact{margin-top:36px}.contact-caption{font-size:10px}.story-description{font-size:14px}}
@media(max-width:359px){.apk-label{font-size:40px}.apk-display svg{width:25px}.apk-panel{padding:11px}.apk-download{font-size:12px}.remote-panel{padding:10px;min-height:250px}.remote-empty h3{font-size:19px}.remote-panel .panel-kicker{font-size:6px}.connection-state{font-size:7px}.story-description{font-size:13px}.remote-start{font-size:13px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

/* One viewport: keep the homepage's offset columns, give the task the space. */
html{min-height:100%;scroll-behavior:auto}
body.mobile-remote-page{height:100vh;height:100dvh;min-height:0;display:grid;grid-template-rows:64px minmax(0,1fr) 64px}
.mobile-header{min-height:0;height:100%}
#main-content{min-height:0;display:flex;flex-direction:column}
.editorial-intro{flex:none;padding:16px 0 26px}
.intro-copy h1{font-size:clamp(26px,2.7vw,40px)}
.intro-copy>p{font-size:13px;line-height:1.7}
.service-showcase{flex:1;min-height:0;padding-bottom:18px;align-items:stretch;grid-template-rows:minmax(0,1fr)}
.story{min-height:0;display:flex;flex-direction:column}
.story-mobile{padding-top:32px}
.apk-panel{aspect-ratio:auto;flex:0 1 58%;min-height:142px;padding:20px}
.apk-display{padding:12px 0}
.apk-label{font-size:clamp(54px,11vh,110px)}
.apk-display svg{width:clamp(36px,7vh,70px);margin-bottom:4px}
.apk-download{min-height:44px;font-size:16px}
.remote-panel{aspect-ratio:auto;min-height:120px;flex:1 1 0;padding:18px}
.screen-host{margin-top:12px}
.remote-empty{padding:8px 0}
.remote-empty h3{font-size:clamp(22px,3vw,42px)}
.remote-empty p{font-size:12px;margin-top:12px}
.remote-line{margin-bottom:20px}
.screen-bottom{margin-top:10px}
.story-caption{display:flex;align-items:baseline;gap:10px;flex:none;padding-top:13px;font-size:17px}
.story-number{font-size:10px;color:var(--muted)}
.package-meta{margin-top:7px;font-size:11px}
.install-steps{margin-top:15px;max-width:100%;font-size:13px;line-height:1.6}
.install-steps li{margin-top:6px}
.remote-start{flex:none;min-height:44px;margin-top:8px;font-size:16px}
.remote-status{flex:none;max-height:4.8em;overflow:auto;scrollbar-width:thin;margin-top:8px;font-size:12px;line-height:1.6;overscroll-behavior:contain}
.footer{min-height:0;margin-top:0;height:100%;border-top:1px solid var(--line);font-size:11px}
.footer p{color:var(--muted)}
.footer .site-contact-page-entry{min-height:44px;white-space:nowrap;font-size:13px;padding:0}
.footer .site-contact-page-entry span{margin-left:14px}
.has-remote-session .apk-panel{flex-basis:26%;min-height:104px}
.has-remote-session .apk-label{font-size:clamp(34px,6vh,66px)}
.has-remote-session .apk-display svg{width:28px}
.has-remote-session .package-meta,.has-remote-session .install-steps,.has-remote-session .story-desktop .story-caption{display:none}
.pairing-details{max-width:none;margin-top:16px;padding-top:12px;min-height:0}
.pairing-details h3{font-size:15px;margin:0 0 6px}
.pairing-details label{margin-top:6px;font-size:11px}
.copy-field{gap:6px;flex-wrap:nowrap}
.copy-field input,.copy-field textarea{flex:1 1 0;font-size:12px;line-height:1.5;padding:4px 0;min-height:40px}
.copy-field textarea{height:44px}
.copy-field button{min-height:44px;padding:4px 0 4px 6px;font-size:12px}
.pairing-expiry,.copy-status{font-size:11px;line-height:1.5;margin-top:8px}
.copy-status:empty{display:none}
.remote-actions{flex:none;margin-top:6px;gap:0 18px;padding:0}
.input-feedback{position:relative;flex:none;margin-top:0}
.input-feedback summary{min-height:36px}
.feedback-body{position:absolute;bottom:100%;inset-inline:0;background:#fff;border:1px solid var(--line);padding:12px;max-height:160px;overflow:auto;z-index:2}
.feedback-body ol{margin:8px 0 0}
@media(max-width:1000px){.intro-copy{display:block}.intro-copy>p{margin-top:10px}.editorial-intro{padding-top:8px;padding-bottom:20px}}
@media(max-width:700px){
 body.mobile-remote-page{grid-template-rows:52px minmax(0,1fr) 50px}
 .editorial-intro{padding:10px 0 22px}
 .intro-copy h1{font-size:26px}
 .intro-copy>p{font-size:12px;margin-top:10px;line-height:1.6}
 .editorial-intro>.section-index{font-size:9px}
 .service-showcase{padding-bottom:14px}
 .story-mobile{padding-top:24px}
 .apk-panel{flex-basis:52%;min-height:134px;padding:12px}
 .apk-label{font-size:clamp(44px,7vh,64px)}
 .apk-display svg{width:27px}
 .panel-kicker{font-size:8px;gap:4px}
 .apk-download{font-size:13px;gap:5px}
 .remote-panel{padding:12px;min-height:112px}
 .remote-panel .panel-kicker{font-size:7px}
 .connection-state{font-size:8px}
 .screen-host{margin-top:10px}
 .remote-empty h3{font-size:22px;line-height:1.3}
 .remote-empty p{font-size:11px;line-height:1.6;margin-top:10px}
 .remote-line{width:26px;margin-bottom:16px}
 .screen-bottom{font-size:8px;margin-top:8px}
 .story-caption{font-size:14px;gap:6px;padding-top:10px}
 .story-number{font-size:9px}
 .package-meta{font-size:10px;margin-top:5px}
 .install-steps{font-size:12px;margin-top:12px;line-height:1.6}
 .install-steps li{gap:5px;margin-top:5px}
 .remote-start{font-size:14px;margin-top:3px;padding:4px 0}
 .remote-status{font-size:11px;margin-top:6px}
 .footer{font-size:10px;gap:8px}
 .footer p span{display:none}
 .footer .site-contact-page-entry{font-size:12px}
 .footer .site-contact-page-entry span{margin-left:6px}
 .has-remote-session .apk-panel{flex-basis:22%;min-height:104px}
 .has-remote-session .apk-label{font-size:34px}
 .has-remote-session .apk-panel .panel-kicker>span:last-child{display:none}
 .has-remote-session .apk-display{padding:4px 0}
 .has-remote-session .apk-display svg{width:22px}
 .pairing-details{margin-top:10px;padding-top:10px}
 .pairing-details h3{font-size:13px}
 .pairing-details label{font-size:10px;margin-top:4px}
 .copy-field input,.copy-field textarea{font-size:11px}
 .copy-field button{font-size:11px}
 .pairing-expiry,.copy-status{font-size:10px;margin-top:5px}
 .remote-actions{gap:0 12px}
 .remote-actions button{font-size:11px;min-height:36px;padding:5px 0}
 .input-feedback summary{font-size:10px;min-height:30px}
}
@media(max-width:359px){
 .intro-copy h1{font-size:23px}
 .intro-copy>p{font-size:11px}
 .apk-panel{padding:10px}
 .apk-label{font-size:43px}
 .apk-download{font-size:12px}
 .remote-panel{padding:10px}
 .remote-empty h3{font-size:19px}
 .remote-empty p{font-size:10px}
 .story-caption{font-size:12px;gap:5px}
 .story-number{font-size:8px}
 .install-steps{font-size:11px}
 .footer .site-contact-page-entry{font-size:11px}
}
@media(max-height:650px){
 body.mobile-remote-page{grid-template-rows:46px minmax(0,1fr) 46px}
 .editorial-intro{padding:4px 0 14px}
 .intro-copy>p{margin-top:7px}
 .story-mobile{padding-top:18px}
 .apk-panel{flex-basis:49%;min-height:120px}
 .apk-label{font-size:44px}
 .apk-display{padding:4px 0}
 .install-steps{margin-top:7px}
 .remote-empty p{margin-top:7px}
 .remote-line{margin-bottom:12px}
 .remote-status{font-size:10px;max-height:4.8em}
 .service-showcase{padding-bottom:9px}
 .has-remote-session .apk-panel{min-height:96px}
 .has-remote-session .apk-panel .panel-kicker{display:none}
 .has-remote-session .apk-label{font-size:32px}
 .has-remote-session .pairing-details{margin-top:6px;padding-top:6px}
}
@media(max-height:480px) and (min-width:701px){
 body.mobile-remote-page{grid-template-rows:42px minmax(0,1fr) 46px}
 .editorial-intro{padding:2px 0 10px}
 .intro-copy{display:flex;align-items:center;justify-content:space-between;gap:20px}
 .intro-copy h1{font-size:21px;line-height:1.15}
 .intro-copy>p{font-size:11px;margin:0;max-width:210px}
 .story-mobile{padding-top:12px}
 .apk-panel{min-height:100px;flex-basis:50%;padding:10px 16px}
 .apk-display{padding:2px 0}
 .apk-label{font-size:36px}
 .apk-display svg{width:28px}
 .apk-download{min-height:36px;font-size:13px}
 .story-caption{font-size:13px;padding-top:6px}
 .package-meta{font-size:10px;margin-top:2px}
 .install-steps{display:flex;gap:12px;font-size:10px;margin-top:3px;line-height:1.4}
 .install-steps li{display:block;flex:1;margin:0}
 .install-steps li>span{margin-right:5px}
 .remote-panel{min-height:75px;padding:10px 14px}
 .screen-host{margin:0}
 .remote-empty h3{font-size:21px}
 .remote-empty p,.remote-line,.screen-bottom{display:none}
 .remote-start{min-height:36px;margin:0;font-size:13px}
 .remote-status{font-size:10px;margin:3px 0 0;max-height:3.2em}
 .has-remote-session .story-desktop{display:grid;grid-template-columns:40% minmax(0,1fr);gap:16px;align-items:start}
 .has-remote-session .apk-panel{height:100%;min-height:0}
 .has-remote-session .pairing-details{margin:0;padding:0;border:0}
 .has-remote-session .pairing-details label{margin-top:0}
 .has-remote-session .pairing-details h3{font-size:12px;margin:0}
 .has-remote-session .copy-field input,.has-remote-session .copy-field textarea{min-height:30px;height:30px}
 .has-remote-session .copy-field button{min-height:30px}
 .has-remote-session .pairing-expiry{font-size:10px;margin-top:2px}
 .remote-actions button{min-height:30px}
 .input-feedback summary{min-height:24px}
}

/* Latest direction: smaller download stage, larger remote stage, compact heading. */
.editorial-intro{display:block;padding:10px 0 24px}
.editorial-intro>.section-index{font-size:10px;padding:0;margin-bottom:8px}
.intro-copy{display:flex;align-items:baseline;justify-content:space-between;gap:20px}
.intro-copy h1{font-size:clamp(26px,2.7vw,40px);line-height:1.2;letter-spacing:-.04em}
.intro-copy>p{font-size:13px;line-height:1.6;margin:0;padding:0}
.service-showcase{grid-template-columns:minmax(0,1fr) minmax(0,1.28fr)}
.apk-panel{flex-basis:48%}
.remote-panel{flex:0 1 67%}
@media(max-width:700px){
 .editorial-intro{padding:6px 0 20px}
 .editorial-intro>.section-index{font-size:9px;margin-bottom:6px}
 .intro-copy{display:block}
 .intro-copy h1{font-size:26px;line-height:1.2}
 .intro-copy>p{font-size:12px;margin-top:7px;line-height:1.6}
 .apk-panel{flex-basis:46%}
 .remote-panel{flex-basis:66%}
 .story-mobile{padding-top:28px}
 .remote-empty h3{font-size:20px}
}
@media(max-width:359px){
 .intro-copy h1{font-size:24px}
 .intro-copy>p{font-size:11px}
 .remote-empty h3{font-size:17px;text-wrap:balance}
 .apk-panel{flex-basis:44%}
}
@media(max-height:650px){
 .editorial-intro{padding-top:2px;padding-bottom:14px}
 .editorial-intro>.section-index{margin-bottom:5px}
 .intro-copy>p{margin-top:5px}
 .story-mobile{padding-top:20px}
}
@media(max-height:480px) and (min-width:701px){
 .editorial-intro{padding:0 0 9px}
 .editorial-intro>.section-index{display:none}
 .intro-copy{display:flex;align-items:baseline}
 .intro-copy h1{font-size:23px}
 .intro-copy>p{font-size:11px;max-width:none;margin:0}
 .apk-panel{flex-basis:48%}
 .remote-panel{flex-basis:60%}
 .story-mobile{padding-top:12px}
}

/* Remote app mark: a phone and pointer, using the page's monochrome palette. */
.apk-display{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:10px 0}
.apk-display .apk-app-icon{display:block;width:clamp(64px,11vh,112px);height:auto;max-height:62%;flex:0 1 auto;align-self:center;margin:0;stroke-width:2.4;color:#f0f1ed}
.apk-app-name{font-family:'FK Grotesk Neue',sans-serif;font-size:15px;line-height:1.3;letter-spacing:-.025em}
.apk-format{font-size:9px;line-height:1.4;letter-spacing:.05em;color:#858b80}
.has-remote-session .apk-display{padding:2px 0;gap:0}
.has-remote-session .apk-display .apk-app-icon{width:36px;height:36px;max-height:100%}
.has-remote-session .apk-app-name,.has-remote-session .apk-format{display:none}
@media(max-width:700px){.apk-display{gap:7px;padding:8px 0}.apk-display .apk-app-icon{width:clamp(60px,10vh,88px)}.apk-app-name{font-size:12px}.apk-format{font-size:8px;letter-spacing:0}}
@media(max-height:650px){.apk-display{gap:5px;padding:4px 0}.apk-display .apk-app-icon{width:60px}.apk-format{display:none}.has-remote-session .apk-display .apk-app-icon{width:26px;height:26px}}
@media(max-height:480px) and (min-width:701px){.apk-display{padding:0;gap:3px}.apk-display .apk-app-icon{width:32px}.apk-app-name{font-size:10px}}
