/* ZARA Get Involved: the 2026 page. Everything is scoped under .zi so it cannot leak into the template. */
.zi{--zi-forest:#24391b;--zi-deep:#16240f;--zi-leaf:#46821c;--zi-lime:#88c040;--zi-sun:#f6c21f;--zi-tint:#eef6e3;--zi-tint2:#dcebc4;--zi-ink:#1b2d15;--zi-muted:#566150;--zi-r:28px;color:var(--zi-ink)}
.zi *{box-sizing:border-box}
.zi h1,.zi h2,.zi h3{font-family:"Outfit",sans-serif;color:inherit}
.zi .zi-wrap{width:min(1180px,100% - 40px);margin-inline:auto}
.zi section{position:relative}
.zi-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--zi-leaf)}
.zi-eyebrow::before{content:"";width:28px;height:2px;background:currentColor}
.zi-h2{font-size:clamp(2rem,4.4vw,3.4rem);line-height:1.08;font-weight:700;margin:14px 0 0;letter-spacing:-.01em}
.zi-lead{font-size:clamp(1.05rem,1.6vw,1.25rem);line-height:1.65;color:var(--zi-muted);max-width:60ch;margin:18px 0 0}
.zi-btn{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 28px;border-radius:999px;font-weight:600;font-size:16px;border:2px solid transparent;cursor:pointer;text-decoration:none;transition:transform .2s,background .2s,color .2s,box-shadow .2s}
.zi-btn:hover{transform:translateY(-2px)}
.zi-btn:focus-visible,.zi a:focus-visible,.zi button:focus-visible,.zi input:focus-visible,.zi select:focus-visible,.zi textarea:focus-visible{outline:3px solid var(--zi-sun);outline-offset:3px}
.zi-btn--sun{background:var(--zi-sun);color:var(--zi-ink)}.zi-btn--sun:hover{background:#f8cb2c;color:var(--zi-ink)}
.zi-btn--leaf{background:var(--zi-leaf);color:#fff}.zi-btn--leaf:hover{background:#3a6d17;color:#fff}
.zi-btn--ghost{border-color:rgba(255,255,255,.55);color:#fff}.zi-btn--ghost:hover{background:#fff;color:var(--zi-forest)}
.zi-btn--line{border-color:var(--zi-leaf);color:var(--zi-leaf)}.zi-btn--line:hover{background:var(--zi-leaf);color:#fff}

/* reveal on scroll (only when JS has marked the page) */
.zi-js [data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0ms)}
.zi-js [data-reveal].is-in{opacity:1;transform:none}

/* ---------- hero ---------- */
.zi-hero{min-height:min(94vh,820px);display:grid;align-items:center;color:#fff;overflow:hidden;isolation:isolate;background:var(--zi-deep)}
.zi-hero__bg{position:absolute;inset:0;z-index:-2}
.zi-hero__bg img{width:100%;height:100%;object-fit:cover;object-position:50% 60%;animation:zi-zoom 28s ease-in-out infinite alternate}
.zi-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(95deg,rgba(14,26,10,.92) 0%,rgba(14,26,10,.72) 42%,rgba(14,26,10,.18) 100%),linear-gradient(0deg,rgba(14,26,10,.7),transparent 40%)}
@keyframes zi-zoom{from{transform:scale(1.02)}to{transform:scale(1.1) translate3d(-1%,-1%,0)}}
.zi-hero__grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:48px;align-items:center;padding:150px 0 90px}
.zi-hero h1{font-size:clamp(2.8rem,7.2vw,6rem);line-height:.98;font-weight:700;letter-spacing:-.025em;margin:20px 0 0;color:#fff}
.zi-rotor{display:inline-block;position:relative;min-width:2.7ch;margin-right:.04em;height:1.05em;vertical-align:bottom;overflow:hidden;color:var(--zi-sun)}
.zi-rotor span{position:absolute;left:0;top:100%;opacity:0;animation:zi-rotor 12.5s infinite;white-space:nowrap}
.zi-rotor span:nth-child(1){animation-delay:0s}.zi-rotor span:nth-child(2){animation-delay:2.5s}.zi-rotor span:nth-child(3){animation-delay:5s}.zi-rotor span:nth-child(4){animation-delay:7.5s}.zi-rotor span:nth-child(5){animation-delay:10s}
@keyframes zi-rotor{0%{top:100%;opacity:0}4%,18%{top:0;opacity:1}22%,100%{top:-100%;opacity:0}}
.zi-hero .zi-lead{color:rgba(255,255,255,.82);font-size:clamp(1.1rem,1.8vw,1.35rem)}
.zi-hero__cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}
.zi-eyebrow--light{color:var(--zi-lime)}
.zi-live{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);border-radius:var(--zi-r);padding:26px 28px}
.zi-live small{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--zi-lime);font-weight:600}
.zi-live small i{width:9px;height:9px;border-radius:50%;background:var(--zi-sun);box-shadow:0 0 0 0 rgba(246,194,31,.7);animation:zi-pulse 2s infinite}
@keyframes zi-pulse{70%{box-shadow:0 0 0 12px rgba(246,194,31,0)}100%{box-shadow:0 0 0 0 rgba(246,194,31,0)}}
.zi-live p{margin:14px 0 6px;font-size:clamp(1.15rem,2vw,1.5rem);line-height:1.3;font-weight:600;min-height:3.9em;transition:opacity .4s}
.zi-live p.is-out{opacity:0}
.zi-live a{color:var(--zi-sun);font-weight:600;text-decoration:none}.zi-live a:hover{text-decoration:underline}
.zi-scroll{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);color:rgba(255,255,255,.7);font-size:12px;letter-spacing:.2em;text-transform:uppercase}

/* ---------- sticky subnav ---------- */
.zi-subnav{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-bottom:1px solid #e1ebd5}
.zi-subnav .zi-wrap{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:10px 0}
.zi-subnav a{flex:none;padding:9px 18px;border-radius:999px;font-weight:500;font-size:15px;color:var(--zi-ink);text-decoration:none;transition:background .2s}
.zi-subnav a:hover,.zi-subnav a.is-active{background:var(--zi-tint2);color:var(--zi-forest)}

/* ---------- quiz ---------- */
.zi-quiz{padding:110px 0;background:var(--zi-tint)}
.zi-quiz__card{margin-top:44px;background:#fff;border-radius:36px;box-shadow:0 30px 80px rgba(36,57,27,.12);padding:clamp(24px,4vw,56px);min-height:420px}
.zi-progress{display:flex;gap:8px;margin-bottom:28px}
.zi-progress i{flex:1;height:6px;border-radius:6px;background:#e3ecd6;overflow:hidden;position:relative}
.zi-progress i::after{content:"";position:absolute;inset:0;background:var(--zi-leaf);transform:scaleX(0);transform-origin:0 0;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.zi-progress i.is-done::after{transform:scaleX(1)}
.zi-q__title{font-size:clamp(1.6rem,3vw,2.4rem);font-weight:700;margin:0 0 26px;line-height:1.15}
.zi-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}
.zi-choice{display:flex;flex-direction:column;gap:10px;text-align:left;padding:22px;border-radius:22px;border:2px solid #dbe7cb;background:#fff;cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s,background .2s;font:inherit;color:inherit}
.zi-choice:hover{transform:translateY(-4px);border-color:var(--zi-leaf);box-shadow:0 14px 34px rgba(70,130,28,.16)}
.zi-choice i{font-size:26px;color:var(--zi-leaf)}
.zi-choice strong{font-size:19px;line-height:1.2}
.zi-choice span{font-size:15px;color:var(--zi-muted);line-height:1.45}
.zi-choice[aria-pressed=true]{background:var(--zi-forest);border-color:var(--zi-forest);color:#fff}
.zi-choice[aria-pressed=true] i,.zi-choice[aria-pressed=true] span{color:var(--zi-lime)}
.zi-q__back{margin-top:22px;background:none;border:0;color:var(--zi-muted);font-weight:500;cursor:pointer;padding:8px 0}
.zi-q__back:hover{color:var(--zi-ink)}
.zi-result{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:34px;align-items:start}
.zi-result__tag{display:inline-block;background:var(--zi-sun);color:var(--zi-ink);font-weight:700;font-size:13px;letter-spacing:.1em;text-transform:uppercase;padding:7px 14px;border-radius:999px}
.zi-result h3{font-size:clamp(1.9rem,3.6vw,3rem);line-height:1.08;margin:18px 0 12px}
.zi-result p{color:var(--zi-muted);font-size:1.12rem;line-height:1.65}
.zi-result__side{background:var(--zi-tint);border-radius:26px;padding:24px}
.zi-result__side h4{margin:0 0 12px;font-size:15px;letter-spacing:.1em;text-transform:uppercase;color:var(--zi-leaf)}
.zi-result__side ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.zi-result__side li a{display:block;padding:14px 16px;border-radius:16px;background:#fff;color:var(--zi-ink);font-weight:600;text-decoration:none;border:1px solid #dbe7cb;transition:border-color .2s,transform .2s}
.zi-result__side li a:hover{border-color:var(--zi-leaf);transform:translateX(4px)}
.zi-result__side li small{display:block;font-weight:400;color:var(--zi-muted);margin-top:2px}
.zi-restart{margin-top:20px;background:none;border:0;color:var(--zi-leaf);font-weight:600;cursor:pointer;padding:0;text-decoration:underline}

/* ---------- ways (bento) ---------- */
.zi-ways{padding:120px 0}
.zi-bento{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:minmax(150px,auto);gap:18px;margin-top:48px}
.zi-tile{position:relative;border-radius:30px;overflow:hidden;color:#fff;text-decoration:none;display:flex;flex-direction:column;justify-content:flex-end;padding:30px;min-height:260px;isolation:isolate;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}
.zi-tile:hover{transform:translateY(-6px) scale(1.01);box-shadow:0 30px 60px rgba(20,36,14,.28);color:#fff}
.zi-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.zi-tile:hover img{transform:scale(1.07)}
.zi-tile::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(14,26,10,.92),rgba(14,26,10,.55) 55%,rgba(14,26,10,.1))}
.zi-tile--d h3,.zi-tile--e h3,.zi-tile--f h3{font-size:clamp(1.3rem,2vw,1.7rem)}
.zi-tile h3{font-size:clamp(1.5rem,2.4vw,2.2rem);margin:0 0 8px;color:#fff;line-height:1.1}
.zi-tile p{margin:0;color:rgba(255,255,255,.85);font-size:1rem;line-height:1.5;max-width:42ch}
.zi-tile b{display:inline-flex;align-items:center;gap:8px;margin-top:16px;font-weight:600;color:var(--zi-sun)}
.zi-tile--a{grid-column:span 7;grid-row:span 2}.zi-tile--b{grid-column:span 5}.zi-tile--c{grid-column:span 5}.zi-tile--d{grid-column:span 4}.zi-tile--e{grid-column:span 4}.zi-tile--f{grid-column:span 4}
.zi-tile--solid{background:var(--zi-forest)}.zi-tile--solid::after{display:none}
.zi-tile--solid i.zi-tile__icon{font-size:42px;color:var(--zi-lime);margin-bottom:auto}
.zi-tile--sun{background:var(--zi-sun);color:var(--zi-ink)}.zi-tile--sun h3,.zi-tile--sun p{color:var(--zi-ink)}.zi-tile--sun b{color:var(--zi-forest)}.zi-tile--sun::after{display:none}.zi-tile--sun:hover{color:var(--zi-ink)}

/* ---------- needs ---------- */
.zi-needs{padding:110px 0;background:var(--zi-forest);color:#fff}
.zi-needs .zi-h2{color:#fff}.zi-needs .zi-lead{color:rgba(255,255,255,.75)}
.zi-rail{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:40px 20px 24px;margin:0 -20px;scrollbar-width:thin;scrollbar-color:var(--zi-lime) transparent}
.zi-need{flex:0 0 min(340px,82%);scroll-snap-align:start;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);border-radius:26px;padding:26px;display:flex;flex-direction:column;gap:14px;transition:background .3s,transform .3s}
.zi-need:hover{background:rgba(255,255,255,.12);transform:translateY(-4px)}
.zi-need__kind{align-self:flex-start;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:6px 12px;border-radius:999px;background:var(--zi-lime);color:var(--zi-deep)}
.zi-need__kind--goods{background:var(--zi-sun)}.zi-need__kind--skills{background:#fff}
.zi-need h3{font-size:1.35rem;line-height:1.25;margin:0;color:#fff}
.zi-need p{margin:0;color:rgba(255,255,255,.75);font-size:15.5px;line-height:1.55;flex:1}
.zi-need a{color:var(--zi-sun);font-weight:600;text-decoration:none}.zi-need a:hover{text-decoration:underline}

/* ---------- placements ---------- */
.zi-place{padding:120px 0}
.zi-filters{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.zi-chip{border:2px solid #cfdfbf;background:#fff;color:var(--zi-ink);padding:10px 18px;border-radius:999px;font:inherit;font-weight:500;font-size:15px;cursor:pointer;transition:all .2s}
.zi-chip:hover{border-color:var(--zi-leaf)}.zi-chip[aria-pressed=true]{background:var(--zi-leaf);border-color:var(--zi-leaf);color:#fff}
.zi-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:20px;margin-top:30px}
.zi-card{background:#fff;border:1px solid #dbe7cb;border-radius:26px;padding:28px;display:flex;flex-direction:column;gap:12px;transition:transform .25s,box-shadow .25s,border-color .25s}
.zi-card:hover{transform:translateY(-5px);box-shadow:0 20px 44px rgba(36,57,27,.12);border-color:var(--zi-lime)}
.zi-card[hidden]{display:none}
.zi-card h3{font-size:1.4rem;line-height:1.2;margin:0}.zi-card p{margin:0;color:var(--zi-muted);line-height:1.55;flex:1}
.zi-tags{display:flex;flex-wrap:wrap;gap:6px}.zi-tags span{font-size:12.5px;background:var(--zi-tint);color:var(--zi-forest);padding:5px 11px;border-radius:999px;font-weight:500}
.zi-meta{font-size:14px;color:var(--zi-muted);display:flex;gap:16px;flex-wrap:wrap}
.zi-meta i{color:var(--zi-leaf);margin-right:6px}
.zi-badge-child{font-size:12.5px;font-weight:600;color:#8a3120;background:#fbe7d8;padding:5px 11px;border-radius:999px;align-self:flex-start}
.zi-empty{margin-top:30px;padding:30px;background:var(--zi-tint);border-radius:22px;text-align:center}

/* ---------- application form (steps) ---------- */
.zi-apply{padding:110px 0;background:linear-gradient(180deg,var(--zi-tint),#fff)}
.zi-apply__grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:56px;align-items:start}
.zi-apply__side img{width:100%;border-radius:30px;margin-top:28px;aspect-ratio:4/3;object-fit:cover}
.zi-form{background:#fff;border-radius:34px;box-shadow:0 30px 80px rgba(36,57,27,.12);padding:clamp(24px,4vw,48px)}
.zi-steps{display:flex;gap:8px;margin-bottom:26px}
.zi-steps li{flex:1;list-style:none;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#9aab8a;border-top:4px solid #e3ecd6;padding-top:10px;transition:color .3s,border-color .3s}
.zi-steps li.is-on{color:var(--zi-leaf);border-color:var(--zi-leaf)}
.zi-steps{padding:0}
.zi-form fieldset{border:0;padding:0;margin:0;min-width:0}
.zi-form legend{font-size:1.5rem;font-weight:700;margin-bottom:18px;padding:0}
.zi-field{margin-bottom:18px}
.zi-field label{display:block;font-weight:600;font-size:15px;margin-bottom:7px}
.zi-field input,.zi-field select,.zi-field textarea{width:100%;border:2px solid #d4e3c3;border-radius:16px;padding:14px 18px;font:inherit;font-size:16px;background:#fff;color:var(--zi-ink);transition:border-color .2s,box-shadow .2s}
.zi-field textarea{min-height:130px;resize:vertical}
.zi-field input:focus,.zi-field select:focus,.zi-field textarea:focus{outline:0;border-color:var(--zi-leaf);box-shadow:0 0 0 4px rgba(70,130,28,.18)}
.zi-field small{display:block;margin-top:6px;color:var(--zi-muted);font-size:14px}
.zi-field.has-error input,.zi-field.has-error select,.zi-field.has-error textarea{border-color:#c0392b}
.zi-err{color:#c0392b;font-size:14px;margin-top:6px;display:none}.zi-field.has-error .zi-err{display:block}
.zi-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.zi-check{display:flex;gap:12px;align-items:flex-start;font-size:15px;line-height:1.5;margin:6px 0 4px}
.zi-check input{width:22px;height:22px;margin-top:2px;accent-color:var(--zi-leaf);flex:none}
.zi-notice{background:var(--zi-tint);border-radius:18px;padding:16px 18px;font-size:15px;line-height:1.5;margin:0 0 18px;display:none}
.zi-notice.is-on{display:block}
.zi-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:10px}
.zi-draft{font-size:13.5px;color:var(--zi-muted)}

/* ---------- fundraise ---------- */
.zi-fund{padding:110px 0;background:var(--zi-deep);color:#fff;overflow:hidden}
.zi-fund .zi-h2{color:#fff}.zi-fund .zi-lead{color:rgba(255,255,255,.75)}
.zi-fund__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:56px;align-items:center;margin-top:44px}
.zi-fund .zi-field label{color:#fff}.zi-fund .zi-field small{color:rgba(255,255,255,.65)}
.zi-fund .zi-field input,.zi-fund .zi-field select,.zi-fund .zi-field textarea{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.22);color:#fff}
.zi-fund .zi-field input::placeholder,.zi-fund .zi-field textarea::placeholder{color:rgba(255,255,255,.45)}
.zi-fund .zi-field option{color:#14210f}
.zi-fund .zi-field input:focus,.zi-fund .zi-field select:focus,.zi-fund .zi-field textarea:focus{border-color:var(--zi-lime);box-shadow:0 0 0 4px rgba(136,192,64,.25)}
.zi-preview{background:#fff;color:var(--zi-ink);border-radius:34px;padding:34px;box-shadow:0 40px 90px rgba(0,0,0,.4);transform:rotate(1.5deg);transition:transform .4s}
.zi-preview:hover{transform:rotate(0)}
.zi-preview small{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--zi-leaf);font-weight:700}
.zi-preview h3{font-size:1.9rem;line-height:1.1;margin:10px 0 10px;word-break:break-word}
.zi-preview p{color:var(--zi-muted);line-height:1.55;min-height:4.5em;word-break:break-word}
.zi-ring{--p:0;display:grid;place-items:center;width:150px;aspect-ratio:1;border-radius:50%;background:conic-gradient(var(--zi-leaf) calc(var(--p)*1%),#e3ecd6 0);margin:6px 0 4px}
.zi-ring span{display:grid;place-items:center;width:78%;aspect-ratio:1;border-radius:50%;background:#fff;font-weight:700;font-size:1.4rem}
.zi-preview__row{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.zi-preview__row div{font-size:15px;color:var(--zi-muted)}.zi-preview__row strong{display:block;font-size:1.6rem;color:var(--zi-ink)}

/* ---------- partner + stories + help ---------- */
.zi-partner{padding:110px 0}
.zi-partner__box{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;border-radius:40px;overflow:hidden;background:var(--zi-tint)}
.zi-partner__copy{padding:clamp(28px,5vw,64px)}
.zi-partner__copy ul{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:12px}
.zi-partner__copy li{display:flex;gap:12px;font-size:1.05rem;line-height:1.5}.zi-partner__copy li i{color:var(--zi-leaf);margin-top:4px}
.zi-partner__form{background:var(--zi-forest);padding:clamp(28px,5vw,56px);color:#fff}
.zi-partner__form .zi-field label{color:#fff}
.zi-partner__form .zi-field input,.zi-partner__form .zi-field textarea{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.22);color:#fff}
.zi-partner__form .zi-field input::placeholder,.zi-partner__form .zi-field textarea::placeholder{color:rgba(255,255,255,.45)}
.zi-stories{padding:20px 0 120px}
.zi-stories__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px;margin-top:36px}
.zi-story{display:block;color:inherit;text-decoration:none;border-radius:26px;overflow:hidden;background:#fff;border:1px solid #dbe7cb;transition:transform .3s,box-shadow .3s}
.zi-story:hover{transform:translateY(-5px);box-shadow:0 20px 44px rgba(36,57,27,.14);color:inherit}
.zi-story img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}
.zi-story div{padding:20px 22px 24px}.zi-story small{color:var(--zi-leaf);font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:12px}
.zi-story h3{font-size:1.2rem;line-height:1.3;margin:8px 0 0}
.zi-human{padding:90px 0;background:var(--zi-sun);text-align:center;color:var(--zi-ink)}
.zi-human h2{font-size:clamp(1.9rem,4vw,3rem);margin:0 0 12px}
.zi-human p{max-width:52ch;margin:0 auto 26px;font-size:1.15rem}
.zi-human .zi-btn--leaf{margin:4px}

/* ---------- responsive ---------- */
@media (max-width:991.98px){
  .zi-hero__grid{grid-template-columns:1fr;padding:130px 0 80px}
  .zi-live{max-width:560px}
  .zi-result,.zi-apply__grid,.zi-fund__grid,.zi-partner__box{grid-template-columns:1fr}
  .zi-bento{grid-template-columns:repeat(6,1fr)}
  .zi-tile--a,.zi-tile--b,.zi-tile--c{grid-column:span 6}.zi-tile--d,.zi-tile--e,.zi-tile--f{grid-column:span 3}
  .zi-tile--a{grid-row:auto}
  .zi-preview{transform:none}
}
@media (max-width:575.98px){
  .zi-row{grid-template-columns:1fr}
  .zi-tile--d,.zi-tile--e,.zi-tile--f{grid-column:span 6}
  .zi-tile{padding:24px;min-height:230px}
  .zi-quiz,.zi-ways,.zi-needs,.zi-place,.zi-apply,.zi-fund,.zi-partner{padding:80px 0}
}
@media (prefers-reduced-motion:reduce){
  .zi *,.zi *::before,.zi *::after{animation:none!important;transition:none!important}
  .zi-js [data-reveal]{opacity:1;transform:none}
  .zi-rotor span{position:static;opacity:1;display:none}.zi-rotor span:first-child{display:inline}.zi-rotor{height:auto;overflow:visible}
}


/* ---------- Matches the rest of the site: inner-page banner, light sections, template buttons ---------- */
.zi-intro{padding:84px 0 64px;background:#fff}
.zi-intro__grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:48px;align-items:center}
.zi-intro .zi-hero__cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
.zi-live{background:#eef6e3;border:1px solid #d6e5c5;color:var(--zi-ink);backdrop-filter:none;-webkit-backdrop-filter:none}
.zi-live small{color:var(--zi-leaf)}
.zi-live p{color:var(--zi-forest)}
.zi-live a{color:var(--zi-leaf)}
.zi-h2{font-size:clamp(1.9rem,3.4vw,2.8rem);font-weight:600}
.zi-quiz{background:#f6f9f1;padding:90px 0}
.zi-quiz__card{box-shadow:0 10px 40px rgba(36,57,27,.08);border:1px solid #e1ebd5;border-radius:28px}
.zi-ways{padding:90px 0}
.zi-tile{border-radius:22px}
.zi-needs{background:#f6f9f1;color:var(--zi-ink);padding:90px 0}
.zi-needs .zi-h2{color:var(--zi-forest)}.zi-needs .zi-lead{color:var(--zi-muted)}
.zi-eyebrow--light{color:var(--zi-leaf)}
.zi-need{background:#fff;border:1px solid #dbe7cb;box-shadow:0 6px 24px rgba(36,57,27,.06)}
.zi-need:hover{background:#fff;box-shadow:0 14px 34px rgba(36,57,27,.12)}
.zi-need h3{color:var(--zi-forest)}.zi-need p{color:var(--zi-muted)}.zi-need a{color:var(--zi-leaf)}
.zi-need__kind{background:#dcebc4;color:var(--zi-forest)}.zi-need__kind--goods{background:#fbeaa8}.zi-need__kind--skills{background:#e6edf9}
.zi-rail{scrollbar-color:var(--zi-leaf) transparent}
.zi-place{padding:90px 0}
.zi-apply{background:#f6f9f1;padding:90px 0}
.zi-form{box-shadow:0 10px 40px rgba(36,57,27,.08);border:1px solid #e1ebd5;border-radius:28px}
.zi-fund{background:#fff;color:var(--zi-ink);padding:90px 0}
.zi-fund .zi-h2{color:var(--zi-forest)}.zi-fund .zi-lead{color:var(--zi-muted)}
.zi-fund .zi-field label{color:var(--zi-ink)}.zi-fund .zi-field small{color:var(--zi-muted)}
.zi-fund .zi-field input,.zi-fund .zi-field select,.zi-fund .zi-field textarea{background:#fff;border-color:#d4e3c3;color:var(--zi-ink)}
.zi-fund .zi-field input::placeholder,.zi-fund .zi-field textarea::placeholder{color:#8a9a7c}
.zi-fund .zi-field option{color:var(--zi-ink)}
.zi-preview{background:#f6f9f1;border:1px solid #dbe7cb;box-shadow:0 10px 40px rgba(36,57,27,.08);transform:none}
.zi-fund .zi-btn--sun,.zi-partner__form .zi-btn--sun{background:var(--zi-leaf);color:#fff}
.zi-fund .zi-btn--sun:hover,.zi-partner__form .zi-btn--sun:hover{background:#3a6d17;color:#fff}
.zi-partner{padding:90px 0}
.zi-partner__box{border-radius:28px;border:1px solid #dbe7cb}
.zi-partner__form{background:var(--zi-forest)}
.zi-human{background:#f6f9f1;padding:80px 0}
.zi-human .zi-btn--leaf{color:#fff}
@media (max-width:991.98px){.zi-intro__grid{grid-template-columns:1fr}.zi-intro{padding:60px 0 40px}}

/* ---------- 2026 refresh: photo hero, stats, subnav, rail arrows ---------- */
.zi-hero2{background:radial-gradient(1200px 500px at 85% -10%,#3b5f27 0,transparent 60%),var(--zi-forest);color:#fff;padding:72px 0 0;overflow:hidden}
.zi-hero2__grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px;align-items:center}
.zi-hero2 .zi-h2{color:#fff;font-size:clamp(2.1rem,4.6vw,3.6rem)}.zi-hero2 .zi-lead{color:rgba(255,255,255,.82)}
.zi-eyebrow--light{color:var(--zi-lime)}
.zi-hero2 .zi-hero__cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.zi-hero2 .zi-live{margin-top:34px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:20px;padding:18px 22px;max-width:520px}
.zi-hero2 .zi-live small{color:var(--zi-lime)}.zi-hero2 .zi-live p{color:#fff;margin:6px 0 8px;font-weight:600}
.zi-hero2__art{position:relative;height:460px}
.zi-hero2__art img{position:absolute;object-fit:cover;border-radius:28px;border:5px solid rgba(255,255,255,.9);box-shadow:0 24px 60px rgba(0,0,0,.35)}
.zi-hero2__art .a{width:62%;height:300px;top:0;right:0}.zi-hero2__art .b{width:50%;height:230px;bottom:0;left:0;transform:rotate(-3deg)}.zi-hero2__art .c{width:42%;height:180px;bottom:30px;right:4%;transform:rotate(3deg)}
.zi-stats{display:grid;grid-template-columns:repeat(4,1fr);margin:56px 0 0;background:#fff;color:var(--zi-ink);border-radius:24px 24px 0 0;padding:26px 10px}
.zi-stats div{text-align:center;padding:4px 10px;border-right:1px solid #e1ebd5}.zi-stats div:last-child{border:0}
.zi-stats dt{font-family:"Outfit",sans-serif;font-size:clamp(1.8rem,3.4vw,2.6rem);font-weight:700;color:var(--zi-leaf);line-height:1}.zi-stats dd{margin:6px 0 0;font-size:14px;color:var(--zi-muted)}
.zi-subnav{top:0}
.zi-ways{padding-top:80px}
.zi-quiz{padding:70px 0}.zi-quiz__card{min-height:0;margin-top:30px}
.zi-cards{grid-template-columns:repeat(auto-fit,minmax(255px,1fr))}
.zi-railbar{display:flex;justify-content:flex-end;gap:10px;margin-top:-6px}
.zi-arrow{width:46px;height:46px;border-radius:50%;border:2px solid var(--zi-leaf);background:#fff;color:var(--zi-leaf);cursor:pointer;transition:.2s}.zi-arrow:hover{background:var(--zi-leaf);color:#fff}
.zi-rail{padding-top:16px;scroll-behavior:smooth;-webkit-mask-image:linear-gradient(90deg,#000 94%,transparent);mask-image:linear-gradient(90deg,#000 94%,transparent)}
@media (max-width:991.98px){.zi-hero2__grid{grid-template-columns:1fr;gap:34px}.zi-hero2__art{height:340px;order:-1}.zi-hero2__art .a{height:220px}.zi-hero2__art .b{height:170px}.zi-hero2__art .c{height:130px}.zi-stats{grid-template-columns:1fr 1fr;gap:18px 0}.zi-stats div:nth-child(2){border:0}.zi-hero2{padding-top:44px}}
@media (prefers-reduced-motion:reduce){.zi-rail{scroll-behavior:auto}}
.zi-hero2 .zi-live{display:block;min-height:0;height:auto}.zi-hero2 .zi-live a{color:var(--zi-sun);display:inline-block;margin-top:2px}
.zi-hero2__art{align-self:start;margin-top:10px}
.zi-hero2 .zi-live{min-height:0!important}.zi-hero2 .zi-live p{min-height:0!important;margin-bottom:10px}

/* ---------- choose-a-path layout ---------- */
.zi-choose{padding:72px 0 40px;background:#fff}
.zi-paths{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:34px}
.zi-path{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:22px 22px 24px;border:2px solid #dbe7cb;border-radius:22px;background:#fff;transition:transform .2s,box-shadow .2s,border-color .2s,background .2s;position:relative}
.zi-path:hover{transform:translateY(-3px);border-color:var(--zi-lime);box-shadow:0 16px 36px rgba(36,57,27,.1)}
.zi-path:focus-visible{outline:3px solid var(--zi-sun);outline-offset:3px}
.zi-path__icon{width:48px;height:48px;border-radius:14px;background:var(--zi-tint);color:var(--zi-leaf);display:grid;place-items:center;font-size:20px;margin-bottom:10px;transition:.2s}
.zi-path strong{font-family:"Outfit",sans-serif;font-size:19px;line-height:1.2;color:var(--zi-forest)}
.zi-path small{font-size:14px;line-height:1.45;color:var(--zi-muted)}
.zi-path[aria-selected=true]{background:var(--zi-forest);border-color:var(--zi-forest);box-shadow:0 18px 40px rgba(36,57,27,.25)}
.zi-path[aria-selected=true] strong{color:#fff}.zi-path[aria-selected=true] small{color:rgba(255,255,255,.78)}
.zi-path[aria-selected=true] .zi-path__icon{background:var(--zi-sun);color:var(--zi-forest)}
.zi-path[aria-selected=true]::after{content:"";position:absolute;left:50%;bottom:-12px;width:20px;height:20px;background:var(--zi-forest);transform:translateX(-50%) rotate(45deg);border-radius:3px}
.zi-path--quiz{border-style:dashed}
.zi-stage{background:#f6f9f1;min-height:140px;scroll-margin-top:20px}
.zi-stage__empty{padding:40px 0;text-align:center;color:var(--zi-muted);font-size:17px}
.zi-stage__empty i{margin-right:8px;color:var(--zi-leaf)}
.zi-panel{animation:zi-in .35s ease both}.zi-panel[hidden]{display:none}
@keyframes zi-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.zi-panel>section:first-child{padding-top:64px}
.zi-panel .zi-needs,.zi-panel .zi-quiz,.zi-panel .zi-place,.zi-panel .zi-fund{background:transparent}
.zi-simple{padding:56px 0 80px}
.zi-simple__grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:48px;align-items:center}
.zi-simple__grid img{width:100%;height:420px;object-fit:cover;border-radius:28px}
.zi-steps3{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:12px}.zi-steps3 li{display:flex;gap:14px;align-items:flex-start;line-height:1.5}
.zi-steps3 b{flex:none;width:32px;height:32px;border-radius:50%;background:var(--zi-leaf);color:#fff;display:grid;place-items:center;font-size:15px}
.zi-simple .zi-hero__cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
.zi-visits{list-style:none;padding:0;margin:26px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.zi-visits a{display:block;height:100%;padding:16px 18px;background:#fff;border:2px solid #dbe7cb;border-radius:18px;text-decoration:none;color:var(--zi-ink);transition:.2s}
.zi-visits a:hover{border-color:var(--zi-leaf);transform:translateY(-2px)}
.zi-visits strong{display:block;font-size:17px}.zi-visits em{display:block;font-style:normal;color:var(--zi-leaf);font-size:13px;font-weight:600;margin:2px 0 6px}.zi-visits small{color:var(--zi-muted);font-size:14px;line-height:1.45}
@media (max-width:991.98px){.zi-paths{grid-template-columns:1fr 1fr}.zi-simple__grid{grid-template-columns:1fr}.zi-simple__grid img{height:280px;order:-1}}
@media (max-width:560px){.zi-paths{grid-template-columns:1fr}.zi-path{flex-direction:row;flex-wrap:wrap;align-items:center;gap:4px 14px}.zi-path__icon{margin:0;grid-row:span 2}.zi-path small{flex-basis:100%;padding-left:62px;margin-top:-34px}.zi-visits{grid-template-columns:1fr}.zi-path[aria-selected=true]::after{display:none}}
@media (prefers-reduced-motion:reduce){.zi-panel{animation:none}}
.zi-paths{grid-template-columns:repeat(3,1fr)}
.zi-path--quiz{grid-column:1/-1;flex-direction:row;align-items:center;gap:6px 18px;padding:18px 22px}.zi-path--quiz .zi-path__icon{margin:0}.zi-path--quiz small{margin-left:auto}
.zi-path--quiz[aria-selected=true]::after{display:none}
.zi-hero2{padding-top:48px}.zi-hero2__grid{padding-bottom:56px}.zi-hero2__art{height:400px}
@media (max-width:991.98px){.zi-paths{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.zi-paths{grid-template-columns:1fr}.zi-path--quiz small{margin:0}}

/* ---------- accordion version ---------- */
.zi-choose{padding:64px 0 80px;background:#fff}
.zi-acc{display:grid;gap:14px;margin-top:34px}
.zi-item{border:2px solid #dbe7cb;border-radius:24px;background:#fff;overflow:hidden;transition:border-color .2s,box-shadow .2s}
.zi-item:hover{border-color:var(--zi-lime)}
.zi-item.is-open{border-color:var(--zi-forest);box-shadow:0 20px 50px rgba(36,57,27,.14)}
.zi-item__h{margin:0}
.zi-item .zi-path{all:unset;box-sizing:border-box;width:100%;display:flex;align-items:center;gap:18px;padding:20px 26px;cursor:pointer;background:transparent;border:0;border-radius:0;transform:none;box-shadow:none}
.zi-item .zi-path:hover{transform:none;box-shadow:none}
.zi-item .zi-path:focus-visible{outline:3px solid var(--zi-sun);outline-offset:-3px}
.zi-item .zi-path__icon{margin:0;flex:none}
.zi-path__text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.zi-item .zi-path strong{font-size:clamp(1.1rem,2vw,1.35rem)}
.zi-path__chev{font-size:16px;color:var(--zi-leaf);transition:transform .25s;flex:none}
.zi-item.is-open .zi-path{background:var(--zi-forest)}
.zi-item.is-open .zi-path strong{color:#fff}.zi-item.is-open .zi-path small{color:rgba(255,255,255,.78)}
.zi-item.is-open .zi-path__icon{background:var(--zi-sun);color:var(--zi-forest)}
.zi-item.is-open .zi-path__chev{transform:rotate(180deg);color:#fff}
.zi-item .zi-path[aria-selected]::after,.zi-item .zi-path::after{display:none}
.zi-item--quiz{border-style:dashed}
.zi-item .zi-panel{background:#f6f9f1;border-top:0}
.zi-item .zi-panel>section:first-child{padding-top:44px}
.zi-item .zi-panel>section:last-child{padding-bottom:56px}
.zi-item .zi-panel .zi-wrap{width:min(1100px,100% - 56px)}
@media (max-width:560px){.zi-item .zi-path{padding:16px;gap:12px}.zi-item .zi-panel .zi-wrap{width:calc(100% - 32px)}.zi-item .zi-path small{display:none}}