:root{--green:#0f3b2b;--gold:#b88720;--cream:#fbf4df;--ivory:#fffdf6;--muted:#5f6d62}*{box-sizing:border-box}body{color:var(--green);background:linear-gradient(180deg,var(--ivory),var(--cream));margin:0;font-family:Georgia,Times New Roman,serif}.nav{justify-content:space-between;align-items:center;max-width:1160px;margin:auto;padding:22px 24px;display:flex}.brand{align-items:center;gap:14px;display:flex}.brandIcon{border:2px solid var(--gold);background:#fff;border-radius:50%;place-items:center;width:54px;height:54px;font-weight:700;display:grid}.brand h1{margin:0;font-size:28px}.brand p{letter-spacing:2px;text-transform:uppercase;margin:3px 0 0;font-size:12px}.navBtn,.primary,.secondary{border-radius:999px;padding:12px 22px;font-weight:700;text-decoration:none}.navBtn,.primary{background:var(--green);color:#fff}.secondary{border:1px solid var(--green);color:var(--green);background:#ffffff90}.hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:50px;max-width:1160px;margin:auto;padding:70px 24px 90px;display:grid}.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:4px;font-size:13px;font-weight:700}.hero h2,.product h2,.benefits h2,.ingredients h2,.about h2,.contact h2{margin:14px 0;font-size:clamp(34px,5vw,62px);line-height:1.05}.sub,.product p,.about p,.contact p{color:var(--muted);font-family:Arial,sans-serif;font-size:18px;line-height:1.75}.heroButtons{flex-wrap:wrap;gap:14px;margin-top:28px;display:flex}.logoCard{text-align:center;background:#ffffff9e;border:1px solid #b8872059;border-radius:34px;padding:34px;box-shadow:0 24px 60px #0f3b2b29}.circle{border:8px solid var(--green);border-right-color:var(--gold);border-bottom-color:var(--gold);background:radial-gradient(circle,#fffef8 0%,#f7edcf 100%);border-radius:50%;place-items:center;width:min(360px,78vw);height:min(360px,78vw);margin:auto;display:grid;position:relative}.mono{color:var(--green);letter-spacing:-18px;font-size:clamp(80px,15vw,150px);font-weight:900}.lotus{color:var(--gold);font-size:34px;position:absolute;top:30px}.leaf{font-size:46px;position:absolute;bottom:32px}.logoCard h3{letter-spacing:8px;margin:30px 0 8px;font-size:42px}.logoCard h3 span{color:var(--gold)}.logoCard p{letter-spacing:6px;text-transform:uppercase}.product{grid-template-columns:1fr 360px;align-items:center;gap:36px;max-width:1160px;margin:auto;padding:60px 24px;display:grid}.badges{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.badges span{border:1px solid var(--gold);background:#ffffffb3;border-radius:999px;padding:10px 14px;font-family:Arial,sans-serif;font-weight:700}.productMock{background:linear-gradient(160deg,var(--green),#09291e);color:#fff;text-align:center;border:4px solid var(--gold);border-radius:28px;place-items:center;min-height:430px;padding:36px;display:grid}.productMock h3{text-transform:uppercase;margin:0;font-size:48px}.productMock p{background:var(--gold);border-radius:999px;padding:8px 18px;font-weight:700}.productMock small{font-family:Arial,sans-serif;line-height:1.6}.benefits,.ingredients{text-align:center;max-width:1160px;margin:auto;padding:60px 24px}.grid4{grid-template-columns:repeat(4,1fr);gap:18px;margin-top:28px;display:grid}.tile,.ingredientGrid div{background:#ffffffb3;border:1px solid #b8872047;border-radius:20px;padding:20px;font-family:Arial,sans-serif;font-weight:700;box-shadow:0 10px 24px #0f3b2b12}.ingredientGrid{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:28px;display:grid}.about{border-top:1px solid #b8872040;border-bottom:1px solid #b8872040;grid-template-columns:1fr 1fr;gap:36px;max-width:1160px;margin:40px auto;padding:54px 24px;display:grid}.contact{text-align:center;background:var(--green);color:#fff;border-radius:32px;max-width:900px;margin:70px auto;padding:50px 24px}.contact p{color:#fffc}.contact a{color:var(--gold);margin:18px 0;font-size:28px;font-weight:700;text-decoration:none;display:block}.contact small{letter-spacing:2px}footer{text-align:center;color:var(--muted);padding:30px;font-family:Arial,sans-serif}@media (width<=800px){.hero,.product,.about{grid-template-columns:1fr}.grid4,.ingredientGrid{grid-template-columns:repeat(2,1fr)}.navBtn{display:none}}@media (width<=520px){.grid4,.ingredientGrid{grid-template-columns:1fr}.logoCard h3{letter-spacing:4px;font-size:28px}.contact a{font-size:20px}}
