.page-container[data-v-c2500979]{flex-direction:column;align-items:center;display:flex}.page-container .page[data-v-c2500979]{gap:calc(var(--spacing) * 8);flex-direction:column;width:100%;display:flex}.page-container .page section[data-v-c2500979]{--overlay-color:.14 0 0;width:100%;max-width:80rem;margin-inline:auto;position:relative;overflow:hidden}.page-container .page section[data-v-c2500979]:before{inset:calc(var(--spacing) * 0);content:"";background-blend-mode:multiply;z-index:-1;background-position:50%;background-size:cover;position:absolute}.page-container .page section .section-content[data-v-c2500979]{padding-block:calc(var(--spacing) * 12);max-width:calc(var(--spacing) * 180);margin-inline:auto}@media (width>=48rem){.page-container .page section .section-content[data-v-c2500979]{padding-block:calc(var(--spacing) * 20)}}@media (width>=64rem){.page-container .page section .section-content[data-v-c2500979]{max-width:64rem}}.page-container .page #hero[data-v-c2500979]{max-width:1920px}@media (width>=1024px){.page-container .page #hero[data-v-c2500979]:before{background-image:linear-gradient(90deg, rgb(var(--overlay-color) / 95%) 0, rgb(var(--overlay-color) / 80%) 50%, rgb(var(--overlay-color) / 0) 100%), url(../img/background/gym.webp)}}.page-container .page #hero .section-content[data-v-c2500979]{display:grid}@media (width<=calc(64rem - .1px)){.page-container .page #hero .section-content[data-v-c2500979]{justify-content:center}}@media (width>=64rem){.page-container .page #hero .section-content[data-v-c2500979]{grid-template-columns:repeat(2,minmax(0,1fr))}}.page-container .page #hero .section-content .hero-content[data-v-c2500979]{padding-inline:calc(var(--spacing) * 4);gap:calc(var(--spacing) * 12);max-width:calc(var(--spacing) * 160);flex-direction:column;flex-shrink:0;justify-content:center;display:flex}@media (width<=calc(64rem - .1px)){.page-container .page #hero .section-content .hero-content[data-v-c2500979]{margin-bottom:calc(var(--spacing) * 16)}}.page-container .page #hero .section-content .hero-mockup[data-v-c2500979]{justify-content:center;align-items:center;display:flex}.page-container .page #cards .section-content[data-v-c2500979]{padding-block:calc(var(--spacing) * 12);gap:calc(var(--spacing) * 4);grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}@media (width<=calc(80rem - .1px)){.page-container .page #cards .section-content[data-v-c2500979]{padding-inline:calc(var(--spacing) * 4)}}@media (width<=calc(64rem - .1px)){.page-container .page #cards .section-content[data-v-c2500979]{max-width:calc(var(--spacing) * 180)}}@media (width>=48rem){.page-container .page #cards .section-content[data-v-c2500979]{padding-block:calc(var(--spacing) * 20);grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=64rem){.page-container .page #cards .section-content[data-v-c2500979]{grid-template-columns:repeat(9,minmax(0,1fr))}}.page-container .page #cards .section-content .highlights[data-v-c2500979]{gap:calc(var(--spacing) * 4);grid-column:span 2/span 2;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width>=48rem){.page-container .page #cards .section-content .highlights[data-v-c2500979]{grid-column:span 3/span 3;grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=64rem){.page-container .page #cards .section-content .highlights[data-v-c2500979]{grid-column:span 6/span 6}}.page-container .page #cards .section-content .highlights .highlight[data-v-c2500979]{padding:calc(var(--spacing) * 4);border-width:0;border-color:color-mix(in srgb, var(--colors-zinc-900) 10%, transparent) ;--un-border-style:solid;background-color:color-mix(in srgb, var(--colors-white) 6.5%, transparent) ;gap:calc(var(--spacing) * 6);border-style:solid;flex-direction:column;width:100%;display:flex}@supports (color:color-mix(in lab, red, red)){.page-container .page #cards .section-content .highlights .highlight[data-v-c2500979]{border-color:color-mix(in oklab, var(--colors-zinc-900) 10%, transparent) ;background-color:color-mix(in oklab, var(--colors-white) 6.5%, transparent) }}.dark .page-container .page #cards .section-content .highlights .highlight[data-v-c2500979]{border-color:color-mix(in srgb, var(--colors-zinc-200) 10%, transparent) }@supports (color:color-mix(in lab, red, red)){.dark .page-container .page #cards .section-content .highlights .highlight[data-v-c2500979]{border-color:color-mix(in oklab, var(--colors-zinc-200) 10%, transparent) }}@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@media (width>=48rem){.page-container .page #cards .section-content .highlights .highlight[data-v-c2500979]{padding:calc(var(--spacing) * 6)}}.page-container .page #cards .section-content .highlights .highlight .icon-container[data-v-c2500979]{justify-content:center;align-self:flex-end;align-items:center;display:flex;position:relative}.page-container .page #cards .section-content .highlights .highlight .icon-container .icon[data-v-c2500979]{color:color-mix(in srgb, var(--colors-orange-300) var(--un-text-opacity), transparent) ;width:1.25rem;height:1.25rem}@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@supports (color:color-mix(in lab, red, red)){.page-container .page #cards .section-content .highlights .highlight .icon-container .icon[data-v-c2500979]{color:color-mix(in oklab, var(--colors-orange-300) var(--un-text-opacity), transparent) }}@media (width>=48rem){.page-container .page #cards .section-content .highlights .highlight .icon-container .icon[data-v-c2500979]{width:1.5rem;height:1.5rem}}.page-container .page #cards .section-content .highlights .highlight .icon-container .icon-overlay[data-v-c2500979]{height:3px;left:calc(var(--spacing) * -1.5);right:calc(var(--spacing) * -1.5);--un-gradient-from:color-mix(in oklab, var(--colors-red-600) var(--un-from-opacity), transparent);--un-gradient-stops:var(--un-gradient-via-stops,var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-to) var(--un-gradient-to-position));--un-gradient-to:color-mix(in oklab, var(--colors-rose-500) var(--un-to-opacity), transparent);--un-gradient-position:to right in oklab;background-image:linear-gradient(var(--un-gradient-stops));border-radius:1px;position:absolute;rotate:-25deg}@property --un-from-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@property --un-gradient-position{syntax:"*";inherits:false}@property --un-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --un-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --un-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --un-gradient-stops{syntax:"*";inherits:false}@property --un-gradient-via-stops{syntax:"*";inherits:false}@property --un-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --un-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --un-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --un-to-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@media (width>=48rem){.page-container .page #cards .section-content .highlights .highlight .icon-container .icon-overlay[data-v-c2500979]{height:4px;left:calc(var(--spacing) * -2);right:calc(var(--spacing) * -2)}}.page-container .page #cards .section-content .highlights .highlight .details[data-v-c2500979]{--un-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide);--un-font-weight:var(--fontWeight-medium);font-weight:var(--fontWeight-medium);gap:calc(var(--spacing) * 2);flex-direction:column;width:100%;display:flex}.page-container .page #cards .section-content .highlights .highlight .details .no[data-v-c2500979]{color:color-mix(in srgb, var(--colors-zinc-500) var(--un-text-opacity), transparent) ;--un-leading:var(--leading-none);line-height:var(--leading-none)}@supports (color:color-mix(in lab, red, red)){.page-container .page #cards .section-content .highlights .highlight .details .no[data-v-c2500979]{color:color-mix(in oklab, var(--colors-zinc-500) var(--un-text-opacity), transparent) }}.dark .page-container .page #cards .section-content .highlights .highlight .details .no[data-v-c2500979]{color:color-mix(in srgb, var(--colors-zinc-400) var(--un-text-opacity), transparent) }@supports (color:color-mix(in lab, red, red)){.dark .page-container .page #cards .section-content .highlights .highlight .details .no[data-v-c2500979]{color:color-mix(in oklab, var(--colors-zinc-400) var(--un-text-opacity), transparent) }}@property --un-leading{syntax:"*";inherits:false}.page-container .page #cards .section-content .highlights .highlight .details .description[data-v-c2500979]{font-size:var(--text-lg-fontSize);line-height:var(--un-leading,var(--text-lg-lineHeight));--un-leading:var(--leading-none);line-height:var(--leading-none)}@media (width>=48rem){.page-container .page #cards .section-content .highlights .highlight .details .description[data-v-c2500979]{font-size:var(--text-xl-fontSize);line-height:var(--un-leading,var(--text-xl-lineHeight))}}.page-container .page #cards .section-content .apple-health[data-v-c2500979]{padding:calc(var(--spacing) * 4);border-width:0;border-color:color-mix(in srgb, var(--colors-zinc-900) 10%, transparent) ;--un-border-style:solid;background-color:color-mix(in srgb, var(--colors-white) 6.5%, transparent) ;border-style:solid;flex-direction:column;grid-column:span 2/span 2;justify-content:space-between;display:flex}@supports (color:color-mix(in lab, red, red)){.page-container .page #cards .section-content .apple-health[data-v-c2500979]{border-color:color-mix(in oklab, var(--colors-zinc-900) 10%, transparent) ;background-color:color-mix(in oklab, var(--colors-white) 6.5%, transparent) }}.dark .page-container .page #cards .section-content .apple-health[data-v-c2500979]{border-color:color-mix(in srgb, var(--colors-zinc-200) 10%, transparent) }@supports (color:color-mix(in lab, red, red)){.dark .page-container .page #cards .section-content .apple-health[data-v-c2500979]{border-color:color-mix(in oklab, var(--colors-zinc-200) 10%, transparent) }}@media (width>=48rem){.page-container .page #cards .section-content .apple-health[data-v-c2500979]{padding:calc(var(--spacing) * 6);grid-column:span 3/span 3}}@media (width>=80rem){.page-container .page #cards .section-content .apple-health[data-v-c2500979]{grid-column:span 3/span 3}}.page-container .page #cards .section-content .apple-health .image-container[data-v-c2500979]{padding:calc(var(--spacing) * 2);align-self:flex-end}.page-container .page #cards .section-content .apple-health .image-container img[data-v-c2500979]{width:3rem;height:3rem}@media (width>=48rem){.page-container .page #cards .section-content .apple-health .image-container img[data-v-c2500979]{width:4rem;height:4rem}}.page-container .page #cards .section-content .apple-health .text[data-v-c2500979]{gap:calc(var(--spacing) * 2);flex-direction:column;display:flex}.page-container .page #cards .section-content .apple-health .text[data-v-c2500979]>*{--un-leading:var(--leading-none);line-height:var(--leading-none)}.page-container .page .screen[data-v-c2500979]{align-items:center;display:grid}@media (width<=calc(64rem - .1px)){.page-container .page .screen[data-v-c2500979]{gap:calc(var(--spacing) * 8);padding-bottom:calc(var(--spacing) * 0)!important}}@media (width>=64rem){.page-container .page .screen[data-v-c2500979]{grid-template-columns:repeat(2,minmax(0,1fr))}}.page-container .page .screen .screen-details[data-v-c2500979]{padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 8)}@media (width<=calc(64rem - .1px)){.page-container .page .screen .screen-details[data-v-c2500979]{margin-inline:auto}}@media (width>=48rem){.page-container .page .screen .screen-details[data-v-c2500979]{padding-inline:calc(var(--spacing) * 8);padding-block:calc(var(--spacing) * 12)}}.page-container .page .screen .screen-details .title[data-v-c2500979]{font-size:1.8rem}@media (width>=80rem){.page-container .page .screen .screen-details .title[data-v-c2500979]{font-size:2rem}}.page-container .page .screen .screen-details .headline[data-v-c2500979]{color:color-mix(in srgb, var(--colors-zinc-500) var(--un-text-opacity), transparent) ;--un-font-weight:var(--fontWeight-medium);font-size:1.3rem;font-weight:var(--fontWeight-medium);margin-top:calc(var(--spacing) * 1)}@supports (color:color-mix(in lab, red, red)){.page-container .page .screen .screen-details .headline[data-v-c2500979]{color:color-mix(in oklab, var(--colors-zinc-500) var(--un-text-opacity), transparent) }}.dark .page-container .page .screen .screen-details .headline[data-v-c2500979]{color:color-mix(in srgb, var(--colors-zinc-400) var(--un-text-opacity), transparent) }@supports (color:color-mix(in lab, red, red)){.dark .page-container .page .screen .screen-details .headline[data-v-c2500979]{color:color-mix(in oklab, var(--colors-zinc-400) var(--un-text-opacity), transparent) }}.page-container .page .screen .screen-details .items[data-v-c2500979]{--un-leading:var(--leading-normal);line-height:var(--leading-normal);margin-top:calc(var(--spacing) * 8);gap:calc(var(--spacing) * 6);flex-direction:column;display:flex}@media (width>=48rem){.page-container .page .screen .screen-details .items[data-v-c2500979]{margin-top:calc(var(--spacing) * 12);gap:calc(var(--spacing) * 8)}}.page-container .page .screen .screen-details .items .item[data-v-c2500979]{gap:calc(var(--spacing) * 4);display:flex}@media (width>=48rem){.page-container .page .screen .screen-details .items .item[data-v-c2500979]{gap:calc(var(--spacing) * 6)}}.page-container .page .screen .screen-details .items .item .icon-container[data-v-c2500979]{justify-content:center;align-items:center;width:2rem;height:2rem;display:flex}.page-container .page .screen .screen-details .items .item .icon-container .icon[data-v-c2500979]{width:1.5rem;height:1.5rem}@media (width>=48rem){.page-container .page .screen .screen-details .items .item .icon-container .icon[data-v-c2500979]{width:2rem;height:2rem}.page-container .page .screen .screen-details .items .item p[data-v-c2500979]{font-size:var(--text-lg-fontSize);line-height:var(--un-leading,var(--text-lg-lineHeight))}}@media (width>=1024px){.page-container .page #summary[data-v-c2500979]:before{background-image:linear-gradient(90deg in oklab, oklab(var(--overlay-color) / 40%) 0, oklab(var(--overlay-color) / 90%) 50%, oklab(var(--overlay-color) / 95%) 100%), url(../img/background/yoga.webp)}.page-container .page #timeline[data-v-c2500979]:before{background-image:linear-gradient(90deg, oklab(var(--overlay-color) / 95%) 0, oklab(var(--overlay-color) / 85%) 50%, oklab(var(--overlay-color) / 35%) 100%), url(../img/background/swimming.webp)}.page-container .page #insights[data-v-c2500979]:before{background-image:linear-gradient(90deg, oklab(var(--overlay-color) / 25%) 0, oklab(var(--overlay-color) / 80%) 50%, oklab(var(--overlay-color) / 95%) 100%), url(../img/background/tennis.webp)}.page-container .page #details[data-v-c2500979]:before{background-image:linear-gradient(90deg, oklab(var(--overlay-color) / 95%) 0, oklab(var(--overlay-color) / 85%) 50%, oklab(var(--overlay-color) / 40%) 100%), url(../img/background/track.webp)}.page-container .page #activity-types[data-v-c2500979]:before{background-image:linear-gradient(90deg, oklab(var(--overlay-color) / 35%) 0, oklab(var(--overlay-color) / 87.5%) 50%, oklab(var(--overlay-color) / 95%) 100%), url(../img/background/surfing.webp)}}@media (width<=1279.9px){.page-container .page section:nth-of-type(2n)>.screen[data-v-c2500979]>:first-child{order:2}.page-container .page section:nth-of-type(2n)>.screen[data-v-c2500979]>:last-child{order:1}}.page-container .page .mockup-container[data-v-c2500979]{justify-content:center;align-items:center;display:flex}.page-container .page .mockup-container .mockup-img-container[data-v-c2500979]{width:100%;max-width:calc(var(--spacing) * 72)}@media (width>=48rem){.page-container .page .mockup-container .mockup-img-container[data-v-c2500979]{max-width:calc(var(--spacing) * 80)}}@media (width>=1024px){.page-container .page .mockup-container .mockup-img-container img[data-v-c2500979]{filter:drop-shadow(0 4px 8px rgb(var(--overlay-color) / 100%)) drop-shadow(0 12px 24px rgb(var(--overlay-color) / 75%)) drop-shadow(0 24px 48px rgb(var(--overlay-color) / 50%))}}
