:root{--ink:#19362f;--deep:#123d32;--green:#157253;--mint:#eaf5ee;--line:#d7e5da;--muted:#577068;--paper:#fbfcf8;--white:#fff;--coral:#cf7951;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:17px;line-height:1.65}a{color:inherit}a:focus-visible{outline:3px solid var(--coral);outline-offset:3px}header{background:var(--white);border-bottom:1px solid var(--line)}.nav{max-width:1120px;margin:auto;padding:18px 24px;display:flex;align-items:center;gap:24px;justify-content:space-between}.brand{font-weight:850;letter-spacing:.02em;text-decoration:none;font-size:1.12rem}.brand span{color:var(--green)}.navlinks{display:flex;gap:22px;align-items:center;font-size:.9rem;font-weight:650;flex-wrap:wrap}.navlinks a{text-decoration:none}.navlinks a:hover,.inline:hover{color:var(--green)}.wrap{max-width:1120px;margin:0 auto;padding:0 24px}.hero{padding:84px 0 66px;background:linear-gradient(125deg,#f5f9f3,#e9f3eb)}.eyebrow{font-size:.76rem;text-transform:uppercase;letter-spacing:.16em;font-weight:800;color:var(--green);margin:0 0 18px}.heroGrid{display:grid;grid-template-columns:1.4fr .8fr;gap:56px;align-items:center}.hero h1,h1{font-size:clamp(2.65rem,5.2vw,4.6rem);line-height:1.1;letter-spacing:-.055em;margin:0 0 24px;font-weight:770}.hero p.lead{font-size:1.2rem;max-width:690px;margin:0 0 25px;color:#3c5c51}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border-radius:11px;padding:12px 21px;text-decoration:none;font-weight:750;font-size:.93rem;border:1.5px solid var(--deep);transition:transform .15s,background .15s}.btn:hover{transform:translateY(-2px)}.btn.primary{color:white;background:var(--deep)}.btn.secondary{background:transparent;color:var(--deep)}.sample{background:var(--white);border:1px solid var(--line);border-radius:22px;box-shadow:0 16px 36px #19362f16;padding:28px}.sample h2{font-size:1.04rem;margin:2px 0 15px}.visual{margin:14px 0 8px}.visual svg{width:100%;height:auto}.tiny{font-size:.81rem;color:var(--muted)}.section{padding:72px 0}.section.soft{background:#f0f5ef}.section h2{font-size:clamp(1.8rem,3.4vw,2.65rem);letter-spacing:-.035em;line-height:1.24;margin:0 0 16px}.sectionIntro{font-size:1.06rem;color:var(--muted);max-width:730px;margin:0 0 32px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.tile{background:white;padding:25px;border:1px solid var(--line);border-radius:var(--radius);display:flex;flex-direction:column;min-height:225px}.tile h3{font-size:1.16rem;margin:9px 0 4px}.tile p{color:var(--muted);margin:0 0 18px;font-size:.95rem}.tile a{color:var(--green);font-weight:750;text-decoration:none;margin-top:auto}.tag{font-size:.75rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--green)}.tag.planned{color:#896d5c}.guide{max-width:780px;padding:60px 24px 90px;margin:auto}.guide h1{font-size:clamp(2.35rem,4.5vw,3.7rem);line-height:1.13;letter-spacing:-.04em;margin:0 0 20px}.guide h2{font-size:1.55rem;line-height:1.3;margin:48px 0 13px;letter-spacing:-.025em}.guide .lead{font-size:1.13rem;color:var(--muted)}.guide ol{padding-left:24px}.guide li{padding:0 0 10px 4px}.path{display:block;padding:17px 18px;border-radius:11px;border:1px solid var(--line);background:#eef6f0;font-family:ui-monospace,Menlo,monospace;font-size:.88rem;overflow-wrap:anywhere}.note{border-left:4px solid var(--green);background:var(--mint);padding:15px 22px;border-radius:0 10px 10px 0;margin:30px 0}.callout{padding:25px;border-radius:var(--radius);background:#153d31;color:#eef8f1;margin:32px 0}.callout p{margin:0 0 18px;color:#dcf2e5}.callout .btn{background:white;color:var(--deep);border-color:white}.guide .back{color:var(--green);font-weight:700;text-decoration:none;font-size:.89rem}.columns{display:grid;grid-template-columns:1fr 1fr;gap:25px}.fact{border-top:1px solid var(--line);padding-top:15px}.fact strong{display:block;margin-bottom:5px}.muted{color:var(--muted)}footer{border-top:1px solid var(--line);background:#fff;padding:30px 0;color:var(--muted);font-size:.85rem}footer .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}footer a{color:var(--green)}@media(max-width:780px){.heroGrid{grid-template-columns:1fr;gap:26px}.hero{padding:50px 0 46px}.grid3,.columns{grid-template-columns:1fr}.section{padding:51px 0}.nav{align-items:flex-start;flex-direction:column;gap:10px}.navlinks{gap:16px;font-size:.84rem}.sample{max-width:480px}.guide{padding-top:40px}.tile{min-height:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}
