body{background:#10231c;color:#fff}.wrap{max-width:1440px;margin:auto;padding:0 66px}header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff22}.nav .nav-cta{background:#dff1e6;color:#17211c}.hero{min-height:780px;display:grid;grid-template-columns:47% 53%;align-items:center;position:relative;overflow:hidden}.hero:before{content:'';position:absolute;width:900px;height:900px;border:1px solid #ffffff0c;border-radius:50%;right:-350px;top:-55px;box-shadow:0 0 0 100px #ffffff05,0 0 0 205px #ffffff03}.copy{position:relative;z-index:2;padding-bottom:30px}.eyebrow{color:#95d4ae}.copy h1{letter-spacing:-.075em;line-height:.9;margin:29px 0}.copy h1 span{color:#a9e1be}.copy p{max-width:460px;color:#bfd3c6;font-size:20px;line-height:1.5}.actions{display:flex;align-items:center;gap:20px;margin-top:32px}.actions a+span{font-size:13px;color:#b9ccbd}.stage{position:relative;height:700px}.dashboard{position:absolute;width:590px;height:445px;top:85px;right:25px;background:#16372b;border:1px solid #4b7960;border-radius:35px;box-shadow:0 45px 80px #06130cb0;transform:rotate(-3deg);padding:32px}.dash-head{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#c4d8cc}.dash-head strong{font-size:25px;color:white}.dash-content{display:flex;align-items:center;gap:32px;margin-top:25px}.rings{width:265px;height:265px;flex:none;position:relative}.ring{position:absolute;border-radius:50%;background:conic-gradient(from 215deg,var(--ring-color) 0 var(--ring-fill),var(--ring-track) var(--ring-fill) 100%);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 17px),#000 calc(100% - 16px));mask:radial-gradient(farthest-side,transparent calc(100% - 17px),#000 calc(100% - 16px))}.r1{inset:0;--ring-color:#f06469;--ring-track:#5f403d;--ring-fill:66%}.r2{inset:27px;--ring-color:#6eaa92;--ring-track:#3d6555;--ring-fill:64%}.r3{inset:54px;--ring-color:#e2a657;--ring-track:#62513b;--ring-fill:70%}.r4{inset:81px;--ring-color:#aa90b5;--ring-track:#514559;--ring-fill:67%}.metrics{display:grid;gap:17px}.metrics div{font-size:14px;color:#bcd4c6}.metrics b{color:#fff;font-size:19px}.dot{display:inline-block;width:12px;height:12px;border-radius:4px;margin-right:9px}.dash-foot{border-top:1px solid #7b9b8740;padding-top:15px;color:#61dbb0;font-weight:700;font-size:19px}.meal{position:absolute;bottom:67px;right:5px;width:310px;background:#fff;color:var(--ink);border-radius:25px;box-shadow:0 20px 40px #06130c80;padding:17px;transform:rotate(4deg)}.meal-top{display:flex;align-items:center;gap:14px;font-weight:700}.meal-top img{width:78px;height:70px;object-fit:cover;border-radius:15px}.meal-bottom{display:flex;justify-content:space-between;border-top:1px solid #e8ece9;margin-top:14px;padding-top:13px;color:#657169;font-size:12px}.meal-bottom b{color:var(--ink);font-size:17px}.strip{display:flex;justify-content:space-between;gap:25px;border-top:1px solid #ffffff22;padding:29px 0 39px;align-items:center;color:#bdd1c2;font-size:14px}.strip strong{font-size:18px;color:#fff}.strip span{border:1px solid #ffffff26;border-radius:999px;padding:11px 16px}
@media(max-width:1050px){.wrap{padding:0 35px}.hero{grid-template-columns:45% 55%}.dashboard{right:-160px}.meal{right:0}}@media(max-width:760px){.wrap{padding:0 22px}header{height:75px}.hero{display:block;min-height:unset;padding-top:65px}.copy p{font-size:17px}.actions{display:block}.actions a+span{display:block;margin-top:14px}.stage{height:510px;margin-top:28px}.dashboard{width:calc(100% - 6px);height:330px;left:0;right:auto;top:20px;padding:18px;transform:rotate(-2deg)}.dash-head strong{font-size:18px}.dash-head span{font-size:10px}.dash-content{gap:10px;margin-top:22px}.rings{width:150px;height:150px}.ring{-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 11px),#000 calc(100% - 10px));mask:radial-gradient(farthest-side,transparent calc(100% - 11px),#000 calc(100% - 10px))}.r2{inset:18px}.r3{inset:36px}.r4{inset:54px}.metrics{gap:8px}.metrics div{font-size:10px}.metrics b{font-size:13px}.dot{width:8px;height:8px;margin-right:4px}.dash-foot{font-size:14px;margin-top:17px}.meal{bottom:10px;right:0;width:235px}.strip{flex-wrap:wrap}.strip strong{width:100%}}


body{background:#fff9f2;color:#17211c}.hero-shell{background:#10231c;color:white}.hero-shell .wrap{max-width:1440px}.hero-shell .nav .nav-cta{background:#dff1e6}.content-wrap{max-width:1320px;margin:auto;padding:0 64px}.section-kicker{color:#638c75;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.section-title{font-size:clamp(38px,4.1vw,60px);line-height:1.02;letter-spacing:-.062em;font-weight:700}.section-copy{color:#607168;font-size:17px;line-height:1.55}.text-arrow{font-size:14px;font-weight:700;text-decoration:underline;text-underline-offset:5px}.media-img{display:block;width:100%;height:auto}.faq-row{border-bottom:1px solid #dfe5e1}.faq-row summary{list-style:none;display:flex;justify-content:space-between;gap:25px;align-items:center;min-height:76px;cursor:pointer;font-size:17px;font-weight:600;letter-spacing:-.02em}.faq-row summary::-webkit-details-marker{display:none}.faq-row summary .faq-plus{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#e4f1e8;flex:none;font-size:22px;font-weight:400}.faq-row[open] summary .faq-plus{transform:rotate(45deg)}.faq-row p{color:#637168;font-size:14px;line-height:1.65;max-width:700px;padding:0 40px 24px 0}.landing-footer{background:#e9f0e9;padding:60px 64px 22px}.footer-main{max-width:1210px;margin:auto;display:grid;grid-template-columns:2.4fr repeat(3,1fr);gap:32px}.footer-main p{color:#657169;margin-top:15px;font-size:14px}.footer-main b{display:block;margin-bottom:14px;font-size:12px;text-transform:uppercase;letter-spacing:.13em}.footer-main a{display:block;margin:8px 0;font-size:14px;color:#516158}.footer-bottom{max-width:1210px;margin:55px auto 0;border-top:1px solid #cdded0;padding-top:18px;color:#6a796e;font-size:12px;display:flex;justify-content:space-between}
@media(max-width:760px){.content-wrap{padding:0 22px}.section-title{font-size:38px}.section-copy{font-size:15px}.landing-footer{padding:48px 22px 20px}.footer-main{grid-template-columns:1fr 1fr;gap:30px}.footer-main>div:first-child{grid-column:1/-1}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:9px}.faq-row summary{font-size:15px;min-height:67px}}


.platform-heading{display:inline-block;margin:0;padding:10px 15px;border-radius:13px;background:#17211c;color:#fff;font-size:20px;font-weight:700;letter-spacing:-.03em;line-height:1.1}.editorial-mini .platform-heading{font-size:18px;padding:9px 13px}.editorial-intro{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:70px;padding-top:105px;padding-bottom:50px}.editorial-intro h2{margin-top:18px}.editorial-intro p{max-width:440px;padding-bottom:5px}.editorial-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.editorial-feature,.editorial-mini{border:1px solid #dce7de;border-radius:30px;overflow:hidden}.editorial-feature{height:610px;background:#dff1e6;display:flex;position:relative}.feature-copy{padding:42px;position:relative;z-index:2;width:51%}.feature-copy h4{font-size:45px;letter-spacing:-.06em;line-height:1;margin:24px 0}.feature-copy p{font-size:16px;line-height:1.5;color:#506b58;margin-bottom:28px}.feature-phone{position:absolute;width:255px;height:550px;right:36px;bottom:-65px;border:7px solid #15281f;border-radius:43px;overflow:hidden;transform:rotate(-5deg);box-shadow:0 25px 50px #284b3560}.feature-phone img{width:100%;height:auto}.editorial-side{display:grid;gap:18px}.editorial-mini{height:296px;display:flex;position:relative;padding:30px 28px}.editorial-mini.android{background:#fff}.editorial-mini.garmin{background:#f6eadb}.editorial-mini>div:first-child{position:relative;z-index:2;width:48%}.editorial-mini h4{font-size:28px;letter-spacing:-.045em;line-height:1.03;margin:16px 0}.editorial-mini p{font-size:13px;line-height:1.45;color:#657169;max-width:220px;margin-bottom:15px}.editorial-mini .android-phone{position:absolute;z-index:1;width:193px;height:383px;right:10px;top:20px;border:6px solid #17211c;border-radius:30px;background:#fff9f2;overflow:hidden;transform:rotate(5deg);box-shadow:0 14px 30px #17211c35}.android-phone img{display:block;width:100%;height:auto}.editorial-mini.garmin img{position:absolute;width:200px;right:0;bottom:-31px;mix-blend-mode:multiply}.web-ribbon{display:flex;gap:24px;align-items:center;padding-top:25px;padding-bottom:65px}.web-ribbon span{font-weight:700}.web-ribbon p{color:#657169;font-size:14px;flex:1}.web-ribbon a{font-size:14px;font-weight:700}.editorial-update{display:grid;grid-template-columns:1fr 1fr;background:#eef6ef;border-radius:36px;min-height:520px;overflow:hidden;padding:0!important}.editorial-update>div:first-child{padding:75px 40px 65px 64px}.editorial-update h2{margin:17px 0 20px}.editorial-update p{max-width:450px;margin-bottom:27px}.update-image{height:520px;overflow:hidden;display:flex;justify-content:center;align-items:flex-start}.update-image img{width:335px;transform:rotate(4deg);margin-top:38px;border-radius:26px;box-shadow:0 18px 40px #254b3150}.editorial-faq{display:grid;grid-template-columns:.78fr 1.22fr;gap:90px;padding-top:125px;padding-bottom:120px}.editorial-faq h2{margin:17px 0}.editorial-faq .section-copy{max-width:350px}
@media(max-width:760px){.editorial-intro{grid-template-columns:1fr;gap:15px;padding-top:70px;padding-bottom:30px}.editorial-grid{grid-template-columns:1fr}.editorial-feature{height:600px}.feature-copy{padding:28px;width:100%}.feature-copy .platform-heading{font-size:19px}.feature-copy h4{font-size:32px}.feature-copy p{font-size:13px}.feature-phone{width:185px;height:405px;right:25px;top:315px;bottom:auto}.editorial-side{gap:12px}.editorial-mini{height:320px;padding:25px}.editorial-mini .android-phone{width:155px;height:325px;right:-30px;top:20px}.editorial-mini.android>div:first-child{width:53%}.editorial-mini.garmin>div:first-child{width:48%}.editorial-mini.garmin img{width:165px;right:-20px;bottom:-20px}.web-ribbon{padding-top:24px;display:block}.web-ribbon p{margin:8px 0}.editorial-update{display:block;border-radius:25px}.editorial-update>div:first-child{padding:42px 25px}.editorial-update h2{font-size:38px}.update-image{height:340px}.update-image img{width:230px;margin-top:0}.editorial-faq{display:block;padding-top:80px;padding-bottom:85px}.editorial-faq .faq-list{margin-top:25px}}

.faq-row summary .faq-question{min-width:0;flex:1}.faq-row summary{padding-right:7px}
@media (min-width:761px) and (max-width:1180px){
.hero-shell .hero{display:block;min-height:0;padding:85px 0 50px}.hero-shell .copy{max-width:640px;padding-bottom:0}.hero-shell .stage{height:560px;margin-top:30px}.hero-shell .dashboard{width:min(590px,82vw);left:50%;right:auto;top:20px;transform:translateX(-50%) rotate(-3deg)}.hero-shell .meal{right:4%;bottom:0}
.editorial-grid{grid-template-columns:1fr}.editorial-feature{height:570px}.editorial-side{display:grid;grid-template-columns:1fr;gap:18px}.editorial-mini{height:290px}.editorial-mini>div:first-child{width:60%}.editorial-mini .android-phone{right:20px}.editorial-mini.garmin img{right:15px}
}
@media (min-width:761px) and (max-width:900px){.editorial-faq{display:block}.editorial-faq .faq-list{margin-top:30px}}
@media (max-width:430px){
.editorial-mini{height:auto;display:block;padding:25px 25px 0}.editorial-mini.android>div:first-child,.editorial-mini.garmin>div:first-child{width:100%}.editorial-mini .android-phone{position:relative;top:auto;right:auto;margin:24px auto -95px;width:165px;height:300px;transform:rotate(4deg)}.editorial-mini.garmin img{position:relative;display:block;width:175px;right:auto;bottom:auto;margin:18px auto -25px}
.faq-row summary{gap:12px}
}

/* Combine the live goal cards with the photo-led hero. */
.hero-shell { position: relative; isolation: isolate; overflow: hidden; }
.hero-shell::before { content: ""; position: absolute; inset: 0 0 auto; height: 130px; z-index: 1; pointer-events: none; background: linear-gradient(#10231cf5, #10231cc9 72%, transparent); }
.hero-shell .wrap { position: relative; z-index: 2; }
.hero-shell .hero { display: grid; grid-template-columns: 47% 53%; align-items: center; min-height: 780px; overflow: visible; }
.hero-shell .hero::before, .hero-shell .hero::after { content: none; }
.hero-shell .copy { max-width: 470px; padding-bottom: 30px; }
.hero-shell .hero-art { display: block; position: absolute; inset: 0 0 0 auto; width: min(100%, 1672px); z-index: 0; overflow: hidden; }
.hero-shell .hero-art::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(90deg, #10231cda 0%, #10231ca8 35%, #10231c80 100%), linear-gradient(to bottom, #10231c30, transparent 35%, #10231c55); }
.hero-shell .hero-art img { display: block; position: absolute; top: 0; left: calc(50% - 1270px); width: 1672px; height: 941px; max-width: none; -webkit-mask-image: linear-gradient(to right, #000 0%, #000 78%, transparent 100%); mask-image: linear-gradient(to right, #000 0%, #000 78%, transparent 100%); }
.hero-shell .stage { position: relative; height: 700px; pointer-events: none; }
.hero-shell .dashboard { top: 85px; right: 25px; bottom: auto; left: auto; background: #16372bf0; backdrop-filter: blur(8px); transform: rotate(-3deg); transform-origin: center; }
.hero-shell .meal { right: 5px; bottom: 67px; }

@media (min-width: 1181px) and (max-width: 1439px) {
  .hero-shell .hero-art img { left: calc(100% - 1990px); }
}

@media (max-width: 1180px) {
  .hero-shell .hero { display: block; min-height: 0; overflow: visible; }
  .hero-shell .hero::after { content: ""; position: absolute; z-index: 1; pointer-events: none; -webkit-mask-image: linear-gradient(to bottom, transparent, #000 16%, #000 76%, transparent); mask-image: linear-gradient(to bottom, transparent, #000 16%, #000 76%, transparent); }
  .hero-shell .copy { position: relative; z-index: 2; padding-bottom: 0; }
  .hero-shell .copy h1 { position: relative; z-index: 2; margin-bottom: 0; }
  .hero-shell .copy p { position: relative; z-index: 2; margin-top: 24px; }
  .hero-shell .stage { position: static; height: 0; margin: 0; }
  .hero-shell .hero-art { width: 100%; height: 100%; }
  .hero-shell .hero-art::after { background: linear-gradient(90deg, #10231ce8 0%, #10231cbd 43%, #10231c88 100%), linear-gradient(to bottom, #10231c66, transparent 45%, #10231ca8); }
  .hero-shell .hero-art img { position: static; width: 100%; height: 100%; object-fit: cover; object-position: right top; -webkit-mask-image: none; mask-image: none; }
  .hero-shell .dashboard, .hero-shell .meal { position: absolute; z-index: 0; transform-origin: top left; }
}

@media (min-width: 761px) and (max-width: 1180px) {
  .hero-shell .hero { min-height: 600px; padding: 85px 0 68px; }
  .hero-shell .hero::after { top: 165px; left: -35px; right: -35px; height: 450px; background: linear-gradient(90deg, #10231c 0%, #10231ce8 36%, #10231c99 61%, transparent); }
  .hero-shell .copy h1 { width: min(390px, 45vw); }
  .hero-shell .dashboard { top: 155px; left: calc(50% + 10px); right: auto; bottom: auto; width: 590px; height: 445px; transform: rotate(-3deg) scale(.82); }
  .hero-shell .meal { top: 365px; left: calc(50% + 190px); right: auto; bottom: auto; width: 310px; transform: rotate(4deg) scale(.9); }
}

@media (max-width: 760px) {
  .hero-shell .hero { padding: 58px 0 48px; }
  .hero-shell .hero::after { top: 155px; left: -22px; right: -22px; height: 390px; background: linear-gradient(90deg, #10231c 0%, #10231cf7 38%, #10231ce0 70%, #10231caa 100%); }
  .hero-shell .copy h1 { width: 53%; }
  .hero-shell .hero-art::after { background: linear-gradient(90deg, #10231ce8 0%, #10231ccc 55%, #10231c9e 100%), linear-gradient(to bottom, #10231c77, transparent 40%, #10231caa); }
  .hero-shell .hero-art img { object-position: 65% top; }
  .hero-shell .dashboard { top: 109px; left: calc(50% + 6px); right: auto; bottom: auto; width: min(350px, 90vw); height: auto; transform: rotate(-2deg) scale(.88); }
  .hero-shell .meal { top: 262px; left: calc(50% + 34px); right: auto; bottom: auto; width: 265px; transform: rotate(3deg); }
  html[lang="bg"] .hero-shell .copy h1 { width: 66%; }
  html[lang="bg"] .hero-shell .dashboard { left: calc(66% + 6px); }
  html[lang="bg"] .hero-shell .meal { left: calc(66% + 34px); }
}

@media (max-width: 360px) {
  .hero-shell .dashboard { left: calc(50% + 8px); transform: rotate(-2deg) scale(.84); }
  .hero-shell .meal { left: calc(50% + 32px); width: 245px; }
  html[lang="bg"] .hero-shell .dashboard { left: calc(66% + 6px); }
  html[lang="bg"] .hero-shell .meal { left: calc(66% + 34px); }
}