:root {
    --food-green: #079447;
    --food-green-dark: #067a3c;
    --food-green-soft: #f3faf5;
    --food-yellow: #ffc400;
    --food-yellow-soft: #fff3be;
    --food-canvas: #fffcf5;
    --food-white: #ffffff;
    --food-text: #171a18;
    --food-text-secondary: #66706a;
    --food-border: #dce9df;
    --food-footer: #20231f;
    --food-radius: 16px;
    --food-motion-fast: 180ms;
    --food-motion: 240ms;
    --food-ease: cubic-bezier(.2, .8, .2, 1);
}

.w-1152 {
    width: 1152px;
    margin: 0 auto;
}

.item-title {
    font-size: 48px;
    font-weight: 600;
    margin: 0;
    text-align: center;
    line-height: 1;
    margin-bottom: 30px;
}

.item-text {
    font-size: 20px;
    font-weight: 400;
    margin: 0;
    text-align: center;
    line-height: 1;
    margin-bottom: 50px;
    color: #6b6b6b;
}

.foodai-discovery {
    padding: 82px 0 88px;
    background: #fff;
}

.foodai-discovery-main,
.foodai-discovery-card {
    display: flex;
    flex-direction: column;
    color: #222;
    border: 1px solid #dcefe0;
    border-radius: 12px;
    background: #f5fcf4;
    transition: transform .2s ease, box-shadow .2s ease;
}

.foodai-discovery-main {
    min-height: 230px;
    margin-top: 10px;
    padding: 30px 38px;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
}

.foodai-discovery-copy {
    max-width: 610px;
}

.foodai-discovery h3 {
    margin: 0 0 14px;
    font-size: 28px;
    font-weight: 600;
}

.foodai-discovery p {
    margin: 0 0 20px;
    color: #6b6b6b;
    font-size: 17px;
    line-height: 1.55;
}

.foodai-discovery span {
    color: #059645;
    font-weight: 600;
}

.foodai-discovery-main img {
    width: 230px;
    max-height: 190px;
    object-fit: contain;
}

.foodai-discovery-secondary {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
    margin-top: 24px;
}

.foodai-discovery-card {
    min-height: 190px;
    padding: 26px 30px;
    background: #fff;
    box-sizing: border-box;
}

.foodai-discovery-card h3 {
    font-size: 22px;
}

.foodai-discovery-main:hover,
.foodai-discovery-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 14px rgba(5, 150, 69, .10);
}

.tool-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 24px rgba(5, 150, 69, .12);
}

.tool-card strong {
    color: #059645;
    font-size: 22px;
}

.tool-card span {
    color: #6b6b6b;
    font-size: 16px;
    line-height: 1.5;
}

.header {
    height: 80px;
    position: fixed;
    width: 100%;
    display: flex;
    align-items: center;
    background-color: #fff;
    box-shadow: 0 4px 10px #ebebeb;
    z-index: 999;
}

.close {
    display: none;
}

.menu-logo {
    display: none;
}

.header .conte {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header .logo {
    margin: 0;
    display: block;
    width: 181px;
    background: url('../image/logo.png') center no-repeat;
    background-size: contain;
    text-indent: -99em;
}

.header nav .menu {
    display: flex;
    gap: 56px;
}

.header nav .menu button,
.header nav .menu a {
    font-size: 20px;
    padding: 10px 0 8px;
    cursor: pointer;
    color: #222;
}

.header nav .menu a {
    display: block;
}

.header nav .menu .active {
    color: #059645;
    border-bottom: 2px solid #059645;
}

.header .menu-btn {
    display: none;
}

.header .download {
    font-size: 20px;
    background: #059645;
    padding: 8px 21px 12px;
    border-radius: 10px;
    color: #fff;
    cursor: pointer;
}

.page {
    padding-top: 80px;
}

.page .step1 {
    height: 700px;
    background: #f5fcf4;
}

.step1 .banner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 22px;
    height: 100%;
}

.food-info {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.food-info .title {
    font-size: 40px;
    margin: 0;
    line-height: 1;
}

.food-info .title .func {
    color: #059645;
}

.food-info .text {
    margin: 0;
    font-size: 20px;
    line-height: 30px;
}

.food-info .link {
    display: flex;
    gap: 20px;
    padding-top: 20px;
    padding-bottom: 56px;
}

.food-info .link a {
    display: block;
    width: 214px;
    cursor: pointer;
}

.food-info .link a img {
    display: block;
    width: 100%;
    height: auto;
}

.step1 .banner .banner-image {
    margin-right: -60px;
}


.step2 {
    padding-top: 72px;
    padding-bottom: 78px;
}

.step2 .work {
    
}

.value-flow {
    display: grid;
    grid-template-columns: 1fr 52px 1fr 52px 1fr;
    gap: 18px;
    align-items: center;
}

.value-flow-item {
    min-width: 0;
}

.value-flow-number {
    display: block;
    margin-bottom: 18px;
    color: #f4c400;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: .04em;
}

.value-flow-item h3 {
    margin: 0 0 12px;
    color: #222;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
}

.value-flow-item p {
    max-width: 260px;
    margin: 0;
    color: #6b6b6b;
    font-size: 16px;
    line-height: 1.55;
}

.value-flow-arrow {
    color: #059645;
    font-size: 28px;
    text-align: center;
}

.step2 .mySwiper {
    width: 100%;
}

.step2 .work .work-pro {
    display: flex;
    justify-content: space-between;
    padding: 0 30px;
    gap: 80px;
    align-items: center;
}

.step2 .work .work-pro .pro-left {
    max-width: 360px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    overflow: hidden;
    position: relative;
    padding-bottom: 50px;
}

.view-img {
    display: flex;
    transition: transform .3s ease;
}

.view-img img {
    width: 100%;
    height: auto;
    border-radius: 10px;
}

.pro-left .work-point {
    position: absolute;
    bottom: 10px;
    display: flex;
    justify-content: center;
    width: 100%;
    gap: 15px;
    padding-top: 10px;
}

.pro-left .work-point span {
    width: 18px;
    height: 18px;
    background: #999999;
    border-radius: 50%;
    cursor: pointer;
}

.pro-left .work-point span.point-active {
    background: #00da7c;
}


.step2 .work .work-pro .pro-right {
    display: flex;
    flex-direction: column;
    gap: 28px;
    padding-bottom: 50px;
}

.step2 .work .work-pro .pro-right .pro-item {
    border: 2px solid #abc5b7;
    border-top: 1px solid #abc5b7;
    display: flex;
    padding: 22px 15px 30px;
    border-radius: 10px;
    gap: 16px;
    margin-left: 12px;
    transition: margin-left .3s ease;
    cursor: pointer;
}

.step2 .work .work-pro .pro-right .pro-item.pro-active {
    margin-left: 0;
    border: 2px solid #059645;
}

.step2 .work .work-pro .pro-right .pro-item.pro-active .number {
    background-color: #059645;
    color: #fff;
}

.step2 .work .work-pro .pro-right .pro-item .number {
    width: 38px;
    height: 38px;
    background-color: #e5f2eb;
    color: #059645;
    font-size: 24px;
    line-height: 38px;
    text-align: center;
    border-radius: 10px;
    flex-shrink: 0;
}

.step2 .work .work-pro .pro-right .pro-item p {
    margin: 0;
}

.step2 .work .work-pro .pro-right .pro-item .p3 {
    font-size: 24px;
    font-weight: 500;
    line-height: 38px;
    height: 38px;
}

.step2 .work .work-pro .pro-right .pro-item .p4 {
    font-size: 16px;
    color: #6b6b6b;
    line-height: 24px;
    padding-top: 10px;
}

.step3 {
    background: #fbfbfb;
}

.step3 .adv {
    padding-top: 66px;
    padding-bottom: 88px;
}

.adv .con {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
}

.adv .con .con-item {
    min-height: 0;
    padding: 24px 4px 18px;
    position: relative;
    background: transparent;
}

.adv .con .con-item::before {
    display: block;
    width: 40px;
    height: 2px;
    margin-bottom: 20px;
    background: #059645;
    content: '';
}

.adv .con .con-item .icon {
    width: 28px;
    height: 28px;
    border-radius: 0;
    background-image: url('../image/timeliness.png');
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    background-size: contain;
}

.adv .con .con-item .icon.icon3 {
    background-image: url('../image/03.png');
}

.adv .con .con-item .icon.icon2 {
    background-image: url('../image/02.png');
}

.adv .con .con-item .icon.icon5 {
    background-image: url('../image/05.png');
}

.adv .con .con-item .icon.icon4 {
    background-image: url('../image/04.png');
}

.adv .con .con-item .icon.icon6 {
    background-image: url('../image/06.png');
}

.adv .con .con-item p {
    margin: 0;
    line-height: 1;
}

.adv .con .con-item .p1 {
    font-size: 24px;
    font-weight: 600;
    color: #000;
    margin: 25px 0 20px;
}

.adv .con .con-item .p2 {
    font-size: 16px;
    font-weight: 400;
    color: #6b6b6b;
    line-height: 24px;
}

.adv .capability-secondary {
    border-top-color: transparent;
}

.step4 {
    padding-top: 60px;
    padding-bottom: 130px;
}

.meal-story {
    padding: 80px 0 88px;
}

.meal-story-heading .item-title {
    margin-bottom: 22px;
}

.meal-story-heading .item-text {
    margin-bottom: 58px;
}

.meal-story-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(320px, .85fr);
    gap: 74px;
    align-items: center;
}

.meal-story-visual {
    min-height: 410px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.meal-story-image {
    display: block;
    width: min(100%, 470px);
    height: 410px;
    object-fit: contain;
    transition: opacity .3s ease, transform .3s ease;
}

.meal-story-image.is-changing {
    opacity: 0;
    transform: translateY(8px);
}

.meal-story-caption {
    margin: 12px 0 0;
    color: #6b6b6b;
    font-size: 16px;
}

.meal-story-steps {
    position: relative;
    display: grid;
    gap: 8px;
}

.meal-story-steps::before {
    position: absolute;
    top: 28px;
    bottom: 28px;
    left: 23px;
    width: 1px;
    background: #dcefe0;
    content: '';
}

.meal-story-step {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 48px 1fr;
    gap: 18px;
    width: 100%;
    min-height: 104px;
    padding: 16px 0;
    border: 0;
    border-bottom: 1px solid transparent;
    background: transparent;
    color: #777;
    text-align: left;
    cursor: pointer;
}

.meal-story-step:focus-visible {
    outline: 0;
}

.meal-story-step:focus-visible strong {
    text-decoration: underline;
    text-decoration-color: #059645;
    text-decoration-thickness: 2px;
    text-underline-offset: 4px;
}

.meal-story-number {
    display: grid;
    width: 46px;
    height: 46px;
    place-items: center;
    border: 1px solid #dcefe0;
    border-radius: 50%;
    background: #fff;
    color: #7abf96;
    font-size: 14px;
    font-weight: 700;
}

.meal-story-step-copy {
    display: grid;
    gap: 7px;
    padding-top: 3px;
}

.meal-story-step strong {
    color: #777;
    font-size: 24px;
    font-weight: 600;
}

.meal-story-step small {
    max-width: 330px;
    color: #999;
    font-size: 16px;
    line-height: 1.5;
}

.meal-story-step:hover strong,
.meal-story-step.is-active strong {
    color: #222;
}

.meal-story-step.is-active .meal-story-number {
    border-color: #f4c400;
    background: #f4c400;
    color: #222;
}

.meal-story-step.is-active small {
    color: #555;
}

.meal-story-step.is-active::after {
    position: absolute;
    top: 16px;
    right: -14px;
    bottom: 16px;
    width: 2px;
    background: #059645;
    content: '';
}

@media (prefers-reduced-motion: reduce) {
    .meal-story-image {
        transition: none;
    }
}

/* Compact WHY bridge and stronger product-story visual. */
.step2 {
    padding: 48px 0 54px;
}

.why-food-ai-band {
    display: grid;
    grid-template-columns: minmax(180px, .35fr) minmax(0, 1fr);
    gap: 72px;
    align-items: start;
}

.why-food-ai-band h2 {
    margin: 0;
    color: #222;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.1;
}

.why-food-ai-copy p {
    max-width: 700px;
    margin: 0;
    color: #555;
    font-size: 18px;
    line-height: 1.55;
}

.why-food-ai-keywords {
    display: flex;
    gap: 34px;
    margin-top: 22px;
    color: #059645;
    font-size: 15px;
}

.why-food-ai-keywords span {
    position: relative;
}

.why-food-ai-keywords span:not(:last-child)::after {
    position: absolute;
    top: 50%;
    right: -19px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #f4c400;
    content: '';
}

.meal-story {
    padding: 68px 0 74px;
}

.meal-story-layout {
    grid-template-columns: minmax(0, 1.3fr) minmax(330px, .9fr);
    gap: 34px;
}

.meal-story-visual {
    min-height: 0;
}

.meal-story-image {
    width: min(100%, 360px);
    height: 700px;
    object-fit: contain;
}

.meal-story-caption {
    margin-top: 4px;
}

.meal-story-dots {
    display: flex;
    gap: 10px;
    margin-top: 14px;
}

.meal-story-dot {
    width: 44px;
    height: 44px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: radial-gradient(circle, #d8dedb 0 4px, transparent 5px);
    cursor: pointer;
}

.meal-story-dot:hover,
.meal-story-dot:focus-visible {
    background: radial-gradient(circle, #7abf96 0 4px, transparent 5px);
}

.meal-story-dot.is-active {
    background: radial-gradient(circle, #059645 0 5px, transparent 6px);
}

.meal-story-dot:focus-visible {
    outline: 2px solid #059645;
    outline-offset: 4px;
}

.meal-story-step {
    min-height: 96px;
    padding: 12px 0;
}

.meal-story-step strong {
    font-size: 22px;
    color: #66706a;
}

.meal-story-step small {
    max-width: 300px;
    font-size: 15px;
    color: #7a827d;
}

.meal-story-step.is-active strong {
    color: var(--food-text);
}

.meal-story-step.is-active small {
    color: var(--food-text-secondary);
}

.meal-story-step.is-active::after {
    top: 12px;
    bottom: 12px;
}

.foodai-discovery-main img {
    width: 270px;
    transform: translateX(-4px);
}

.foodai-discovery-main:hover img {
    transform: translateX(2px);
}

.step5 {
    padding: 76px 0 82px;
    background: #0b6f3c;
}

.contact-band {
    display: grid;
    grid-template-columns: 1.1fr .9fr;
    gap: 72px;
    align-items: center;
}

.contact-band h2 {
    margin: 0 0 14px;
    color: #fff;
    font-size: 34px;
    font-weight: 700;
    line-height: 1.15;
}

.contact-band p {
    margin: 0 0 18px;
    color: rgba(255, 255, 255, .72);
    font-size: 18px;
    line-height: 1.5;
}

.contact-email {
    color: var(--food-yellow-soft);
    font-size: 18px;
    font-weight: 600;
    text-decoration: none;
}

.contact-email:hover {
    color: #fff;
    text-decoration: underline;
}

.contact-stores {
    display: flex;
    gap: 18px;
    align-items: center;
}

.contact-stores img {
    display: block;
    width: 158px;
    height: auto;
}

/* Food AI brand system pass */
body {
    color: var(--food-text);
}

.header nav .menu button,
.header nav .menu a {
    color: var(--food-text);
    font-weight: 600;
    transition: color var(--food-motion-fast) var(--food-ease), border-color var(--food-motion-fast) var(--food-ease);
}

.header nav .menu button:hover,
.header nav .menu a:hover {
    color: var(--food-green);
}

.header nav .menu .active {
    color: var(--food-green);
    border-bottom-color: var(--food-green);
}

.header .download {
    background: var(--food-green);
    border-radius: 12px;
    font-weight: 650;
    transition: background var(--food-motion-fast) var(--food-ease), transform var(--food-motion-fast) var(--food-ease);
}

.header .download:hover {
    background: var(--food-green-dark);
    transform: translateY(-1px);
}

.step2.step3 {
    background: var(--food-canvas);
}

.meal-story-heading .item-title,
.foodai-discovery .item-title,
.step4 .item-title,
.step5 .item-title {
    color: var(--food-text);
    font-weight: 700;
}

.meal-story-heading .item-text,
.foodai-discovery .item-text,
.step4 > .item-text,
.step5 .item-text {
    color: var(--food-text-secondary);
    font-size: 17px;
}

.meal-story-step strong {
    font-weight: 700;
}

.meal-story-step small {
    color: var(--food-text-secondary);
}

.meal-story-number {
    border-color: var(--food-border);
}

.meal-story-step.is-active .meal-story-number {
    border-color: var(--food-yellow);
    background: var(--food-yellow);
}

.meal-story-step.is-active::after {
    background: var(--food-green);
}

.meal-story-dot {
    transition: background var(--food-motion-fast) var(--food-ease), transform var(--food-motion-fast) var(--food-ease);
}

.meal-story-dot.is-active {
    transform: scale(1.06);
}

.foodai-discovery-main,
.foodai-discovery-card {
    border-color: var(--food-border);
    border-radius: var(--food-radius);
    transition: transform var(--food-motion) var(--food-ease), border-color var(--food-motion) var(--food-ease), box-shadow var(--food-motion) var(--food-ease), background var(--food-motion) var(--food-ease);
}

.foodai-discovery-main {
    background: var(--food-green-soft);
}

.foodai-discovery-card {
    background: var(--food-white);
}

.foodai-discovery-main:hover,
.foodai-discovery-card:hover {
    border-color: var(--food-green);
    background: #f8fcf9;
    box-shadow: 0 5px 14px rgba(7, 148, 71, .08);
    transform: translateY(-3px);
}

.foodai-discovery-main img {
    transition: transform var(--food-motion) var(--food-ease);
}

.foodai-discovery-main:hover img {
    transform: translateX(6px);
}

.foodai-discovery span {
    color: var(--food-green);
}

.foodai-discovery-main:focus-visible,
.foodai-discovery-card:focus-visible,
.header .download:focus-visible,
.header nav button:focus-visible,
.header nav a:focus-visible {
    outline: 2px solid var(--food-green);
    outline-offset: 4px;
}

.step4 {
    background: #fafcfa;
}

.step4 .faq .faq-item {
    border-color: var(--food-border);
    border-radius: 13px;
    background: var(--food-white);
    transition: max-height var(--food-motion) var(--food-ease), background var(--food-motion-fast) var(--food-ease), border-color var(--food-motion-fast) var(--food-ease);
}

.step4 .faq .faq-item:hover {
    border-color: #b9d7c3;
    background: #fafcfa;
}

.step4 .faq .faq-item.faq-active {
    border-left: 2px solid var(--food-green);
}

.step5 {
    background: var(--food-green-soft);
}

.contact {
    max-width: 640px;
    color: var(--food-text);
}

.contact a {
    color: var(--food-green);
    text-decoration: none;
    transition: color var(--food-motion-fast) var(--food-ease), text-decoration-color var(--food-motion-fast) var(--food-ease);
}

.contact a:hover {
    color: var(--food-green-dark);
    text-decoration: underline;
}

.footer {
    background: var(--food-footer);
}

.footer-link .footer-nav li a:hover,
.footer-link .footer-nav li button:hover,
.footer .footer-rig .http a:hover {
    color: var(--food-yellow-soft);
}

.footer-link {
    display: grid;
    grid-template-columns: 1.4fr .8fr .8fr;
    gap: 64px;
    align-items: start;
}

.step5.step5 {
    padding: 76px 0 82px;
    background: #0b6f3c;
}

.contact-band {
    display: grid;
    grid-template-columns: 1.1fr .9fr;
    gap: 72px;
    align-items: center;
}

.contact-band h2 {
    margin: 0 0 14px;
    color: #fff;
    font-size: 34px;
    font-weight: 700;
    line-height: 1.15;
}

.contact-band p {
    margin: 0 0 18px;
    color: rgba(255, 255, 255, .72);
    font-size: 18px;
    line-height: 1.5;
}

.contact-email {
    color: var(--food-yellow-soft);
    font-size: 18px;
    font-weight: 600;
    text-decoration: none;
}

.contact-email:hover {
    color: #fff;
    text-decoration: underline;
}

.contact-stores {
    display: flex;
    gap: 18px;
    align-items: center;
}

.contact-stores img {
    display: block;
    width: 158px;
    height: auto;
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
    }
}

.step4 .faq {
    padding: 0 120px;
    display: grid;
    grid-template-columns: 1fr;
    gap: 22px;
}

.step4 .faq .faq-item {
    border: 1px solid #abc5b7;
    padding: 0 32px;
    border-radius: 10px;
    max-height: var(--faq-max);
    overflow: hidden;
    cursor: pointer;
    transition: max-height .3s ease;
}

.step4 .faq .faq-item .faq-icon {
    width: 20px;
    height: 20px;
    background: url('../image/open.png') no-repeat center;
}

.step4 .faq .faq-item .faq-icon.faq-close {
    width: 20px;
    height: 20px;
    background: url('../image/close.png') no-repeat center;
}

.step4 .faq .faq-item.faq-active {
    max-height: var(--faq-max);
}

.step4 .faq .faq-item .ques {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    padding: 20px 0;
}

.step4 .faq .faq-item .asen {
    padding-bottom: 15px;
}

.step4 .faq .faq-item .asen p {
    font-size: 16px;
    color: #6b6b6b;
    line-height: 24px;
    padding-bottom: 15px;
}

.step4 .faq .faq-item p {
    margin: 0;
    font-size: 20px;
    line-height: 1;
}

.step4 .faq .faq-item span {
    font-size: 20px;
}


.step5 {
    background: #fbfbfb;
    padding-top: 60px;
    padding-bottom: 80px;
}

.contact {
    font-size: 20px;
    font-weight: 700;
    width: 600px;
    margin: 0 auto;
}

.footer {
    background: #272925;
    padding-top: 52px;
}

.footer-link {
    display: flex;
    justify-content: space-between;
    color: #fff;
    padding-bottom: 56px;
}

.footer-link .footer-logo {
    max-width: 242px;
}

.footer-link .footer-logo p {
    font-size: 20px;
    line-height: 30px;
}

.footer-link .footer-nav {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.footer-link .footer-nav li a {
    color: #eaeaea;
    font-size: 20px;
    line-height: 1;
}

.footer-link .footer-nav li button {
    color: #eaeaea;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
}

.footer-link .store {
    display: flex;
    flex-direction: column;
    gap: 46px;
}

.footer-link .store li a {
    cursor: pointer;
}

.footer-link .store li a img {
    width: 158px;
    height: auto;
}

.footer .footer-rig {
    border-top: 1px solid #646563;
}

.footer .footer-rig .cont {
    display: flex;
    justify-content: space-between;
    color: #fff;
    padding: 18px 0;
}

.footer .footer-rig .cont p {
    color: #eaeaea;
    font-size: 18px;
    margin: 0;
    line-height: 1;
}

.footer .footer-rig .http {
    display: flex;
    gap: 65px;
}

.footer .footer-rig .http a {
    font-size: 18px;
    color: #eaeaea;
}

.swiper-pagination-bullet {
    width: 18px !important;
    height: 18px !important;
}

.swiper-pagination-bullet-active {
    background-color: #00da7c !important;
}

.faq-icon {
    flex-shrink: 0;
}
.foodai-day{padding:88px 0 76px;background:#fffcf5}.foodai-day-heading{max-width:700px;margin:0 auto 46px;text-align:center}.foodai-day-layout{display:grid;grid-template-columns:minmax(0,36%) minmax(0,64%);gap:52px;align-items:center}.foodai-day-media{display:flex;align-items:flex-end;justify-content:center;gap:14px}.foodai-day-frame{width:230px;height:480px;overflow:hidden;border-radius:16px;background:#fff}.foodai-day-frame img{width:100%;height:auto;transform:translateY(-28px)}.foodai-day-thumb{display:grid;gap:14px;width:120px}.foodai-day-thumb img{width:100%;height:170px;object-fit:cover;object-position:top;border-radius:14px}.foodai-day-scenes{display:grid;gap:0}.foodai-day-scenes>div{display:grid;grid-template-columns:58px 1fr;column-gap:20px;padding:23px 0;border-top:1px solid #dce9df}.foodai-day-scenes span{grid-row:span 2;color:#e1af0b;font-size:18px;font-weight:800}.foodai-day-scenes h3{margin:0 0 7px;font-size:26px}.foodai-day-scenes p{margin:0;color:#66706a;font-size:17px;line-height:1.55}.foodai-moments{padding:74px 0;background:#fff8ed}.foodai-moments>.w-1152>.item-title{margin-bottom:30px}.foodai-moments-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.foodai-moments-grid article{overflow:hidden;border-radius:16px;background:#20231f;color:#fff}.moment-photo{aspect-ratio:4/3;background-image:url('../image/app-scenes/real-life-moments.png');background-size:300% 100%;background-repeat:no-repeat;transition:transform 240ms cubic-bezier(.2,.8,.2,1)}.moment-lunch{background-position:left center}.moment-home{background-position:center center}.moment-busy{background-position:right center}.foodai-moments-grid article:hover .moment-photo{transform:scale(1.015)}.foodai-moments-grid article>div:last-child{padding:17px 20px 19px}.foodai-moments-grid h3{margin:0 0 5px;font-size:21px}.foodai-moments-grid p{margin:0;color:rgba(255,255,255,.75);font-size:15px;line-height:1.45}@media(max-width:760px){.foodai-day{padding:62px 0}.foodai-day-layout{grid-template-columns:1fr;gap:30px}.foodai-day-media{align-items:flex-end}.foodai-day-frame{width:62vw;height:110vw;max-height:480px}.foodai-day-thumb{width:25vw;max-width:130px}.foodai-day-thumb img{height:30vw;max-height:170px}.foodai-day-scenes>div{grid-template-columns:46px 1fr}.foodai-day-scenes h3{font-size:22px}.foodai-moments{padding:58px 0}.foodai-moments-grid{grid-template-columns:1fr;gap:16px}.moment-photo{aspect-ratio:4/3}}
.foodai-moments-grid article{overflow:hidden;border-radius:14px}.moment-photo{width:100%;aspect-ratio:4 / 3;overflow:hidden;background-size:300% auto;background-repeat:no-repeat}.moment-lunch{background-position:left 45%}.moment-home{background-position:center 48%}.moment-busy{background-position:right 42%}
.header .menu>li{position:relative}.header .menu .tools-toggle{border:0;background:none;font:inherit;color:inherit;cursor:pointer}.tools-toggle span{font-size:.85em;margin-left:4px}.tools-dropdown{position:absolute;z-index:20;top:calc(100% + 14px);left:50%;display:none;width:286px;padding:8px;border:1px solid #dce9df;border-radius:13px;background:#fff;box-shadow:0 10px 24px rgba(23,42,30,.08);transform:translateX(-50%);text-align:left}.tools-menu.is-open .tools-dropdown{display:block}.tools-dropdown a{display:block;padding:12px 13px;border-radius:9px;color:#171a18!important;text-decoration:none}.tools-dropdown a:hover{background:#f3faf5}.tools-dropdown strong,.tools-dropdown small{display:block}.tools-dropdown strong{font-size:15px}.tools-dropdown a:hover strong{color:#079447}.tools-dropdown small{margin-top:3px;color:#7a827d;font-size:12px;line-height:1.35}.header .menu>li>a{white-space:nowrap}
@media(max-width:760px){.tools-dropdown{position:static;width:auto;margin:8px 0 4px;padding:4px;border:0;border-left:2px solid #dce9df;border-radius:0;box-shadow:none;transform:none}.tools-menu.is-open .tools-dropdown{display:block}.tools-dropdown a{padding:10px 12px}.tools-dropdown small{font-size:11px}.header .menu .tools-toggle{padding:0}}
.header .menu>li.is-current>a,.header .menu>li.is-current>.tools-toggle{color:#079447}