.landing-page{--home-ease:cubic-bezier(.16, 1, .3, 1);background:var(--sand-1);color:var(--sand-12);padding-top:24px;font-family:Avenir Next,Avenir,Segoe UI,sans-serif;overflow:clip}body:has(.landing-page){background:var(--sand-1);caret-color:var(--sand-12)}html:has(.landing-page){scrollbar-color:var(--sand-8) var(--sand-1);scroll-padding-top:24px}.landing-page ::selection{background:var(--sand-5);color:var(--sand-12)}.landing-page :where(a,button,summary):focus-visible{outline:2px solid var(--sand-12);outline-offset:3px}.landing-page button{cursor:pointer}.home-section{width:min(100% - 96px,1080px);margin-inline:auto}.heading-measure{overflow-wrap:break-word;hyphens:auto;max-width:12ch}.landing-page:is(:lang(zh),:lang(ja),:lang(ko)) .heading-measure{max-width:8em}.landing-page:is(:lang(zh),:lang(ja),:lang(ko)) :is(h1,h2,h3){letter-spacing:-.01em;text-spacing-trim:trim-both}.landing-page:lang(ja) :is(h1,h2,h3){word-break:auto-phrase}.landing-page .site-header--floating{backdrop-filter:none;background:0 0;border:0;width:min(100% - 96px,1280px);margin:0 auto;animation:none;position:relative}.landing-page .site-header--floating>div{max-width:none;padding:0}.landing-page .site-header--floating>div>a{gap:9px;min-height:44px}.landing-page .site-header--floating>div>a>img{border-radius:7px;width:28px;height:28px}.landing-page .site-header--floating>div>a>span{letter-spacing:-.02em;font-size:17px;font-weight:600}.landing-page .site-header--floating .nav-link{border-radius:999px;align-items:center;min-height:40px;padding:8px 12px;font-size:14px;display:inline-flex}.landing-page .header-language{color:var(--sand-11);margin-left:4px}@media (width<=400px){.landing-page .site-header--floating .nav-link{padding-inline:8px}}.font-sf{letter-spacing:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,sans-serif}.font-sf-rounded{font-family:ui-rounded,SF Pro Rounded,-apple-system,BlinkMacSystemFont,sans-serif}.font-sf-mono{letter-spacing:0;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace}.mask-icon{mask:var(--icon) center / contain no-repeat;-webkit-mask:var(--icon) center / contain no-repeat;flex-shrink:0;display:inline-block}.hero-rise{animation:hero-rise .9s var(--home-ease) var(--delay,0s) both}@keyframes hero-rise{0%{opacity:0;filter:blur(6px);transform:translateY(18px)}}.hero-scene{text-align:left;width:min(1080px,100%)}.hero-stage{background:radial-gradient(70% 90% at 0 100%,#f1cfb4 0%,#0000 60%),radial-gradient(60% 70% at 100% 0,#b4c8e8 0%,#0000 62%),radial-gradient(55% 60% at 85% 100%,#d4c5ea 0%,#0000 62%),radial-gradient(50% 60% at 35% 15%,#eef1f5 0%,#0000 70%),#e2e5ec;border-radius:32px;position:relative;overflow:hidden}.hero-stage__inner{--native:1080;width:1080px;height:640px;position:relative}.hero-iphone{aspect-ratio:1350/2760;filter:drop-shadow(0 24px 30px #21201c2e);width:340px;position:absolute;top:60px;left:132px}.hero-iphone__bezel{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.hero-iphone__screen{transform-origin:0 0;background:radial-gradient(90% 55% at 25% 0,#a7bcd1 0%,#0000 70%),radial-gradient(80% 70% at 100% 55%,#3a4f66 0%,#0000 70%),linear-gradient(#5d7189,#1c2633 70%);border-radius:62px;width:402px;height:874px;position:absolute;top:2.5%;left:5.333%;overflow:hidden;transform:scale(.7556)}.hero-widget{border-radius:23px;position:relative}.hero-widget:has(.tokens-widget){border-radius:24px}.hero-widget .small-widget[data-appearance=dark]{--widget-background:#18181a}.hero-mac{width:380px;position:absolute;top:24px;right:132px}.hero-menubar{color:#1d1d1f;backdrop-filter:blur(20px);background:#ffffff47;justify-content:flex-end;align-items:center;height:28px;padding-right:22px;font-size:13px;display:flex;position:absolute;top:0;left:-96px;right:-132px;mask-image:linear-gradient(90deg,#0000,#000 30%)}.hero-status{border-radius:6px;align-items:center;gap:5px;height:22px;padding:0 8px;transition:background-color .2s;display:flex}.hero-stage[data-open] .hero-status{background:#0000001a}.hero-panel{backdrop-filter:blur(30px)saturate(1.8);opacity:0;transform-origin:100% 0;transition:opacity .24s ease, transform .46s var(--home-ease);background:#f6f6f6b3;border-radius:16px;margin-top:36px;position:relative;overflow:hidden;transform:translateY(-4px)scale(.98);box-shadow:inset 0 1px #ffffffbf,inset 0 0 0 .5px #ffffff8c,0 0 0 .5px #00000024,0 12px 32px -6px #00000029,0 2px 6px #0000000d}.hero-stage[data-open] .hero-panel{opacity:1;transform:none}.hero-cloud{z-index:2;color:#339cff;opacity:0;width:44px;height:30px;transition:opacity .22s ease, translate .42s var(--home-ease);background:#ffffffeb;border-radius:999px;place-items:center;display:grid;position:absolute;top:236px;left:520px;translate:-50% 6px;box-shadow:inset 0 1px #fff,0 6px 18px #21201c24,0 0 0 .5px #21201c1a}.hero-cloud>svg{width:20px;height:13px}.hero-stage[data-syncing] .hero-cloud{opacity:1;translate:-50%}.hero-stage[data-syncing] .hero-refresh{animation:spin .9s var(--home-ease)}@media (width<=700px){.hero-stage{border-radius:24px}.hero-stage__inner{--native:420;width:420px;height:600px}.hero-mac{display:none}.hero-iphone{top:56px;left:40px}.hero-cloud{top:14px;left:210px}}.ios-glass{backdrop-filter:blur(18px)saturate(1.8);background:linear-gradient(#ffffffd6,#f8f8faa3) padding-box padding-box,linear-gradient(150deg,#fffffffa,#ffffff4d 32%,#c8c8d266 62%,#ffffffe6) border-box;border:1px solid #0000;box-shadow:inset 0 1px 1px #fffc,inset 0 -3px 8px #00000008,0 0 0 .5px #00000017,0 10px 28px #0000001a,0 2px 6px #0000000a}.ios-tab--selected{background:linear-gradient(#0000000d,#0000001a);box-shadow:inset 0 1px #fff9,inset 0 0 0 .5px #0000000a}.ios-statusbar,.ios-navbar{transition:background-color .2s}[data-scrolled] .ios-statusbar{background:#f2f2f7}[data-scrolled] .ios-navbar{background:linear-gradient(#f2f2f7 40%,#f2f2f700)}.ios-backdrop{z-index:-1;opacity:.35;pointer-events:none;height:380px;position:absolute;inset:0 0 auto;overflow:hidden;mask-image:linear-gradient(#000 35%,#0000)}.ios-backdrop>img{object-fit:cover;filter:blur(70px)saturate(1.6);width:calc(100% + 180px);height:calc(100% + 180px);position:absolute;inset:-90px}.usage-duo:not([data-device=mac]) [data-device-panel=mac],.usage-duo[data-device=mac] [data-device-panel=iphone]{display:none}.status-row{font-variant-numeric:tabular-nums;grid-template-columns:auto minmax(4ch,auto);justify-content:end;gap:6px;font-size:9px;font-weight:500;line-height:11px;display:grid}.status-row>span:last-child{text-align:right}.status-rows--single .status-row{grid-template-columns:auto;font-size:13px;line-height:16px}.status-rows--single .status-row>span:first-child{display:none}.eye{--eye-pupil:#f6f6f6;position:relative}.eye>svg{transition:opacity .16s cubic-bezier(.23,1,.32,1);position:absolute}.eye__slash{color:#646464;opacity:.5}.eye__open,.eye__fill{color:#202020;opacity:0}.eye[aria-pressed=true] .eye__slash,.eye[aria-pressed=true] .eye__open{opacity:0}.eye[aria-pressed=true] .eye__fill{opacity:1}.eye[data-blocked]{opacity:.4;cursor:not-allowed}@media (hover:hover) and (pointer:fine){.flex:has(>.eye:not([aria-pressed=true],[data-blocked])):hover .eye__slash{opacity:0}.flex:has(>.eye:not([aria-pressed=true],[data-blocked])):hover .eye__open{opacity:1}.landing-page .nav-link:hover{background:var(--sand-3)}}[data-card] [data-card-toggle]{cursor:default}.card-details{grid-template-rows:1fr;transition:grid-template-rows .25s cubic-bezier(.2,.9,.3,1),opacity .2s;display:grid}.card-details>*{min-height:0}[data-card][data-collapsed] .card-details{opacity:0;grid-template-rows:0fr}[data-card][data-collapsed] [data-expanded-only]{display:none}[data-card][data-collapsed] [data-collapsed-only]{display:flex}.chevron{transition:transform .25s cubic-bezier(.2,.9,.3,1);transform:rotate(-180deg)}[data-card][data-collapsed] .chevron{transform:none}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.segment-meter>[data-on]{animation:linear both tick-on view();animation-range:entry calc(20% + var(--i) * 0.4%) entry calc(40% + var(--i) * 0.4%)}.trend-line{stroke-dasharray:1;animation:linear both trend-draw view();animation-range:entry 10% cover 40%}}}@keyframes tick-on{0%{opacity:.2}}@keyframes trend-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.mac-switch{background:#d6d6d6;border:0;border-radius:999px;flex-shrink:0;width:38px;height:22px;transition:background-color .18s;position:relative}.mac-switch>span{width:18px;height:18px;transition:transform .22s var(--home-ease);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #00000040,0 0 0 .5px #0000000f}.mac-switch[aria-checked=true]{background:#007aff}.mac-switch[aria-checked=true]>span{transform:translate(16px)}.sync-details{transition:grid-template-rows .26s var(--home-ease), opacity .2s ease;grid-template-rows:1fr;display:grid}.sync-details>*{min-height:0}[data-sync][data-off] .sync-details{opacity:0;grid-template-rows:0fr}.sync-spinner{border:1.5px solid #64646440;border-top-color:#646464;border-radius:50%;width:12px;height:12px;animation:.7s linear infinite spin}.sync-spinner[hidden]{display:none}@keyframes spin{to{transform:rotate(360deg)}}.widget-display__frame{filter:drop-shadow(0 16px 22px #21201c1f);width:255px;height:255px}.widget-display__frame .small-widget{transform-origin:0 0;transform:scale(1.5)}.window-options[data-hidden]{visibility:hidden;pointer-events:none}.provider-buttons::-webkit-scrollbar{display:none}.landing-page .faq-item summary{padding-block:22px;font-size:16px}.landing-page .faq-item p{font-size:15px;line-height:1.7}.landing-page>footer{border-color:var(--sand-6);width:min(100% - 96px,1280px);margin:auto}.landing-page>footer>div{max-width:none;padding-inline:0}@media (width<=700px){.landing-page{padding-top:14px}.home-section,.landing-page .site-header--floating,.landing-page>footer{width:calc(100% - 40px)}.widget-display__frame{width:153px;height:153px}.widget-display__frame .small-widget{transform:scale(.9)}}@media (width<=359px){.widget-display__frame{width:136px;height:136px}.widget-display__frame .small-widget{transform:scale(.8)}}@media (prefers-reduced-motion:reduce){html:has(.landing-page){scroll-behavior:auto}.hero-rise{animation:.15s both fade}.card-details,.sync-details,.chevron,.mac-switch>span{transition:none}}@keyframes fade{0%{opacity:0}}.home-stage{padding-top:clamp(56px,7vw,88px)}.home-cta>[hidden]{display:none}.home-secondary{border:1px solid var(--sand-7);background:var(--sand-1);letter-spacing:-.01em;height:48px;color:var(--sand-12);transition:background-color .15s ease, transform .16s var(--home-ease);border-radius:12px;align-items:center;padding:0 20px;font-size:16px;font-weight:500;display:inline-flex}.home-secondary:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.home-secondary:hover{background:var(--sand-3)}}.home-devices{--h:clamp(460px, 46vw, 640px);z-index:5;justify-content:center;align-items:flex-start;gap:clamp(16px,2vw,28px);height:clamp(280px,28vw,380px);margin:clamp(40px,5vw,56px) auto 0;padding-inline:8px;display:flex;position:relative;overflow:hidden}.home-devices__iphone{width:calc(var(--h) * 1350 / 2760);flex:none}.home-devices__android{width:calc(var(--h) * 1198 / 2531);flex:none}.home-float{z-index:1;animation:float-in 1s cubic-bezier(.2, .7, .2, 1) var(--delay,0s) both;filter:drop-shadow(0 22px 26px #21201c21)drop-shadow(0 2px 4px #21201c14);position:absolute}@keyframes float-in{0%{opacity:0;transform:translate(var(--fx), var(--fy)) rotate(var(--spin)) scale(.6)}}.home-float--mac{--fx:140px;--fy:90px;--spin:18deg;width:200px;top:13%;left:4%;rotate:5deg}.home-float--windows{--fx:-140px;--fy:90px;--spin:-18deg;width:232px;top:17%;right:4%;rotate:-4deg}.home-float--iphone{--fx:120px;--fy:-70px;--spin:-20deg;width:170px;bottom:9%;left:10%;rotate:-6deg}.home-float--iphone .small-widget{width:170px}.home-float--android{--fx:-120px;--fy:-70px;--spin:20deg;width:170px;bottom:8%;right:10%;rotate:5deg}@media (width<=1180px){.home-float--mac{width:168px;left:2%}.home-float--windows{width:196px;right:2%}.home-float--iphone,.home-float--android{width:140px}.home-float--iphone .small-widget{zoom:.82}}@media (width<=979px){.home-float--mac,.home-float--windows{display:none}}@media (width<=700px){.home-float{display:none}.home-devices{gap:12px;height:270px;padding-inline:0}.home-devices__iphone{width:calc(50.82% - 6.0984px)}.home-devices__android{width:calc(49.18% - 5.9016px)}}@media (prefers-reduced-motion:reduce){.home-float{animation:.15s both fade}}.tile{border:1px solid var(--sand-5);background:var(--sand-2);border-radius:16px}.checklist{color:var(--sand-11);gap:18px;margin:0;padding:0;font-size:15px;line-height:1.55;list-style:none;display:grid}.checklist>li{grid-template-columns:16px 1fr;gap:10px;display:grid}.checklist>li>svg{width:16px;height:16px;color:var(--grass-10);margin-top:3px}.checklist strong{color:var(--sand-12);font-weight:600}#reviews{width:min(100% - 96px,1200px)}@media (width<=700px){#reviews{width:calc(100% - 40px)}}.home-rating{justify-content:center;align-items:center;gap:14px;display:flex}.review-marquee{gap:12px;margin-top:36px;display:grid;mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000)}.review-row{overflow:hidden}.review-track{width:max-content;animation:90s linear infinite paused review-drift;display:flex}.review-row:nth-child(2) .review-track{margin-left:-150px}.review-marquee[data-playing] .review-track{animation-play-state:running}.review-marquee:is(:hover,:focus-within) .review-track{animation-play-state:paused}@keyframes review-drift{to{transform:translate(-50%)}}.review-list{gap:12px;margin:0;padding:0 12px 0 0;list-style:none;display:flex}.review-card{width:300px;padding:18px 20px 16px}@media (width<=700px){.review-marquee{margin-inline:-20px;mask-image:none}.review-card{width:248px}}@media (prefers-reduced-motion:reduce){.review-marquee{mask-image:none}.review-row:nth-child(2),.review-list[aria-hidden]{display:none}.review-row{scroll-snap-type:x mandatory;scrollbar-width:none;overflow-x:auto}.review-track{margin-left:0;animation:none}.review-card{scroll-snap-align:start}}.home-platforms{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none;display:grid}.home-platforms>li{flex-direction:column;display:flex}.home-platforms__glimpse{background:var(--sand-3);border-radius:20px;width:100%;height:auto;display:block}.home-platforms__copy{flex-direction:column;flex:1;padding-top:24px;display:flex}.home-platforms__copy>div:last-child{margin-top:auto;padding-top:20px}@media (width<=1100px){.home-platforms{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 24px}}@media (width<=700px){.home-platforms{grid-template-columns:1fr;gap:0}.home-platforms>li{border-top:1px solid var(--sand-5);flex-direction:row;gap:16px;padding:20px 0}.home-platforms__glimpse{object-fit:cover;object-position:top;border-radius:16px;width:110px;height:110px}.home-platforms__copy{padding-top:0}.home-platforms__copy h3{font-size:18px}.home-platforms__copy>div:last-child{padding-top:14px}}.home-android-stage{background:var(--sand-3);border-radius:28px;justify-content:center;gap:clamp(16px,3vw,28px);padding:clamp(28px,5vw,56px) clamp(16px,4vw,48px);display:flex}.home-android-stage>.droid-phone{width:min(260px,50% - 14px)}@media (width<=700px){.home-android-stage{border-radius:22px}}.sync-flow{background:var(--sand-3);border-radius:28px;justify-items:center;padding:clamp(56px,6vw,72px) 24px clamp(40px,5vw,56px);display:grid}.sync-trail{background:var(--sand-7);width:1px;height:64px;margin-block:14px;position:relative}.sync-trail:before,.sync-trail:after{content:"";background:var(--sand-8);border-radius:50%;width:7px;height:7px;position:absolute;left:-3px}.sync-trail:before{top:-3px}.sync-trail:after{bottom:-3px}.sync-trail>span{opacity:0;background:#339cff;border-radius:50%;width:8px;height:8px;position:absolute;top:0;left:-3.5px;box-shadow:0 0 0 4px #339cff2e}.sync-flow[data-state=syncing] .sync-trail>span{animation:sync-travel 1.1s var(--home-ease) both}@keyframes sync-travel{0%{opacity:0;translate:0}15%{opacity:1}85%{opacity:1}to{opacity:0;translate:0 56px}}.sync-devices{flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.sync-device{letter-spacing:-.01em;background:#fff;border-radius:999px;align-items:center;gap:8px;height:40px;padding:0 14px 0 12px;font-size:14px;font-weight:500;transition:opacity .2s;display:inline-flex;box-shadow:0 0 0 1px #21201c14,0 6px 16px -8px #21201c40}.sync-device>svg{width:16px;height:16px;color:var(--sand-11)}.sync-device>svg:last-child{color:var(--grass-10);transition:opacity .2s}.sync-flow[data-state=syncing] .sync-device>svg:last-child{opacity:.2}.sync-flow[data-state=synced] .sync-device{animation:sync-arrive .42s var(--home-ease) calc(var(--i) * 70ms) both}@keyframes sync-arrive{40%{transform:scale(1.06)}}.sync-flow[data-state=off] .sync-device{opacity:.45}.sync-flow[data-state=off] .sync-device>svg:last-child{opacity:0}@media (prefers-reduced-motion:reduce){.sync-flow[data-state] .sync-trail>span,.sync-flow[data-state] .sync-device{animation:none}}.connect-grid{border:1px solid var(--sand-5);background:var(--sand-5);border-radius:20px;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.connect-grid>li{background:var(--sand-1);grid-template-columns:36px 1fr;align-items:center;gap:4px 14px;padding:22px 24px;transition:background-color .2s;display:grid}.connect-mark{background:#fff;border-radius:10px;grid-row:span 2;place-items:center;width:36px;height:36px;display:grid;box-shadow:0 0 0 1px #21201c12,0 4px 10px -6px #21201c4d}.connect-mark>i{background:var(--sand-12);width:18px;height:18px}.connect-points{color:var(--sand-11);flex-wrap:wrap;justify-content:center;gap:12px 32px;margin:28px 0 0;padding:0;font-size:14px;list-style:none;display:flex}.connect-points>li{align-items:center;gap:8px;display:inline-flex}.connect-points svg{width:15px;height:15px;color:var(--grass-10)}@media (hover:hover) and (pointer:fine){.connect-grid>li:hover{background:var(--sand-2)}}@media (width<=980px){.connect-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.connect-grid{grid-template-columns:1fr}.connect-grid>li{padding:16px 18px}.connect-points{flex-direction:column;align-items:flex-start}}.log-window{flex-direction:column;min-width:0;display:flex;overflow:hidden}.log-window__bar{border-bottom:1px solid var(--sand-5);height:38px;color:var(--sand-11);justify-content:center;align-items:center;font-size:12px;display:flex;position:relative}.log-window__bar:before{content:"";background:var(--sand-6);width:10px;height:10px;box-shadow:16px 0 var(--sand-6), 32px 0 var(--sand-6);border-radius:50%;position:absolute;left:14px}.log-window__body{white-space:nowrap;scrollbar-width:none;gap:7px;padding:18px 18px 22px;font-size:12.5px;line-height:1.5;display:grid;overflow-x:auto}.log-window__note{border-top:1px dashed var(--sand-5);color:var(--sand-10);margin-top:auto;padding:14px 18px 18px;font-size:12px;line-height:1.6}.log-line{min-width:520px;color:var(--sand-12);grid-template-columns:8ch 17ch minmax(6ch,1fr) auto;gap:14px;display:grid}.log-line>:first-child,.log-dim{color:var(--sand-10)}.log-line>.log-dim{text-overflow:ellipsis;overflow:hidden}.log-ok{color:var(--grass-11)}.log-caret{vertical-align:-2px;background:var(--sand-12);width:7px;height:14px;animation:1s step-end infinite caret-blink;display:inline-block}@keyframes caret-blink{50%{opacity:0}}@media (prefers-reduced-motion:no-preference){.log-window[data-typing]:not([data-typed]) :is(.log-window__body>*,.log-window__note){opacity:0}.log-window[data-typed] :is(.log-window__body>*,.log-window__note){animation:log-in .28s ease calc(var(--i) * .26s) both}}@keyframes log-in{0%{opacity:0;transform:translateY(4px)}}@media (prefers-reduced-motion:reduce){.log-caret{animation:none}}
