:root{--deep:#0c2e1f;--pine:#11402a;--lime:#a8e063;--mint:#56ab2f;--paper:#f4f8f2;--ink:#14231a;--mut:#5c7263}
  *{margin:0;padding:0;box-sizing:border-box}
  body{font-family:'Inter',sans-serif;background:var(--paper);color:var(--ink);line-height:1.65}
  header{display:flex;justify-content:space-between;align-items:center;padding:22px 5vw}
  .logo{font-family:'Sora';font-weight:800;font-size:1.45rem;color:var(--deep)}
  .logo span{color:var(--mint)}
  .logo::before{content:"";display:inline-block;width:14px;height:14px;border-radius:3px 12px 3px 12px;background:linear-gradient(135deg,var(--mint),var(--lime));margin-right:10px;transform:rotate(45deg)}
  nav a{color:var(--ink);text-decoration:none;font-weight:500;margin-left:28px;font-size:.95rem}
  .quote{background:var(--deep);color:#fff!important;padding:11px 22px;border-radius:99px;font-weight:600}
  .hero{margin:0 3vw;border-radius:32px;background:linear-gradient(130deg,var(--deep) 30%,var(--pine) 62%,#1d5c38);color:#fff;padding:84px 6vw;position:relative;overflow:hidden}
  .hero::after{content:"";position:absolute;right:-140px;bottom:-180px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(168,224,99,.35),transparent 65%)}
  .hero .tag{display:inline-block;background:rgba(168,224,99,.16);border:1px solid rgba(168,224,99,.5);color:var(--lime);padding:6px 16px;border-radius:99px;font-size:.82rem;font-weight:600;letter-spacing:.06em}
  .hero h1{font-family:'Sora';font-weight:800;font-size:3.9rem;line-height:1.04;max-width:640px;margin:24px 0 0}
  .hero h1 span{background:linear-gradient(90deg,var(--lime),#d6f79b);-webkit-background-clip:text;background-clip:text;color:transparent}
  .hero p{max-width:520px;color:#cfe6d6;margin-top:20px;font-size:1.1rem}
  .hero .cta{margin-top:34px;display:flex;gap:14px;flex-wrap:wrap;position:relative;z-index:2}
  .hero .cta a{text-decoration:none;font-weight:600;padding:15px 28px;border-radius:99px}
  .cta .a{background:var(--lime);color:var(--deep)}
  .cta .b{border:1.5px solid rgba(255,255,255,.5);color:#fff}
  .services{padding:90px 5vw;max-width:1200px;margin:0 auto}
  .services .k{color:var(--mint);font-weight:700;letter-spacing:.2em;text-transform:uppercase;font-size:.78rem}
  .services h2{font-family:'Sora';font-weight:800;font-size:2.4rem;color:var(--deep);margin:10px 0 44px}
  .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
  .card{background:#fff;border:1px solid #e0ebdd;border-radius:20px;padding:30px}
  .card .ic{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,#e5f5da,#cdeed6);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:16px}
  .card h3{font-family:'Sora';font-weight:700;font-size:1.15rem;color:var(--deep);margin-bottom:8px}
  .card p{color:var(--mut);font-size:.94rem}
  .transform{padding:0 3vw 90px}
  .transform .panel{max-width:1200px;margin:0 auto;background:#fff;border:1px solid #e0ebdd;border-radius:28px;padding:44px;display:grid;grid-template-columns:1fr auto 1fr;gap:28px;align-items:stretch}
  .ba{border-radius:18px;padding:26px;min-height:190px;display:flex;flex-direction:column;justify-content:flex-end}
  .ba.before{background:linear-gradient(160deg,#b9a98d,#8f8168)}
  .ba.after{background:linear-gradient(160deg,#2e7d43,#79c25e)}
  .ba .lb{font-family:'Sora';font-weight:800;color:#fff;font-size:1.3rem;text-shadow:0 2px 8px rgba(0,0,0,.3)}
  .ba .ds{color:rgba(255,255,255,.9);font-size:.88rem}
  .arrow{display:flex;align-items:center;font-size:2rem;color:var(--mint);font-weight:800}
  .transform .cap{max-width:1200px;margin:16px auto 0;color:var(--mut);font-size:.9rem;text-align:center}
  .story{background:var(--deep);color:#e6f2e8;margin:0 3vw;border-radius:32px;padding:80px 6vw;text-align:center}
  .story h2{font-family:'Sora';font-weight:800;font-size:2.2rem;color:#fff;margin-bottom:16px}
  .story p{max-width:680px;margin:0 auto;color:#bcd8c2}
  .story .nums{display:flex;justify-content:center;gap:60px;margin-top:40px;flex-wrap:wrap}
  .story .n{font-family:'Sora';font-weight:800;font-size:2.2rem;color:var(--lime)}
  .story .l{font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;color:#8fb598}
  .visit{padding:80px 5vw;max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:50px}
  .visit h3{font-family:'Sora';font-weight:700;font-size:1.5rem;color:var(--deep);margin-bottom:14px}
  .visit p,.visit li{color:var(--mut)}
  .visit li{list-style:none;padding:7px 0;border-bottom:1px solid #e0ebdd}
  .visit .phone{font-family:'Sora';font-weight:800;font-size:1.8rem;color:var(--mint)}
  footer{border-top:1px solid #e0ebdd;padding:26px 5vw;display:flex;justify-content:space-between;color:var(--mut);font-size:.86rem;flex-wrap:wrap;gap:8px}
  @media(max-width:850px){.grid,.visit{grid-template-columns:1fr}.transform .panel{grid-template-columns:1fr}.arrow{justify-content:center;transform:rotate(90deg)}.hero h1{font-size:2.5rem}nav{display:none}}