:root{
  --bg:#fbf7ef; --ink:#1d2421; --muted:#5d6b64; --green:#1f7a4d; --green-d:#155c39;
  --gold:#caa133; --card:#ffffff; --line:#e7e0d2; --shadow:0 6px 24px rgba(31,122,77,.10);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  color:var(--ink);background:var(--bg);line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.site-header{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;max-width:1080px;margin:0 auto}
.brand{font-weight:800;font-size:19px;color:var(--green-d);letter-spacing:-.02em}
.site-header nav a{color:var(--muted);font-weight:600;font-size:15px}
.page{max-width:1080px;margin:0 auto;padding:0 22px}
.hero{text-align:center;padding:54px 0 30px;max-width:760px;margin:0 auto}
.hello{font-size:46px;font-weight:800;color:var(--green);margin:0 0 6px;letter-spacing:-.02em}
h1{font-size:clamp(30px,5vw,52px);line-height:1.08;letter-spacing:-.03em;margin:.2em 0 .35em;font-weight:850}
.home-hero h1{margin-top:24px}
.lede{font-size:19px;color:var(--muted);max-width:620px;margin:0 auto 26px}
.badge{display:inline-block;background:rgba(202,161,51,.16);color:#8a6b12;font-weight:700;
  font-size:13px;padding:5px 12px;border-radius:999px;margin:0 0 10px}
.cta{display:inline-block;background:var(--green);color:#fff;font-weight:750;font-size:16px;
  padding:14px 26px;border-radius:999px;box-shadow:var(--shadow);transition:transform .12s ease,background .12s ease}
.cta:hover{background:var(--green-d);transform:translateY(-1px)}
.cta-big{font-size:18px;padding:16px 32px}
.sub{font-size:14px;color:var(--muted);margin-top:14px}
.features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:30px 0}
.feature{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px}
.feature h3{margin:.1em 0 .4em;font-size:18px}
.feature p{color:var(--muted);font-size:15px;margin:0}
.why,.faq,.closing,.related,.grid-section{margin:46px 0}
.why{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:30px}
.why h2{margin-top:0}
h2{font-size:clamp(22px,3vw,30px);letter-spacing:-.02em}
.faq .q{border-top:1px solid var(--line);padding:16px 0}
.faq .q:first-of-type{border-top:none}
.faq h3{margin:0 0 4px;font-size:17px}
.faq p{margin:0;color:var(--muted)}
.closing{text-align:center;background:linear-gradient(135deg,#1f7a4d,#155c39);color:#fff;border-radius:24px;padding:40px 24px}
.closing .cta{background:#fff;color:var(--green-d)}
.closing .cta:hover{background:#f0efe9}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}
.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px;
  display:flex;flex-direction:column;gap:4px;transition:transform .12s ease,box-shadow .12s ease}
.card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#cfe3d6}
.card-hi{font-size:26px;font-weight:800;color:var(--green)}
.card-lang{font-weight:750;font-size:16px}
.card-app{color:var(--muted);font-size:13px}
.chips{display:flex;flex-wrap:wrap;gap:10px}
.lang-chip{background:var(--card);border:1px solid var(--line);border-radius:999px;padding:9px 15px;
  font-weight:650;font-size:14px;display:inline-flex;align-items:center;gap:8px}
.lang-chip .hi{color:var(--green);font-weight:800}
.lang-chip:hover{border-color:var(--green)}
.site-footer{max-width:1080px;margin:40px auto 0;padding:28px 22px 50px;border-top:1px solid var(--line);text-align:center}
.foot-tag{font-weight:750;color:var(--green-d);margin:0 0 10px}
.foot-links{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;color:var(--muted);font-size:14px;margin:0 0 14px}
.foot-small{color:var(--muted);font-size:13px;max-width:640px;margin:0 auto}
@media(max-width:720px){.features{grid-template-columns:1fr}}