/* css/landing.css — extracted from index.html */

:root{--g:#3d7a1f;--gm:#5a9e2f;--gl:#86B93B;--gp:#edf7d6;--gd:#1e3d0d;--cream:#f7f4ee;--ink:#181f10;--gray:#5e6b54;--grl:#9aaa88;--bd:rgba(61,122,31,.13);--r:12px;--T:.28s cubic-bezier(.4,0,.2,1)}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}
body{font-family:'DM Sans',sans-serif;background:var(--cream);color:var(--ink);overflow-x:hidden}
nav{position:fixed;inset:0 0 auto;z-index:900;height:64px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;background:rgba(247,244,238,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--bd);transition:box-shadow var(--T)}
nav.sc{box-shadow:0 4px 24px rgba(24,31,16,.08)}
.nl{display:flex;align-items:center;gap:4px}
.nl a{font-size:.86rem;font-weight:500;color:var(--gray);text-decoration:none;padding:7px 12px;border-radius:7px;transition:all var(--T)}
.nl a:hover{color:var(--g);background:var(--gp)}
.nl .cta{background:var(--g)!important;color:#fff!important;font-weight:700!important;border-radius:8px!important;padding:8px 20px!important;box-shadow:0 3px 12px rgba(61,122,31,.3)}
.nl .cta:hover{background:var(--gd)!important}
.nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none}
.lm{width:36px;height:36px;border-radius:9px;background:linear-gradient(135deg,var(--gl),var(--gd));display:flex;align-items:center;justify-content:center}
.lm svg{width:20px;height:20px;fill:#fff}
.ln{font-family:'Playfair Display',serif;font-size:1.18rem;font-weight:700;color:var(--gd)}
.ham{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:6px}
.ham span{width:22px;height:2px;background:var(--g);border-radius:2px}
#hero{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:56px;padding:110px 6% 80px;position:relative;overflow:hidden}
.hbg{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 70% 60% at 100% 5%,rgba(134,185,59,.14) 0%,transparent 65%),radial-gradient(ellipse 50% 40% at 0% 100%,rgba(61,122,31,.08) 0%,transparent 60%)}
.hl{position:relative;z-index:1}
.eyebrow{display:inline-flex;align-items:center;gap:8px;background:var(--gp);border:1px solid rgba(134,185,59,.4);color:var(--g);border-radius:100px;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:5px 14px;margin-bottom:24px;animation:fadeUp .7s ease both}
.dot{width:7px;height:7px;background:var(--gl);border-radius:50%;animation:blink 2s infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}
h1{font-family:'Playfair Display',serif;font-size:clamp(2.1rem,4.5vw,3.6rem);font-weight:800;line-height:1.12;color:var(--ink);margin-bottom:20px;animation:fadeUp .7s .1s ease both}
h1 em{font-style:italic;color:var(--g)}
.hero-p{font-size:clamp(.9rem,1.4vw,1.05rem);color:var(--gray);line-height:1.8;margin-bottom:34px;max-width:520px;animation:fadeUp .7s .2s ease both}
.hbtns{display:flex;gap:12px;flex-wrap:wrap;animation:fadeUp .7s .3s ease both}
.btn-p{background:var(--g);color:#fff;padding:13px 30px;border:none;border-radius:var(--r);font-family:'DM Sans',sans-serif;font-size:.95rem;font-weight:700;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:8px;box-shadow:0 4px 18px rgba(61,122,31,.35);transition:transform var(--T),box-shadow var(--T),background var(--T)}
.btn-p:hover{background:var(--gd);transform:translateY(-2px);box-shadow:0 8px 28px rgba(61,122,31,.45)}
.btn-s{background:transparent;color:var(--g);border:2px solid var(--g);padding:12px 26px;border-radius:var(--r);font-family:'DM Sans',sans-serif;font-size:.95rem;font-weight:600;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:all var(--T)}
.btn-s:hover{background:var(--g);color:#fff}
.hm{display:flex;gap:28px;margin-top:40px;flex-wrap:wrap;padding-top:28px;border-top:1px solid var(--bd);animation:fadeUp .7s .4s ease both}
.hm-item .num{font-family:'Playfair Display',serif;font-size:1.8rem;font-weight:800;color:var(--g)}
.hm-item .lbl{font-size:.72rem;color:var(--grl);font-weight:600;letter-spacing:.05em;text-transform:uppercase}
.hr{position:relative;z-index:1;animation:fadeUp .7s .15s ease both}
.hcard{background:#fff;border-radius:18px;padding:26px;box-shadow:0 20px 60px rgba(24,31,16,.12);border:1px solid var(--bd)}
.hc-lbl{font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--grl);margin-bottom:14px}
.hc-road{font-size:1rem;font-weight:700;color:var(--ink);margin-bottom:18px}
.score-row{display:flex;gap:10px;margin-bottom:18px;flex-wrap:wrap}
.sc-pill{flex:1;min-width:70px;background:var(--gp);border-radius:10px;padding:12px;text-align:center}
.sc-pill .sc{font-family:'Playfair Display',serif;font-size:1.35rem;font-weight:800;color:var(--g)}
.sc-pill .sl{font-size:.68rem;font-weight:600;color:var(--gray);margin-top:2px}
.sc-pill.warn .sc{color:#d97706}.sc-pill.warn{background:#fef3c7}
.segs{display:flex;flex-direction:column;gap:7px}
.sg{display:flex;align-items:center;gap:9px;padding:8px 11px;border-radius:8px;background:var(--cream)}
.sgd{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.sgd.ok{background:var(--g)}.sgd.pd{background:#f59e0b}
.sg-n{font-size:.8rem;font-weight:600;color:var(--ink);flex:1}
.sg-sc{font-size:.75rem;font-weight:700;color:var(--g)}
.sg-b{font-size:.67rem;font-weight:700;padding:2px 8px;border-radius:100px}
.sg-b.ok{background:#dcfce7;color:#15803d}.sg-b.pd{background:#fef3c7;color:#d97706}
.fb{position:absolute;background:#fff;border-radius:10px;padding:9px 13px;box-shadow:0 6px 20px rgba(24,31,16,.12);font-size:.75rem;font-weight:700;display:flex;align-items:center;gap:6px;white-space:nowrap;border:1px solid var(--bd)}
.fb.t{top:-14px;right:-18px;color:var(--g)}.fb.b{bottom:-14px;left:-18px;color:#d97706}
@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.pb{background:var(--gd);color:#fff;padding:24px 6%;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.pb-t{font-size:.87rem;line-height:1.65;color:rgba(255,255,255,.8);max-width:700px}
.pb-t strong{color:#fff}
.pb-a{font-size:.8rem;font-weight:700;color:var(--gl);text-decoration:none;border:1px solid var(--gl);border-radius:8px;padding:7px 16px;white-space:nowrap;transition:all var(--T)}
.pb-a:hover{background:var(--gl);color:#fff}
section{padding:88px 6%}
.mw{max-width:1160px;margin:0 auto}
.ey{display:inline-flex;align-items:center;gap:8px;font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--g);margin-bottom:12px}
.ey::before{content:'';width:18px;height:2px;background:var(--g);border-radius:2px}
h2{font-family:'Playfair Display',serif;font-size:clamp(1.6rem,3.2vw,2.4rem);font-weight:800;line-height:1.2;color:var(--ink);margin-bottom:14px}
.sub{font-size:.97rem;color:var(--gray);line-height:1.75;max-width:600px}
.rv{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease}
.rv.vs{opacity:1;transform:translateY(0)}
#about{background:#fff}
.ag{display:grid;grid-template-columns:1fr 1.05fr;gap:72px;align-items:start}
.about-features{display:flex;flex-direction:column;gap:13px;margin-top:28px}
.af{display:flex;gap:13px;align-items:flex-start;padding:14px;border-radius:11px;transition:background var(--T)}
.af:hover{background:var(--gp)}
.af-ic{width:38px;height:38px;border-radius:9px;background:var(--gp);display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}
.af h4{font-size:.9rem;font-weight:700;margin-bottom:3px}
.af p{font-size:.82rem;color:var(--gray);line-height:1.6}
.astats{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:28px}
.asc{background:var(--cream);border-radius:11px;padding:18px;border-left:4px solid var(--gl)}
.asc .n{font-family:'Playfair Display',serif;font-size:1.6rem;font-weight:800;color:var(--g)}
.asc .l{font-size:.78rem;color:var(--gray);margin-top:3px}
.av-card{background:linear-gradient(135deg,var(--gp),rgba(134,185,59,.12));border-radius:18px;padding:32px;border:1px solid var(--bd);min-height:360px;display:flex;flex-direction:column;justify-content:space-between}
.av-big{font-size:3rem;margin-bottom:12px}
.av-t{font-family:'Playfair Display',serif;font-size:1.3rem;font-weight:700;color:var(--gd);margin-bottom:8px}
.av-p{font-size:.87rem;color:var(--gray);line-height:1.7}
.av-ps{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}
.av-pi{background:#fff;border:1px solid var(--bd);border-radius:100px;font-size:.72rem;font-weight:600;color:var(--gd);padding:4px 11px}
#findings{background:var(--gd);color:#fff}
#findings .ey{color:var(--gl)}#findings .ey::before{background:var(--gl)}
#findings h2{color:#fff}#findings .sub{color:rgba(255,255,255,.65)}
.fg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:44px}
.fc{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:26px;transition:background var(--T)}
.fc:hover{background:rgba(255,255,255,.1)}
.fc-ic{font-size:1.6rem;margin-bottom:12px}
.fc-num{font-family:'Playfair Display',serif;font-size:2rem;font-weight:800;color:var(--gl);margin-bottom:5px}
.fc h4{font-size:.93rem;font-weight:700;color:#fff;margin-bottom:6px}
.fc p{font-size:.83rem;color:rgba(255,255,255,.6);line-height:1.65}
#features{background:var(--cream)}
.feat-hd{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:end;margin-bottom:44px}
.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.feat{background:#fff;border-radius:14px;padding:28px;border:1px solid var(--bd);position:relative;overflow:hidden;transition:transform var(--T),box-shadow var(--T)}
.feat::before{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gl),var(--gd));transform:scaleX(0);transform-origin:left;transition:transform var(--T)}
.feat:hover{transform:translateY(-5px);box-shadow:0 16px 40px rgba(24,31,16,.1)}
.feat:hover::before{transform:scaleX(1)}
.f-ic{width:48px;height:48px;border-radius:11px;background:var(--gp);display:flex;align-items:center;justify-content:center;font-size:1.3rem;margin-bottom:16px}
.feat h3{font-size:1rem;font-weight:700;color:var(--ink);margin-bottom:7px}
.feat p{font-size:.84rem;color:var(--gray);line-height:1.65}
.f-tag{display:inline-block;margin-top:12px;background:var(--gp);color:var(--gd);font-size:.7rem;font-weight:700;padding:3px 9px;border-radius:100px}
#how{background:#fff}
.how-g{display:grid;grid-template-columns:1fr 1.2fr;gap:72px;align-items:start}
.steps{position:relative}
.steps::before{content:'';position:absolute;left:22px;top:28px;bottom:0;width:2px;background:linear-gradient(to bottom,var(--gl),transparent)}
.step{display:flex;gap:18px;padding:14px 0}
.stc{width:46px;height:46px;border-radius:50%;flex-shrink:0;background:#fff;border:2.5px solid var(--gl);z-index:1;display:flex;align-items:center;justify-content:center;font-family:'Playfair Display',serif;font-size:.95rem;font-weight:800;color:var(--g)}
.step.act .stc{background:var(--g);color:#fff;border-color:var(--g)}
.stb{padding-top:9px}.stb h4{font-size:.92rem;font-weight:700;color:var(--ink);margin-bottom:4px}
.stb p{font-size:.82rem;color:var(--gray);line-height:1.6}
.st-chip{display:inline-block;margin-top:6px;background:var(--gp);color:var(--gd);font-size:.68rem;font-weight:700;padding:2px 9px;border-radius:100px}
.how-cards{display:flex;flex-direction:column;gap:14px}
.how-card{background:var(--cream);border-radius:13px;padding:20px;border:1px solid var(--bd)}
.hc-hd{display:flex;align-items:center;gap:10px;margin-bottom:8px}.hc-hd .ic{font-size:1.2rem}
.hc-hd h4{font-size:.92rem;font-weight:700;color:var(--ink)}.how-card p{font-size:.82rem;color:var(--gray);line-height:1.6}
#scoring{background:var(--cream)}
.sc-intro{display:grid;grid-template-columns:1fr 1.5fr;gap:64px;align-items:center;margin-bottom:52px}
.score-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.scr-card{background:#fff;border-radius:14px;padding:26px;border:1px solid var(--bd);border-top:4px solid var(--gl);transition:transform var(--T)}
.scr-card:hover{transform:translateY(-4px)}
.scr-card.b2{border-top-color:#3b82f6}.scr-card.b3{border-top-color:#f59e0b}
.scr-ic{font-size:1.5rem;margin-bottom:12px}
.scr-card h3{font-size:1rem;font-weight:700;color:var(--ink);margin-bottom:8px}
.scr-card p{font-size:.83rem;color:var(--gray);line-height:1.65}
.scr-items{display:flex;flex-direction:column;gap:8px;margin-top:14px}
.scr-it{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--gray)}
.scr-it::before{content:"✓";color:var(--g);font-weight:700;font-size:.8rem}
#impact{background:linear-gradient(135deg,var(--g) 0%,var(--gd) 100%);padding:72px 6%}
#impact .ey{color:var(--gl)}#impact .ey::before{background:var(--gl)}
#impact h2{color:#fff}#impact .sub{color:rgba(255,255,255,.7)}
.imp-g{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:44px}
.ic-card{text-align:center;padding:26px 14px;background:rgba(255,255,255,.08);border-radius:13px;border:1px solid rgba(255,255,255,.12);transition:background var(--T)}
.ic-card:hover{background:rgba(255,255,255,.14)}
.ic-card .big{font-size:1.8rem;margin-bottom:10px}
.ic-card .n{font-family:'Playfair Display',serif;font-size:2.3rem;font-weight:800;color:var(--gl);line-height:1}
.ic-card .l{font-size:.82rem;color:rgba(255,255,255,.65);margin-top:6px}
#roads{background:#fff}
.rg{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:10px;margin-top:36px}
.rc{background:var(--cream);border:1px solid var(--bd);border-radius:10px;padding:12px 14px;font-size:.82rem;font-weight:600;color:var(--ink);display:flex;align-items:center;gap:8px;transition:all var(--T)}
.rc:hover{background:var(--gp);border-color:var(--gl);color:var(--g)}
.rc::before{content:"🛣️";font-size:.85rem}
#cta{background:var(--cream);text-align:center}
.cta-inner{max-width:660px;margin:0 auto}.cta-inner h2{font-size:clamp(1.7rem,3.5vw,2.5rem)}
.cta-inner .sub{margin:0 auto 32px}
.cta-bs{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
footer{background:var(--ink);color:rgba(255,255,255,.55);padding:56px 6% 28px}
.fg-wrap{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:44px;margin-bottom:44px}
.fb-brand .bn{font-family:'Playfair Display',serif;font-size:1.2rem;color:#fff;font-weight:700;margin-bottom:10px}
.fb-brand p{font-size:.83rem;line-height:1.7;max-width:250px}
.fcol h5{font-size:.72rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.1em;margin-bottom:14px}
.fcol a{display:block;font-size:.83rem;color:rgba(255,255,255,.5);text-decoration:none;margin-bottom:8px;transition:color var(--T)}
.fcol a:hover{color:var(--gl)}
.fb-bot{border-top:1px solid rgba(255,255,255,.07);padding-top:22px;display:flex;justify-content:space-between;font-size:.78rem;flex-wrap:wrap;gap:8px}
.pb-cr{color:var(--gl);font-weight:600}
#topBtn{position:fixed;bottom:26px;right:26px;z-index:800;width:40px;height:40px;border-radius:50%;background:var(--g);color:#fff;border:none;font-size:1rem;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;box-shadow:0 4px 14px rgba(61,122,31,.4)}
#topBtn.show{opacity:1;pointer-events:auto}#topBtn:hover{transform:scale(1.1)}
@media(max-width:1024px){#hero{grid-template-columns:1fr;padding-top:95px;text-align:center}.hbtns,.hm{justify-content:center}.hr{display:none}.ag,.feat-hd,.how-g,.sc-intro{grid-template-columns:1fr}.fg-grid,.feat-grid,.score-cards{grid-template-columns:1fr 1fr}.imp-g{grid-template-columns:1fr 1fr}.fg-wrap{grid-template-columns:1fr 1fr}}
@media(max-width:640px){section{padding:60px 5%}.nl{display:none;position:fixed;inset:64px 0 0;background:rgba(247,244,238,.97);flex-direction:column;padding:18px;gap:5px;z-index:999;overflow-y:auto}.nl.open{display:flex}.nl a{padding:12px 16px;font-size:1rem;border-radius:8px;border-bottom:1px solid var(--bd)}.ham{display:flex}.ham.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}.ham.active span:nth-child(2){opacity:0}.ham.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.ham span{transition:transform .25s,opacity .25s}.fg-grid,.feat-grid,.score-cards,.imp-g,.astats{grid-template-columns:1fr}.fg-wrap{grid-template-columns:1fr}.astats{grid-template-columns:1fr 1fr!important}#hero{padding-top:80px}.hbtns{flex-direction:column;align-items:center}.hbtns a{width:100%;text-align:center}}