/* Visual-led product demonstrations. Hero typography and actions are untouched. */
.atmosphere-cards{align-items:start}
.atmo-ui-box{align-self:start;height:auto;min-height:0}
.atmo-ui-box>img{flex:none}
.atmo-box-foot{flex:none;min-height:0}

/* The recording and lyrics share one screen inside the photographic MacBook frame. */
.wallpaper-canvas{perspective:1600px}
.lock-stage.device-photo{display:block!important;width:min(1180px,100vw,118svh)!important;max-width:none!important;height:auto!important;max-height:none!important;aspect-ratio:3860/2540;border-radius:0!important;overflow:visible!important;mask-image:none!important;-webkit-mask-image:none!important;transform:rotateX(var(--lock-frame-tilt,0deg)) scale(var(--lock-ui-scale,1));transform-origin:center 75%;filter:drop-shadow(0 26px 30px #0005)}
.lock-stage.device-photo .device-screen{z-index:0;border-radius:8px;background:#0b0b0e}
.lock-stage.device-photo .device-screen>#lock-scroll-video{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:fill!important;border-radius:0!important}
.lock-stage .lock-frame-bezel{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;z-index:1;filter:none!important;transform:none!important}
.lock-stage .scroll-lyrics{width:82%!important;height:53%!important;top:43%!important}
.lock-stage .lyric-track p{font-size:clamp(11px,2vw,25px)!important;margin-bottom:3.5%!important}
.wallpaper-canvas .live-lyrics-disclaimer{background:none!important;border:0!important;box-shadow:none!important;font-size:11px!important;opacity:.7;margin-top:-3svh!important}

/* Three visual feature plates replace the dense paragraphs. */
.lock-details-stage{padding:24px 0 140px}
.lock-details{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px;width:min(1240px,calc(100% - 64px))}
.lock-feature-panel{overflow:hidden;border-radius:24px;background:#ffffff0d;border:1px solid #ffffff24;box-shadow:0 20px 44px #180b2520;backdrop-filter:blur(20px)}
.lock-feature-art{height:clamp(190px,21vw,280px);position:relative;overflow:hidden;background:#201b29}
.lock-feature-art img{display:block;width:100%;height:100%;object-fit:cover}
.motion-art img{object-position:center;animation:art-breathe 13s ease-in-out infinite alternate}
.motion-art-orbit{position:absolute;right:16px;bottom:16px;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#14101c6e;border:1px solid #ffffff40;backdrop-filter:blur(10px);color:#fff}
.lock-feature-label{padding:22px 24px 24px}
.lock-details .lock-feature-label h3{font-size:clamp(20px,2vw,27px);font-weight:550;letter-spacing:-.04em;margin:0 0 8px;color:#fff!important;text-shadow:none}
.lock-details .lock-feature-label p{font-size:13px;line-height:1.5;margin:0;color:#e4d6e4!important}
.lyric-art{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;background:radial-gradient(ellipse at 70% 80%,#a55a6580,transparent 70%),linear-gradient(140deg,#292539,#543044);color:#b7a4b4;text-align:center;padding:18px}
.lyric-art span{font-size:clamp(12px,1.3vw,18px);opacity:.48;filter:blur(.4px)}
.lyric-art strong{font-size:clamp(16px,1.65vw,23px);font-weight:600;background:linear-gradient(90deg,#fff 0%,#fff 45%,#b697ad 50%,#b697ad 100%);background-size:220% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:lyric-ink 5s ease-in-out infinite}
.lyric-art i{position:absolute;bottom:26px;width:48px;height:3px;border-radius:4px;background:#fff3}
.clock-art img{object-position:center;transform:scale(1.03)}
.lock-feature-note{text-align:center;font-size:11px;color:#f2e9f3;text-shadow:0 1px 8px #20101b99;margin:24px 20px 0;line-height:1.5}
@keyframes lyric-ink{0%,15%{background-position:100%}75%,100%{background-position:0%}}
@keyframes art-breathe{from{transform:scale(1)}to{transform:scale(1.08)}}

/* A new pinned sound theater, driven by scroll and a single visible-only demo timer. */
#sound.sound-journey{height:225svh;padding:0;background:#dbe7f7;position:relative;isolation:isolate;scroll-margin-top:0}
.sound-sticky{position:sticky;top:0;height:100svh;min-height:680px;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:32px 24px 20px;background:radial-gradient(ellipse at 50% 55%,#c4d4f5 0%,#e4ecf9 58%,#dbe7f7 100%);perspective:1800px}
.sound-halo{position:absolute;inset:15% 8%;border:1px solid #658bc220;border-radius:50%;transform:scale(var(--sound-halo,1)) rotate(-16deg);pointer-events:none}
.sound-halo:after{content:'';position:absolute;inset:12%;border:1px solid #658bc220;border-radius:50%}
.sound-heading{position:relative;z-index:1;text-align:center;transform:translateY(var(--sound-copy-y,0px));margin-bottom:20px}
.sound-heading .eyebrow{justify-content:center;font-size:10px;letter-spacing:.21em;color:#52709c;margin:0 0 10px}
#sound .sound-heading h2{font-size:clamp(32px,4.5vw,66px);line-height:1.05;letter-spacing:-.055em;margin:0;color:#162d4e}
#sound .sound-heading h2 em{font-style:normal;color:#5778b2}
.sound-heading>p:last-child{font-size:15px;color:#58708f;margin:12px 0 0}
.sound-theater{position:relative;width:min(810px,88vw,96svh);transform:translateY(var(--sound-y,0px)) rotateX(var(--sound-tilt,0deg)) rotateY(var(--sound-turn,0deg)) scale(var(--sound-scale,1));transform-origin:center 70%;will-change:transform;z-index:1}
.sound-desktop{position:relative;border-radius:22px;overflow:hidden;padding:82px 8% 22px;background:radial-gradient(ellipse at 50% 100%,#3a4f7c 0%,#15213c 60%,#101a30 100%);border:1px solid #ffffff90;box-shadow:0 35px 70px -20px #203d7b65,inset 0 1px #fff2;transition:background 1s}
.sound-desktop:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 70% 40%,#806bd555,transparent 60%);opacity:0;transition:opacity 1.4s;pointer-events:none}
.sound-theater[data-output=headphones] .sound-desktop:before{opacity:1}
.sound-menubar{position:absolute;top:0;left:0;width:100%;height:30px;padding:8px 16px;background:#ffffff0c;display:flex;justify-content:space-between;color:#c4cfe4;font-size:10px}
.sound-notch{position:absolute;z-index:3;top:0;left:50%;transform:translateX(-50%);width:158px;height:30px;border-radius:0 0 13px 13px;background:#050506;display:flex;align-items:center;justify-content:center;gap:10px;padding:0 14px;overflow:hidden;box-shadow:0 6px 18px #0002;transition:width .65s cubic-bezier(.22,1,.36,1),height .65s cubic-bezier(.22,1,.36,1),border-radius .65s}
.sound-notch[data-toast=connected],.sound-notch[data-toast=disconnected]{width:300px;height:62px;border-radius:0 0 22px 22px}
.sound-airpods{width:40px;height:40px;object-fit:contain;flex-shrink:0;background:#000;border-radius:8px;opacity:0;transition:opacity .3s .12s}
.sound-notch-label{display:flex;flex-direction:column;flex:1;gap:3px;opacity:0;white-space:nowrap;transition:opacity .3s .12s}
.sound-notch-label strong{color:#fff;font:600 13px -apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:0}
.sound-notch-label small{font-size:10px;color:#54d68c}
.sound-notch-check{font-size:16px;color:#54d68c;opacity:0;transition:opacity .3s .12s}
.sound-notch:not([data-toast=idle]) .sound-airpods,.sound-notch:not([data-toast=idle]) .sound-notch-label,.sound-notch:not([data-toast=idle]) .sound-notch-check{opacity:1}
.sound-notch[data-toast=disconnected] .sound-notch-label small,.sound-notch[data-toast=disconnected] .sound-notch-check{color:#b9b6c6}
.sound-native-eq{position:relative;width:100%;filter:drop-shadow(0 14px 20px #0004)}
.sound-native-eq svg{display:block;width:100%;height:auto;border-radius:18px}
.sound-eq-knob{transition:transform 1.1s cubic-bezier(.22,1,.36,1)}
.sound-eq-fill{transition:y 1.1s cubic-bezier(.22,1,.36,1),height 1.1s cubic-bezier(.22,1,.36,1)}
.sound-route{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;color:#d6dff0;font-size:12px;padding-top:18px;font-variant-numeric:tabular-nums}
.sound-route-light{width:6px;height:6px;border-radius:50%;background:#99a5ba;box-shadow:0 0 0 4px #99a5ba15;transition:background .6s,box-shadow .6s}
.sound-theater[data-output=headphones] .sound-route-light{background:#6de6b4;box-shadow:0 0 0 4px #6de6b420,0 0 16px #6de6b460}
.sound-controls{display:flex;justify-content:center;align-items:center;gap:18px;margin:20px 0 0}
.sound-controls>div{display:flex;border:1px solid #a6b8d266;padding:4px;background:#ffffff80;border-radius:25px}
.sound-controls button{font-family:inherit;font-size:12px;font-weight:500;border:0;background:none;border-radius:22px;padding:10px 16px;color:#536986;cursor:pointer;min-height:38px}
.sound-controls [aria-pressed=true][data-sound-output]{background:#fff;color:#203e70;box-shadow:0 3px 10px #2d4d7915}
.sound-controls button:focus-visible,.download-moods button:focus-visible{outline:2px solid #3a70d9;outline-offset:3px}
.sound-controls #sound-auto{padding-inline:8px}
.sound-sequence{display:flex;align-items:center;gap:14px;margin-top:22px;color:#6b7e9a;font-size:11px}
.sound-sequence i{height:1px;width:36px;background:#8aa2c050}
.sound-note{font-size:10px;color:#7789a3;margin:14px 0 0;text-align:center}

/* Entire gallery demo fits together: heading, screen, caption, and navigation. */
#app-tools.tools-section{padding-block:72px 48px;scroll-margin-top:0}
#app-tools>.section-head{margin-bottom:22px;gap:24px}
#app-tools .section-head h2{font-size:clamp(30px,3.4vw,48px);line-height:1.03;margin:8px 0 0}
#app-tools .section-head .eyebrow{font-size:10px;margin:0}
#app-tools .section-head>p{font-size:13px;max-width:290px;line-height:1.5}
#app-tools .showcase-card{flex:0 0 min(720px,76vw,calc((100svh - 350px) * 1.67));min-width:280px;border-radius:24px!important}
#app-tools .showcase-track{padding-top:8px;padding-bottom:16px;gap:22px}
#app-tools .showcase-caption{display:block;padding:16px 22px!important;min-height:0}
#app-tools .feature-caption-label{display:none}
#app-tools .showcase-card h3{font-size:22px;line-height:1.1;margin:0 0 5px}
#app-tools .showcase-card p{font-size:12px;line-height:1.4;margin:0}
#app-tools .showcase-controls{padding:0 0 12px;gap:12px}
#app-tools .directory-link{margin-top:48px}

/* The lower page: a quieter capability gallery and an interactive closing sky. */
.feature-map{padding-block:75px 100px!important}
.feature-map-heading{margin-bottom:30px}
.feature-map-grid{gap:18px!important}
.feature-map-item{border-radius:22px!important;box-shadow:0 10px 24px #152d5210!important;padding:20px!important}
.map-item-thumb{border-radius:12px;overflow:hidden}
.more-apps-section{position:relative;isolation:isolate}
.more-apps-section:before{content:'';position:absolute;inset:0 -10vw;background:radial-gradient(ellipse at 50% 80%,#c6d5f2,transparent 65%);z-index:-1;pointer-events:none}
.more-apps-section .app-card{border-radius:24px;transition:translate .4s,box-shadow .4s}
.more-apps-section .app-card:hover{translate:0 -7px;box-shadow:0 30px 50px #17345720}
#download{--mood-a:#284e89;--mood-b:#101c38;background:#0c1830!important;isolation:isolate!important;border:0;padding-block:100px 70px!important}
#download:before{background:radial-gradient(ellipse at 80% 15%,var(--mood-a),transparent 65%),linear-gradient(145deg,var(--mood-b),#0b1429)!important;transition:background 1.4s!important;z-index:-1!important}
#download[data-mood=rose]{--mood-a:#80566f;--mood-b:#2b2442}
#download[data-mood=night]{--mood-a:#323760;--mood-b:#090c1e}
.download-constellation{position:absolute;inset:0;pointer-events:none;transform:translateY(var(--closing-drift,0px));z-index:0;opacity:.7}
.download-constellation i{position:absolute;right:-12%;top:-35%;width:65vw;height:65vw;border:1px solid #b3c9ed25;border-radius:50%;transform:rotate(-20deg) scaleY(.65)}
.download-constellation i:nth-child(2){width:80vw;height:80vw;right:-20%;top:-45%}
.download-constellation i:nth-child(3){width:95vw;height:95vw;right:-28%;top:-55%}
.download-constellation span{position:absolute;right:19%;top:17%;color:#c6d7f3;font-size:30px;text-shadow:0 0 28px #d4e4ff80}
#download .download-monogram{width:72px;height:72px;margin-bottom:22px}
.download-moods{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:34px}
.download-moods>span{font-size:11px;color:#a9bddb;margin-right:12px}
.download-moods button{font:inherit;font-size:11px;padding:8px 14px;border-radius:20px;background:#ffffff08;border:1px solid #ffffff25;color:#bfd0e9;cursor:pointer;transition:background .3s}
.download-moods button[aria-pressed=true]{background:#ffffffd9;color:#193151;border-color:#fff}
#download .setup{gap:16px!important;margin-top:50px!important}
#download .setup>div{background:#ffffff06!important;box-shadow:none!important;border:1px solid #ffffff20!important;border-radius:18px;padding:22px!important}
#download .setup h3{font-size:19px}
#download .setup p{font-size:13px}
.faq{padding-block:80px!important}
.faq details{box-shadow:none;padding:18px 22px!important}

@media(max-width:700px){
 .lock-details{grid-template-columns:1fr!important;width:calc(100% - 36px);gap:20px}
 .lock-feature-art{height:240px}.lyric-art strong{font-size:24px}.lyric-art span{font-size:17px}
 .sound-sticky{padding:85px 16px 26px;min-height:620px}
 #sound .sound-heading h2{font-size:36px;max-width:350px;margin:auto}
 .sound-heading>p:last-child{font-size:13px;max-width:290px;margin:12px auto 0}
 .sound-theater{width:100%;max-width:540px}
 .sound-desktop{padding:78px 4% 20px;border-radius:18px}
 .sound-controls{gap:8px}.sound-controls button{font-size:11px;padding-inline:12px}
 .sound-notch[data-toast=connected],.sound-notch[data-toast=disconnected]{width:260px}
 .sound-sequence{gap:8px;font-size:10px}.sound-sequence i{width:20px}
 #app-tools.tools-section{padding-top:86px}
 #app-tools .section-head{display:block}
 #app-tools .section-head>p{display:none}
 #app-tools .showcase-card{flex-basis:min(86vw,calc((100svh - 300px)*1.67));min-width:250px}
 #app-tools .showcase-card h3{font-size:20px}
 #app-tools .showcase-caption{padding:16px!important}
 #app-tools .showcase-controls{gap:6px}.feature-map-grid{grid-template-columns:1fr!important}
 #download .setup{grid-template-columns:1fr!important}.download-moods{max-width:330px}
 .download-constellation i{width:140vw;height:140vw}.download-constellation span{right:12%;top:10%}
}
@media(prefers-reduced-motion:reduce){
 #sound.sound-journey{height:auto}.sound-sticky{position:relative;height:auto;min-height:0;padding-block:85px 55px}
 .sound-theater,.sound-heading,.lock-stage.device-photo{transform:none!important}
 .sound-theater{width:min(810px,94vw)}
 .sound-eq-knob,.sound-eq-fill,.sound-notch{transition:none}
 .motion-art img,.lyric-art strong{animation:none}.download-constellation{transform:none}
}

@property --mood-a{syntax:'<color>';inherits:true;initial-value:#284e89}
@property --mood-b{syntax:'<color>';inherits:true;initial-value:#101c38}
#download{transition:--mood-a 1.4s ease,--mood-b 1.4s ease;margin-inline:24px;width:calc(100% - 48px);border-radius:38px}
.sound-native-eq svg{clip-path:inset(0 round 4.5% / 8.5%)}
@media(max-width:700px){#download{margin-inline:12px;width:calc(100% - 24px);border-radius:28px}}
@media(prefers-reduced-motion:reduce){#download{transition:none}}

/* Overscan beneath the opaque bezel prevents subpixel seams during scaling. */
.device-photo .device-screen{left:calc(10.88% - 2px);top:calc(11.34% - 2px);width:calc(78.24% + 4px);height:calc(77.32% + 4px);border:0;box-shadow:0 0 0 2px #08090b}
.fold-device.device-photo{perspective:1400px}
.hinge-lid{position:absolute;inset:0;transform-origin:50% 88.7%;transform:rotateX(var(--physical-lid-angle,0deg));clip-path:inset(0 0 11.3% 0);backface-visibility:hidden;will-change:transform}
.hinge-base{position:absolute;inset:0;width:100%;height:100%;clip-path:inset(88.6% 0 0 0);pointer-events:none}
.face-demo{background:#dbe7f7;padding:50px 0 80px;text-align:center;color:#172a49;overflow:hidden}
.face-copy h2,.value-heading h2{font-size:clamp(38px,5vw,66px);line-height:1.07;letter-spacing:-.055em;margin:15px 0}
.face-copy .eyebrow,.value-heading .eyebrow{justify-content:center}
.face-copy>p:last-child{color:#637793;font-size:17px}
.face-device{position:relative;width:min(1000px,96vw);aspect-ratio:3860/2540;margin:0 auto}
.face-display{color:white;isolation:isolate}
.face-wallpaper{position:absolute;width:100%;height:100%;object-fit:cover;transition:filter 1.3s,transform 1.3s;filter:brightness(.75);transform:scale(1.04)}
.face-lock{position:absolute;inset:7% 0 0;display:flex;align-items:center;flex-direction:column;transition:opacity .7s,transform 1s}
.face-lock>p{font-size:clamp(8px,1.3vw,15px);margin:0}.face-time{font-size:clamp(42px,8vw,94px);font-weight:600;line-height:1.1;letter-spacing:-.04em}
.face-avatar{margin-top:auto;background:linear-gradient(135deg,#abd4d4,#426d87);border:2px solid #ffffff60;border-radius:50%;width:clamp(28px,5vw,56px);aspect-ratio:1;display:grid;place-items:center;font-size:clamp(15px,2vw,24px);margin-bottom:7px}
.face-lock>span{font-size:clamp(9px,1.3vw,14px)}.face-password{margin:9px 0 8%;padding:6px 14px;background:#ffffff20;border-radius:20px;font-size:clamp(7px,1vw,11px);backdrop-filter:blur(12px)}
.face-scan{position:absolute;left:50%;top:39%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:12px;padding:14px 22px;border:1px solid #ffffff25;background:#0b1224b8;backdrop-filter:blur(20px);border-radius:20px;box-shadow:0 10px 30px #0003;transition:opacity .6s,transform .7s;color:#fff;white-space:nowrap}
.face-scan svg{width:clamp(30px,4vw,48px);height:auto;overflow:visible}.face-scan-label{font-size:clamp(10px,1.5vw,15px)}.face-check{opacity:0;stroke-dasharray:60;stroke-dashoffset:60;transition:stroke-dashoffset .5s,opacity .3s}.face-glyph{transition:opacity .3s}
.face-demo[data-state=scanning] .face-glyph{animation:face-scan-pulse .85s ease-in-out infinite alternate}
.face-demo[data-state=verified] .face-glyph,.face-demo[data-state=unlocked] .face-glyph{opacity:0}
.face-demo[data-state=verified] .face-check,.face-demo[data-state=unlocked] .face-check{opacity:1;stroke-dashoffset:0;color:#87f3b7}
.face-demo[data-state=unlocked] .face-lock{opacity:0;transform:translateY(-24px);pointer-events:none}
.face-demo[data-state=unlocked] .face-scan{opacity:0;transform:translate(-50%,-65%)}
.face-demo[data-state=unlocked] .face-wallpaper{filter:brightness(1);transform:scale(1)}
.face-desktop{position:absolute;inset:0;opacity:0;transition:opacity 1s}.face-demo[data-state=unlocked] .face-desktop{opacity:1}
.face-menubar{background:#ffffff30;padding:4px 14px;text-align:left;font-size:clamp(6px,1vw,11px)}.face-welcome{position:absolute;inset:35% 5% auto;display:grid;gap:9px;text-shadow:0 2px 20px #0005}.face-welcome span{font-size:clamp(10px,1.5vw,18px)}.face-welcome strong{font-size:clamp(18px,3vw,36px);letter-spacing:-.04em}
.face-dock{position:absolute;bottom:3%;left:50%;transform:translateX(-50%);display:flex;gap:8px;background:#ffffff40;border:1px solid #ffffff50;border-radius:14px;padding:7px;backdrop-filter:blur(12px)}.face-dock span{width:clamp(19px,3.5vw,38px);aspect-ratio:1;display:grid;place-items:center;background:linear-gradient(145deg,#97c6fa,#496cd2);border-radius:8px}.face-dock span:nth-child(2n){background:linear-gradient(145deg,#ff8da0,#c63f69)}
.face-trigger{margin-top:-5px;position:relative;background:#203858;color:#fff;border:0;cursor:pointer}.face-status{font-size:12px;color:#516887;margin:14px 0 8px}.face-note{font-size:11px;color:#6c7e96;padding-inline:20px;margin:0}
@keyframes face-scan-pulse{from{opacity:.45;transform:scale(.95);transform-origin:center}to{opacity:1;transform:scale(1.05);transform-origin:center}}
.value-section{background:#dbe7f7;color:#172a49;padding:55px max(24px,calc((100vw - 1120px)/2)) 100px}.value-heading{text-align:center;margin-bottom:35px}.value-heading>p:last-child{color:#627793}.value-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:22px}.value-options{display:grid;gap:12px}.value-option{border:1px solid #fff9;background:#ffffff60;padding:20px;border-radius:20px;transition:background .3s,box-shadow .3s}.value-option:has(input:checked){background:#fff;box-shadow:0 8px 25px #315e9810}.value-option label{display:flex;align-items:center;gap:14px;cursor:pointer}.value-option input{accent-color:#4478d2;width:18px;height:18px}.value-option label>span:not(.value-icon){display:grid;gap:4px}.value-option small{color:#657b95;font-size:12px}.value-option b{margin-left:auto;font-size:19px}.value-icon{font-size:26px;width:34px;color:#456ea5}.value-option p{font-size:12px;color:#566d89;margin:12px 0 4px}.value-option a{font-size:11px;color:#3e66a0}.value-result{border-radius:24px;background:#13233f;color:white;padding:30px;display:flex;align-items:center;flex-direction:column;justify-content:center;text-align:center}.value-result>span{font-size:12px;color:#adbfdb}.value-result output{font-size:clamp(46px,6vw,76px);letter-spacing:-.05em;font-variant-numeric:tabular-nums}.value-divider{width:75%;height:1px;background:#ffffff20;margin:20px 0}.value-result img{border-radius:10px}.value-result h3{margin:8px 0}.value-free{font-size:20px;margin-bottom:20px}.value-fineprint{margin:22px auto 0;font-size:12px;color:#617693;max-width:900px;line-height:1.6}.value-fineprint summary{cursor:pointer;text-align:center}.value-fineprint p{margin:12px 0}
@media(max-width:650px){.value-layout{grid-template-columns:1fr}.value-section{padding-bottom:50px}.face-scan{padding:8px 12px;gap:7px;border-radius:14px}.face-demo{padding-block:40px}.face-note{max-width:330px;margin:auto}.value-result{padding:24px}.face-copy{padding-inline:20px}}
@media(prefers-reduced-motion:reduce){.hinge-lid{transform:none}.face-demo *{animation:none!important;transition:none!important}}
.face-device{width:min(1000px,96vw,90svh)}
.face-wallpaper{inset:0}
.face-demo{scroll-margin-top:80px}
.face-sweep{opacity:0}.face-demo[data-state=scanning] .face-sweep{opacity:.8;animation:face-sweep 1s ease-in-out infinite alternate}
@keyframes face-sweep{from{transform:translateY(-19px)}to{transform:translateY(19px)}}
/* Carry the same blue across the comparison-to-sound seam. */
.sound-sticky{background:linear-gradient(180deg,#dbe7f7,transparent 180px),radial-gradient(ellipse at 50% 55%,#c4d4f5 0%,#e4ecf9 58%,#dbe7f7 100%)}