/* Apps: real screens, clear moments, your homes across every surface. */
.apps-page { --apps-night:#09121d; }
.apps-page .wrap { --wrap:1320px; }
.apps-eyebrow { color:var(--deep); text-transform:uppercase; font-size:.73rem; letter-spacing:.16em; font-weight:600; margin-bottom:20px; }
.apps-hero { position:relative; overflow:hidden; isolation:isolate; padding:calc(var(--nav-h) + 46px) 0 30px; background:radial-gradient(ellipse at 50% 75%,#d7edf8,transparent 64%),linear-gradient(#fbfbfd,#f0f6fa); }
.apps-hero-copy { position:relative; z-index:5; text-align:center; }
.apps-hero h1 { max-width:17ch; margin:auto; font-size:clamp(3rem,6.8vw,6.2rem); line-height:1.01; letter-spacing:-.05em; }
.apps-hero .accent { display:block; }
.apps-hero .lede { margin:24px auto 0; max-width:49ch; }
.apps-jump { display:flex; justify-content:center; flex-wrap:wrap; gap:10px; margin-top:25px; }
.apps-jump a { display:flex; align-items:center; gap:8px; padding:9px 15px; border-radius:99px; border:1px solid #d4e1eb; background:#ffffffa8; color:#24546f; font-size:.82rem; text-decoration:none; transition:background .2s; }
.apps-jump a:hover { background:#fff; }
.apps-jump svg { width:17px; height:17px; }
.apps-deck { position:relative; width:min(100%,1100px); height:600px; margin:45px auto 0; }
.apps-deck-glow { position:absolute; inset:15% 5% -5%; border-radius:50%; background:radial-gradient(ellipse,#4bb9e32c,transparent 67%); pointer-events:none; }
.apps-deck-tv,.apps-deck-main,.apps-deck-widget { position:absolute; }
.apps-deck-tv { width:720px; left:calc(50% - 360px); top:0; transform:rotate(-3deg); z-index:1; }
.apps-deck-tv .apps-television { box-shadow:0 28px 65px #183a4f30; }
.apps-deck-main { width:210px; left:calc(50% - 435px); top:108px; z-index:3; }
.apps-deck-widget { width:280px; left:calc(50% + 180px); top:245px; transform:rotate(6deg); z-index:2; }
.apps-deck-widget .apps-widget-crop { box-shadow:0 26px 65px #183a4f30; }
.apps-deck-tag { display:flex; align-items:center; gap:8px; width:max-content; margin:20px auto 0; color:#235d80; font-size:.78rem; }
.apps-deck-tag svg { width:16px; height:16px; }
.apps-phone { display:block; position:relative; width:100%; border:5px solid #28323d; border-radius:38px; overflow:hidden; background:#080d13; box-shadow:0 24px 60px #09192826,0 0 0 1px #55616f30; }
.apps-phone img { display:block; width:100%; height:auto; }
.apps-phone:focus-visible { outline-offset:6px; }
.apps-capture-note { text-align:center; margin:20px auto 0; font-size:.73rem; color:#718396; max-width:none; padding:0 20px; }
.apps-heading { max-width:760px; margin:0 auto 42px; text-align:center; }
.apps-heading p:last-child:not(.apps-eyebrow) { margin:22px auto 0; max-width:54ch; }
.apps-phone-section { overflow:hidden; background:var(--apps-night); color:#afc0d0; }
.apps-phone-section h2,.apps-phone-section h3 { color:#f4f8fc; }
.apps-phone-section .apps-eyebrow { color:#8cd7ed; }
.apps-tabs { display:none; justify-content:center; flex-wrap:wrap; gap:8px; margin-bottom:40px; }
.is-enhanced>.apps-tabs { display:flex; }
.apps-tabs button { display:flex; align-items:center; justify-content:center; gap:9px; padding:12px 20px; border:1px solid #50647966; border-radius:99px; font-size:.87rem; color:#b5c5d6; transition:background .2s,color .2s; }
.apps-tabs button svg { width:18px; height:18px; flex-shrink:0; }
.apps-tabs button[aria-selected="true"] { background:#9bddf0; border-color:#9bddf0; color:#092338; }
.apps-tabs button:hover { border-color:#9bddf0; }
.apps-phone-panel { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:clamp(50px,8vw,130px); max-width:1030px; margin:0 auto; }
.apps-gallery:not(.is-enhanced) .apps-phone-panel + .apps-phone-panel { margin-top:70px; }
.apps-phone-panel figure { position:relative; width:100%; max-width:324px; justify-self:center; }
.apps-phone-panel .apps-phone { border-radius:44px; box-shadow:0 25px 90px #0006; }
.apps-phone-panel figcaption { font-size:.69rem; color:#8fa6b9; text-align:center; margin-top:20px; }
.apps-panel-halo { position:absolute; width:165%; aspect-ratio:1; top:15%; left:-32.5%; border:1px solid #75cce522; border-radius:50%; background:radial-gradient(#1d638c24,transparent 68%); pointer-events:none; }
.apps-panel-copy { max-width:440px; }
.apps-step { color:#65c0dd; font-family:var(--mono); font-size:.75rem; letter-spacing:.1em; margin-bottom:24px; }
.apps-panel-copy h3 { font-size:clamp(2rem,4vw,3.4rem); max-width:15ch; }
.apps-panel-copy>p:not(.apps-step) { font-size:1.06rem; margin-top:24px; }
.apps-panel-copy ul { list-style:none; margin-top:28px; }
.apps-panel-copy li { display:flex; align-items:center; gap:12px; padding:13px 0; border-top:1px solid #ffffff16; font-size:.91rem; }
.apps-panel-copy li svg { width:18px; height:18px; flex-shrink:0; color:#9bddf0; }
.apps-panel-copy .link { display:inline-block; margin-top:24px; color:#9bddf0; border-color:#37667a; }
.apps-widget-section { background:radial-gradient(ellipse at 85% 30%,#e2edf8,transparent 65%),#f8f9fc; overflow:hidden; }
.apps-widget-layout { display:grid; grid-template-columns:1fr 1.1fr; align-items:center; gap:clamp(45px,6vw,100px); }
.apps-widget-copy h2 { max-width:12ch; }
.apps-widget-copy .lede { margin-top:24px; font-size:1.08rem; }
.apps-widget-features { margin-top:30px; }
.apps-widget-features>div { display:flex; gap:16px; border-top:1px solid #17293615; padding:22px 0; }
.apps-widget-features svg { width:23px; height:23px; color:var(--deep); flex-shrink:0; }
.apps-widget-features h3 { font-size:1.05rem; margin-bottom:8px; }
.apps-widget-features p { font-size:.9rem; }
.apps-widget-art { position:relative; min-width:0; }
.apps-widget-halo { position:absolute; inset:-10%; border-radius:50%; background:radial-gradient(#389bcc22,transparent 69%); pointer-events:none; }
/* Frame the actual ALYT widget region; the link retains the full untouched iPhone capture. */
.apps-widget-crop { display:block; position:relative; width:100%; aspect-ratio:1; border-radius:13%; overflow:hidden; background:#121820; box-shadow:0 28px 80px #17375322; }
.apps-widget-crop img { position:absolute; width:112%; max-width:none; height:auto; left:-6%; top:-22%; }
.apps-widget-art figcaption { margin-top:25px; text-align:center; color:#617487; font-size:.75rem; }
.apps-widget-art figcaption a { display:block; margin-top:8px; color:var(--deep); text-underline-offset:4px; }
.apps-widget-sizes { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-top:65px; }
.apps-widget-sizes>div { border-top:1px solid #b8cada; padding-top:22px; display:flex; gap:20px; }
.apps-widget-sizes span { color:var(--deep); font-family:var(--display); font-size:1.1rem; font-weight:600; }
.apps-widget-sizes p { font-size:.86rem; max-width:25ch; }
.apps-tv-section { background:linear-gradient(165deg,#101b29,#071019 80%); color:#b1c3d3; overflow:hidden; }
.apps-tv-section .apps-eyebrow { color:#8cd7ed; }
.apps-tv-section h2 { color:#f4f8fc; }
.apps-television { display:block; position:relative; border:8px solid #252d38; border-radius:22px; overflow:hidden; background:#080f16; box-shadow:0 35px 85px #0006,0 0 0 1px #62728255; }
.apps-television img { width:100%; height:auto; }
.apps-tv-gallery figcaption { display:flex; justify-content:space-between; align-items:start; gap:40px; margin:30px auto 0; max-width:960px; padding-inline:20px; }
.apps-tv-gallery figcaption strong { color:#e7f5fc; font-family:var(--display); font-size:1.6rem; line-height:1.2; max-width:20ch; }
.apps-tv-gallery figcaption span { font-size:.93rem; max-width:50ch; }
.apps-tv-gallery:not(.is-enhanced) figure + figure { margin-top:65px; }
.apps-tv-section .apps-capture-note { color:#8ca5b9; margin-top:32px; }
.apps-access-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.apps-access-grid>article { padding:clamp(28px,4vw,48px); border-radius:28px; border:1px solid #dfe6ed; display:flex; flex-direction:column; align-items:flex-start; }
.apps-web-card { background:linear-gradient(135deg,#edf5fb,#f7fbfd); }
.apps-road-card { background:linear-gradient(135deg,#f3f3f8,#fcfcfd); }
.apps-access-icon { display:block; width:60px; height:60px; padding:15px; background:#d7eaf7; border-radius:18px; color:var(--deep); margin-bottom:26px; }
.apps-access-icon svg { width:30px; height:30px; }
.apps-road-marks { display:flex; gap:12px; margin-bottom:26px; }
.apps-road-marks .well { --s:60px; }
.apps-access-grid .apps-eyebrow { font-size:.68rem; }
.apps-access-grid h3 { font-size:clamp(1.7rem,3vw,2.4rem); margin-bottom:22px; max-width:17ch; }
.apps-access-grid article>p:not(.apps-eyebrow) { margin-bottom:28px; font-size:.97rem; }
.apps-access-grid .btn,.apps-coming { margin-top:auto; }
.apps-coming { font-size:.75rem; padding:9px 15px; border-radius:99px; color:#635f79; background:#e9e6f0; }
.apps-availability { display:flex; align-items:center; gap:18px; border:1px solid #e1e7ee; border-radius:18px; padding:24px 28px; margin-top:24px; }
.apps-availability>svg { width:25px; height:25px; flex-shrink:0; color:var(--deep); }
.apps-availability p { max-width:none; flex:1; font-size:.87rem; }
.apps-availability a { color:var(--deep); font-size:.87rem; text-underline-offset:4px; }
.apps-alexa { display:flex; align-items:start; gap:32px; margin-top:60px; padding-top:32px; border-top:1px solid var(--line); }
.apps-alexa h3 { flex-shrink:0; font-size:1.25rem; }
.apps-alexa p { font-size:.91rem; flex:1; }
.apps-alexa .link { font-size:.88rem; }
.apps-page [id] { scroll-margin-top:calc(var(--nav-h) + 24px); }
@media(min-width:1500px) { .apps-hero { min-height:100svh; } }
@media(max-width:1000px) { .apps-deck { transform:scale(.76); transform-origin:top center; margin-bottom:-135px; } .apps-widget-layout { grid-template-columns:1fr 1fr; gap:40px; } .apps-widget-sizes>div { display:block; } .apps-widget-sizes p { margin-top:10px; } }
@media(max-width:759px) {
 .apps-hero { padding-top:calc(var(--nav-h) + 35px); padding-bottom:25px; }
 .apps-hero h1 { font-size:clamp(2.7rem,10.5vw,4.7rem); max-width:15ch; }
 .apps-hero .lede { font-size:1rem; max-width:34ch; margin-top:20px; }
 .apps-eyebrow { font-size:.66rem; margin-bottom:18px; }
 .apps-jump { gap:7px; margin-top:22px; }
 .apps-jump a { padding:8px 11px; font-size:.72rem; gap:6px; }
 .apps-jump svg { width:15px; height:15px; }
 .apps-deck { height:455px; margin-top:36px; margin-bottom:0; transform:none; }
 .apps-deck-tv { width:86%; left:7%; top:0; }
 .apps-deck-main { width:145px; left:8%; top:110px; }
 .apps-deck-widget { width:165px; left:auto; right:6%; top:200px; transform:rotate(6deg); }
 .apps-deck-widget .apps-widget-crop { box-shadow:0 12px 35px #17375328; }
 .apps-deck-tag { font-size:.66rem; margin-top:15px; }
 .apps-deck .apps-phone { border-width:3px; border-radius:25px; }
 .apps-capture-note { font-size:.65rem; margin-top:18px; }
 .apps-heading { text-align:left; margin-bottom:30px; }
 .apps-heading p:last-child:not(.apps-eyebrow) { margin:20px 0 0; }
 .apps-tabs { flex-wrap:nowrap; justify-content:flex-start; overflow-x:auto; padding:4px 3px 10px; margin:0 -3px 28px; scrollbar-width:thin; }
 .apps-tabs button { flex-shrink:0; font-size:.78rem; padding:10px 14px; gap:7px; }
 .apps-tabs button svg { width:16px; height:16px; }
 .apps-phone-panel { grid-template-columns:minmax(0,1fr); gap:30px; }
 .apps-panel-copy { grid-row:1; max-width:100%; }
 .apps-panel-copy h3 { font-size:2rem; max-width:20ch; }
 .apps-panel-copy>p:not(.apps-step) { margin-top:16px; font-size:.97rem; }
 .apps-step { margin-bottom:16px; font-size:.66rem; }
 .apps-panel-copy ul { margin-top:20px; }
 .apps-panel-copy li { font-size:.85rem; padding:10px 0; }
 .apps-phone-panel figure { max-width:300px; }
 .apps-phone-panel .apps-phone { border-radius:40px; }
 .apps-widget-layout { grid-template-columns:minmax(0,1fr); gap:40px; }
 .apps-widget-copy h2 { max-width:14ch; }
 .apps-widget-copy .lede { font-size:1rem; }
 .apps-widget-art { width:min(100%,520px); margin:auto; }
 .apps-widget-sizes { gap:16px; margin-top:40px; }
 .apps-widget-sizes p { font-size:.74rem; }
 .apps-widget-sizes span { font-size:.97rem; }
 .apps-television { border-width:4px; border-radius:12px; }
 .apps-tv-gallery figcaption { display:block; padding:0; margin-top:22px; }
 .apps-tv-gallery figcaption strong { display:block; font-size:1.35rem; max-width:100%; }
 .apps-tv-gallery figcaption span { display:block; font-size:.89rem; margin-top:12px; }
 .apps-access-grid { grid-template-columns:minmax(0,1fr); gap:18px; }
 .apps-access-grid>article { border-radius:23px; }
 .apps-availability { flex-wrap:wrap; padding:23px; }
 .apps-availability p { min-width:calc(100% - 45px); }
 .apps-availability a { margin-left:43px; }
 .apps-alexa { flex-direction:column; gap:16px; margin-top:38px; }
}
@media(max-width:390px) { .apps-deck { height:410px; } .apps-deck-main { left:8%; width:135px; top:98px; } .apps-deck-widget { right:6%; width:140px; top:180px; } .apps-widget-sizes { grid-template-columns:1fr; gap:16px; } .apps-widget-sizes>div { display:flex; gap:24px; } .apps-widget-sizes span { min-width:60px; } .apps-widget-sizes p { max-width:none; margin:0; font-size:.84rem; } }
@media(prefers-reduced-motion:reduce) { .apps-tabs button,.apps-jump a { transition:none; } }

.apps-hero-copy>.apps-eyebrow,.apps-heading>.apps-eyebrow { margin-inline:auto; }