
:root{--ink:#14251f;--muted:#65736d;--cream:#f5f3ec;--paper:#fffef9;--green:#1f5a45;--lime:#c9f06b;--line:rgba(20,37,31,.13);--shadow:0 22px 60px rgba(19,44,34,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.wrap{width:min(1160px,92%);margin:auto}.topbar{padding:13px 0;border-bottom:1px solid var(--line);font-size:.86rem;color:var(--muted)}.topbar .wrap,.nav .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px}.nav{position:sticky;top:0;z-index:10;background:rgba(245,243,236,.88);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;font-weight:850;letter-spacing:-.04em;padding:17px 0}.brandmark{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:var(--green);color:var(--lime);box-shadow:0 7px 0 #153e30;transform:rotate(-4deg)}.navlinks{display:flex;gap:19px;align-items:center;font-size:.92rem}.navlinks a:hover,.footer a:hover{color:#39795d}.pill,.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:12px 19px;font-weight:750;border:1px solid var(--line);transition:transform .2s,box-shadow .2s,background .2s;cursor:pointer}.btn:hover,.pill:hover{transform:translateY(-3px);box-shadow:0 10px 24px #183d2a1c}.btn.primary{background:var(--green);color:white;border-color:var(--green)}.btn.lime{background:var(--lime);border-color:var(--lime)}.hero{padding:68px 0 46px;display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.17em;font-size:.75rem;font-weight:850;color:#4c7b61}.hero h1{font-size:clamp(2.8rem,6vw,5.8rem);line-height:.98;letter-spacing:-.075em;margin:18px 0}.hero p{font-size:1.1rem;color:var(--muted);max-width:580px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.visual{min-height:440px;position:relative;perspective:1000px}.visual-card{position:absolute;inset:12px 20px 18px 30px;border-radius:34px;overflow:hidden;background:linear-gradient(145deg,#dce6d5,#8eb39b 52%,#3d6c55);box-shadow:var(--shadow);transform:rotateY(-8deg) rotateX(3deg);border:1px solid #ffffffa6}.visual-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 25%,#10271dc9),radial-gradient(circle at 70% 20%,#fff9 0 2%,transparent 15%)}.sun{position:absolute;width:105px;height:105px;border-radius:50%;background:#f3f0cb;top:40px;right:50px;box-shadow:0 0 55px #fff9}.house{position:absolute;bottom:86px;left:18%;width:64%;height:190px;background:#f2eee2;clip-path:polygon(0 25%,50% 0,100% 25%,100% 100%,0 100%);filter:drop-shadow(10px 15px 0 #244a39)}.house:before{content:"";position:absolute;top:68px;left:40%;width:23%;height:122px;background:#456e59;border:8px solid #f2eee2}.house:after{content:"";position:absolute;top:68px;left:12%;width:18%;height:50px;background:#8fb8b1;border:7px solid #f2eee2;box-shadow:170px 0 0 -7px #8fb8b1}.tree{position:absolute;bottom:90px;width:55px;height:160px;background:#3b6047;border-radius:45% 45% 5px 5px}.tree.one{left:9%}.tree.two{right:8%;height:125px}.ground{position:absolute;bottom:0;height:110px;width:100%;background:linear-gradient(170deg,#739b69,#315b43)}.float-note{position:absolute;background:var(--paper);padding:17px 20px;border-radius:18px;box-shadow:var(--shadow);max-width:210px}.float-note strong{display:block;font-size:1.2rem}.float-note small{color:var(--muted)}.float-note.one{left:0;bottom:8px}.float-note.two{right:0;top:35px}.section{padding:55px 0}.section-head{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:24px}.section h2{font-size:clamp(2rem,4vw,3.3rem);letter-spacing:-.06em;line-height:1.04;margin:8px 0}.section-head p{max-width:450px;color:var(--muted);margin:0}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.card{background:var(--paper);border:1px solid var(--line);border-radius:24px;padding:23px;box-shadow:0 8px 30px #153c2910;transition:transform .22s,box-shadow .22s;min-width:0}.card:hover{transform:translateY(-6px) rotateX(1deg);box-shadow:var(--shadow)}.card .iconbox{width:46px;height:46px;display:grid;place-items:center;border-radius:15px;background:#e8efdf;font-size:1.35rem;margin-bottom:18px}.card h3{margin:0 0 7px;font-size:1.18rem;letter-spacing:-.03em}.card p{color:var(--muted);margin:0 0 16px}.arrow{font-weight:800;color:var(--green)}.band{background:var(--green);color:#fff;border-radius:30px;padding:36px;display:flex;justify-content:space-between;align-items:center;gap:24px;overflow:hidden;position:relative}.band:after{content:"";position:absolute;width:250px;height:250px;border:1px solid #ffffff30;border-radius:50%;right:20%;top:-170px;box-shadow:0 0 0 35px #ffffff0a,0 0 0 70px #ffffff0a}.band p{color:#d2e0d7;margin-bottom:0}.band>*{position:relative;z-index:1}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:28px 0}.stat{padding:18px;border-top:1px solid var(--line)}.stat strong{font-size:2rem;letter-spacing:-.06em;display:block}.stat span{color:var(--muted);font-size:.9rem}.pagehero{padding:54px 0 30px}.pagehero h1{font-size:clamp(2.4rem,5vw,4.6rem);line-height:1;letter-spacing:-.07em;margin:12px 0}.pagehero p{max-width:720px;color:var(--muted);font-size:1.08rem}.crumb{color:var(--muted);font-size:.9rem}.content{max-width:850px;padding-bottom:60px}.content h2{margin-top:34px;letter-spacing:-.04em}.content p,.content li{color:#52635b}.content .card{margin:20px 0}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}.field input,.field textarea,.field select{width:100%;padding:13px 14px;border:1px solid var(--line);border-radius:13px;background:white;color:var(--ink)}.field textarea{min-height:130px;resize:vertical}.footer{background:#e9e8df;margin-top:35px;padding:38px 0 25px}.footergrid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:30px}.footer p,.footer a{color:var(--muted);font-size:.92rem}.footlinks{display:grid;gap:8px}.copyright{border-top:1px solid var(--line);margin-top:28px;padding-top:18px;color:var(--muted);font-size:.82rem}.notice{padding:14px 17px;background:#edf3e6;border-left:4px solid #6b9b65;border-radius:9px;color:#345742}.page-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.page-link{display:flex;justify-content:space-between;gap:12px;padding:16px 18px;background:var(--paper);border:1px solid var(--line);border-radius:16px;font-weight:700}.page-link:hover{border-color:#82a78c;transform:translateY(-2px)}.menu-toggle{display:none}.tag{display:inline-block;border-radius:99px;padding:5px 10px;background:#e7efdf;color:#3b694c;font-size:.78rem;font-weight:800}
@media(max-width:800px){.hero{grid-template-columns:1fr;padding-top:42px;gap:20px}.visual{min-height:350px}.visual-card{inset:10px 15px 12px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.navlinks{gap:10px;flex-wrap:wrap;justify-content:flex-end}.navlinks a:not(.btn){display:none}.footergrid{grid-template-columns:1fr 1fr}.section-head{align-items:start;flex-direction:column}.band{align-items:flex-start;flex-direction:column}}
@media(max-width:520px){.grid{grid-template-columns:1fr}.visual{min-height:300px}.house{height:140px;bottom:72px}.tree{height:120px}.float-note{padding:12px 14px;max-width:165px}.float-note.two{top:12px}.footergrid{grid-template-columns:1fr}.stats{grid-template-columns:1fr}.formgrid{grid-template-columns:1fr}.field.full{grid-column:auto}.band{padding:25px}.nav .wrap{gap:8px}.brand{font-size:.9rem}.navlinks .btn{padding:9px 12px}}

@keyframes riseIn{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@keyframes softFloat{0%,100%{transform:translateY(0) rotateY(-8deg) rotateX(3deg)}50%{transform:translateY(-9px) rotateY(-5deg) rotateX(2deg)}}
@keyframes glowPulse{0%,100%{box-shadow:0 0 0 0 rgba(201,240,107,0)}50%{box-shadow:0 0 0 8px rgba(201,240,107,.10)}}
@keyframes shimmer{0%{background-position:0% 50%}100%{background-position:200% 50%}}
.hero>div:first-child,.pagehero,.section-head{animation:riseIn .7s ease both}.visual-card{animation:softFloat 7s ease-in-out infinite}.brandmark{animation:glowPulse 5s ease-in-out infinite}.btn.primary{background-image:linear-gradient(110deg,#1f5a45 0%,#2d7658 45%,#1f5a45 90%);background-size:200% 100%}.btn.primary:hover{animation:shimmer 1.2s linear infinite}.card,.page-link{transform-style:preserve-3d;will-change:transform}.card:hover{transform:translateY(-7px) rotateX(2deg) rotateY(-1deg)}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
