/* ── HOME: HERO ── */
.hero{position:relative;min-height:560px;overflow:hidden;display:flex;align-items:center}
.hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(100deg,rgba(20,50,5,.82) 0%,rgba(30,70,10,.65) 60%,rgba(40,80,15,.4) 100%);z-index:1}
.hero-content{position:relative;z-index:2;max-width:1240px;margin:0 auto;padding:100px 24px;width:100%}
.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-head);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.9);background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.3);border-radius:100px;padding:5px 16px;margin-bottom:1.25rem}
.hero h1{font-family:var(--font-head);font-size:clamp(2rem,5vw,3.4rem);font-weight:800;color:#fff;line-height:1.1;margin-bottom:1.25rem;max-width:640px;text-shadow:0 2px 12px rgba(0,0,0,.2)}
.hero h1 em{font-style:normal;color:#d4ee82}
.hero-sub{font-size:16px;color:rgba(255,255,255,.88);max-width:520px;line-height:1.75;margin-bottom:2rem;text-shadow:0 1px 4px rgba(0,0,0,.15)}
.hero-btns{display:flex;gap:1rem;flex-wrap:wrap}

/* ── HOME: STATS ── */
/* (in style.css – shared) */

/* ── HOME: ABOUT TEASER ── */
.about-grid{display:grid;grid-template-columns:420px 1fr;gap:4rem;align-items:center}
.about-img-wrap{position:relative}
.about-img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}
.about-img-placeholder{width:100%;aspect-ratio:3/4;background:var(--green-pale);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:5rem}
.about-badge{position:absolute;bottom:24px;right:-24px;background:var(--green);color:#fff;border-radius:var(--radius-md);padding:16px 20px;box-shadow:var(--shadow-lg);font-family:var(--font-head);min-width:120px;text-align:center}
.about-badge-num{font-size:2rem;font-weight:800;line-height:1}
.about-badge-label{font-size:11px;font-weight:600;opacity:.85;letter-spacing:.04em}

/* ── HOME: SERVICES ── */
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.service-card{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--border);overflow:hidden;transition:all .3s;text-decoration:none;display:block;color:inherit}
.service-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--green)}
.service-card-icon{padding:2rem 2rem 1.25rem;display:flex;align-items:center;gap:1rem}
.service-icon-box{width:54px;height:54px;border-radius:var(--radius-md);background:var(--green-pale);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--green);font-size:1.5rem;transition:all .3s}
.service-card:hover .service-icon-box{background:var(--green);color:#fff}
.service-card-tag{font-family:var(--font-head);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--green)}
.service-card h3{font-family:var(--font-head);font-size:1.05rem;font-weight:700;color:var(--text)}
.service-card-body{padding:0 2rem 2rem}
.service-card p{font-size:13.5px;color:var(--text-sec);line-height:1.65;margin-bottom:1rem}
.service-card-link{font-family:var(--font-head);font-size:13px;font-weight:700;color:var(--green);display:inline-flex;align-items:center;gap:4px}
.service-card-link::after{content:'→';transition:transform .2s}
.service-card:hover .service-card-link::after{transform:translateX(4px)}

/* ── HOME: STEPS ── */
.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;position:relative}
.steps-grid::before{content:'';position:absolute;top:32px;left:calc(16.67% + 16px);right:calc(16.67% + 16px);height:2px;background:var(--border)}
.step-card{text-align:center;position:relative;z-index:1}
.step-num{width:64px;height:64px;border-radius:50%;background:var(--green-pale);border:2px solid var(--green);display:flex;align-items:center;justify-content:center;font-family:var(--font-head);font-size:1.4rem;font-weight:800;color:var(--green);margin:0 auto 1.25rem;transition:all .3s}
.step-card:hover .step-num{background:var(--green);color:#fff}
.step-card h3{font-family:var(--font-head);font-size:1rem;font-weight:700;color:var(--text);margin-bottom:.5rem}
.step-card p{font-size:13.5px;color:var(--text-sec);line-height:1.65}

/* ── HOME: APP ── */
.app-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}
.app-mockup{background:var(--green-pale);border-radius:var(--radius-lg);padding:2.5rem;text-align:center;min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--border);color:var(--green);font-family:var(--font-head);font-weight:600;gap:1rem}
.app-store-btn{display:inline-flex;align-items:center;gap:12px;background:#1a1a1a;color:#fff;border-radius:var(--radius-md);padding:12px 22px;text-decoration:none;transition:background .2s;margin-top:1.5rem}
.app-store-btn:hover{background:#333;color:#fff}
.app-store-btn svg{width:26px;height:26px;fill:#fff;flex-shrink:0}
.app-store-label small{display:block;font-size:10px;opacity:.7;font-family:var(--font-head);letter-spacing:.04em}
.app-store-label strong{display:block;font-size:15px;font-family:var(--font-head);font-weight:700}

/* ── RESPONSIVE HOME ── */
@media(max-width:960px){
  .about-grid{grid-template-columns:1fr}
  .about-badge{right:0}
  .services-grid{grid-template-columns:1fr 1fr}
  .steps-grid::before{display:none}
  .app-grid{grid-template-columns:1fr}
}
@media(max-width:640px){
  .services-grid,.steps-grid{grid-template-columns:1fr}
  .hero-btns{justify-content:flex-start}
}