.dl-hero{padding:clamp(3.5rem,8vw,6rem) 0 clamp(4rem,8vw,6rem)}.dl-hero__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(2.5rem,6vw,5rem);align-items:center}.dl-hero h1{margin-top:1.25rem;font-size:clamp(3rem,7vw,5.75rem)}.dl-hero__sub{max-width:520px;margin-top:1.5rem;color:var(--ink-2);font-size:1.125rem}.dl-hero__cta{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}.dl-hero__fine{margin-top:1rem;color:var(--ink-3);font-size:.875rem}.devices{position:relative;padding:clamp(1.5rem,4vw,3rem) clamp(1.5rem,4vw,3rem) clamp(3rem,7vw,5rem);border-radius:var(--r-xl);background:var(--navy)}.device-desk{overflow:hidden;border:1px solid var(--navy-rule-2);border-radius:var(--r-md);background:var(--navy-2);box-shadow:0 30px 60px -25px #0009}.device-desk__bar{display:flex;gap:6px;padding:10px 12px;border-bottom:1px solid var(--navy-rule)}.device-desk__bar i{width:9px;height:9px;border-radius:50%;background:#ffffff1f}.device-desk__body{display:grid;grid-template-columns:30% 1fr;min-height:250px}.sk-side{display:grid;align-content:start;gap:10px;padding:16px 14px;border-right:1px solid var(--navy-rule)}.sk-side b,.sk-title{display:block;height:10px;width:60%;border-radius:3px;background:#ffffff38}.sk-side i{height:7px;border-radius:3px;background:#ffffff14}.sk-side i.short{width:55%}.sk-main{display:grid;align-content:start;gap:12px;padding:18px 20px}.sk-main .sk-title{width:35%;height:12px;margin-bottom:6px}.sk-row{position:relative;display:block;height:8px;margin-left:18px;border-radius:3px;background:#ffffff1a}.sk-row:before{content:"";position:absolute;left:-18px;top:-2px;width:11px;height:11px;border:1.5px solid rgba(255,255,255,.25);border-radius:50%}.sk-row.done{width:70%;background:#ffffff0d}.sk-row.done:before{border-color:var(--blue);background:var(--blue)}.device-phone{position:absolute;right:clamp(.75rem,3vw,2rem);bottom:clamp(-1.5rem,-2vw,-1rem);display:grid;align-content:start;gap:11px;width:150px;height:290px;padding:34px 14px 14px;border:6px solid #1c2645;border-radius:28px;background:var(--navy-2);box-shadow:0 30px 60px -20px #000000b3}.device-phone__notch{position:absolute;top:8px;left:50%;width:44px;height:12px;border-radius:999px;background:#1c2645;transform:translate(-50%)}.device-phone .sk-title{width:55%;margin-bottom:4px}.sk-streak{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-top:8px}.sk-streak i{aspect-ratio:1;border-radius:3px;background:#ffffff14}.sk-streak .on{background:var(--teal)}.device-phone__soon{justify-self:center;margin-top:auto;padding:3px 10px;border-radius:999px;background:#2ee6d624;color:var(--teal);font:500 .625rem/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase}@media(max-width:900px){.dl-hero__grid{grid-template-columns:1fr}}@media(max-width:520px){.device-phone{width:110px;height:210px}}.platforms{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:.75rem}.platform{display:flex;flex-direction:column;padding:1.75rem 1.5rem 1.5rem;border:1px solid var(--rule);border-radius:var(--r-lg);background:var(--card)}.platform__icon{width:28px;height:28px;color:var(--ink)}.platform h3{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1.5rem;font-family:var(--display);font-size:2rem;font-weight:400;line-height:1}.soon{padding:3px 8px;border-radius:999px;background:var(--paper-2);color:var(--ink-3);font:500 .625rem/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase}.platform>p{flex:1;margin-top:.75rem;color:var(--ink-2);font-size:.9375rem}.platform__meta{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin:1.5rem 0;padding-top:1rem;border-top:1px solid var(--rule)}.platform__meta dt{color:var(--ink-3);font:500 .6875rem var(--mono);letter-spacing:.06em;text-transform:uppercase}.platform__meta dd{margin:.25rem 0 0;font-weight:500}.platform .btn{width:100%}.platform--soon .platform__icon,.platform--soon h3{color:var(--ink-3)}.btn.is-disabled{color:var(--ink-3);cursor:not-allowed}.btn.is-disabled:hover{border-color:var(--rule-2)}.install{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:clamp(2rem,6vw,5rem)}.install h2{margin-top:1.25rem;font-size:clamp(2.5rem,5vw,3.75rem)}.os-tabs{display:inline-flex;margin-top:2rem;padding:4px;border:1px solid var(--rule-2);border-radius:999px;background:var(--card)}.os-tabs button{height:36px;padding:0 1.125rem;border:0;border-radius:999px;background:none;color:var(--ink-2);font:500 .875rem var(--sans);cursor:pointer}.os-tabs button[aria-selected=true]{background:var(--fill);color:#fff}.install__steps{margin:0;padding:0;list-style:none;counter-reset:step}.install__steps li{display:grid;grid-template-columns:3rem 1fr;grid-template-rows:auto auto;column-gap:1rem;padding:1.5rem 0;border-top:1px solid var(--rule);counter-increment:step;animation:rise .3s ease both}.install__steps li:before{content:"0" counter(step);grid-row:span 2;color:var(--blue-ink);font:500 .875rem var(--mono);padding-top:.25rem}.install__steps b{font-family:var(--display);font-size:1.75rem;font-weight:400;line-height:1.1}.install__steps span{margin-top:.375rem;color:var(--ink-2)}.install__help{padding-top:1.25rem;border-top:1px solid var(--rule);color:var(--ink-3);font-size:.9375rem}.install__help a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--rule-2);text-underline-offset:3px}@keyframes rise{0%{opacity:0;transform:translateY(6px)}}@media(max-width:860px){.install{grid-template-columns:1fr}}.sync{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(2rem,6vw,5rem);align-items:center;padding:clamp(2rem,6vw,4.5rem);border-radius:var(--r-xl);background:var(--navy);color:var(--on-navy)}.sync h2{font-size:clamp(2.5rem,5vw,4rem)}.sync p{margin:1.25rem 0 2rem;color:var(--on-navy-2)}.sync__list li{display:flex;align-items:center;gap:.875rem;padding:1rem 0;border-top:1px solid var(--navy-rule)}.sync__list li:first-child{border-top:0}.sync__list li>span{display:inline-flex;align-items:center;gap:.375rem;margin-left:auto;color:var(--on-navy-3);font:500 .75rem var(--mono)}.sync__list .ok{color:var(--teal)}.sync__list .ok .icon{width:14px;height:14px}@media(max-width:860px){.sync{grid-template-columns:1fr}}.install__steps code{font-size:.85em;overflow-wrap:anywhere}
