:root{
      --bg:#fcfaf6;
      --surface:#ffffff;
      --surface-2:#f5f0e7;
      --text:#1d1d1b;
      --muted:#66645f;
      --line:#e7dfd3;
      --brand:#2f6b2f;
      --brand-dark:#1f4c1f;
      --accent:#a06b2b;
      --shadow:0 16px 40px rgba(29,29,27,.08);
      --radius:22px;
      --max:1200px;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      font-family:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
      color:var(--text);
      background:var(--bg);
      line-height:1.6;
    }
    img{max-width:100%;display:block}
    a{text-decoration:none;color:inherit}
    .container{width:min(var(--max), calc(100% - 32px));margin:0 auto}
    .section{padding:88px 0}
    .section-sm{padding:72px 0}
    .eyebrow{
      display:inline-flex;align-items:center;gap:8px;
      padding:8px 14px;border:1px solid rgba(255,255,255,.25);
      border-radius:999px;background:rgba(255,255,255,.10);
      backdrop-filter: blur(10px); color:#fff;font-size:.92rem;font-weight:600
    }
    .section-label{
      display:inline-block;padding:8px 14px;border-radius:999px;
      background:var(--surface-2);color:var(--brand-dark);font-weight:700;font-size:.92rem
    }
    h1,h2,h3,h4,p{margin:0}
    h1{font-size:clamp(2.6rem, 6vw, 5rem);line-height:1.05;letter-spacing:-.04em}
    h2{font-size:clamp(2rem, 4vw, 3rem);line-height:1.1;letter-spacing:-.03em}
    h3{font-size:1.28rem;line-height:1.2}
    h4{font-size:1rem}
    .lead{font-size:1.08rem;color:var(--muted)}
    .section-head{max-width:760px;margin:0 auto 44px;text-align:center}
    .section-head.left{text-align:left;margin-left:0}
    .btn{
      display:inline-flex;align-items:center;justify-content:center;gap:10px;
      min-height:52px;padding:0 22px;border-radius:999px;border:1px solid transparent;
      font-weight:700;transition:.25s ease;cursor:pointer
    }
    .btn-primary{background:var(--brand);color:#fff}
    .btn-primary:hover{background:var(--brand-dark);transform:translateY(-1px)}
    .btn-secondary{background:#fff;color:var(--text);border-color:#fff}
    .btn-secondary:hover{transform:translateY(-1px)}
    .btn-outline{background:transparent;color:var(--text);border-color:var(--line)}
    .btn-outline:hover{border-color:var(--brand);color:var(--brand)}
    .button-row{display:flex;flex-wrap:wrap;gap:14px}
    .topbar{
      position:sticky;top:0;z-index:40;background:rgba(252,250,246,.88);
      border-bottom:1px solid rgba(231,223,211,.8);backdrop-filter:blur(12px)
    }
    .nav{
      min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px
    }
    .brand{
      display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:-.02em
    }
    .brand-mark{
      width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--brand),#4f8d3b);
      display:grid;place-items:center;color:#fff;font-weight:800;box-shadow:var(--shadow)
    }
    .nav-links{display:flex;align-items:center;gap:24px;color:#3f3d39;font-weight:600}
    .nav-links a{position:relative}
    .nav-links a:after{
      content:"";position:absolute;left:0;bottom:-7px;width:0;height:2px;background:var(--brand);
      transition:.25s ease
    }
    .nav-links a:hover:after{width:100%}
    .nav-cta{display:flex;gap:12px;align-items:center}
    .burger{
      display:none;width:46px;height:46px;border:1px solid var(--line);border-radius:14px;
      background:#fff;cursor:pointer
    }
    .burger span,.burger:before,.burger:after{
      content:"";display:block;width:20px;height:2px;background:var(--text);margin:0 auto;transition:.25s ease
    }
    .burger span{margin-top:0}
    .burger:before{margin-bottom:5px}
    .burger:after{margin-top:5px}
    .mobile-menu{display:none}
    .hero{
      position:relative;overflow:hidden;padding:90px 0 70px;
      background:
        linear-gradient(180deg,rgba(17,17,17,.45),rgba(17,17,17,.55)),
        url('https://www.healthyfreshmeals.com/cdn/shop/articles/iStock-2186427523.jpg?v=1750710877&width=1920') center/cover no-repeat;
      color:#fff
    }
    .hero-grid{
      display:grid;grid-template-columns:1.25fr .75fr;gap:28px;align-items:end
    }
    .hero-copy{max-width:740px}
    .hero-copy .subtitle{font-size:1.18rem;color:rgba(255,255,255,.88);margin:20px 0 18px}
    .hero-list{
      display:flex;flex-wrap:wrap;gap:10px 18px;margin:18px 0 28px;padding:0;list-style:none;
      color:rgba(255,255,255,.95);font-weight:600
    }
    .hero-list li{display:flex;align-items:center;gap:8px}
    .hero-card{
      background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);
      padding:26px;border-radius:28px;backdrop-filter:blur(14px);box-shadow:var(--shadow)
    }
    .hero-card .stars{font-size:1.2rem;margin-bottom:8px}
    .hero-card p{color:rgba(255,255,255,.92)}
    .hero-card strong{display:block;margin-top:12px;font-size:1.25rem}
    .grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
    .grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
    .grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
    .card{
      background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);
      overflow:hidden;box-shadow:var(--shadow)
    }
    .card-body{padding:22px}
    .image-card img{aspect-ratio:1/1;object-fit:cover}
    .feature-card img,.step-card img{aspect-ratio:16/11;object-fit:cover}
    .feature-card p,.step-card p,.review-card p,.plan-card p,.contact-card p{color:var(--muted)}
    .feature-card .card-body,.step-card .card-body{display:flex;flex-direction:column;gap:10px}
    .step-number{
      width:34px;height:34px;border-radius:999px;background:var(--surface-2);color:var(--brand-dark);
      display:grid;place-items:center;font-weight:800;font-size:.92rem
    }
    .delivery-box{
      display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:stretch;
      background:linear-gradient(180deg,#fff,#f8f5ef);border:1px solid var(--line);
      border-radius:30px;padding:28px;box-shadow:var(--shadow)
    }
    .delivery-form{
      display:flex;flex-wrap:wrap;gap:12px;margin:24px 0 18px
    }
    .delivery-form input{
      flex:1 1 240px;min-height:54px;padding:0 18px;border:1px solid var(--line);
      border-radius:999px;font:inherit;background:#fff
    }
    .result{
      margin-top:10px;padding:16px 18px;border-radius:18px;background:#f2f8f1;border:1px solid #d9e8d6;
      color:#234b23;font-weight:600;display:none
    }
    .delivery-notes{
      display:grid;gap:14px;background:#fff;border:1px solid var(--line);border-radius:26px;padding:24px
    }
    .delivery-note{
      display:flex;gap:12px;align-items:flex-start
    }
    .delivery-note span{
      flex:0 0 38px;width:38px;height:38px;border-radius:12px;background:var(--surface-2);
      display:grid;place-items:center;font-weight:800;color:var(--brand-dark)
    }
    .plans{align-items:stretch}
    .plan-card{position:relative}
    .plan-card .card-body{padding:28px}
    .badge{
      display:inline-flex;padding:8px 12px;border-radius:999px;font-size:.84rem;font-weight:800;
      background:var(--surface-2);color:var(--accent)
    }
    .plan-card.popular{border:2px solid #d4c09d;transform:translateY(-4px)}
    .plan-price{
      font-size:2.2rem;font-weight:800;letter-spacing:-.04em;margin:8px 0 2px
    }
    .small{font-size:.95rem;color:var(--muted)}
    .plan-meta{font-size:1.02rem;font-weight:700;margin:14px 0;color:var(--brand-dark)}
    .checks{padding:0;margin:18px 0 24px;list-style:none;display:grid;gap:10px}
    .checks li{display:flex;gap:10px;align-items:flex-start}
    .checks li:before{
      content:"✓";flex:0 0 22px;width:22px;height:22px;border-radius:999px;background:var(--surface-2);
      color:var(--brand-dark);display:grid;place-items:center;font-size:.85rem;font-weight:900
    }
    .reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
    .review-card{padding:24px}
    .review-top{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:14px}
    .review-stars{font-size:1.08rem}
    .review-stat{display:inline-flex;margin-top:16px;padding:8px 12px;border-radius:999px;background:var(--surface-2);font-weight:800;color:var(--brand-dark)}
    .review-author{margin-top:14px;font-weight:700;color:#3e3c38}
    .faq-wrap{display:grid;gap:14px;max-width:920px;margin:0 auto}
    .faq-item{
      background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:var(--shadow)
    }
    .faq-question{
      width:100%;border:0;background:#fff;padding:22px 24px;text-align:left;font:inherit;cursor:pointer;
      display:flex;justify-content:space-between;gap:16px;font-weight:700;color:var(--text)
    }
    .faq-answer{
      display:none;padding:0 24px 22px;color:var(--muted)
    }
    .faq-item.active .faq-answer{display:block}
    .faq-item.active .faq-icon{transform:rotate(45deg)}
    .faq-icon{font-size:1.4rem;line-height:1;transition:.2s ease}
    .promo{
      background:linear-gradient(135deg,var(--brand-dark),var(--brand));color:#fff;border-radius:34px;
      padding:34px;display:grid;grid-template-columns:1.2fr .8fr;gap:22px;align-items:center;box-shadow:var(--shadow)
    }
    .promo p{color:rgba(255,255,255,.88)}
    .contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:22px}
    .contact-card,.form-card{
      background:#fff;border:1px solid var(--line);border-radius:28px;padding:28px;box-shadow:var(--shadow)
    }
    .contact-list{display:grid;gap:16px;margin-top:18px}
    .contact-item{display:flex;gap:14px;align-items:flex-start}
    .contact-icon{
      flex:0 0 44px;width:44px;height:44px;border-radius:14px;background:var(--surface-2);
      display:grid;place-items:center;font-weight:800;color:var(--brand-dark)
    }
    form{display:grid;gap:14px}
    .field{display:grid;gap:8px}
    label{font-weight:700;font-size:.96rem}
    input,textarea{
      width:100%;padding:14px 16px;border:1px solid var(--line);border-radius:16px;
      font:inherit;background:#fff
    }
    textarea{min-height:140px;resize:vertical}
    .footer{
      padding:40px 0 30px;background:#1e231d;color:#f6f4ef;margin-top:88px
    }
    .footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr .9fr;gap:24px}
    .footer p,.footer a,.footer li{color:rgba(246,244,239,.75)}
    .footer h4{margin-bottom:14px}
    .footer ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}
    .footer .brand-mark{box-shadow:none}
    .footer-bottom{
      margin-top:28px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);
      display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;color:rgba(246,244,239,.65)
    }
    .notice{
      margin-top:22px;padding:14px 16px;background:#fff8ea;border:1px solid #f0dfb5;
      border-radius:16px;color:#6e5b29;font-size:.94rem
    }
    
    .split-intro{
      display:grid;grid-template-columns:1fr .95fr;gap:26px;align-items:center;margin-bottom:26px
    }
    .split-panel{
      background:#fff;border:1px solid var(--line);border-radius:30px;padding:32px;box-shadow:var(--shadow)
    }
    .mini-points{
      display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:0
    }
    .mini-point{
      background:linear-gradient(180deg,#fff,#f8f4ec);border:1px solid var(--line);
      border-radius:22px;padding:18px
    }
    .mini-point strong{display:block;margin-bottom:6px}
    .ingredient-grid{
      display:grid;grid-template-columns:repeat(4,1fr);gap:22px
    }
    .ingredient-card{
      position:relative;overflow:hidden;border-radius:26px;min-height:340px;box-shadow:var(--shadow)
    }
    .ingredient-card img{
      width:100%;height:100%;object-fit:cover;transform:scale(1.02)
    }
    .ingredient-overlay{
      position:absolute;inset:auto 0 0 0;padding:20px;
      background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.72));
      color:#fff
    }
    .ingredient-overlay p{color:rgba(255,255,255,.82);margin-top:6px;font-size:.95rem}
    .difference-shell{
      display:grid;grid-template-columns:.9fr 1.1fr;gap:24px;align-items:stretch
    }
    .difference-hero{
      background:linear-gradient(135deg,#213021,#355a31);color:#fff;border-radius:32px;
      padding:34px;box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:space-between
    }
    .difference-hero p{color:rgba(255,255,255,.84)}
    .difference-list{
      display:grid;grid-template-columns:repeat(2,1fr);gap:18px
    }
    .difference-card{
      background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:var(--shadow)
    }
    .difference-card .kicker{
      display:inline-flex;align-items:center;justify-content:center;
      width:42px;height:42px;border-radius:14px;background:var(--surface-2);margin-bottom:14px;
      font-size:1.2rem
    }
    .difference-card p{color:var(--muted)}
    .process-shell{
      background:linear-gradient(180deg,#fff,#f8f5ef);border:1px solid var(--line);
      border-radius:32px;padding:30px;box-shadow:var(--shadow)
    }
    .process-grid{
      display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:26px
    }
    .process-step{
      background:#fff;border:1px solid var(--line);border-radius:24px;padding:22px;position:relative
    }
    .process-step .step-badge{
      width:46px;height:46px;border-radius:16px;background:var(--surface-2);
      display:grid;place-items:center;font-weight:800;color:var(--brand-dark);margin-bottom:16px
    }
    .process-step p{color:var(--muted)}

    @media (max-width: 1024px){
      .hero-grid,.delivery-box,.promo,.contact-grid,.footer-grid{grid-template-columns:1fr}
      .grid-4{grid-template-columns:repeat(2,1fr)}
      .ingredient-grid,.process-grid{grid-template-columns:repeat(2,1fr)}
      .split-intro,.difference-shell{grid-template-columns:1fr}
      .difference-list{grid-template-columns:1fr 1fr}
      .grid-3,.reviews-grid{grid-template-columns:1fr 1fr}
    }
    @media (max-width: 760px){
      .section{padding:72px 0}
      .section-sm{padding:64px 0}
      .nav-links,.nav-cta{display:none}
      .burger{display:block}
      .mobile-menu{
        display:none;border-top:1px solid var(--line);padding:16px 0 18px
      }
      .mobile-menu.active{display:grid;gap:12px}
      .mobile-menu a,.mobile-menu .btn{width:100%}
      .grid-4,.grid-3,.grid-2,.reviews-grid,.ingredient-grid,.process-grid,.difference-list,.mini-points{grid-template-columns:1fr}
      .hero{padding-top:72px}
      .hero-card{margin-top:6px}
      .delivery-form{flex-direction:column}
      .footer-bottom{flex-direction:column}
    }