:root{--green:#2F6B4F;--dark:#173227;--bg:#F4F7F2;--soft:#E8F2EB;--muted:#718078;--warm:#F3E9D8;--orange:#E88955;--white:#fff;--line:#d7e1d8}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--dark);font-family:"DM Sans",sans-serif;line-height:1.6}h1,h2,h3,h4{font-family:"Manrope",sans-serif;margin-top:0;line-height:1.08}h2{font-size:clamp(2rem,4vw,3.5rem);letter-spacing:-.045em}p{color:#42584d}.section{padding:100px max(6vw,24px);max-width:1440px;margin:auto}.section-label{font-size:.76rem;letter-spacing:.16em;font-weight:800;color:var(--green);margin-bottom:22px}.nav{height:76px;padding:0 max(6vw,24px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(244,247,242,.94);backdrop-filter:blur(12px);z-index:20}.brand{display:flex;gap:10px;align-items:center;font-weight:800;letter-spacing:.08em;text-decoration:none;color:var(--dark);font-family:"Manrope",sans-serif}.brand-logo{width:34px;height:34px;object-fit:cover;border-radius:8px;display:block}.nav nav{display:flex;gap:30px;align-items:center}.nav nav a{text-decoration:none;color:var(--dark);font-size:.9rem;font-weight:600}.nav-cta{border:1px solid var(--green);padding:10px 16px;border-radius:99px}.menu{display:none;background:none;border:0;font-size:1.5rem}.hero{min-height:760px;padding-top:120px;position:relative;overflow:hidden}.eyebrow{color:var(--green);font-size:.75rem;font-weight:800;letter-spacing:.15em;margin-bottom:25px}.hero h1{font-size:clamp(4rem,9vw,8rem);letter-spacing:-.07em;max-width:1050px;margin-bottom:28px}.hero h1 span{color:var(--green)}.hero-copy{font-size:clamp(1.35rem,2.5vw,2rem);font-weight:600;color:var(--dark);max-width:760px}.hero-sub{max-width:700px;font-size:1.05rem}.actions{display:flex;gap:12px;margin-top:30px}.button{display:inline-block;border-radius:99px;padding:13px 22px;text-decoration:none;font-weight:700;border:1px solid var(--green);cursor:pointer;font-family:inherit}.primary{background:var(--green);color:#fff}.secondary{color:var(--green);background:transparent}.hero-path{position:absolute;right:4.5%;bottom:18px;width:min(40vw,520px);display:flex;align-items:flex-end;justify-content:center}.hero-path img{width:100%;height:auto;display:block}.why,.practical,.audience{border-top:1px solid var(--line)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:80px}.two-col h2{max-width:580px}.compare{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:30px 0}.compare div{padding:22px;background:white;border-radius:12px}.compare div:last-child{background:var(--soft)}small{display:block;font-size:.68rem;letter-spacing:.1em;color:var(--muted);font-weight:800;margin-bottom:10px}.compare strong{font-size:1.05rem;display:block}.callout{font-weight:700;color:var(--green);font-size:1.1rem}.method{background:var(--dark);color:white;max-width:none}.method>*,.method .section-label{max-width:1268px;margin-left:auto;margin-right:auto}.method .section-label{color:#a9cdb7}.method h2{color:white}.method-grid{display:grid;grid-template-columns:repeat(7,1fr);margin-top:50px}.method-grid article{border-left:1px solid #466155;padding:18px}.method-grid span{color:#8cb39c;font-size:.75rem}.method-grid h3{font-size:1.2rem;margin:12px 0}.method-grid p{color:#c9d6ce;font-size:.86rem}.rhythm{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#466155;margin-top:60px}.rhythm div{background:#203d31;padding:24px}.rhythm b{display:block;color:#a9cdb7;font-size:.72rem;letter-spacing:.12em}.rhythm span{font-size:.86rem}.pill-wrap{display:flex;flex-wrap:wrap;gap:10px}.pill-wrap span,.tools span{padding:8px 12px;border:1px solid #bdcfc2;border-radius:99px;font-size:.78rem}.workshops{background:white;max-width:none}.workshops>*{max-width:1268px;margin-left:auto;margin-right:auto}.intro{margin-bottom:50px}.workshop-card{display:grid;grid-template-columns:70px 1fr 220px;gap:35px;border-top:1px solid var(--line);padding:50px 0}.workshop-num{font-family:"Manrope";font-size:1.5rem;color:var(--green);font-weight:800}.tag{font-size:.68rem;letter-spacing:.12em;color:var(--green);font-weight:800;margin-bottom:10px}.workshop-main h3{font-size:2rem;margin-bottom:7px}.workshop-main h4{font-size:1.05rem;margin-bottom:12px}.workshop-main p{max-width:720px}.tools{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.tools b{width:100%;font-size:.68rem;letter-spacing:.1em}.workshop-card aside{background:var(--soft);padding:24px;border-radius:12px;align-self:start}.workshop-card aside b{font-size:.7rem;letter-spacing:.1em;color:var(--green)}.workshop-card aside p{font-size:.86rem;line-height:1.9}.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:45px}.audience-grid article{background:white;padding:32px;border-radius:14px}.audience-grid .icon{font-size:2rem;color:var(--green);margin-bottom:20px}.audience-grid h3{font-size:1.35rem}.audience-grid b{font-size:.65rem;letter-spacing:.12em;color:var(--green);display:block;margin-top:25px}.audience-grid span{font-size:.85rem}.difference{background:var(--warm);max-width:none}.difference>*{max-width:1268px;margin-left:auto;margin-right:auto}.difference-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:850px}.difference-grid div{padding:30px;background:rgba(255,255,255,.55);border-radius:12px}.difference-grid p{font-size:1.05rem;line-height:2}.difference blockquote{font-family:"Manrope";font-weight:700;font-size:clamp(1.4rem,3vw,2.3rem);line-height:1.3;margin:55px auto 0;padding-left:25px;border-left:4px solid var(--green)}.contact{display:grid;grid-template-columns:1fr 1fr;gap:80px}.contact h2{max-width:600px}.meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.meta span{font-size:.7rem;font-weight:800;letter-spacing:.08em;padding:8px 10px;background:var(--soft);border-radius:99px}.form{background:white;border:1px solid var(--line);padding:34px;border-radius:16px}.form h3{font-size:1.5rem}.form label{display:block;font-size:.76rem;font-weight:700;margin-top:15px}.form input,.form select,.form textarea{width:100%;margin-top:6px;padding:12px;border:1px solid #bdc9c0;border-radius:8px;background:#fbfcfa;font:inherit;color:var(--dark)}.form button{margin-top:20px}.hidden{display:none}footer{padding:45px max(6vw,24px);border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}footer p{margin:0;font-size:.85rem}.copyright{color:var(--muted)}
@media(max-width:850px){.nav nav{display:none;position:absolute;top:76px;left:0;right:0;background:var(--bg);padding:24px;flex-direction:column;border-bottom:1px solid var(--line)}.nav nav.open{display:flex}.menu{display:block}.hero{min-height:680px;padding-top:90px}.hero-path{opacity:.20;right:-120px;width:420px}.two-col,.contact{grid-template-columns:1fr;gap:30px}.method-grid{grid-template-columns:repeat(2,1fr)}.rhythm{grid-template-columns:1fr 1fr}.workshop-card{grid-template-columns:45px 1fr}.workshop-card aside{grid-column:2}.audience-grid{grid-template-columns:1fr}.difference-grid{grid-template-columns:1fr}.section{padding:70px 22px}footer{flex-direction:column;gap:12px;align-items:flex-start}}
@media(max-width:520px){.hero h1{font-size:3.7rem}.actions{flex-direction:column;align-items:flex-start}.compare,.rhythm{grid-template-columns:1fr}.method-grid{grid-template-columns:1fr}.workshop-card{grid-template-columns:1fr}.workshop-num{font-size:1rem}.workshop-card aside{grid-column:1}.tools span{font-size:.7rem}}
/* V5: hero/header aligned to the approved mockup */
.nav{
  height:88px;
  padding:0 max(4.5vw,28px);
  background:#fff;
  border-bottom:1px solid #e7ece7;
  box-shadow:0 4px 18px rgba(23,50,39,.035);
}
.brand{gap:13px;font-size:1.18rem;letter-spacing:0;text-transform:none}
.brand-logo{width:54px;height:54px;border-radius:12px}
.nav nav{gap:27px}
.nav nav a{font-size:.86rem;font-weight:600}
.nav-cta{background:var(--green);color:#fff!important;border:0;padding:11px 18px}

.hero{
  max-width:none;
  min-height:680px;
  padding:88px max(6.5vw,34px) 54px;
  display:grid;
  grid-template-columns:1fr;
  gap:0;
  align-items:center;
  justify-items:center;
  text-align:center;
  overflow:hidden;
  background:#fbfcf8;
}
.hero-copy-wrap{max-width:980px;z-index:2;margin:0 auto}
.hero .eyebrow{font-size:.78rem;margin-bottom:22px;letter-spacing:.14em}
.hero h1{
  font-size:clamp(4.2rem,6.6vw,7rem);
  line-height:1.04;
  max-width:980px;
  margin:0 auto 25px;
  letter-spacing:-.06em;
  text-transform:none;
}
.hero-copy{
  font-size:clamp(1.35rem,2vw,1.85rem);
  line-height:1.45;
  max-width:760px;
  margin-left:auto;
  margin-right:auto;
  font-weight:500;
  color:var(--dark);
}
.hero .actions{margin-top:28px;justify-content:center}
.hero .button{padding:14px 24px}
.hero-path{
  position:relative;
  right:auto;
  bottom:auto;
  width:100%;
  max-width:600px;
  justify-self:end;
  align-self:center;
  display:block;
}
.hero-path img{width:100%;height:auto;display:block}

.hero-audiences{
  display:flex;
  gap:34px;
  flex-wrap:wrap;
  justify-content:center;
  margin-top:46px;
}
.hero-audiences>div{display:flex;align-items:center;gap:10px}
.audience-symbol{
  width:34px;height:34px;border:1.5px solid var(--green);
  color:var(--green);border-radius:50%;display:grid;place-items:center;
  font-weight:700;font-size:1rem;
}
.hero-audiences p{margin:0;color:var(--dark);line-height:1.25;font-size:.82rem}
.hero-audiences b{display:block;font-size:.82rem}
.hero-audiences small{
  display:block;margin:4px 0 0;font-size:.72rem;letter-spacing:0;
  color:var(--muted);font-weight:500;
}

.method{
  background:#f7f8f4;
  color:var(--dark);
  max-width:none;
  text-align:center;
  border-top:1px solid #e4eae4;
}
.method>*, .method .section-label{max-width:1268px;margin-left:auto;margin-right:auto}
.method .method-intro{
  color:var(--green);font-size:.75rem;font-weight:800;
  letter-spacing:.15em;margin-bottom:10px;
}
.method .section-label{color:var(--green)}
.method h2{color:var(--green)}
.method-grid{margin-top:42px}
.method-grid article{border-left:1px solid #d9e2da}
.method-grid span{color:var(--green)}
.method-grid h3{color:var(--dark)}
.method-grid p{color:#617168}
.rhythm{background:#d8e1d9}
.rhythm div{background:#fff;color:var(--dark)}
.rhythm b{color:var(--green)}

@media(max-width:1050px){
  .nav nav{gap:18px}
  .nav nav a:nth-child(3),.nav nav a:nth-child(4),.nav nav a:nth-child(5){display:none}
}
@media(max-width:850px){
  .nav{height:76px}
  .brand-logo{width:44px;height:44px}
  .nav nav{top:76px}
  .nav nav a:nth-child(3),.nav nav a:nth-child(4),.nav nav a:nth-child(5){display:block}
  .hero{
    min-height:auto;padding-top:68px;
    grid-template-columns:1fr;
  }
  .hero h1{font-size:clamp(3.6rem,13vw,5.5rem)}
  .hero-path{
    position:relative;opacity:1;right:auto;width:min(88vw,520px);
    justify-self:center;margin-top:-20px;
  }
  .hero-audiences{gap:18px;margin-top:32px}
}
@media(max-width:520px){
  .hero{padding-left:22px;padding-right:22px}
  .hero h1{font-size:3.65rem}
  .hero-audiences{display:grid;grid-template-columns:1fr}
}