html{color-scheme:dark;background:#0a090d;scroll-behavior:smooth;scroll-padding-top:20px}
body{margin:0}
button,a,summary{-webkit-tap-highlight-color:transparent}
button,summary{cursor:pointer}
button:disabled{cursor:default}
:focus-visible{outline:3px solid #60d9a2;outline-offset:5px}
.skip-link{position:absolute;left:12px;top:12px;transform:translateY(-180%);z-index:5;background:#faf7fa;color:#20151f;padding:10px 18px;border-radius:8px;font:16px/1.5 system-ui}
.skip-link:focus{transform:none}
#wd-home{color-scheme:dark}
#wd-home .wd-hero{gap:50px;padding:58px 0 54px}
#wd-home .wd-stage{padding:20px 10px 8px}
#wd-home .wd-demo-screen{padding:22px}
#wd-home .wd-dogbar{text-align:left}
#wd-home .wd-demo-screen .wd-time{margin:9px 0 3px;font-size:60px}
#wd-home .wd-alarm-day{margin-bottom:19px}
#wd-home .wd-play-demo{width:100%;min-height:48px}
#wd-home .wd-demo-controls{margin-top:10px}
#wd-home .wd-demo-controls button{min-height:44px}
#wd-home .wd-demo-controls button:last-child{background:var(--wd-soft);color:var(--wd-text)}
#wd-home .wd-demo-feedback{min-height:20px;margin-top:12px;font-size:12px}
#wd-home .wd-example{line-height:1.6;font-size:12px}
#wd-home .wd-meta{font-size:12px}
#wd-home .wd-nav a{display:inline-flex;align-items:center;min-height:44px}
#wd-home .wd-nav a:hover,#wd-home .wd-footer a:hover{color:var(--wd-pink)}
#wd-home .wd-store:hover,#wd-home .wd-play-demo:hover{filter:brightness(1.12)}
#wd-home .wd-faq{padding:30px 0 44px}
#wd-home .wd-faq h2{font-size:25px;margin-bottom:10px}
#wd-home .wd-faq summary{font-size:15px;min-height:28px;padding:3px 0}
#wd-home .wd-faq p{font-size:14px}
#wd-home .wd-footer>div:first-child{display:flex;flex-direction:column;gap:7px}
#wd-home .wd-footer-domain{font-size:14px;font-weight:700;color:var(--wd-text)}
#wd-home .wd-footer-links a{display:inline-flex;align-items:center;min-height:44px;font-size:12px}
#wd-home svg{width:20px;height:20px;flex-shrink:0;vertical-align:middle}
#wd-home .wd-receipt{padding:25px}
#wd-home .wd-filter-row{font-size:11px}
#wd-home .wd-filter-row span{padding:7px 10px}
#wd-home [data-demo-playing=true] .wd-demo-bell{animation:wd-demo-ring .5s ease-in-out 12}
@container(max-width:650px){
  #wd-home .wd-hero{padding:28px 0 38px;gap:10px}
  #wd-home h1{font-size:clamp(37px,9cqw,56px)}
  #wd-home .wd-promise{font-size:22px}
  #wd-home .wd-hero-copy>.wd-promise{margin-top:5px}
  #wd-home .wd-intro{font-size:15px;line-height:1.65}
  #wd-home .wd-stage{max-width:370px;padding:14px 0 6px;margin:4px 0 8px}
  #wd-home .wd-demo-screen{padding:20px}
  #wd-home .wd-demo-screen .wd-time{font-size:48px}
  #wd-home .wd-dogbar{padding-bottom:12px}
  #wd-home .wd-alarm-live{padding-top:14px}
  #wd-home .wd-alarm-day{margin-bottom:12px}
  #wd-home .wd-charge-warning{padding:13px;margin-bottom:13px}
  #wd-home .wd-hero-copy>.wd-price-caption{font-size:12px;margin-top:2px}
  #wd-home .wd-hero-copy>.wd-stores{justify-content:center}
  #wd-home .wd-hero-copy>.wd-price-caption{text-align:center}
  #wd-home .wd-footer{gap:6px}
}
@container(max-width:360px){
  #wd-home h1{font-size:35px;letter-spacing:-1.5px}
  #wd-home .wd-wrap{padding:0 17px}
  #wd-home .wd-header{gap:8px}
  #wd-home .wd-demo-screen{padding:17px}
  #wd-home .wd-alarm-title{font-size:17px}
  #wd-home .wd-alarm-title b{font-size:19px}
  #wd-home .wd-warning-label{font-size:11px}
  #wd-home .wd-filter-row{gap:4px}
  #wd-home .wd-filter-row span{padding:6px 7px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}#wd-home [data-demo-playing=true] .wd-demo-bell{animation:none}}