:root{--bg: #f7fbf6;--surface: rgba(255, 255, 255, .78);--surface-strong: #ffffff;--text: #16351f;--muted: #557260;--line: rgba(28, 104, 48, .12);--green: #2f8f46;--green-deep: #1d6b33;--green-soft: #dff3e3;--shadow: 0 18px 45px rgba(29, 107, 51, .12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:radial-gradient(circle at top right,rgba(97,181,111,.18),transparent 28%),linear-gradient(180deg,#fcfffc 0%,var(--bg) 100%);color:var(--text)}a{color:inherit;text-decoration:none}.site{min-height:100vh;overflow:hidden}.hero{padding:24px clamp(20px,4vw,48px) 48px}.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:56px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:1.1rem}.brand-mark,.card-icon,.plant-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--green-deep);background:var(--green-soft);border-radius:999px}.brand-mark{width:36px;height:36px}.nav-links{display:flex;gap:22px;flex-wrap:wrap}.nav-links a{color:var(--muted);transition:color .2s ease}.nav-links a:hover,.nav-links a:focus-visible{color:var(--green-deep)}.hero-content{display:grid;grid-template-columns:1.1fr .9fr;gap:34px;align-items:center}.eyebrow,.section-tag{display:inline-block;padding:8px 14px;border-radius:999px;background:var(--green-soft);color:var(--green-deep);font-size:.9rem;font-weight:700}.hero-copy h1{margin:18px 0 16px;font-size:clamp(2.3rem,6vw,4.7rem);line-height:1.08;max-width:10ch}.hero-copy p,.intro-text,.card p,.step p,.plant-card p{color:var(--muted);line-height:1.9}.hero-copy p{max-width:60ch;font-size:1.05rem}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 20px;border-radius:14px;border:1px solid var(--line);font-weight:700;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.btn:hover,.btn:focus-visible{transform:translateY(-2px);box-shadow:var(--shadow)}.btn-primary{background:linear-gradient(135deg,var(--green) 0%,var(--green-deep) 100%);color:#fff;border-color:transparent}.btn-secondary{background:#ffffffdb}.hero-visual{position:relative;min-height:420px;display:grid;place-items:center}.orb{position:absolute;border-radius:999px;filter:blur(2px)}.orb-one{width:320px;height:320px;background:radial-gradient(circle,#77ca844d,#77ca840a);top:30px;right:20px}.orb-two{width:180px;height:180px;background:radial-gradient(circle,#2f8f4638,#2f8f4605);bottom:28px;left:24px}.plant-card{position:relative;z-index:1;width:min(100%,390px);padding:34px;border:1px solid rgba(255,255,255,.8);border-radius:28px;background:var(--surface);backdrop-filter:blur(14px);box-shadow:var(--shadow)}.plant-icon{width:74px;height:74px;margin-bottom:18px}.plant-card h2,.section-heading h2{margin:14px 0 10px;font-size:clamp(1.6rem,3vw,2.5rem)}.section{padding:24px clamp(20px,4vw,48px) 72px}.section-heading{max-width:720px;margin-bottom:26px}.intro{padding-top:10px}.intro-text{max-width:820px;font-size:1.04rem}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card,.guide-panel{background:var(--surface-strong);border:1px solid var(--line);border-radius:24px;box-shadow:0 10px 30px #1d6b330f}.card{padding:24px;transition:transform .2s ease,box-shadow .2s ease}.card:hover,.card:focus-within{transform:translateY(-4px);box-shadow:var(--shadow)}.card-icon{width:52px;height:52px;margin-bottom:16px}.card h3{margin:0 0 10px;font-size:1.15rem}.guide-panel{padding:28px;background:linear-gradient(180deg,#dff3e373,#fffffff2)}.compact{margin-bottom:18px}.steps{display:grid;gap:14px}.step{display:grid;grid-template-columns:66px 1fr;gap:14px;align-items:start;padding:18px;border-radius:18px;background:#ffffffbf;border:1px solid rgba(28,104,48,.08)}.step-number{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:16px;background:var(--green-deep);color:#fff;font-weight:700}.step p{margin:8px 0 0}@media(max-width:900px){.hero-content,.cards{grid-template-columns:1fr}.hero-copy h1{max-width:none}.hero-visual{min-height:300px}}@media(max-width:640px){.nav{flex-direction:column;align-items:flex-start;margin-bottom:40px}.nav-links{gap:14px}.hero{padding-top:20px}.plant-card,.guide-panel,.card{padding:20px}.step{grid-template-columns:1fr}}