:root{
  --orange:#FF7A3D;--pink:#FF8FB3;--yellow:#FFD166;--blue:#5BC0EB;--green:#7BC96F;--navy:#24324A;--cream:#FFF8E7;--white:#fff;
}
*{box-sizing:border-box} body{margin:0;font-family:Arial, Helvetica, sans-serif;color:var(--navy);background:white;line-height:1.6} a{text-decoration:none;color:inherit} img{max-width:100%;display:block}
.header{position:sticky;top:0;z-index:20;background:white;border-bottom:5px solid var(--yellow);box-shadow:0 4px 18px rgba(36,50,74,.08)}
.nav{max-width:1180px;margin:auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:30px;font-weight:900;color:var(--orange);letter-spacing:-1px}.brand span{color:var(--pink)}
.links{display:flex;gap:14px;flex-wrap:wrap}.links a{font-weight:800;padding:8px 12px;border-radius:999px}.links a:hover,.links .active{background:var(--cream);color:var(--orange)}
.hero{max-width:1180px;margin:28px auto;padding:24px;display:grid;grid-template-columns:1.05fr .95fr;gap:30px;align-items:center}.hero-copy{background:linear-gradient(135deg,#fff4d6,#ffe6ef,#e9f8ff);border-radius:34px;padding:44px;box-shadow:0 12px 30px rgba(36,50,74,.08)}
h1{font-size:clamp(38px,6vw,70px);line-height:1.02;margin:0 0 18px} h2{font-size:clamp(28px,4vw,44px);line-height:1.1;margin:0 0 14px} h3{font-size:24px;margin:0 0 8px}.lead{font-size:21px;margin:0 0 24px}.hero-img,.feature-img{border-radius:34px;overflow:hidden;box-shadow:0 14px 35px rgba(36,50,74,.16);border:8px solid white}.hero-img img{height:520px;width:100%;object-fit:cover}
.btns{display:flex;gap:14px;flex-wrap:wrap}.btn{display:inline-block;padding:14px 22px;border-radius:999px;font-weight:900;background:var(--orange);color:white}.btn.secondary{background:var(--blue)}.btn.green{background:var(--green)}.tag{display:inline-block;background:white;color:var(--orange);font-weight:900;border-radius:999px;padding:8px 14px;margin-bottom:14px}
.section{max-width:1180px;margin:0 auto;padding:58px 24px}.section.alt{background:var(--cream);max-width:none}.section.alt>.inner{max-width:1180px;margin:auto}.intro{max-width:760px;font-size:19px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:24px}.grid.three{grid-template-columns:repeat(3,1fr)}.card{background:white;border-radius:28px;padding:18px;box-shadow:0 10px 26px rgba(36,50,74,.09);border:2px solid #f4f4f4;transition:.2s}.card:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(36,50,74,.13)}.card img{height:190px;width:100%;object-fit:cover;border-radius:22px;margin-bottom:16px}.pill{display:inline-block;background:#eaffd0;color:#3c7a2c;padding:6px 12px;border-radius:999px;font-size:13px;font-weight:900;margin-bottom:8px}.pink{background:#ffe4ef;color:#b52d67}.blue{background:#e9f8ff;color:#217da0}.yellow{background:#fff4d6;color:#996b00}.orange{background:#ffe8dc;color:#b84b12}.card p{margin:0 0 14px}.small-link{font-weight:900;color:var(--orange)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}.activity-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.activity{background:white;border:3px solid #f5f5f5;border-radius:22px;padding:18px;font-weight:800}.activity b{color:var(--orange)}
.banner{background:var(--navy);color:white;border-radius:34px;padding:38px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px}.banner h2{color:var(--yellow)}
.page-hero{max-width:1180px;margin:28px auto 0;padding:54px 24px;border-radius:0}.page-hero .box{background:linear-gradient(135deg,#fff4d6,#e9f8ff);border-radius:34px;padding:44px}.story-body{max-width:880px;margin:0 auto;padding:42px 24px;font-size:19px}.story-body p{margin-bottom:20px}.footer{text-align:center;padding:36px 20px;background:var(--navy);color:white;margin-top:50px}.footer b{color:var(--yellow)}
@media(max-width:850px){.hero,.split{grid-template-columns:1fr}.hero-img img{height:340px}.grid,.grid.three{grid-template-columns:1fr 1fr}.banner{grid-template-columns:1fr}.nav{align-items:flex-start;flex-direction:column}.links{gap:6px}.hero-copy{padding:30px}.activity-list{grid-template-columns:1fr}}
@media(max-width:560px){.grid,.grid.three{grid-template-columns:1fr}.card img{height:220px}.hero{padding:12px}.section{padding:42px 18px}.brand{font-size:25px}}