/* Homepage only. Native application screenshots remain unchanged. */
.home-page .hero{grid-template-columns:minmax(0,.95fr) minmax(0,1.08fr);align-items:center;gap:56px;padding-block:62px 64px}
.home-page h1{font-size:clamp(54px,5.65vw,82px);letter-spacing:-.062em;line-height:1.04;margin-top:25px}
.home-page .hero-intro{font-size:19px;max-width:40ch;margin-top:25px}
.home-page .hero-actions{gap:10px 23px;margin-top:28px}
.home-page .hero-actions .button{font-size:14px;gap:22px}
.home-page .release-note{font-size:12px;max-width:37ch;margin-top:18px}
.home-page .hero-product{margin:0;min-width:0;align-self:center}
.home-page .hero-product-canvas{position:relative;aspect-ratio:1426/916;overflow:hidden;border-radius:14px;background:#232323;border:1px solid #464047}
.home-page .hero-product-canvas img{position:absolute;top:0;left:0;width:107.7139%;max-width:none;height:auto;transform:translate(-3.645833%,-3.710938%)}
.home-page .hero-product figcaption{font-size:12px;color:var(--muted);line-height:1.6;margin-top:13px}
.home-page .connected{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:78px;align-items:center;margin-top:0;padding-block:55px 58px}
.home-page .connected h2{font-size:clamp(40px,4vw,57px);line-height:1.07;margin-top:20px}
.home-page .connected-heading>p:last-child{font-size:17px;line-height:1.65;color:var(--muted);margin-top:25px;max-width:34ch}
.home-page .cue-example{min-width:0;padding:25px 27px 23px;border:1px solid #48404a;border-radius:14px;background:#211f22}
.home-page .cue-example-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}
.home-page .cue-example-top>p{font-size:14px;font-weight:550;line-height:1.4}
.home-page .cue-state{font-size:10px;line-height:1.5;color:var(--muted);border:1px solid #514854;border-radius:30px;padding:4px 9px}
.home-page .cue-outputs{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.home-page .cue-output{min-width:0;margin:0}
.home-page .cue-output figcaption{font-size:10px;color:var(--muted);margin-bottom:9px;line-height:1.5}
.home-page .cue-public-screen,.home-page .cue-monitor{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:16/10;overflow:hidden;border:1px solid #48404a;border-radius:5px;background:#131315}
.home-page .cue-public-screen{transition:background .4s,border-color .4s}
.home-page .cue-welcome{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;background:radial-gradient(ellipse at 18% 95%,#337f93 0,transparent 70%),linear-gradient(125deg,#193b51,#19334d 55%,#1a243a);transition:opacity .4s}
.home-page .cue-welcome>span{font-size:clamp(25px,2.8vw,40px);font-weight:560;letter-spacing:-.06em;line-height:1.2}
.home-page .cue-welcome>p{font-size:10px;color:#c7e0e6;margin-top:5px}
.home-page .cue-standby{font-size:11px;color:#807785;transition:opacity .2s}
.home-page .cue-monitor{flex-direction:column;gap:7px;background:#101011}
.home-page .cue-monitor-title{font-size:11px;line-height:1.4;color:#c5bcc7}
.home-page .cue-monitor time{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:clamp(32px,3.5vw,47px);line-height:1;letter-spacing:-.055em;font-weight:650;font-variant-numeric:tabular-nums;color:#bdb6c0}
.home-page .cue-monitor-note{font-size:9px;line-height:1.5;color:#807785}
.home-page .cue-example[data-active=true] .cue-welcome{opacity:1}
.home-page .cue-example[data-active=true] .cue-standby{opacity:0}
.home-page .cue-example[data-active=true] .cue-monitor time{color:#f9f6fa}
.home-page .cue-example[data-active=true] .cue-state{color:#ead3e0;border-color:#816175}
.home-page .cue-action-row{display:flex;align-items:center;gap:21px;margin-top:20px}
.home-page .cue-action-row .button{border:0;justify-content:center;gap:10px;min-height:44px;padding:11px 16px;font-size:12px;cursor:pointer}
.home-page .cue-action-row .button svg{width:12px;height:12px;fill:currentColor}
.home-page .cue-action-row .button:disabled{background:#493742;color:#e5c3d6;cursor:default}
.home-page .cue-reset{background:none;color:var(--muted);border:0;padding:10px 0;font-size:12px;min-height:44px;cursor:pointer}
.home-page .cue-reset:disabled{opacity:.4;cursor:default}
.home-page .cue-example button:focus-visible{outline:2px solid var(--pink);outline-offset:5px}
.home-page .cue-explanation{font-size:11px;color:var(--muted);line-height:1.65;margin-top:11px}
.home-page .dashboard{padding-block:57px 19px}
.home-page .dashboard h2{font-size:clamp(35px,3.8vw,53px);line-height:1.1;max-width:16ch}
.home-page .dashboard-heading>p{max-width:27ch;font-size:15px}
.home-page .scene-picker{margin-top:25px}
.home-page .dashboard-figure{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:center;gap:24px;margin-top:24px}
.home-page .dashboard-canvas{border-radius:11px;box-shadow:none;border:1px solid #48404a}
.home-page .dashboard-details{display:grid;gap:24px;margin:0}
.home-page .detail-label{font-size:13px;color:var(--muted);line-height:1.55;margin-bottom:10px}
.home-page .detail-canvas{position:relative;overflow:hidden;border-radius:7px;background:#252525;border:1px solid #48404a;box-shadow:none}
.home-page .detail-canvas>img{position:absolute;max-width:none;height:auto}
.home-page .detail-first{aspect-ratio:365/112}
.home-page .detail-first>img{width:420.27%;left:-72.6%;top:-410.71%}
.home-page .detail-second{aspect-ratio:740/209}
.home-page .detail-second>img{width:207.3%;left:-10.27%;top:-344.02%}
.home-page [data-view=audio] .detail-first{aspect-ratio:305/111}
.home-page [data-view=audio] .detail-first>img{width:502.95%;left:-325.25%;top:-311.71%}
.home-page [data-view=audio] .detail-second{aspect-ratio:360/109}
.home-page [data-view=audio] .detail-second>img{width:426.11%;left:-24.44%;top:-216.51%}
.home-page .dashboard-figure>figcaption{grid-column:1/-1;border-top:1px solid var(--line);padding-top:15px;margin-top:0;align-items:center;font-size:13px}
.home-page .dashboard-figure figcaption a{font-size:12px;min-height:36px}
.home-page .pact{position:relative;padding-block:47px 42px;margin-top:44px}
.home-page .pact .section-top{min-height:21px;position:relative}
.home-page .pact-mark{position:absolute;right:1px;top:0;width:40px;height:58px}
.home-page .pact-mark .hero-mark{width:40px;height:58px}
.home-page .pact-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:95px;margin-top:27px}
.home-page .pact h2{font-size:clamp(35px,3.7vw,53px);line-height:1.12}
.home-page .pact-copy{font-size:16px;padding-top:2px;max-width:45ch}
.home-page .pact-copy p+p{margin-top:14px}
.home-page .pact-copy .button{margin-top:24px;min-height:47px;font-size:13px;padding:12px 17px}
.home-page .membership{margin-top:39px;padding-top:26px;grid-template-columns:.65fr 1fr 1.1fr;gap:35px}
.home-page .membership h3{font-size:24px}
.home-page .membership>p:last-child{font-size:14px}
@media(max-width:1100px){.home-page .hero{gap:35px;padding-block:52px 55px}.home-page h1{font-size:clamp(49px,6vw,66px)}.home-page .hero-intro{font-size:17px}.home-page .hero-actions{gap:5px 15px}.home-page .hero-actions .button{font-size:12px;gap:16px;padding:12px 15px;min-height:47px}.home-page .hero-actions .text-link{font-size:12px;gap:7px}.home-page .connected{gap:45px}.home-page .cue-example{padding:21px}.home-page .pact-grid{gap:60px}.home-page .dashboard-figure{gap:20px}.home-page .dashboard-details{gap:20px}}
@media(max-width:800px){.home-page .hero{grid-template-columns:1fr 1fr;gap:25px;padding-block:40px 45px}.home-page h1{font-size:clamp(42px,6.4vw,52px)}.home-page .hero .eyebrow{font-size:9px;gap:6px;letter-spacing:.7px}.home-page .hero-intro{font-size:16px;margin-top:20px}.home-page .hero-actions{margin-top:20px;gap:1px 15px}.home-page .hero-actions .button{padding-inline:12px;gap:12px}.home-page .release-note{font-size:11px;margin-top:12px}.home-page .hero-product-canvas{border-radius:10px}.home-page .connected{grid-template-columns:.75fr 1.25fr;gap:30px;padding-block:38px}.home-page .connected h2{font-size:39px}.home-page .connected-heading>p:last-child{font-size:15px;margin-top:20px}.home-page .cue-example{padding:18px 16px}.home-page .cue-outputs{gap:9px}.home-page .cue-welcome>span{font-size:26px}.home-page .cue-welcome>p{font-size:8px}.home-page .cue-monitor time{font-size:30px}.home-page .cue-monitor{gap:5px}.home-page .cue-monitor-title{font-size:9px}.home-page .cue-monitor-note{font-size:8px}.home-page .cue-standby{font-size:9px}.home-page .cue-action-row{gap:15px;margin-top:16px}.home-page .cue-action-row .button{font-size:11px;padding-inline:12px;gap:8px}.home-page .cue-example-top{margin-bottom:15px;gap:10px}.home-page .cue-example-top>p{font-size:12px}.home-page .cue-state{font-size:9px;padding:3px 6px}.home-page .cue-explanation{font-size:10px}.home-page .dashboard{padding-top:38px}.home-page .dashboard h2{font-size:40px}.home-page .dashboard-heading>p{font-size:14px}.home-page .dashboard-figure{display:block}.home-page .dashboard-canvas{max-width:620px;margin-inline:auto}.home-page .dashboard-details{grid-template-columns:1fr 1fr;gap:20px;margin-top:24px}.home-page .detail-label{font-size:12px}.home-page .dashboard-figure>figcaption{margin-top:23px}.home-page .pact{padding-block:36px;margin-top:32px}.home-page .pact-grid{grid-template-columns:1fr;gap:24px;max-width:none}.home-page .pact h2{font-size:46px;max-width:20ch}.home-page .pact-copy{display:block;max-width:62ch}.home-page .pact-mark{width:31px;height:45px}.home-page .pact-mark .hero-mark{width:31px;height:45px}.home-page .membership{grid-template-columns:.65fr 1fr 1.1fr;gap:24px}.home-page .membership .eyebrow{grid-column:auto}.home-page .membership h3{font-size:22px}}
@media(max-width:600px){.home-page .hero{display:block;padding-block:33px 33px}.home-page h1{font-size:clamp(44px,12.4vw,68px);margin-top:22px;line-height:1.035}.home-page .hero .eyebrow{font-size:9px;letter-spacing:.8px;gap:8px}.home-page .hero-intro{font-size:17px;line-height:1.6;margin-top:21px;max-width:33ch}.home-page .hero-actions{margin-top:22px;gap:6px 19px}.home-page .hero-actions .button{font-size:12px;min-height:47px;padding:12px 15px;gap:20px}.home-page .hero-actions .text-link{font-size:12px;min-height:44px;gap:7px}.home-page .release-note{font-size:11px;max-width:none;margin-top:13px}.home-page .hero-product{margin-top:29px}.home-page .hero-product-canvas{border-radius:9px}.home-page .hero-product figcaption{font-size:11px;margin-top:9px}.home-page .connected{display:block;padding-block:29px 31px}.home-page .connected h2{font-size:38px;margin-top:14px}.home-page .connected h2 br{display:none}.home-page .connected-heading>p:last-child{font-size:16px;margin-top:18px;max-width:38ch}.home-page .cue-example{margin-top:25px;padding:20px 16px 17px;border-radius:11px}.home-page .cue-example-top{margin-bottom:18px}.home-page .cue-example-top>p{font-size:13px}.home-page .cue-state{font-size:9px;padding:4px 8px}.home-page .cue-outputs{gap:10px}.home-page .cue-output figcaption{font-size:10px;margin-bottom:8px}.home-page .cue-public-screen,.home-page .cue-monitor{aspect-ratio:1.45}.home-page .cue-welcome>span{font-size:29px}.home-page .cue-welcome>p{font-size:8px}.home-page .cue-monitor time{font-size:34px}.home-page .cue-monitor-title{font-size:10px}.home-page .cue-monitor-note{font-size:8px}.home-page .cue-standby{font-size:10px}.home-page .cue-action-row{margin-top:17px;gap:20px}.home-page .cue-action-row .button{font-size:12px;min-height:46px;padding-inline:14px}.home-page .cue-reset{font-size:12px}.home-page .cue-explanation{font-size:11px;max-width:37ch;margin-top:10px}.home-page .dashboard{padding-block:30px 14px}.home-page .dashboard h2{font-size:35px;max-width:15ch;margin-top:14px}.home-page .dashboard-heading>p{font-size:15px;margin-top:17px}.home-page .scene-picker{margin-top:22px}.home-page .scene-picker button{font-size:12px;padding:10px 15px}.home-page .dashboard-figure{display:block;margin-top:24px}.home-page .dashboard-canvas{display:none}.home-page .dashboard-details{display:grid;grid-template-columns:1fr;gap:24px;margin-top:0}.home-page .detail-label{font-size:14px;margin-bottom:10px}.home-page .dashboard-figure>figcaption{display:block;margin-top:22px;padding-top:15px;font-size:13px}.home-page .dashboard-figure figcaption a{font-size:11px;display:inline-flex;gap:7px;margin-top:4px}.home-page .pact{padding-block:31px 32px;margin-top:27px}.home-page .pact-grid{margin-top:24px;gap:21px}.home-page .pact h2{font-size:clamp(29px,8.4vw,45px);max-width:none;letter-spacing:-.05em}.home-page .pact-copy{font-size:16px;max-width:none}.home-page .pact-copy p+p{margin-top:14px}.home-page .pact-copy .button{margin-top:22px;min-height:47px}.home-page .pact-mark{width:23px;height:34px;top:-4px}.home-page .pact-mark .hero-mark{width:23px;height:34px}.home-page .membership{display:block;margin-top:29px;padding-top:22px}.home-page .membership h3{font-size:24px;margin-top:12px}.home-page .membership h3 br{display:none}.home-page .membership>p:last-child{font-size:14px;margin-top:13px;max-width:37ch}}
@media(max-width:360px){.home-page .hero .eyebrow{font-size:8px;gap:6px;letter-spacing:.5px}.home-page h1{font-size:42px}.home-page .hero-intro{font-size:16px}.home-page .hero-actions{gap:3px 13px}.home-page .hero-actions .button{font-size:11px;gap:13px;padding-inline:12px}.home-page .hero-actions .text-link{font-size:11px}.home-page .connected h2{font-size:34px}.home-page .cue-example{padding:17px 13px}.home-page .cue-welcome>span{font-size:25px}.home-page .cue-monitor time{font-size:29px}.home-page .cue-monitor-title{font-size:9px}.home-page .cue-standby{font-size:9px}.home-page .cue-output figcaption{font-size:9px}}
@media(prefers-reduced-motion:reduce){.home-page .cue-public-screen,.home-page .cue-welcome,.home-page .cue-standby{transition:none}}

.home-page h1{letter-spacing:-.045em}.home-page .release-note{max-width:none}.home-page .cue-action-row{margin-top:0;margin-bottom:19px}.home-page .cue-example-top{margin-bottom:12px}

.home-page .connected h2,.home-page .dashboard h2,.home-page .pact h2,.home-page .apps h2{letter-spacing:-.04em}@media(max-width:600px){.home-page .connected h2 br{display:block}}

.home-page .footer-navigation{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:18px 28px;border-top:1px solid var(--line);padding-top:19px;font-size:12px;color:var(--muted)}.home-page .footer-navigation a{min-height:32px;display:inline-flex;align-items:center}.home-page .questions h2{letter-spacing:-.04em;margin-top:0}