.alarm-feature{display:grid;grid-template-columns:minmax(240px,.85fr) minmax(0,1.15fr);border:1px solid var(--line);background:var(--panel);margin:8px 0 42px;scroll-margin-top:24px}
.alarm-face{display:flex;flex-direction:column;justify-content:center;gap:24px;padding:40px;background:#101311;color:#d8f47e;min-width:0;border-right:1px solid var(--line)}
.alarm-face .eyebrow{color:#b6c79c;margin:0}.alarm-clock{font:500 clamp(70px,9vw,132px)/1 var(--sans);letter-spacing:-.07em;font-variant-numeric:tabular-nums}.alarm-clock small{font-size:15px;letter-spacing:.05em;margin-left:12px}.alarm-wave{width:100%;height:72px;color:#d8f47e}.alarm-face-caption{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#b6c79c}
.alarm-copy{padding:clamp(24px,4vw,48px);min-width:0}.alarm-copy .eyebrow{color:var(--orange);margin-bottom:16px}.alarm-copy h2{font-size:clamp(40px,5vw,64px);margin-bottom:20px}.alarm-copy>p{color:var(--muted);margin:16px 0}.alarm-copy audio{display:block;width:100%;margin:22px 0 10px;color-scheme:dark}.alarm-copy .alarm-meta{font-size:12px;margin-top:8px}.alarm-copy .row{margin:22px 0 16px}.alarm-copy .alarm-help,.alarm-copy .alarm-credit{font-size:13px}.alarm-copy a:not(.btn),.alarm-guide a{text-decoration:underline;text-underline-offset:4px}.alarm-copy .alarm-credit{margin-top:24px}.alarm-download-note{font-size:13px;color:var(--muted);margin-top:12px}
.alarm-guide{max-width:none;margin:0 0 42px;scroll-margin-top:24px}.alarm-guide>p{color:var(--muted);max-width:780px;margin-bottom:22px}.alarm-guide details>p{padding-left:24px}.alarm-guide details a{color:var(--paper)}.alarm-guide strong{color:var(--paper)}.alarm-guide ol{padding-left:44px;padding-right:28px}.alarm-guide li{padding:5px 0}.alarm-subheading{margin:36px 0 20px}
@media(max-width:699px){.alarm-feature{grid-template-columns:minmax(0,1fr)}.alarm-face{padding:24px;border-right:0;border-bottom:1px solid var(--line);gap:14px}.alarm-clock{font-size:84px}.alarm-wave{height:46px}.alarm-copy{padding:24px}.alarm-copy .row{align-items:stretch;flex-direction:column}.alarm-copy .btn{width:100%}.alarm-copy h2{font-size:44px}.alarm-guide summary{line-height:1.5}}