.grid-4-col{display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}.grid-4-col.no-padding{margin:0 -20px;padding:0 20px}@media(max-width:900px){.grid-4-col{grid-template-columns:repeat(2,1fr)}.grid-4-col article{max-width:100%}}@media(max-width:600px){.grid-4-col{grid-template-columns:repeat(1,1fr)}.grid-4-col.no-padding{display:flex!important;overflow-x:auto;scrollbar-width:none}.grid-4-col.no-padding article{max-width:264px;min-width:264px}}.section-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.all-events-button{display:none}.section-title{color:var(--color-black);font-family:var(--font-main);font-size:1.625rem;font-weight:800;line-height:36px;margin:0}.see-all{border:.711px solid rgba(162,89,255,.5);border-radius:24px;color:var(--color-primary);font-size:1.066rem;font-weight:700;padding:6px 18px;transition:all .3s}.see-all:hover{background-color:var(--color-primary);color:var(--color-white)}.app-promo-section,.events-section{padding-top:64px}.app-promo-container{align-items:center;background:linear-gradient(90deg,rgba(162,89,255,.1),hsla(0,0%,96%,.1));border:.5px solid hsla(0,0%,56.5%,.9);border-radius:32px;display:flex;height:334px;justify-content:center;position:relative;width:100%}.app-promo-text{align-items:flex-start;display:flex;flex-direction:column;gap:16px;width:377px}.app-promo-text h2{color:var(--color-text-primary);font-size:40px;font-weight:700;line-height:1.175}.app-promo-text h2,.app-promo-text p{font-family:var(--font-main);margin:0}.app-promo-text p{color:rgba(var(--color-text-primary),.8);font-size:24px;font-weight:500;line-height:1.36;opacity:.5}.app-buttons,.app-buttons-bottom{display:flex;gap:8px;margin-top:24px}.app-buttons-bottom span{display:none}.app-button{align-items:center;border-radius:48px;display:flex;font-family:var(--font-main);font-size:14px;font-weight:600;gap:8px;justify-content:center;line-height:21px;padding:10px 26px;transition:all .3s}.app-button:hover{box-shadow:0 6px 18px rgba(0,0,0,.12);transform:translateY(-.5px)}.app-button.app-store{background-color:var(--color-black);color:var(--color-text-light)}.app-button.google-play{background-color:var(--color-white);border:1px solid var(--color-border-medium);color:var(--color-black)}.app-promo-image{height:396px;width:422px}.routes-section{padding-top:64px}.reads-section{display:none}@media(max-width:768px){.section-title{color:var(--color-black);font-family:var(--font-main);font-size:1.125rem;font-weight:800;line-height:36px}.all-events-button{display:inline-block}.see-all{font-size:.75rem}.events-section{padding-top:0}.events-section .section-head{align-items:center;display:flex;justify-content:space-between;margin-top:16px}.events-section .install-app-cta{bottom:10%}.app-promo-container{flex-direction:column;padding:40px 20px 0;text-align:center}.app-promo-text{align-items:center}.app-promo-image{margin-right:0;margin-top:20px}.app-promo-text h2{font-size:32px}.app-promo-text p{font-size:18px}.grid-4-col::-webkit-scrollbar{display:none}.app-promo-section,.features-section,.login-btn{display:none}.reads-section{display:flex;flex-direction:column;padding-top:64px}.reads-section .no-padding{margin:0 -20px;padding:0 20px}}.features-section{padding-top:64px}.features-section hr{background-color:var(--color-border-light);border:none;height:1px}.features-section hr:first-child{margin-bottom:64px}.features-section hr:last-child{margin-bottom:0;margin-top:64px}.features-header{margin-bottom:29px;text-align:center}.features-header .section-title{font-size:2.5rem;font-weight:700;line-height:1.175;margin-bottom:8px}.features-header p{color:var(--color-text-secondary);font-size:24px;font-weight:500;line-height:1.36;margin:0}.feature-card{background:var(--color-white);border-radius:16px;box-shadow:0 1px 8px 0 rgba(0,0,0,.06);-moz-box-shadow:0 1px 8px 0 rgba(0,0,0,.06);-webkit-sbox-shadow:0 1px 8px 0 rgba(0,0,0,.06);align-items:center;display:flex;flex-direction:column;padding:8px 8px 30px;text-align:center}.feature-card img{aspect-ratio:248/212;object-fit:contain;width:100%}.feature-card p{color:var(--color-text-primary);font-family:var(--font-main);font-size:.875rem;font-weight:500;line-height:1.2;margin-top:16px;max-width:216px;opacity:.5}@media(max-width:768px){.features-header .section-title{font-size:32px}.features-header p{font-size:18px}}.workouts-section{padding-top:64px}.workouts-section .section-head .section-title a{align-items:center;display:flex;gap:16px}.workouts-section .section-head .section-title a img{height:15px;margin-top:6px;width:10px}.feed-section{padding-top:64px}.feed-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}@media(min-width:768px){.feed-grid{grid-template-columns:repeat(4,1fr)}}.article-card{background-color:var(--color-white);border-radius:16px;box-shadow:0 1px 8px 0 rgba(0,0,0,.06);-moz-box-shadow:0 1px 8px 0 rgba(0,0,0,.06);cursor:pointer;display:flex;flex-direction:column;gap:8px;height:100%;overflow:hidden;padding:8px 8px 14px;transition:all .3s;width:100%;-webkit-sbox-shadow:0 1px 8px 0 rgba(0,0,0,.06)}.article-card:hover{transform:scale(1.02)}.route-image-carousel{aspect-ratio:1.7/1;border-radius:8px;overflow:hidden;width:100%}.article-image,.route-image-carousel .carousel-image{aspect-ratio:1.7/1;object-fit:cover;width:100%}.article-image{border-radius:8px;display:block}.article-details{display:flex;flex-direction:column;gap:6px;padding:0 8px}.article-title{color:var(--color-black);font-family:var(--font-main);font-size:18px;font-weight:600;line-height:1.3;margin:0}.article-title,.subtitle{display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:break-word;text-overflow:ellipsis;-webkit-box-orient:vertical}.article-meta{align-items:center;color:var(--color-black);display:flex;font-family:var(--font-main);font-size:.75rem;font-weight:500;gap:8px;opacity:.5}.article-meta.read-difficulty{color:var(--color-primary);opacity:1}.article-meta.read-difficulty p{display:inline-block;margin:0}.article-meta.read-difficulty .dot-seperator{background:var(--color-primary);border-radius:50%;display:inline-block;height:4px;opacity:1;width:4px}.article-meta-group{align-items:center;display:flex;flex-wrap:wrap;gap:4px}.article-meta-group .chips{background:#f5f5f5;border:.5px solid hsla(0,0%,56.5%,.9);border-radius:16px;min-width:fit-content}.article-meta img{height:12px;width:10px}.article-description{color:var(--color-black);font-size:.875rem;font-weight:400;margin:0;opacity:.5}@media(min-width:1024px){.article-card .article-image{height:auto;max-width:100%;object-fit:cover}.article-card .article-meta-group{flex-wrap:nowrap}}.hero-section{padding-top:90px}.hero-section .content-wrapper{background-image:url(/assets/heroBannerWeb.a043cfc8215445248954.png);background-repeat:no-repeat;background-size:cover;border-radius:24px;margin-top:20px;min-height:310px;padding:70px 20px}.hero-content{align-items:center;display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:580px}.hero-title{color:var(--color-white);font-family:var(--font-main);font-size:34px;font-weight:700;line-height:1.25;margin:0;text-align:center}.hero-title .gradient-text{background:linear-gradient(90deg,#fcb3ff,#5adfdf);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}.hero-cta{background-color:var(--color-primary);border:none;border-radius:56px;color:var(--color-white);cursor:pointer;font-family:var(--font-main);font-size:18px;font-weight:700;outline:none;padding:16px 44px;transition:background-color .3s}.hero-cta:hover{background-color:#8a48e0;opacity:1!important}.hero-section-web{align-items:center;display:grid;gap:20px;grid-template-columns:230px 3fr;padding-top:90px}.hero-section-web .metric-banner{align-items:center;background:url(/assets/settingProfileBanner.ff7a1173a94f717171d1.png) no-repeat;background-position:50%;background-size:cover;border-radius:32px;display:flex;height:268px;justify-content:center;max-width:100%;min-width:100%}.hero-section-web .metric-banner .metric-section{display:grid;gap:32px;grid-template-columns:repeat(3,1fr);margin:0 auto;padding:0;width:70%}@media(max-width:768px){.hero-title{font-size:28px}.hero-section{padding-top:0}.hero-section.no-padding{margin:0 -20px}.hero-section .content-wrapper{background-image:url(/assets/heroBannermob.d4edaca1cc0380df115e.jpg);background-position:50%;border-radius:0;margin-top:0;min-height:360px;padding:130px 35px 90px}}.profile-card-wrapper{align-items:center;display:flex;flex-direction:column;gap:4px;justify-content:center}.profile-card-wrapper .profile-icon{background:linear-gradient(to left,var(--color-primary),var(--color-primary-bold));color:var(--color-white);cursor:default;font-size:.875rem;font-weight:700;letter-spacing:2px}.profile-card-wrapper .profile-icon,.profile-card-wrapper .profile-icon-img{border-radius:112px;-moz-border-radius:112px;-webkit-border-radius:112px;height:40px;width:40px}.profile-card-wrapper .profile-icon-img{object-fit:cover}.profile-card-wrapper .profile-info-section{display:flex;font-size:.875rem;font-weight:700;gap:7px}.profile-card-wrapper .profile-info-section .profile-name{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-card-wrapper .profile-info-section .editIcon{transition:all .3s}.profile-card-wrapper .profile-info-section .editIcon:hover{opacity:.8}.profile-card-wrapper .profile-info-section .editIcon:active{box-shadow:0 4px 10px rgba(0,0,0,.12);transform:translateY(2px) scaleX(.98)}.profile-card-wrapper .progress-bar-section{display:none}@media(min-width:768px){.profile-card-wrapper{background-color:var(--color-white);border-radius:32px;max-height:270px;min-height:270px;padding:14px 5px}.profile-card-wrapper .profile-divider{background-color:var(--color-border-light);display:block;height:1px;margin:8px 0;width:100%}.profile-card-wrapper .progress-bar-section{display:block;margin:0}}.circular-progress-wrapper{align-items:center;display:flex;height:150px;justify-content:center;position:relative;width:152px}.circular-progress-wrapper .progress-ring{transform:rotate(-110deg)}.circular-progress-wrapper .progress-ring-bg{stroke:#eee}.circular-progress-wrapper .progress-ring-bar{transform:rotate(0deg);transform-origin:50% 50%;transition:stroke-dashoffset .35s}.circular-progress-wrapper .progress-content{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.circular-progress-wrapper .progress-content .title{color:#7a7a7a;font-size:.875rem;font-weight:500;margin:0 0 4px}.circular-progress-wrapper .progress-content .action-btn{background-color:rgba(178,110,252,.1);border:1.5px solid var(--color-primary);border-radius:20px;color:var(--color-primary);cursor:pointer;font-size:.75rem;font-weight:600;padding:6px 16px;transition:all .3s}.circular-progress-wrapper .progress-content .action-btn:hover{background-color:var(--color-primary);color:var(--color-white);font-weight:700}.metric-card-wrapper{align-items:flex-start;background-color:var(--color-white);border:.5px solid var(--color-border-grey);border-radius:16px;-moz-border-radius:16px;-webkit-border-radius:16px;display:flex;flex-direction:column;gap:8px;justify-content:center;min-width:200px;padding:10px 18px;transition:all .3s ease-in-out}.metric-card-wrapper:hover{background-color:var(--color-primary)}.metric-card-wrapper:hover .metric-card-bottom button,.metric-card-wrapper:hover .metric-card-bottom span,.metric-card-wrapper:hover .metric-card-icon-wrapper,.metric-card-wrapper:hover .metric-card-icon-wrapper img,.metric-card-wrapper:hover .metric-card-top span{border-color:var(--color-white);box-shadow:none;color:var(--color-white);filter:brightness(0) invert(1)}.metric-card-wrapper{cursor:pointer}.metric-card-top{align-items:center;display:flex;gap:8px;justify-content:center}.metric-card-top .metric-card-icon-wrapper{align-items:center;border:1px solid var(--color-primary);border-radius:32px;box-shadow:0 6px 10px 0 rgba(162,89,255,.3);display:flex;height:32px;justify-content:center;width:32px}.metric-card-top .metric-card-icon-wrapper img{object-fit:cover}.metric-card-top .metric-title{color:var(--color-primary);font-weight:700;padding:0}.metric-card-bottom{align-items:center;display:flex;gap:8px}.metric-card-bottom .metric-value{color:var(--color-black);font-size:30px;font-weight:700}.metric-card-bottom .metric-action-btn{background:none;border:.5px solid var(--color-border-grey);border-radius:32px;cursor:pointer;font-size:14px;font-weight:500;max-width:fit-content;min-width:60px;padding:5px 10px}@media(min-width:768px){.metric-card-wrapper{max-width:100%;min-width:fit-content}}.quote-section{padding:64px 0}.quote-container{align-items:center;display:flex;flex-direction:column;gap:35px;margin:0 auto;max-width:404px}.quote-container blockquote{color:var(--color-black);font-size:16px;font-weight:700;margin:0;text-align:center}.quote-container blockquote,.quote-container cite{font-family:var(--font-main);line-height:1.46;text-transform:uppercase}.quote-container cite{display:block;font-size:12px;font-style:normal;font-weight:400;margin-top:8px}@font-face{font-display:swap;font-family:"Plus Jakarta Sans";font-style:normal;font-weight:400;src:url(/fonts/PlusJakartaSans-Regular.bc5e168fc3a1db9938ff.ttf) format("truetype")}@font-face{font-display:swap;font-family:"Plus Jakarta Sans";font-style:normal;font-weight:500;src:url(/fonts/PlusJakartaSans-Medium.55a3e0f14283a652edb9.ttf) format("truetype")}@font-face{font-display:swap;font-family:"Plus Jakarta Sans";font-style:normal;font-weight:600;src:url(/fonts/PlusJakartaSans-SemiBold.5f02406522137e5b8722.ttf) format("truetype")}@font-face{font-display:swap;font-family:"Plus Jakarta Sans";font-style:normal;font-weight:700;src:url(/fonts/PlusJakartaSans-Bold.424e067f830bb5512511.ttf) format("truetype")}@font-face{font-display:swap;font-family:"Plus Jakarta Sans";font-style:normal;font-weight:800;src:url(/fonts/PlusJakartaSans-ExtraBold.732a694c25a10a7ed4f7.ttf) format("truetype")}.filter-chip-button{background-color:var(--color-white);border:.5px solid var(--color-border-medium);border-radius:36px;color:var(--color-text-primary);cursor:pointer;font-size:.875rem;font-weight:600;height:40px;outline:none;padding:8px 16px;transition:all .3s;width:fit-content}.filter-chip-button.active{background-color:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.filter-chip-button:hover{border-color:var(--color-border-dark);opacity:.8}.primary-tab-button{background-color:var(--color-white);border:.5px solid hsla(0,0%,5%,.4);border-radius:48px;color:var(--color-black);cursor:pointer;font-size:1.125rem;font-weight:700;max-width:100%;padding:12px 24px;transition:all .3s ease}.primary-tab-button.active,.primary-tab-button:hover{border-color:var(--color-primary)}.primary-tab-button.active{background-color:var(--color-primary);color:var(--color-white)}@media(max-width:767px){.primary-tab-button{font-size:1rem;padding:10px 16px}}.filter-wrapper{position:relative}.filter-wrapper:hover .scroll-arrow{opacity:1;pointer-events:auto}.filter-btn-group{display:flex;gap:8px;margin:20px 0;min-height:45px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;white-space:nowrap;width:100%;-ms-overflow-style:none}.filter-btn-group::-webkit-scrollbar{display:none}.scroll-arrow{align-items:center;background:rgba(60,60,60,.85);border:none;border-radius:50%;cursor:pointer;display:flex;font-size:1.4rem;height:30px;justify-content:center;line-height:1;opacity:0;padding:0;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;width:30px;z-index:5}.scroll-arrow svg{fill:none;height:16px;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.5;width:16px}.scroll-arrow:active{box-shadow:none;transform:translateY(-50%)}.scroll-arrow:hover{box-shadow:0 4px 14px rgba(0,0,0,.2);opacity:.8}.scroll-arrow.left{color:var(--color-white);left:1px}.scroll-arrow.right{color:var(--color-white);right:1px}.scroll-arrow:before{transform:translateY(-1px)}@media(hover:none){.scroll-arrow{display:none}}