.frame-image,
.navbarpublic-group {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.frame-image {
    width: 100%;
    position: relative;
    background-color: var(--background);
    box-sizing: border-box;
    gap: var(--gap-64);
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    font-size: var(--fs-48);
    color: var(--surface);
    font-family: var(--font-jost);
}

.navbarpublic-group {
    align-self: stretch;
    gap: var(--gap-24);
}

.navbarpublic2 {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    gap: var(--gap-48);
    max-width: 90rem;
    text-align: left;
    font-size: var(--fs-24);
    color: var(--text-color);
    font-family: var(--font-jost);
    padding: var(--padding-24) 0 0 0;
}

.goldy3 {
    position: relative;
    font-weight: 900;
}

.frame-nav {
    margin: 0;
    flex: 1;
    display: flex;
    align-items: center;
    gap: var(--gap-48);
    text-align: right;
    font-size: var(--fs-16);
    color: var(--text-color);
    font-family: var(--font-jost);
}

.market-group {
    display: none;
    align-items: center;
    justify-content: center;
    gap: var(--gap-2);
}

.market2 {
    position: relative;
    line-height: var(--lh-24);
    font-weight: 600;
}

.arrow-left-icon2 {
    height: var(--height-20);
    width: var(--width-20);
    position: relative;
    object-fit: contain;
}

.buy3 {
    position: relative;
    line-height: var(--lh-24);
    font-weight: 600;
    color: var(--Primary);
    display: none;
}

.select-language2 {
    height: var(--height-40);
    filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.2));
    border-radius: var(--br-24);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--padding-8) var(--padding-0);
    box-sizing: border-box;
    gap: var(--gap-8);
}

.vuesaxlineararrow-left-icon2 {
    height: var(--height-24);
    width: var(--width-24);
    position: relative;
    display: none;
    flex-shrink: 0;
}

.eng2 {
    position: relative;
    line-height: var(--lh-24);
    font-weight: 600;
    flex-shrink: 0;
}

.vuesaxlineararrow-down-icon2 {
    height: var(--height-20);
    width: var(--width-20);
    position: relative;
    flex-shrink: 0;
}

.navbarpublic-child {
    cursor: pointer;
    border: 0;
    padding: 0;
    background-color: transparent;
    display: flex;
    align-items: center;
}

.frame-parent75 {
    display: flex;
    align-items: center;
    gap: var(--gap-12);
}

.register-container {
    height: var(--height-40);
    border-radius: var(--br-12);
    background-color: var(--text-color);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--padding-6) var(--padding-24);
    box-sizing: border-box;
    flex-shrink: 0;
}

.register2 {
    position: relative;
    font-size: var(--fs-16);
    line-height: var(--lh-24);
    font-weight: 600;
    font-family: var(--font-jost);
    color: var(--surface);
    text-align: right;
}

.login-container {
    height: var(--height-40);
    border-radius: var(--br-100);
    border: 1.5px solid var(--text-color);
    box-sizing: border-box;
    display: none;
    align-items: center;
    justify-content: center;
    padding: var(--padding-6) var(--padding-24);
    flex-shrink: 0;
}

.login2 {
    position: relative;
    font-size: var(--fs-16);
    line-height: var(--lh-24);
    font-weight: 600;
    font-family: var(--font-sora);
    color: var(--text-color);
    text-align: right;
}

.frame-parent76 {
    width: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
    gap: var(--gap-64);
    max-width: 90rem;
    text-align: left;
    font-size: var(--fs-48);
    color: var(--text-color);
    font-family: var(--font-jost);
}

.group-156-1-parent {
    align-self: stretch;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    align-content: flex-start;
    position: relative;
    isolation: isolate;
    gap: 5rem;
    border-bottom: 1px solid #ccc;
}

.group-156-1 {
    width: 33.875rem;
    position: relative;
    max-height: 34rem;
    object-fit: cover;
    object-position: top;
    z-index: 0;
}

.frame-child35 {
    height: var(--height-1);
    width: 90rem;
    position: absolute;
    margin: 0 !important;
    top: 48rem;
    left: 0;
    border-radius: var(--br-100);
    background-color: var(--caption);
    overflow: hidden;
    flex-shrink: 0;
    display: none;
    z-index: 1;
}

.frame-parent77,
.frame-parent78 {
    display: flex;
    flex-direction: column;
    align-items: self-start;
}

.frame-parent77 {
    width: 42rem;
    justify-content: center;
    gap: var(--gap-48);
    z-index: 2;
    text-align: left;
    font-size: var(--fs-16);
    color: var(--caption);
    font-family: var(--font-jost);
}

.frame-parent78 {
    align-self: stretch;
    gap: var(--gap-24);
}

.bot-container {
    display: flex;
    background: var(--color-darkslategray-200);
    padding: var(--padding-6) var(--padding-12);
    align-items: center;
    gap: var(--gap-6);
    border-radius: 100px;
}

.bot-icon4 {
    height: var(--height-24);
    width: var(--width-24);
}

.bot-icon4,
.your-ai-coach2,
.your-personal-ai2 {
    position: relative;
    font-size: var(--fs-14);
    font-weight: 600;
    font-family: var(--font-jost);
    color: var(--text-color);
    text-align: left;
}

.your-ai-coach2 {
    width: fit-content;
    font-size: var(--fs-48);
    color: var(--text-color);
    text-align: left;
}

.an-ai-powered-system2 {
    width: 35.375rem;
    position: relative;
    font-size: var(--fs-18);
    font-weight: 500;
    display: inline-block;
    text-align: left;
}

.frame-parent79 {
    width: 100%;
    display: flex;
    align-items: center;
    gap: var(--gap-12);
}

.frame-parent78-container {
    width: fit-content;
    display: flex;
    flex-direction: column;
    flex: 0 0 auto;
}

.apple-parent2 {
    cursor: pointer;
    border: 0;
    padding: var(--padding-12) var(--padding-24) var(--padding-12) var(--padding-12);
    background-color: var(--text-color);
    border-radius: var(--br-12);
    display: flex;
    align-items: center;
    gap: var(--gap-12);
}

.apple-icon4 {
    height: var(--height-32);
    width: 1.688rem;
    position: relative;
}

.download-on-the-parent3 {
    width: var(--width-98);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--gap-6);
}

.app-store3,
.download-on-the5 {
    align-self: stretch;
    position: relative;
    font-size: var(--fs-14);
    letter-spacing: var(--ls--0_47);
    line-height: 100%;
    font-weight: 500;
    font-family: var(--font-jost);
    color: var(--caption);
    text-align: left;
}

.app-store3 {
    font-size: var(--fs-16);
    color: var(--surface);
}

.frame-child36 {
    height: var(--height-32);
    width: var(--width-32);
    position: relative;
}

.frame-parent81,
.vector-group {
    display: flex;
    align-items: center;
}

.frame-parent81 {
    align-self: stretch;
    flex-direction: column;
    gap: var(--gap-24);
    text-align: left;
    font-size: var(--fs-14);
    color: var(--text-color);
    font-family: var(--font-jost);
}

.vector-group {
    border-radius: var(--br-100);
    background-color: var(--color-darkslategray-200);
    padding: var(--padding-6) var(--padding-12);
    gap: var(--gap-6);
}

.vector-icon3 {
    height: 1.494rem;
    width: 1.675rem;
    position: relative;
}

.you-will-love2 {
    position: relative;
    font-weight: 600;
}

.why-tryfit-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: var(--fs-48);
}

.why-tryfit2 {
    align-self: stretch;
    position: relative;
}

.frame-parent83 {
    align-self: stretch;
    display: flex;
    align-items: stretch;
    justify-content: center;
    flex-wrap: wrap;
    align-content: flex-start;
    gap: var(--gap-12);
}

.chatting-01-group {
    flex: 1;
    cursor: pointer;
    border: 0;
    padding: var(--padding-12);
    background-color: var(--color-darkorange-300);
    border-radius: var(--br-12);
    display: flex;
    align-items: center;
    gap: var(--gap-6);
}

.chatting-01-group:hover {
    background-color: var(--color-chocolate);
}

.available-2472 {
    position: relative;
    font-size: var(--fs-14);
    font-weight: 500;
    font-family: var(--font-jost);
    color: var(--text-color);
    text-align: left;
}

.agreement-01-group,
.bed-single-01-group {
    flex: 1;
    cursor: pointer;
    border: 0;
    padding: var(--padding-12);
    background-color: var(--color-dodgerblue-300);
    border-radius: var(--br-12);
    display: flex;
    align-items: center;
    gap: var(--gap-6);
}

.agreement-01-group:hover {
    background-color: var(--color-cornflowerblue);
}

.bed-single-01-group {
    flex: 1;
    background-color: var(--color-deepskyblue-200);
}

.bed-single-01-group:hover {
    background-color: var(--color-deepskyblue-100);
}

.tracks-your-progress2 {
    position: relative;
    font-size: var(--fs-16);
    font-weight: 500;
    font-family: var(--font-jost);
    color: var(--text-color);
    text-align: left;
}

.analytics-01-group,
.bubble-chat-question-group,
.check-list-group {
    flex: 1;
    cursor: pointer;
    border: 0;
    padding: var(--padding-12);
    background-color: var(--color-darkorchid-300);
    border-radius: var(--br-12);
    display: flex;
    align-items: center;
    gap: var(--gap-6);
}

.check-list-group:hover {
    background-color: var(--color-fuchsia);
}

.analytics-01-group,
.bubble-chat-question-group {
    flex: 1;
    background-color: var(--color-rosybrown);
}

.bubble-chat-question-group:hover {
    background-color: var(--color-sienna);
}

.analytics-01-group {
    flex: 1;
    background-color: var(--color-limegreen-400);
    gap: var(--gap-10);
}

.analytics-01-group:hover {
    background-color: var(--color-forestgreen);
}

.frame-parent84 {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--gap-24);
}

.whole-body-approach2 {
    position: relative;
    font-size: var(--fs-14);
    font-weight: 600;
    font-family: var(--font-jost);
    color: var(--text-color);
    text-align: left;
}

.get-fit-without-guesswork-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.frame-parent86 {
    align-self: stretch;
    display: flex;
    align-items: stretch;
    justify-content: center;
    flex-wrap: wrap;
    align-content: flex-start;
    gap: var(--gap-24);
}

.todays-nutrition-group {
    flex: 1;
    box-shadow: var(--shadow-drop-1);
    border-radius: var(--br-12);
    background-color: var(--surface);
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: var(--padding-24);
    box-sizing: border-box;
    gap: var(--gap-12);
    text-align: left;
    font-size: var(--fs-16);
    color: var(--text-color);
    font-family: var(--font-jost);
}

.todays-nutrition2 {
    align-self: stretch;
    position: relative;
    font-size: var(--fs-18);
    font-weight: 600;
}

.frame-parent87 {
    align-self: stretch;
    height: 2.813rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--gap-12);
    font-size: var(--fs-12);
    color: var(--caption);
}

.frame-parent88 {
    align-self: stretch;
    display: flex;
    align-items: center;
    gap: var(--gap-3);
}

.frame-child37,
.frame-child38,
.frame-child39 {
    position: relative;
    border-radius: var(--br-100);
    overflow: hidden;
}

.frame-child37 {
    height: var(--height-6);
    flex: 1;
    background-color: var(--color-limegreen-100);
}

.frame-child38,
.frame-child39 {
    align-self: stretch;
    flex-shrink: 0;
}

.frame-child38 {
    width: 15%;
    background-color: var(--color-royalblue);
}

.frame-child39 {
    width: 5%;
    background-color: var(--color-darkorange-100);
}

.frame-parent89,
.frame-parent90 {
    display: flex;
    align-items: center;
    gap: var(--gap-12);
}

.frame-parent90 {
    gap: var(--gap-3);
}

.frame-child40 {
    height: var(--height-10);
    width: var(--width-10);
    position: relative;
    border-radius: var(--br-100);
    background-color: var(--color-limegreen-100);
    overflow: hidden;
    flex-shrink: 0;
}

.g8 {
    position: relative;
    color: var(--black);
}

.frame-child41,
.frame-child42 {
    height: var(--height-10);
    width: var(--width-10);
    position: relative;
    border-radius: var(--br-100);
    background-color: var(--color-royalblue);
    overflow: hidden;
    flex-shrink: 0;
}

.frame-child42 {
    background-color: var(--color-darkorange-100);
}

.frame-parent93 {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--gap-6);
}

.frame-parent94 {
    align-self: stretch;
    border-radius: var(--br-12);
    background-color: var(--background);
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: right;
    padding: var(--padding-12) var(--padding-24);
    gap: var(--gap-12);
}

.frame-parent95 {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--gap-6);
    min-width: 12.688rem;
}

.eggs-group,
.pcs-group {
    align-self: stretch;
    display: flex;
}

.eggs-group {
    height: var(--height-43);
    flex-direction: column;
    align-items: flex-start;
}

.pcs-group {
    align-items: center;
    gap: var(--gap-6);
    font-size: var(--fs-14);
    color: var(--caption);
}

.pcs2 {
    position: relative;
    font-weight: 500;
}

.frame-child43 {
    height: var(--height-3);
    width: var(--width-3);
    position: relative;
    border-radius: var(--br-100);
    background-color: var(--caption);
    overflow: hidden;
    flex-shrink: 0;
}

.high-protein-container {
    border-radius: var(--br-100);
    background-color: var(--color-limegreen-400);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--padding-6) var(--padding-12);
    font-size: var(--fs-12);
    color: var(--color-limegreen-100);
}

.good-carbs-container,
.tick-01-frame {
    border-radius: var(--br-100);
    background-color: var(--text-color);
    display: flex;
    align-items: center;
    padding: var(--padding-3);
}

.good-carbs-container {
    background-color: var(--color-dodgerblue-300);
    justify-content: center;
    padding: var(--padding-6) var(--padding-12);
    font-size: var(--fs-12);
    color: var(--color-dodgerblue-100);
}

.view-full-nutrition-plan-group {
    display: flex;
    align-items: flex-start;
    padding: var(--padding-12) var(--padding-0) var(--padding-0);
    gap: var(--gap-12);
}

.arrow-down-01-sharp-icon2 {
    height: var(--height-24);
    width: var(--width-24);
    position: relative;
    object-fit: contain;
}

.frame-parent98 {
    width: 28.75rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--gap-24);
    text-align: left;
    font-size: var(--fs-24);
    color: var(--caption);
    font-family: var(--font-jost);
}

.most-fitness-apps-focus-only-o-container {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--gap-12);
}

.most-fitness-apps3 {
    position: relative;
    font-weight: 600;
}

.frame-parent99 {
    align-self: stretch;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    align-content: center;
    gap: var(--gap-12);
    font-size: var(--fs-14);
    color: var(--text-color);
}

.preserve-muscle-frame {
    cursor: pointer;
    border: 0;
}

.personalized-nutrition-frame:hover,
.preserve-muscle-frame:hover {
    background-color: var(--color-gainsboro);
}

.better-sleep-frame,
.personalized-nutrition-frame,
.preserve-muscle-frame {
    box-shadow: var(--shadow-drop-2);
    border-radius: var(--br-6);
    background-color: var(--surface);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--padding-6);
}

.personalized-nutrition-frame {
    cursor: pointer;
    border: 0;
    padding: var(--padding-6) var(--padding-5);
}

.frame-parent100,
.how-we-help-you-container {
    width: 100%;
    align-self: stretch;
    display: flex;
    align-items: stretch;
    gap: var(--gap-6);
}

.how-we-help-you-container {
    flex-direction: column;
    color: var(--text-color);
}

.frame-parent100 {
    justify-content: center;
    align-content: flex-start;
    font-size: var(--fs-16);
    color: var(--color-limegreen-100);
}

.frame-parent101,
.natural-food-frame {
    border-radius: var(--br-12);
    display: flex;
    align-items: center;
}

.frame-parent101 {
    flex: 1;
    background-color: var(--color-limegreen-300);
    flex-direction: column;
    padding: var(--padding-12);
    box-sizing: border-box;
    gap: var(--gap-12);
    text-align: center;
}

.natural-food-frame {
    background-color: var(--color-limegreen-400);
    padding: var(--padding-12);
}

.smart-nutrition-container {
    width: var(--width-111);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--gap-3);
}

.smart-nutrition3 {
    align-self: stretch;
    position: relative;
    letter-spacing: -0.02em;
    font-weight: 600;
}

.frame-child45 {
    width: var(--width-82);
    height: var(--height-3);
    position: relative;
    border-radius: var(--br-100);
    background-color: var(--color-limegreen-100);
    overflow: hidden;
    flex-shrink: 0;
}

.balanced-calorie-plans-with-an-frame {
    width: var(--width-123);
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: var(--fs-14);
    color: var(--caption);
}

.balanced-calorie-plans-with3 {
    align-self: stretch;
    position: relative;
    letter-spacing: -0.02em;
    font-weight: 500;
}

.bed-single-01-frame,
.frame-parent102 {
    border-radius: var(--br-12);
    display: flex;
    align-items: center;
}

.frame-parent102 {
    flex: 1;
    background-color: var(--color-darkorchid-200);
    flex-direction: column;
    padding: var(--padding-12);
    box-sizing: border-box;
    gap: var(--gap-12);
    color: var(--color-darkorchid-100);
}

.bed-single-01-frame {
    background-color: var(--color-darkorchid-300);
    padding: var(--padding-12);
    flex-shrink: 0;
}

.better-recovery-container {
    width: var(--width-111);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--gap-3);
    flex-shrink: 0;
}

.frame-child46 {
    width: var(--width-82);
    height: var(--height-3);
    position: relative;
    border-radius: var(--br-100);
    background-color: var(--color-darkorchid-100);
    overflow: hidden;
    flex-shrink: 0;
}

.improve-sleep-quality3 {
    width: var(--width-123);
    position: relative;
    font-size: var(--fs-14);
    letter-spacing: -0.02em;
    font-weight: 500;
    color: var(--caption);
    text-align: center;
    display: inline-block;
    flex-shrink: 0;
}

.frame-parent103 {
    flex: 1;
    border-radius: var(--br-12);
    background-color: var(--color-dodgerblue-200);
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: var(--padding-12);
    box-sizing: border-box;
    gap: var(--gap-8);
    color: var(--color-dodgerblue-100);
}

.corn-frame,
.reduce-inflammation-container {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.corn-frame {
    border-radius: var(--br-12);
    background-color: var(--color-dodgerblue-300);
    padding: var(--padding-12);
}

.reduce-inflammation-container {
    flex-direction: column;
    gap: var(--gap-3);
}

.reduce-inflammation3 {
    position: relative;
    letter-spacing: -0.02em;
    font-weight: 600;
    white-space: nowrap;
}

.frame-child47 {
    width: var(--width-82);
    height: var(--height-3);
    position: relative;
    border-radius: var(--br-100);
    background-color: var(--color-dodgerblue-100);
    overflow: hidden;
    flex-shrink: 0;
}

.anti-inflammatory-foods-that3 {
    width: 8.75rem;
    position: relative;
    font-size: var(--fs-14);
    letter-spacing: -0.02em;
    font-weight: 500;
    color: var(--caption);
    text-align: center;
    display: inline-block;
    flex-shrink: 0;
}

.frame-parent104 {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    font-size: var(--fs-16);
    color: var(--text-color);
    font-family: var(--font-jost);
    background: var(--background);
}

.e0c7004a-44b0-43c3-8cc8-a8a165-container {
    height: fit-content;
    align-self: stretch;
    border-radius: var(--br-12);
    display: flex;
    align-items: center;
}

.girl-2 {
    width: 100%;
}

.frame-parent105 {
    flex: 1;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    background-color: var(--surface);
    row-gap: var(--gap-20);
    border-radius: var(--br-24);
}

.e0c7004a-44b0-43c3-8cc8-a8a165-container {
    flex: 1;
    justify-content: center;
    align-self: flex-end;
    box-sizing: border-box;
}

.e0c7004a-44b0-43c3-8cc8-a8a165-icon2 {
    flex: 1;
    position: relative;
    max-width: 80%;
    overflow: hidden;
    max-height: 100%;
    object-fit: cover;
}

.happy-photoroom-1-container {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

.happy-photoroom-1-icon2 {
    flex: 1;
    position: relative;
    max-height: 80%;
    object-fit: cover;
}

.real-people-real-results-group {
    align-self: stretch;
    border-radius: var(--br-12);
    background-color: var(--elevated);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: var(--padding-12);
    gap: 0.812rem;
    margin-top: -2.5rem;
    position: relative;
}

.real-people-real2 {
    align-self: stretch;
    position: relative;
    font-weight: 600;
}

.frame-parent106 {
    gap: var(--gap-20);
    font-size: var(--fs-10);
    color: var(--surface);
}

.bad213-6545-4475-a094-99143542-group,
.frame-parent106 {
    display: flex;
    align-items: self-start;
}

.bad213-6545-4475-a094-99143542-icon5,
.happy-photoroom-2-icon2,
.k-container {
    height: var(--height-36);
    width: var(--width-36);
    border-radius: var(--br-100);
    position: relative;
}

.bad213-6545-4475-a094-99143542-icon5 {
    object-fit: cover;
}

.happy-photoroom-2-icon2,
.k-container {
    margin-left: -0.313rem;
}

.happy-photoroom-2-icon2 {
    object-fit: cover;
}

.k-container {
    background-color: var(--text-color);
    display: flex;
    align-items: center;
    justify-content: center;
}

.happy-tryfit-users-container2 {
    position: relative;
    font-size: var(--fs-14);
    font-weight: 600;
    color: var(--text-color);
}

.tryfit-users-achieving-their2 {
    color: var(--caption);
}

.frame-parent108 {
    text-align: center;
    font-size: var(--fs-48);
    color: var(--text-color);
    font-family: var(--font-jost);
}

.frame-parent108,
.tryfit-knows-your-true-strengt-container {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.frame-parent109 {
    align-self: stretch;
    display: flex;
    align-items: stretch;
    justify-content: center;
    flex-wrap: wrap;
    align-content: flex-start;
    gap: var(--gap-24);
}

.frame-parent110,
.frame-parent111 {
    display: flex;
    align-items: center;
    gap: var(--gap-12);
}

.frame-parent110 {
    flex: 1;
    flex-direction: column;
    justify-content: space-between;
    text-align: center;
    font-size: var(--fs-14);
    color: var(--text-color);
    font-family: var(--font-jost);
}

.frame-parent111 {
    flex: 1;
    background: var(--surface);
    align-self: stretch;
    padding: 0 var(--gap-12);
    padding-top: var(--padding-24);
    border-radius: var(--br-12);
    box-shadow: var(--shadow-drop-1);
}

.bad213-6545-4475-a094-99143542-icon6,
.bad213-6545-4475-a094-99143542-icon8,
.bad213-6545-4475-a094-99143542-icon7 {
    width: 100%;
}

.bad213-6545-4475-a094-99143542-wrapper2,
.bad213-6545-4475-a094-99143542-wrapper3,
.bad213-6545-4475-a094-99143542-wrapper2 {
    display: flex;
    height: fit-content;
    align-self: flex-end;
}


.frame-parent112 {
    align-self: stretch;
    border-radius: var(--br-12);
    background-color: var(--surface);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--padding-12);
    row-gap: var(--gap-20);
    box-shadow: var(--shadow-drop-1);
}

.frame-parent113 {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--gap-6);
    min-width: var(--min-w-106);
}

.user-check-01-container {
    border-radius: var(--br-12);
    background-color: var(--color-darkslategray-200);
    border: var(--border-1);
    display: flex;
    align-items: center;
    padding: var(--padding-5);
}

.frame-parent116 {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--gap-24);
    text-align: left;
    font-size: var(--fs-24);
    color: var(--caption);
    font-family: var(--font-jost);
}

.most-fitness-apps-focus-only-o-parent2 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--gap-12);
    flex-shrink: 0;
}

.frame-parent117 {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    align-content: center;
    gap: var(--gap-12);
    font-size: var(--fs-14);
    color: var(--text-color);
}

.personalized-nutrition-wrapper2 {
    box-shadow: var(--shadow-drop-2);
    border-radius: var(--br-6);
    background-color: var(--surface);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--padding-6) var(--padding-5);
}

.how-tryfit-works-parent {
    flex: 1;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--gap-12);
    flex-shrink: 0;
    color: var(--text-color);
}

.how-tryfit-works {
    align-self: stretch;
    position: relative;
    font-weight: 600;
}

.frame-parent118 {
    flex: 1;
    width: 100%;
    align-self: stretch;
    display: flex;
    align-items: center;
    align-content: center;
    gap: var(--gap-12);
    font-size: var(--fs-16);
    color: var(--color-dodgerblue-100);
}

.corn-wrapper2,
.frame-parent119 {
    border-radius: var(--br-12);
    display: flex;
    align-items: center;
}

.frame-parent119 {
    align-self: stretch;
    flex: 1;
    background-color: var(--color-dodgerblue-200);
    flex-direction: column;
    padding: var(--padding-12);
    gap: var(--gap-8);
}

.corn-wrapper2 {
    background-color: var(--color-dodgerblue-300);
    padding: var(--padding-12);
}

.reduce-inflammation-parent2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--gap-3);
}

.anti-inflammatory-foods-that4,
.reduce-inflammation4 {
    font-weight: 600;
    text-align: center;
}

.anti-inflammatory-foods-that4 {
    width: 8.75rem;
    font-size: var(--fs-14);
    font-weight: 500;
    color: var(--caption);
    text-align: center;
    display: inline-block;
}

.frame-parent120 {
    align-self: stretch;
    flex: 1;
    background-color: var(--color-darkorchid-200);
    flex-direction: column;
    padding: var(--padding-12);
    gap: var(--gap-12);
    color: var(--color-darkorchid-100);
}

.frame-parent120,
.frame-parent121,
.natural-food-wrapper2 {
    border-radius: var(--br-12);
    display: flex;
    align-items: center;
}

.frame-parent121 {
    align-self: stretch;
    flex: 1;
    background-color: var(--color-limegreen-300);
    flex-direction: column;
    padding: var(--padding-12);
    gap: var(--gap-12);
    text-align: center;
    color: var(--color-limegreen-100);
}

.natural-food-wrapper2 {
    background-color: var(--color-limegreen-400);
    padding: var(--padding-12);
    flex-shrink: 0;
}

.balanced-calorie-plans-with-an-wrapper2 {
    width: var(--width-123);
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-shrink: 0;
    font-size: var(--fs-14);
    color: var(--caption);
}

.your-workout-plan-group {
    flex: 1;
    max-height: 28rem;
    box-shadow: var(--shadow-drop-1);
    border-radius: var(--br-12);
    background-color: var(--surface);
    overflow: hidden;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: var(--padding-24);
    box-sizing: border-box;
    gap: var(--gap-12);
    text-align: left;
    font-size: var(--fs-16);
    color: var(--text-color);
    font-family: var(--font-jost);
}

.your-workout-plan2 {
    align-self: stretch;
    position: relative;
    font-weight: 600;
    flex-shrink: 0;
}

.frame-parent122 {
    align-self: stretch;
    display: flex;
    align-items: center;
    gap: var(--gap-12);
    flex-shrink: 0;
    font-size: var(--fs-14);
    color: var(--black);
}

.sun-group {
    border-radius: var(--br-12);
    background-color: var(--text-color);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: var(--padding-12);
    gap: var(--gap-3);
    flex-shrink: 0;
    color: var(--surface);
}

.today2 {
    position: relative;
    font-size: var(--fs-12);
    color: var(--caption);
}

.mon-group {
    cursor: pointer;
    border: 0;
    padding: var(--padding-12);
    background-color: var(--background);
    border-radius: var(--br-12);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--gap-3);
    flex-shrink: 0;
}

.jul6,
.mon2 {
    position: relative;
    font-family: var(--font-jost);
    text-align: left;
}

.mon2 {
    font-size: var(--fs-14);
    font-weight: 500;
    color: var(--black);
}

.jul6 {
    font-size: var(--fs-12);
    color: var(--caption);
}

.frame-parent123,
.wed-group {
    border-radius: var(--br-12);
    background-color: var(--background);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: var(--padding-12);
    gap: var(--gap-3);
    flex-shrink: 0;
}

.frame-parent123 {
    align-self: stretch;
    background-color: var(--elevated);
    gap: var(--gap-12);
}

.frame-parent124 {
    align-self: stretch;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--gap-20);
}

.full-body-group {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--gap-6);
}

.min-group {
    height: var(--height-20);
    display: flex;
    align-items: center;
    gap: var(--gap-12);
    font-size: var(--fs-14);
    color: var(--caption);
}

.arrow-left-01-sharp-frame,
.frame-child51 {
    border-radius: var(--br-100);
    overflow: hidden;
    display: flex;
}

.frame-child51 {
    height: var(--height-5);
    width: var(--width-5);
    background-color: var(--color-darkgray-100);
    flex-shrink: 0;
    align-items: flex-start;
    padding: var(--padding-2) var(--padding-0);
    box-sizing: border-box;
}

.arrow-left-01-sharp-frame {
    background-color: var(--surface);
    align-items: center;
    padding: var(--padding-6);
    transform: rotate(-180deg);
}

.arrow-left-01-sharp-icon4 {
    height: var(--height-24);
    width: var(--width-24);
    position: relative;
    transform: rotate(180deg);
}

.image-photoroom-1-group {
    align-self: stretch;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    isolation: isolate;
    gap: var(--gap-10);
}

.image-photoroom-1-icon2 {
    height: 16.75rem;
    width: 8.438rem;
    position: relative;
    object-fit: cover;
    z-index: 0;
}

.play-container {
    margin: 0 !important;
    position: absolute;
    top: 6.875rem;
    left: 8.688rem;
    border-radius: var(--br-12);
    background-color: var(--color-gray);
    display: flex;
    align-items: center;
    padding: var(--padding-12);
    z-index: 1;
}

.notification-01-group {
    cursor: pointer;
    border: 0;
    padding: var(--padding-6) var(--padding-12);
    background-color: var(--color-darkslategray-200);
    border-radius: var(--br-100);
    display: flex;
    align-items: center;
    gap: var(--gap-6);
}

.notification-01-group:hover {
    background-color: var(--color-dimgray-300);
}

.how-dose-it2 {
    position: relative;
}

.frame-parent127 {
    align-self: stretch;
    border-radius: var(--br-24);
    background-color: var(--surface);
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
    align-content: flex-start;
    gap: var(--gap-48);
    padding: 0 var(--padding-24);
    padding-top: var(--padding-24);
}

.frame-icon {
    height: auto;
    width: 27.375rem;
    max-width: 100%;
    object-fit: cover;
}

.time-to-workout-group {
    height: 19.125rem;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-width: 28.125rem;
    text-align: left;
    font-size: var(--fs-24);
    color: var(--text-color);
    font-family: var(--font-jost);
}

.time-to-workout2,
.your-body-is2 {
    position: relative;
    letter-spacing: var(--ls--0_01);
}

.your-body-is2 {
    font-size: var(--fs-18);
    font-weight: 500;
    color: var(--caption);
}

.frame-parent128 {
    align-self: stretch;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    align-content: center;
    padding: var(--padding-24) var(--padding-0) var(--padding-0);
    gap: var(--gap-12);
}

.smart-workout-timing-container {
    cursor: pointer;
    border: 0;
    padding: var(--padding-12);
    background-color: var(--text-color);
    border-radius: var(--br-12);
    display: flex;
    align-items: center;
    justify-content: center;
}

.no-fixed-gym-hours-container:hover,
.smart-workout-timing-container:hover {
    background-color: var(--color-dimgray-100);
}

.smart-workout-timing2 {
    position: relative;
    font-size: var(--fs-16);
    letter-spacing: var(--ls--0_01);
    font-weight: 500;
    font-family: var(--font-jost);
    color: var(--surface);
    text-align: left;
}

.no-fixed-gym-hours-container {
    cursor: pointer;
    border: 0;
    padding: var(--padding-12) var(--padding-11);
    background-color: var(--text-color);
    border-radius: var(--br-12);
    display: flex;
    align-items: center;
    justify-content: center;
}

.frame-parent130 {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--gap-12);
    text-align: left;
    font-size: var(--fs-14);
    color: var(--text-color);
    font-family: var(--font-jost);
}

.ready-to-get-healthier-group,
.tumblr-group {
    display: flex;
    align-items: center;
    gap: var(--gap-6);
}

.tumblr-group {
    border-radius: var(--br-100);
    background-color: var(--color-darkslategray-200);
    justify-content: center;
    padding: var(--padding-6) var(--padding-12);
}

.ready-to-get-healthier-group {
    flex-direction: column;
    font-size: var(--fs-48);
    color: var(--caption);
}

.ready-to-get-container2 {
    margin: 0;
    position: relative;
    font-size: inherit;
    font-weight: 700;
    font-family: inherit;
}

.healthier2 {
    color: var(--text-color);
}

.personalized-workouts-nutriti2 {
    width: 53.5rem;
    position: relative;
    font-size: var(--fs-16);
    font-weight: 500;
    text-align: center;
    display: inline-block;
}

.frame-wrapper7,
.image-1-group {
    display: flex;
    align-items: center;
    justify-content: center;
}

.frame-wrapper7 {
    align-self: stretch;
}

.image-1-group {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: var(--gap-12);
}

.image-1-icon2 {
    max-width: 375px;
    position: relative;
    border-radius: var(--br-12);
    overflow: hidden;
    max-height: 100%;
    object-fit: cover;
    align-self: center;
}

.frame-parent131 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--gap-24);
}

.apple-parent4 {
    cursor: pointer;
    border: 0;
    padding: var(--padding-12) var(--padding-24) var(--padding-12) var(--padding-12);
    background-color: var(--surface);
    border-radius: var(--br-12);
    display: flex;
    align-items: center;
    gap: var(--gap-12);
}

.app-store4 {
    align-self: stretch;
    position: relative;
    font-size: var(--fs-16);
    letter-spacing: var(--ls--0_47);
    line-height: 100%;
    font-weight: 500;
    font-family: var(--font-jost);
    color: var(--text-color);
    text-align: left;
}

.footerdesktop2 {
    align-self: stretch;
    height: 30.25rem;
    background-color: var(--text-color);
    overflow: hidden;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--padding-10) var(--padding-48);
    box-sizing: border-box;
}

.frame-parent133 {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--gap-48);
    max-width: 100%;
}

.frame-parent134 {
    align-self: stretch;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--gap-20);
}

.goldy-group {
    width: 17.875rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.goldy4,
.invest-in-gold2 {
    align-self: stretch;
    position: relative;
    font-weight: 900;
}

.invest-in-gold2 {
    font-size: var(--fs-16);
    line-height: var(--lh-24);
    font-weight: 600;
    font-family: var(--font-jost);
}

.subscribe-to-our-newsletter-group {
    width: 28.313rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--gap-12);
    font-size: var(--fs-16);
    font-family: var(--font-jost);
}

.frame-parent135 {
    align-self: stretch;
    display: flex;
    align-items: center;
    gap: var(--gap-6);
}

.frame-child53,
.subscribe-container {
    border: 0;
    background-color: var(--surface);
    height: var(--height-40);
    border-radius: var(--br-100);
    display: flex;
    align-items: center;
    box-sizing: border-box;
}

.frame-child53 {
    width: 100%;
    outline: 0;
    box-shadow: var(--shadow-drop-3);
    overflow: hidden;
    padding: var(--padding-10) var(--padding-16);
    font-family: var(--font-jost);
    font-weight: 600;
    font-size: var(--fs-14);
    color: var(--color-dimgray-200);
}

.subscribe-container {
    cursor: pointer;
    padding: var(--padding-6) var(--padding-24);
    justify-content: center;
}

.subscribe2 {
    position: relative;
    font-size: var(--fs-14);
    font-weight: 600;
    font-family: var(--font-jost);
    color: var(--foreground);
    text-align: left;
}

.frame-parent136 {
    align-self: stretch;
    display: flex;
    align-items: flex-start;
    gap: 22.25rem;
    font-size: var(--fs-16);
    font-family: var(--font-jost);
}

.blog-group,
.company-group {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--gap-24);
}

.blog-group {
    font-size: var(--fs-14);
    color: var(--Neutral-Gray-5);
}

.faqs4 {
    width: 5.75rem;
    position: relative;
    font-weight: 600;
    display: inline-block;
}

.buy-group {
    display: none;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--gap-24);
}

.buy-gold-group,
.frame-parent137 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--gap-12);
}

.buy-gold-group {
    font-size: var(--fs-14);
    color: var(--Neutral-Gray-5);
}

.frame-parent137 {
    width: 6.813rem;
}

.instagram-group {
    align-self: stretch;
    display: flex;
    align-items: center;
    gap: var(--gap-12);
}

.spcial-media-icons2 {
    height: var(--height-24);
    width: var(--width-24);
    position: relative;
    flex-shrink: 0;
}

.keylines-icon2,
.logo-social-x2,
.vector-icon4 {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.keylines-icon2,
.vector-icon4 {
    max-width: 100%;
    overflow: hidden;
    max-height: 100%;
}

.vector-icon4 {
    height: 66.67%;
    width: 66.67%;
    top: 16.67%;
    right: 16.67%;
    bottom: 16.67%;
    left: 16.67%;
}

.x-twitter2 {
    position: relative;
    font-weight: 600;
    flex-shrink: 0;
}

@media screen and (max-width: 1450px) {
    .group-156-1-parent {
        gap: 4.063rem;
    }
}

@media screen and (max-width: 1200px) {
    .frame-image {
        gap: var(--gap-32);
    }

    .frame-parent118 {
        flex-wrap: wrap;
    }

    .frame-parent100 {
        flex-wrap: wrap;
    }

    .smart-workout-timing2 {
        font-size: var(--fs-14);
    }

}

@media screen and (max-width: 825px) {
    .frame-image {
        gap: var(--gap-16);
    }

    .frame-parent76 {
        padding: 0 var(--padding-24);
    }

    .frame-parent76,
    .group-156-1-parent {
        gap: var(--gap-48);
    }

    .frame-parent77 {
        gap: var(--gap-24);
    }

    .why-tryfit2,
    .your-ai-coach2 {
        font-size: var(--fs-38);
    }

    .frame-parent84 {
        gap: var(--gap-24);
    }

    .your-workout-plan-group {
        padding-top: var(--padding-20);
        padding-bottom: var(--padding-20);
        box-sizing: border-box;
    }

    .how-dose-it2 {
        font-size: var(--fs-38);
    }

    .frame-parent127 {
        gap: var(--gap-24);
    }

    .time-to-workout-group {
        min-width: 100%;
    }

    .ready-to-get-container2 {
        font-size: var(--fs-38);
    }
}

@media screen and (max-width: 450px) {
    .frame-parent76 {
        gap: var(--gap-48);
    }

    .frame-parent77 {
        height: auto;
    }

    .your-ai-coach2 {
        font-size: var(--fs-29);
    }

    .frame-parent79 {
        flex-direction: row;
    }

    .why-tryfit2 {
        font-size: var(--fs-29);
    }

    .todays-nutrition-group {
        height: auto;
        padding-top: var(--padding-20);
        padding-bottom: var(--padding-20);
        box-sizing: border-box;
    }

    .frame-parent87 {
        height: auto;
    }

    .frame-parent88 {
        flex-wrap: wrap;
    }

    .frame-child39 {
        height: var(--height-6);
    }

    .frame-parent89,
    .frame-parent94 {
        flex-wrap: wrap;
    }

    .eggs-group {
        height: auto;
    }

    .pcs-group {
        flex-wrap: wrap;
    }

    .most-fitness-apps3 {
        font-size: var(--fs-19);
    }

    .frame-parent102,
    .frame-parent103,
    .frame-parent101 {
        flex: 1;
    }

    .frame-parent105 {
        flex-wrap: wrap;
        grid-row-gap: 20px;
        justify-content: center;
        grid-template-columns: minmax(109px, 1fr);
        padding-top: var(--padding-12);
    }

    .frame-parent110 {
        height: auto;
    }

    .how-tryfit-works {
        font-size: var(--fs-19);
    }

    .frame-parent120,
    .frame-parent121 {
        flex: 1;
    }

    .your-workout-plan-group {
        height: auto;
    }

    .frame-parent122 {
        flex-wrap: wrap;
        justify-content: stretch;
    }

    .frame-parent124 {
        flex-wrap: wrap;
    }

    .how-dose-it2 {
        font-size: var(--fs-29);
    }

    .frame-parent127 {
        box-sizing: border-box;
    }

    .time-to-workout2 {
        font-size: var(--fs-19);
    }

    .ready-to-get-container2 {
        font-size: var(--fs-29);
    }

    .frame-wrapper7 {
        gap: 9.875rem;
    }

    .frame-parent131 {
        flex-wrap: wrap;
    }
}

/* ============================================
   RESPONSIVE OVERRIDES - Mobile & Tablet
   ============================================ */

/* --- Hamburger Menu Toggle --- */
.mobile-menu-toggle {
    display: none;
    flex-direction: column;
    gap: 5px;
    cursor: pointer;
    background: none;
    border: none;
    padding: 8px;
    z-index: 100;
}

.mobile-menu-toggle span {
    display: block;
    width: 24px;
    height: 2px;
    background-color: var(--text-color);
    border-radius: 2px;
    transition: all 0.3s ease;
}

.mobile-menu-open .mobile-menu-toggle span:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
}

.mobile-menu-open .mobile-menu-toggle span:nth-child(2) {
    opacity: 0;
}

.mobile-menu-open .mobile-menu-toggle span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
}

/* Tablet: 768px - 1024px */
@media screen and (max-width: 1024px) {
    .navbarpublic2 {
        gap: var(--gap-24);
        padding: var(--padding-24) var(--padding-24) 0;

    }

    .frame-nav {
        gap: var(--gap-24);
    }

    .group-156-1 {
        width: 100%;
        max-height: 20rem;
    }

    .frame-parent77 {
        width: 100%;
        max-width: 38rem;
        height: auto;
    }

    .an-ai-powered-system2 {
        width: 100%;
    }

    .frame-parent98,
    .frame-parent104,
    .todays-nutrition-group {
        width: 100%;
        max-width: 100%;
        height: auto;
    }

    .frame-parent110 {
        width: 100%;
        max-width: 100%;
        height: auto;
    }

    .personalized-workouts-nutriti2 {
        width: 100%;
    }

    .frame-parent136 {
        gap: var(--gap-48);
    }

    .footerdesktop2 {
        height: auto;
        padding: var(--padding-48) var(--padding-24);
    }

    .frame-parent134 {
        flex-wrap: wrap;
        gap: var(--gap-32);
    }

    .subscribe-to-our-newsletter-group {
        width: 100%;
    }
}

/* Mobile: up to 767px */
@media screen and (max-width: 767px) {
    /* --- Navbar Mobile --- */
    .navbarpublic2 {
        flex-wrap: wrap;
        position: relative;
        gap: var(--gap-12);
    }

    .goldy3 {
        flex: 1;
    }

    .mobile-menu-toggle {
        display: flex;
    }

    .frame-nav {
        display: none;
        flex-direction: column;
        width: 100%;
        order: 3;
        gap: var(--gap-16);
        padding: var(--padding-16) 0;
        border-top: 1px solid var(--color-gainsboro);
        align-items: flex-start;
    }

    .navbarpublic2.mobile-menu-open .frame-nav {
        display: flex;
    }

    .navbarpublic-child {
        order: 2;
    }

    .register2 {
        font-size: var(--fs-14);
    }

    /* --- Hero Section --- */
    .group-156-1-parent {
        flex-direction: column;
        gap: var(--gap-24);
        align-items: center;
        border-bottom: none;
    }

    .group-156-1 {
        width: 100%;
        order: 1;
    }

    .frame-parent77 {
        order: 2;
        width: 100%;
        height: auto;
        gap: var(--gap-24);
        align-items: center;
        text-align: center;
    }

    .your-ai-coach2 {
        font-size: var(--fs-29) !important;
        text-align: center;
    }

    .an-ai-powered-system2 {
        width: 100%;
        font-size: var(--fs-16);
        text-align: center;
    }

    .bot-container {
        justify-content: center;
    }

    .bad213-6545-4475-a094-99143542-group {
        justify-content: center;
    }

    .frame-parent79 {
        justify-content: center;
    }

    /* --- Why TryFit Section --- */
    .frame-parent81 {
        padding: 0 var(--padding-16);
    }

    .why-tryfit2 {
        font-size: var(--fs-29) !important;
        text-align: center;
    }

    .why-tryfit-container {
        text-align: center;
    }

    .get-fit-without-guesswork-container {
        text-align: center;
        align-items: center;
    }

    /* --- Feature Cards --- */
    .frame-parent86 {
        flex-direction: column;
        gap: var(--gap-16);
    }

    .todays-nutrition-group {
        width: 100%;
        max-width: 100%;
        height: auto;
        box-sizing: border-box;
    }

    .frame-parent98 {
        width: 100%;
        max-width: 100%;
        height: auto;
    }

    .frame-parent104 {
        width: 100%;
        max-width: 100%;
        height: auto;
    }

    .frame-parent105 {
        gap: var(--gap-12);
    }

    .e0c7004a-44b0-43c3-8cc8-a8a165-icon2,
    .happy-photoroom-1-icon2 {
        width: 100%;
    }

    /* --- AI Personalization Section --- */
    .frame-parent109 {
        flex-direction: column-reverse;
    }

    .frame-parent110 {
        width: 100%;
        max-width: 100%;
        height: auto;
    }

    .frame-parent112 {
        flex-direction: row;
        gap: var(--gap-16);
        justify-content: center;
    }

    .frame-parent116 {
        width: 100%;
        max-width: 100%;
    }

    .your-workout-plan-group {
        width: 100%;
        max-width: 100%;
        height: auto;
    }

    .frame-parent122 {
        overflow-x: hidden;
        flex-wrap: nowrap;
        gap: var(--gap-8);
        padding-bottom: var(--padding-8);
    }

    /* --- How It Works --- */
    .frame-parent127 {
        flex-direction: column-reverse;
        gap: var(--gap-24);
    }

    .frame-icon {
        width: 100% !important;
        max-width: 22rem;
        height: auto !important;
        object-fit: contain;
    }

    .time-to-workout-group {
        min-width: unset;
        width: 100%;
        text-align: center;
        align-items: center;
    }

    .time-to-workout2 {
        font-size: var(--fs-24) !important;
    }

    .frame-parent128 {
        justify-content: center;
    }

    /* --- CTA Section --- */
    .frame-parent130 {
        padding: 0 var(--padding-16);
        text-align: center;
        align-items: center;
    }

    .ready-to-get-container2 {
        font-size: var(--fs-29) !important;
        text-align: center;
    }

    .personalized-workouts-nutriti2 {
        width: 100%;
        text-align: center;
    }

    .image-1-group {
        width: 100%;
    }

    .frame-parent131 {
        flex-wrap: wrap;
        gap: var(--gap-12);
        justify-content: center;
    }

    .apple-parent4 {
        flex: 1;
        min-width: 10rem;
    }

    /* --- Footer --- */
    .footerdesktop2 {
        height: auto;
        padding: var(--padding-48) var(--padding-16);
    }

    .frame-parent133 {
        gap: var(--gap-32);
    }

    .frame-parent134 {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--gap-24);
    }

    .goldy-group {
        width: 100%;
    }

    .goldy4 {
        font-size: var(--fs-38);
    }

    .subscribe-to-our-newsletter-group {
        width: 100%;
    }

    .frame-parent135 {
        flex-wrap: wrap;
        gap: var(--gap-8);
    }

    .frame-child53 {
        min-width: 10rem;
        flex: 1;
    }

    .frame-parent136 {
        flex-direction: column;
        gap: var(--gap-24);
    }

    .frame-parent108 {
        padding: 0 var(--padding-16);
    }
}

/* Small Mobile: up to 390px */
@media screen and (max-width: 390px) {
    .navbarpublic-group {
        padding: var(--padding-8) var(--padding-12);
    }

    .your-ai-coach2 {
        font-size: var(--fs-24) !important;
    }

    .apple-parent2 {
        padding: var(--padding-8) var(--padding-12);
    }

    .download-on-the5 {
        font-size: var(--fs-10);
    }

    .app-store3 {
        font-size: var(--fs-14);
    }

    .frame-parent83 {
        gap: var(--gap-8);
    }

    .chatting-01-group,
    .agreement-01-group,
    .bed-single-01-group,
    .check-list-group,
    .bubble-chat-question-group,
    .analytics-01-group {
        padding: var(--padding-8);
    }
}