/* Everyday app section: scoped to the homepage feature. */
#dds-app{position:relative;isolation:isolate;overflow:hidden;background:#f4f1e9;color:#17354e;font:300 16px/1.6 Ubuntu,Arial,sans-serif;scroll-margin-top:90px}
#dds-app *{box-sizing:border-box}
#dds-app .section-inner{max-width:1240px;margin:0 auto;padding:78px 32px}
#dds-app .split{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;min-height:760px}
#dds-app .copy{max-width:560px;position:relative;z-index:4}
#dds-app .app-kicker{display:flex;align-items:center;gap:14px;font-size:10px;letter-spacing:.15em;font-weight:700;line-height:1.7}
#dds-app .app-kicker img{width:48px;height:48px;border-radius:12px}
#dds-app .app-kicker small{font-weight:300;font-size:10px;letter-spacing:.18em;color:#647482}
#dds-app h2{font:700 clamp(40px,4.5vw,66px)/1.05 Ubuntu,Arial,sans-serif;letter-spacing:-.045em;margin:32px 0 23px;color:#17354e;text-transform:none}
#dds-app h2 em{font-style:normal;font-family:"Crete Round",Georgia,serif;font-weight:400;letter-spacing:-.045em;color:#557d96}
#dds-app .description{font-size:18px;line-height:1.65;max-width:445px;color:#5f6e78;margin:0 0 25px}
#dds-app .stores{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-left:-7px;min-height:76px}
#dds-app .store-link{display:flex;align-items:center;justify-content:center;padding:7px;text-decoration:none;transition:opacity .2s}
#dds-app .store-link:hover{opacity:.8}
#dds-app .store-link:focus-visible{outline:3px solid #a77728;outline-offset:3px;border-radius:9px}
#dds-app .store-link.apple img{height:48px;width:auto;display:block}
#dds-app .store-link.google{padding:0}
#dds-app .store-link.google img{height:71.5px;width:auto;display:block}
#dds-app .availability{font-size:12px;color:#67757e;margin-top:0}
#dds-app .availability span{padding:0 7px}
#dds-app .language-line{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:44px;font-size:11px;color:#506773;align-items:center}
#dds-app .language-line span{display:flex;align-items:center;gap:6px}
#dds-app .language-line span:before{content:"";width:5px;height:5px;border-radius:50%;background:#4c779a}
#dds-app .language-line span:nth-child(2):before{background:#8c4940}
#dds-app .language-line span:nth-child(3):before{background:#9b8048}
#dds-app .language-line span:nth-child(4):before{background:#647855}
#dds-app .language-line span:nth-child(5):before{background:#776489}
#dds-app .device-scene{position:relative;min-height:590px}
#dds-app .phone{position:relative;width:240px;border:6px solid #1b242b;border-radius:36px;background:#fbf9f6;box-shadow:0 0 0 1px #a5abb0,2px 3px 0 2px #525b63,0 28px 45px -16px #1c344638;overflow:hidden;line-height:0;transform:translateY(var(--app-drift,0px)) rotate(var(--app-rotation,0deg))}
#dds-app .phone img{display:block;width:100%;height:auto;border-radius:29px}
#dds-app .phone-back{position:absolute;width:229px;left:5%;top:5%;--app-rotation:-7deg;z-index:1;filter:saturate(.8)}
#dds-app .phone-front{position:absolute;right:2%;top:14%;width:258px;--app-rotation:5deg;z-index:2}
#dds-app .orbit{position:absolute;width:500px;height:500px;top:22px;left:-2%;border:1px solid #cccdc780;border-radius:50%}
#dds-app .orbit:after{content:"";position:absolute;inset:45px;border:1px solid #cecfca70;border-radius:50%}
/* Copy and phones enter independently, when each reaches the viewport. */
#dds-app.app-motion .copy{transition:opacity .85s ease,transform 1.05s cubic-bezier(.2,.7,.2,1)}
#dds-app.app-motion:not(.app-entered) .copy{opacity:0;transform:translate3d(-24px,22px,0)}
#dds-app.app-entered .copy{opacity:1;transform:none}
#dds-app.app-motion .phone{transition:opacity .9s ease,translate 1.2s cubic-bezier(.16,1,.3,1);translate:0 0}
#dds-app.app-motion .phone-front{transition-delay:180ms}
#dds-app.app-motion:not(.app-phones-entered) .phone{opacity:0;translate:0 130px}
#dds-app.app-phones-entered .phone{opacity:1;translate:0 0}
#dds-app.app-in-view .phone{will-change:transform,translate,opacity}
@media(max-width:1100px){#dds-app .split{gap:0}#dds-app .section-inner{padding-inline:40px}#dds-app .phone-front{width:225px;right:0}#dds-app .phone-back{width:207px;left:0}#dds-app .orbit{width:400px;height:400px}}
@media(max-width:760px){
#dds-app .split{display:flex;flex-direction:column;align-items:stretch;padding:43px 25px 20px}
#dds-app .app-kicker img{width:42px;height:42px}#dds-app .app-kicker{font-size:9px}#dds-app .app-kicker small{font-size:9px}
#dds-app h2{font-size:45px;line-height:1.06;margin-top:25px;letter-spacing:-.04em}
#dds-app .description{font-size:16px;max-width:420px}
#dds-app .stores{gap:0;flex-wrap:nowrap}#dds-app .store-link.apple img{height:43px}#dds-app .store-link.google img{height:64px}
#dds-app .availability{font-size:11px}#dds-app .language-line{margin-top:25px;gap:8px 15px;font-size:10px}
#dds-app .device-scene{min-height:480px;max-width:390px;width:100%;margin:48px auto 0}
#dds-app .phone-front{width:202px;top:10%;right:0}#dds-app .phone-back{width:184px;left:0;top:2%}
#dds-app .orbit{width:330px;height:330px;left:0;top:30px}
}
@media(max-width:360px){#dds-app h2{font-size:39px}#dds-app .store-link.apple img{height:38px}#dds-app .store-link.google img{height:56.5px}#dds-app .device-scene{min-height:418px}#dds-app .phone-front{width:177px}#dds-app .phone-back{width:159px}#dds-app .orbit{width:280px;height:280px}}
@media(prefers-reduced-motion:reduce){#dds-app .copy,#dds-app .device-scene{opacity:1!important;transform:none!important;transition:none!important}#dds-app .phone{opacity:1!important;translate:0 0!important;transition:none!important;--app-drift:0px!important;will-change:auto!important}#dds-app .store-link{transition:none}}