:root{--blue:#0b7be9;--navy:#102f5b;--text:#102b50;--muted:#526b89;--pale:#eaf4ff;--lav:#f1eaff;--green:#15966b;--shadow:0 14px 38px rgba(16,47,91,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);line-height:1.5;background:#fff}a{color:inherit}img{max-width:100%;display:block}.site-header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid #dce8f5}.nav-wrap{max-width:1360px;margin:auto;display:flex;align-items:center;gap:24px;justify-content:space-between;padding:15px 28px}.brand img{width:245px;height:auto}.site-nav{display:flex;align-items:center;gap:24px;font-weight:900;font-size:15px}.site-nav a{text-decoration:none;white-space:nowrap;color:#112b4b}.site-nav a.active{color:var(--blue)}.donate{background:var(--blue);color:#fff!important;border-radius:12px;padding:15px 24px;min-width:104px;text-align:center}.mobile-toggle{display:none;border:0;background:#edf6ff;color:var(--navy);padding:10px 14px;border-radius:10px;font-weight:900}.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--blue);color:#fff!important;text-decoration:none;border-radius:999px;padding:16px 28px;font-weight:900;box-shadow:0 7px 18px rgba(11,123,233,.18);border:2px solid var(--blue)}.btn-outline{background:#fff;color:#0968c5!important}.btn.small{font-size:15px;padding:12px 23px}.eyebrow{font-weight:900;letter-spacing:.22em;font-size:14px;color:#164f85}.container{max-width:1290px;margin:auto;padding:0 30px}.home-hero{background:#eaf4ff;display:grid;grid-template-columns:1.05fr 1.1fr;min-height:465px;align-items:stretch;overflow:hidden}.hero-text{padding:78px 7vw 58px}.hero-text h1{font-size:clamp(56px,6vw,92px);line-height:.96;margin:20px 0;color:#083265;letter-spacing:-2.5px}.hero-text p{font-size:24px;max-width:620px;margin:0 0 32px}.actions{display:flex;gap:18px;flex-wrap:wrap}.hero-image{background:#eaf4ff;display:flex;align-items:center;justify-content:flex-end;overflow:hidden}.hero-image img{width:100%;height:100%;object-fit:contain;object-position:right center}.quick-strip{max-width:1290px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);padding:28px 30px 34px;text-align:center;background:#fff}.quick-item{border-right:1px solid #d9e7f6;padding:0 24px}.quick-item:last-child{border-right:0}.svg-icon-wrap{display:inline-flex;align-items:center;justify-content:center}.svg-icon-wrap svg{width:1em;height:1em}.quick-icon{font-size:54px;color:var(--blue);height:62px;display:flex;align-items:center;justify-content:center}.quick-item h3{margin:8px 0 3px;font-size:16px}.quick-item p{margin:0;font-size:15px}.image-banner{display:block;max-width:1290px;margin:0 auto 20px;border-radius:14px;overflow:hidden;box-shadow:var(--shadow);background:#eaf4ff}.image-banner img{width:100%;height:auto}.support-full{margin-top:34px;margin-bottom:0;border-radius:0;box-shadow:none;max-width:none}.feature-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:18px 0 30px}.split-card{display:grid;grid-template-columns:1.07fr .93fr;border-radius:16px;overflow:hidden;min-height:300px;box-shadow:0 0 0 1px rgba(6,79,186,.05)}.photo-panel{background:#f8fbff;display:flex;align-items:center;justify-content:center;overflow:hidden}.photo-panel img{width:100%;height:100%;object-fit:contain;object-position:center}.feature-copy{padding:30px 34px;display:flex;flex-direction:column;justify-content:center}.feature-copy.lavender{background:var(--lav)}.feature-copy.pale-blue{background:#e6f3ff}.feature-copy h2{font-size:36px;line-height:1.05;margin:10px 0 14px;letter-spacing:-.6px}.feature-copy p{font-size:16px;margin:0 0 24px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:18px 0 16px}.section-heading.left{justify-content:flex-start}.section-heading h2{font-size:30px;margin:0}.section-heading a{font-weight:800;color:#0c4f91;text-decoration:none}.offer-grid{display:grid;grid-template-columns:repeat(4,1fr) 2.05fr;gap:16px;margin-bottom:34px}.offer,.testimonial{border-radius:16px;padding:22px;text-align:center;min-height:150px}.offer{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none}.offer.green{background:#eefbf5}.offer.purple{background:#f5efff}.offer.orange{background:#fff4e8}.offer.blue,.testimonial{background:#eaf4ff}.offer-icon{width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:42px;margin-bottom:9px}.green .offer-icon{background:#e1f6e9;color:#2ca348}.purple .offer-icon{background:#f0ddff;color:#8738bf}.orange .offer-icon{background:#fff0d9;color:#f28b00}.blue .offer-icon{background:#ddf0ff;color:#0872e5}.offer h3{font-size:16px;margin:4px 0}.offer p{font-size:13px;margin:0}.testimonial{text-align:left;display:grid;grid-template-columns:78px 1fr;align-items:center;gap:18px}.testimonial .quote-icon{font-size:52px;color:var(--blue)}.testimonial p{font-size:18px;font-style:italic;margin:0 0 7px}.dots{grid-column:1/-1;text-align:center;margin-top:5px}.dots span{display:inline-block;width:10px;height:10px;border-radius:50%;background:#cce1ff;margin:0 4px}.dots span.active{background:var(--blue)}.site-footer{background:#102b50;color:#fff;padding:44px 30px}.footer-inner{max-width:1160px;margin:auto;display:flex;justify-content:space-between;gap:36px}.site-footer a{text-decoration:underline}.site-footer small{display:block;margin-top:28px;border-top:1px solid rgba(255,255,255,.33);padding-top:18px;color:#f2f7ff}.page-hero{background:linear-gradient(105deg,#eaf4ff 0%,#f8efff 100%);padding:72px 28px}.page-hero-inner{max-width:1160px;margin:auto}.page-hero h1{font-size:clamp(42px,5vw,64px);line-height:1.05;margin:12px 0;color:#102b50;letter-spacing:-1px}.page-hero p{max-width:900px;font-size:22px;margin:0}.page-main{max-width:1160px;margin:56px auto;padding:0 28px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center;margin:40px auto 70px}.two-col.reverse .image-frame{order:1}.two-col.reverse div{order:2}.image-frame{width:100%;min-height:360px;border-radius:17px;overflow:hidden;background:#f5f9ff;box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center}.image-frame img{width:100%;height:100%;object-fit:cover;object-position:center}.image-frame.contain img{object-fit:contain}.image-frame.wide{min-height:285px}.image-frame.wide img{object-fit:contain}.two-col h2{font-size:44px;line-height:1.1;margin:12px 0 24px;letter-spacing:-1px}.two-col p{font-size:19px}.cards{max-width:1160px;margin:44px auto 62px;padding:0 28px;display:grid;gap:22px}.cards.three{grid-template-columns:repeat(3,1fr)}.cards.four{grid-template-columns:repeat(4,1fr)}.cards article{background:#f0f7ff;border-radius:17px;padding:32px;min-height:210px}.cards article:nth-child(2){background:#f6efff}.cards article:nth-child(3){background:#f0faf6}.cards article:nth-child(4){background:#fff4e8}.cards .svg-icon-wrap{font-size:42px;color:var(--blue)}.cards h3{font-size:23px;margin:16px 0 10px}.cards p{font-size:17px;margin:0}.cta{max-width:1100px;margin:50px auto;padding:44px 30px;text-align:center;border-radius:18px;background:#eaf4ff}.cta h2{font-size:34px;margin:0 0 10px}.notice{background:#fff8e6;border-radius:12px;padding:17px 20px}.contact-form{display:grid;gap:16px;margin-top:20px}.contact-form label{display:grid;gap:7px;font-weight:800}.contact-form input,.contact-form textarea,.contact-form select{border:1px solid #b8cde4;border-radius:10px;padding:13px;background:#fff;width:100%;font:inherit}.readme-note{font-size:14px;color:#526b89}@media(max-width:1050px){.site-nav{gap:13px;font-size:13px}.brand img{width:205px}.home-hero{grid-template-columns:1fr}.hero-image{min-height:360px;order:-1}.hero-text{padding:42px 30px}.feature-row,.two-col{grid-template-columns:1fr}.split-card{grid-template-columns:1fr 1fr}.offer-grid{grid-template-columns:repeat(2,1fr)}.testimonial{grid-column:1/-1}.cards.four,.cards.three{grid-template-columns:1fr 1fr}.two-col.reverse .image-frame,.two-col.reverse div{order:initial}}@media(max-width:760px){.nav-wrap{padding:9px 18px}.mobile-toggle{display:block}.site-nav{display:none;order:3;width:100%;flex-direction:column;align-items:flex-start;margin:0;padding:14px 0 8px}.site-nav.open{display:flex}.donate{display:inline-flex}.brand img{width:190px}.quick-strip{grid-template-columns:1fr 1fr;gap:22px}.quick-item:nth-child(2){border-right:0}.split-card{grid-template-columns:1fr}.photo-panel{min-height:260px}.offer-grid,.cards.four,.cards.three{grid-template-columns:1fr}.testimonial{grid-template-columns:1fr}.footer-inner{flex-direction:column}.page-hero{padding:52px 22px}.page-main{margin:36px auto}.image-frame{min-height:290px}.hero-text h1{font-size:54px}.support-full img{min-height:170px;object-fit:cover}}@media(max-width:480px){.quick-strip{grid-template-columns:1fr}.quick-item{border-right:0;border-bottom:1px solid #d9e7f6;padding-bottom:22px}.quick-item:last-child{border-bottom:0}.hero-text h1{font-size:43px}.hero-text p{font-size:18px}.feature-copy h2{font-size:32px}.page-hero h1{font-size:38px}.cards{padding:0 20px}.image-frame.contain img{object-fit:cover}}


/* V5 refinements: softer home hero fade, no hard image cut, button wrapping fixes */
.home-hero{position:relative;grid-template-columns:1.02fr 1.12fr;min-height:500px;overflow:hidden;background:linear-gradient(90deg,#eaf4ff 0%,#eaf4ff 48%,#eef7ff 100%)}
.hero-text{position:relative;z-index:3}
.hero-image{position:relative;margin-left:-105px;z-index:1;justify-content:flex-end;background:transparent;overflow:visible;padding-right:0}
.hero-image::before{content:"";position:absolute;left:-2px;top:0;bottom:0;width:42%;z-index:2;background:linear-gradient(90deg,#eaf4ff 0%,rgba(234,244,255,.94) 22%,rgba(234,244,255,.62) 52%,rgba(234,244,255,0) 100%);pointer-events:none}
.hero-image img{width:100%;height:100%;object-fit:contain;object-position:center right;max-width:none}
.btn{white-space:nowrap}.feature-copy .btn.small{align-self:flex-start;line-height:1.15}.feature-copy.pale-blue .btn.small{padding-left:20px;padding-right:20px}
@media(max-width:1050px){.home-hero{grid-template-columns:1fr;min-height:auto}.hero-image{margin-left:0;min-height:360px;order:-1;overflow:hidden}.hero-image::before{display:none}.hero-image img{object-fit:cover;object-position:center center}.hero-text{padding:42px 30px}}
@media(max-width:760px){.hero-image{min-height:300px}.hero-image img{object-fit:contain;object-position:center center;background:#eaf4ff}.btn{white-space:normal}}

/* Netlify-ready V1 refinements: smoother home hero fade and production form helper */
.hidden { display: none !important; }
@media (min-width: 1051px) {
  .home-hero {
    position: relative;
    display: block;
    min-height: 520px;
    background: #eaf4ff;
    overflow: hidden;
  }
  .home-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url("assets/home-hero-woman-laptop-soft-fade.png");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: auto 100%;
    z-index: 0;
  }
  .home-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg,
      #eaf4ff 0%,
      #eaf4ff 39%,
      rgba(234,244,255,.90) 48%,
      rgba(234,244,255,.52) 58%,
      rgba(234,244,255,.18) 67%,
      rgba(234,244,255,0) 76%);
    z-index: 1;
    pointer-events: none;
  }
  .home-hero .hero-text {
    width: min(50%, 720px);
    padding: 78px 0 58px max(7vw, 70px);
  }
  .home-hero .hero-image { display: none; }
}

/* Netlify-ready V2 hotfix: home hero image less faded, still soft on text edge */
@media (min-width: 1051px) {
  .home-hero::after {
    background: linear-gradient(90deg,
      #eaf4ff 0%,
      #eaf4ff 36%,
      rgba(234,244,255,.82) 43%,
      rgba(234,244,255,.38) 49%,
      rgba(234,244,255,.12) 54%,
      rgba(234,244,255,0) 60%) !important;
  }
  .home-hero::before {
    opacity: 1 !important;
    background-position: right center !important;
    background-size: auto 100% !important;
  }
  .home-hero .hero-text {
    z-index: 3;
  }
}

/* Netlify-ready V3 hotfix: protect hero text area while keeping image clearer */
@media (min-width: 1051px) {
  .home-hero {
    background: #eaf4ff !important;
  }
  .home-hero::before {
    opacity: 1 !important;
    background-position: right center !important;
    background-size: auto 100% !important;
  }
  .home-hero::after {
    background: linear-gradient(90deg,
      #eaf4ff 0%,
      rgba(234,244,255,.96) 32%,
      rgba(234,244,255,.38) 46%,
      rgba(234,244,255,.08) 56%,
      rgba(234,244,255,0) 66%) !important;
  }
  .home-hero .hero-text {
    width: min(50%, 760px) !important;
    padding: 78px 0 58px max(7vw, 70px) !important;
    position: relative;
    z-index: 3;
  }
  .home-hero .hero-text::before {
    content: "";
    position: absolute;
    inset: 0 -42px 0 0;
    background: linear-gradient(90deg,
      #eaf4ff 0%,
      rgba(234,244,255,.98) 74%,
      rgba(234,244,255,.78) 86%,
      rgba(234,244,255,0) 100%);
    z-index: -1;
    pointer-events: none;
  }
}

/* Netlify-ready V4 micro-fix: shift home hero subject slightly right */
@media (min-width: 1051px) {
  .home-hero::before {
    /* Move woman/laptop right to keep hero text clear, without returning to heavy fade */
    background-position: calc(100% + 52px) center !important;
    background-size: auto 96% !important;
  }
  .home-hero::after {
    /* Keep a soft protected fade only across the text edge */
    background: linear-gradient(90deg,
      #eaf4ff 0%,
      rgba(234,244,255,.98) 34%,
      rgba(234,244,255,.50) 46%,
      rgba(234,244,255,.14) 56%,
      rgba(234,244,255,0) 66%) !important;
  }
  .home-hero .hero-text::before {
    background: linear-gradient(90deg,
      #eaf4ff 0%,
      rgba(234,244,255,.99) 70%,
      rgba(234,244,255,.72) 84%,
      rgba(234,244,255,0) 100%) !important;
  }
}