:root{--bg:#fbfbf8;--ink:#172019;--muted:#707a73;--green:#55aa70;--green2:#2f7650;--line:#e8ebe6;--purple:#eee9fa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.wrap{width:min(1180px,100% - 44px);margin:auto}header{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fbfbf8e6;border-bottom:1px solid #e8ebe6cc;position:sticky;top:0}.nav{align-items:center;gap:28px;height:72px;display:flex}.brand{align-items:center;gap:10px;font-size:21px;font-weight:800;display:flex}.realLogo{object-fit:cover;border-radius:9px;width:34px;height:34px}nav{color:#5e6861;gap:28px;margin-left:auto;font-size:13px;display:flex}.langs{border:1px solid var(--line);background:#fff;border-radius:12px;padding:3px;display:flex}.langs button{color:#707a73;background:0 0;border:0;border-radius:9px;padding:7px 10px;font-size:12px;font-weight:800}.langs .on{background:var(--green);color:#fff}.hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:70px;min-height:720px;padding:60px 0 90px;display:grid}.hero h1{letter-spacing:-3.7px;max-width:720px;margin:0 0 28px;font-size:clamp(48px,5.8vw,78px);line-height:.98}.lead{color:#66716a;max-width:650px;font-size:20px;line-height:1.6}.actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.primary,.secondary{border-radius:13px;align-items:center;min-height:50px;padding:0 19px;font-size:14px;font-weight:750;display:inline-flex}.primary{color:#fff;background:#111613}.secondary{border:1px solid var(--line);background:#fff}.heroShot{justify-content:center;display:flex}.shot{border:1px solid var(--line);background:#fff;overflow:hidden}.shot img{object-fit:cover;width:100%;height:100%;display:block}.heroScreen{border:7px solid #202622;border-radius:45px;width:340px;height:650px;transform:rotate(1.5deg);box-shadow:0 35px 70px #1f292229}.heroScreen img{object-position:50% 0}.section{padding:110px 0}.intro{text-align:center;max-width:800px;margin:0 auto 48px}.intro>span,.eyebrow,.labCopy>span{text-transform:uppercase;letter-spacing:1.5px;color:var(--green2);margin-bottom:12px;font-size:11px;font-weight:850;display:block}.intro h2,.doctor h2{letter-spacing:-2.6px;margin:0;font-size:clamp(40px,5vw,62px);line-height:1.03}.proofGrid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.proofCard{border:1px solid var(--line);background:#fff;border-radius:24px;flex-direction:column;height:310px;padding:28px;display:flex}.proofCard>span{font-size:16px;font-weight:800}.score strong{color:var(--green2);letter-spacing:-3px;margin:auto;font-size:62px}.score strong small{letter-spacing:0;font-size:20px}.advice{background:var(--purple)}.advice>span,.advice a{color:#6755a0}.advice p{color:#50495f;margin:auto 0;font-size:16px;line-height:1.6}.advice a{font-size:13px;font-weight:800}.trend .miniChart{align-items:end;gap:12px;height:115px;margin:28px 0 14px;display:flex}.miniChart i{background:#64a1cf;border-radius:7px;width:15px}.miniChart i:nth-child(2n){background:#55aa70;width:12px}.miniChart i:first-child{height:70%}.miniChart i:nth-child(2){height:45%}.miniChart i:nth-child(3){height:90%}.miniChart i:nth-child(4){height:55%}.miniChart i:nth-child(5){height:95%}.miniChart i:nth-child(6){height:50%}.miniChart i:nth-child(7){height:60%}.miniChart i:nth-child(8){height:35%}.trend strong{color:var(--green2);font-size:28px}.trend small{color:#7c867f;margin-top:5px}.labSection{background:#f1f8f2;padding:105px 0}.labLayout{grid-template-columns:.8fr 1.4fr .8fr;align-items:center;gap:50px;display:grid}.labShot,.bodyShot{border:6px solid #303833;border-radius:40px;width:285px;height:570px;box-shadow:0 24px 50px #222f261f}.labShot img,.bodyShot img{object-fit:cover;object-position:50% 0}.labCopy{text-align:center}.labCopy h2{letter-spacing:-3px;margin:0;font-size:clamp(44px,5.2vw,68px);line-height:.98}.labCopy h2 em{color:var(--green);font-style:normal}.labCopy p{color:#6b756e;max-width:520px;margin:26px auto;font-size:17px;line-height:1.65}.labCopy>a{border:1.5px solid var(--green);color:var(--green2);border-radius:99px;padding:13px 22px;font-size:14px;font-weight:800;display:inline-flex}.micro{color:#7c867f;margin-top:28px;font-size:12px}.how{padding:110px 0}.screens{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.screens article{min-width:0}.screenCard{background:#fff;border:6px solid #2b322e;border-radius:36px;height:490px}.screenCard img{object-fit:cover;object-position:50% 0}.screens article>b{color:#929a94;margin-top:22px;font-size:11px;display:block}.screens h3{margin:6px 0 7px;font-size:23px}.screens p{color:#747e77;margin:0;font-size:14px;line-height:1.55}.doctor{padding:20px 0 110px}.doctorCard{border:1px solid var(--line);background:#fff;border-radius:30px;grid-template-columns:1.1fr .9fr;display:grid;overflow:hidden}.doctorCopy{padding:58px}.doctorCopy p{color:#5f6a62;margin:28px 0 22px;font-size:18px;line-height:1.7}.doctorCopy small{color:#8a938c;line-height:1.55}.quote{background:#f1ece3;flex-direction:column;justify-content:center;padding:58px;display:flex}.quote>b{color:#d8cabb;font-family:Georgia,serif;font-size:92px;line-height:.5}.quote p{margin:25px 0;font-family:Georgia,serif;font-size:30px;line-height:1.35}.quote span{color:#5d685f;font-weight:900}.final{text-align:center;background:#f4f0e8;padding:110px 0}.final .realLogo{border-radius:18px;width:72px;height:72px;margin-bottom:28px}.final h2{letter-spacing:-2.6px;margin:0;font-size:clamp(40px,5vw,62px);line-height:1.03}.final h2 span{color:var(--green)}.final p{color:#6b756e;margin:22px 0 28px}.store{color:#fff;background:#111613;border-radius:14px;align-items:center;gap:10px;margin:auto;padding:10px 18px;font-size:24px;display:inline-flex}.store span{text-align:left;flex-direction:column;line-height:1.05;display:flex}.store small{font-size:9px}.store strong{font-size:18px}footer{color:#b8c0ba;background:#111613;padding:28px 0}footer .wrap{align-items:center;gap:30px;font-size:12px;display:flex}footer .brand{color:#fff;font-size:16px}footer .realLogo{border-radius:7px;width:28px;height:28px}footer p{margin:auto}footer .wrap>div{gap:18px;display:flex}@media (max-width:900px){nav{display:none}.hero{grid-template-columns:1fr}.heroCopy{text-align:center}.lead{margin:auto}.actions{justify-content:center}.proofGrid,.screens,.labLayout{grid-template-columns:1fr}.labShot,.bodyShot{margin:auto}.doctorCard{grid-template-columns:1fr}.screenCard{height:650px}}@media (max-width:560px){.wrap{width:min(100% - 24px,1180px)}.hero{padding-top:45px}.hero h1{letter-spacing:-2.8px;font-size:49px}.lead{font-size:17px}.primary,.secondary{justify-content:center;width:100%}.heroScreen{width:300px;height:570px}.labShot,.bodyShot{width:270px;height:535px}.doctorCopy,.quote{padding:34px}footer .wrap{text-align:center;flex-direction:column}footer p{margin:0}}
