/* UNNSSAA Innovation Awards landing page. Uses the site's existing palette:
   primary #004d40, deep #00342b, gold #e9c349, surface #fcf9f8. */
.ia-skip{position:absolute;left:-9999px;top:0;z-index:100;background:#fff;color:#004d40;padding:.75rem 1rem;border-radius:.5rem}
.ia-skip:focus{left:1rem;top:1rem}
.ia-eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.16em;color:#e9c349;margin-bottom:1.5rem}
.ia-h1{font-size:clamp(2.25rem,6vw,4.25rem);font-weight:800;line-height:1.08;letter-spacing:-.035em;color:#fff;margin-bottom:1.5rem;text-wrap:balance}
.ia-lead{font-size:clamp(1.05rem,2vw,1.25rem);line-height:1.7;color:rgba(255,255,255,.88);max-width:42rem;margin-bottom:2.25rem}
.ia-lead-center{margin-left:auto;margin-right:auto}
.ia-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#00342b 0%,#004d40 100%);min-height:min(80vh,40rem);display:flex;align-items:center}
.ia-hero>.relative{width:100%}
.ia-hero-art{position:absolute;right:-8rem;top:50%;width:44rem;max-width:90vw;transform:translateY(-50%);color:rgba(255,255,255,.14);pointer-events:none}
.ia-orbits{width:100%;animation:ia-spin 80s linear infinite}
.ia-dot{filter:drop-shadow(0 0 6px rgba(233,195,73,.7))}
@keyframes ia-spin{to{transform:rotate(360deg)}}
.ia-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:3rem;padding:.8rem 1.75rem;border-radius:1rem;font-weight:700;font-size:1rem;line-height:1.2;transition:transform .25s,box-shadow .25s,background-color .25s}
.ia-btn .material-symbols-outlined{font-size:1.15rem;transition:transform .25s}
.ia-btn:hover .material-symbols-outlined{transform:translateX(3px)}
.ia-btn:hover{transform:translateY(-2px)}
.ia-btn:focus-visible{outline:3px solid #e9c349;outline-offset:3px}
.ia-card-light .ia-btn:focus-visible,.ia-section .ia-btn:focus-visible{outline-color:#004d40}
.ia-btn-gold{background:#e9c349;color:#241a00;box-shadow:0 8px 24px rgba(0,0,0,.18)}
.ia-btn-green{background:#004d40;color:#fff}
.ia-btn-green:hover{background:#00342b}
.ia-btn-ghost{color:#fff;border:1.5px solid rgba(255,255,255,.5)}
.ia-btn-ghost:hover{background:rgba(255,255,255,.1)}
.ia-section{padding:clamp(4rem,9vw,7rem) 0}
.ia-section-alt{background:#f0edec}
.ia-h2{font-size:clamp(1.75rem,4vw,2.75rem);font-weight:800;letter-spacing:-.03em;line-height:1.15;color:#004d40;text-wrap:balance}
.ia-h2-light{color:#fff;margin-bottom:1rem}
.ia-card{display:flex;flex-direction:column;padding:clamp(1.75rem,4vw,2.75rem);border-radius:1.5rem;transition:transform .3s,box-shadow .3s}
.ia-card:hover{transform:translateY(-6px);box-shadow:0 24px 48px -16px rgba(0,52,43,.3)}
.ia-card h3{font-size:1.4rem;font-weight:700;line-height:1.3}
.ia-card-label{font-size:.7rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;margin-bottom:.75rem}
.ia-prize{font-size:clamp(2.5rem,5vw,3.25rem);font-weight:800;letter-spacing:-.03em;margin:1rem 0 1.25rem;line-height:1}
.ia-card-text{line-height:1.7;flex:1;margin-bottom:1.5rem}
.ia-benefit{display:flex;gap:.75rem;align-items:flex-start;font-weight:600;padding:1rem;border-radius:.75rem;margin-bottom:1.75rem}
.ia-card .ia-btn{align-self:flex-start}
.ia-card-dark{background:linear-gradient(145deg,#00342b,#004d40);color:#fff}
.ia-card-dark .ia-card-label,.ia-card-dark .ia-prize{color:#e9c349}
.ia-card-dark .ia-card-text{color:rgba(255,255,255,.88)}
.ia-card-dark .ia-benefit{background:rgba(255,255,255,.1)}
.ia-card-light{background:#fff;color:#1c1b1b;border:1px solid #bfc9c4}
.ia-card-light h3,.ia-card-light .ia-prize{color:#004d40}
.ia-card-light .ia-card-label{color:#735c00}
.ia-card-light .ia-card-text{color:#3f4945}
.ia-card-light .ia-benefit{background:#f0edec;color:#004d40}
/* Timeline: vertical by default (mobile), horizontal from md */
.ia-timeline{list-style:none;margin:0;padding:0;display:grid;gap:2rem}
.ia-step{position:relative;display:flex;gap:1.25rem}
.ia-step:not(:last-child)::after{content:"";position:absolute;left:1.375rem;top:2.75rem;bottom:-2rem;width:2px;background:#bfc9c4}
.ia-step-dot{flex:none;width:2.75rem;height:2.75rem;border-radius:50%;background:#004d40;color:#e9c349;font-weight:800;display:grid;place-items:center;position:relative;z-index:1}
.ia-step-body .material-symbols-outlined{color:#735c00;font-size:1.5rem}
.ia-step-body h3{font-size:1.25rem;font-weight:700;color:#004d40;margin:.25rem 0 .4rem}
.ia-step-body p{color:#3f4945;line-height:1.6}
@media(min-width:768px){
.ia-timeline{grid-template-columns:repeat(4,1fr);gap:1.5rem}
.ia-step{flex-direction:column;gap:1.25rem}
.ia-step:not(:last-child)::after{left:2.75rem;right:-1.5rem;top:1.375rem;bottom:auto;width:auto;height:2px}
}
.ia-areas{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:1rem}
@media(min-width:560px){.ia-areas{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.ia-areas{grid-template-columns:repeat(3,1fr)}}
.ia-area{display:flex;align-items:center;gap:1rem;background:#fff;border:1px solid #d9d4d3;border-radius:1rem;padding:1.1rem 1.25rem;font-weight:600;color:#1c1b1b;transition:border-color .25s,transform .25s}
.ia-area:hover{border-color:#004d40;transform:translateY(-3px)}
.ia-area .material-symbols-outlined{flex:none;width:2.75rem;height:2.75rem;display:grid;place-items:center;border-radius:.75rem;background:#afefdd;color:#004d40}
.ia-final{background:linear-gradient(135deg,#00342b,#004d40);padding:clamp(4rem,9vw,6.5rem) 0}
.ia-dates{display:grid;gap:1rem;margin:0 0 3.5rem;text-align:left}
@media(min-width:640px){.ia-dates{grid-template-columns:1fr 1fr}}
.ia-dates>div{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:1rem;padding:1.25rem 1.5rem}
.ia-dates dt{font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#e9c349;margin-bottom:.35rem}
.ia-dates dd{margin:0;color:#fff;font-size:1.2rem;font-weight:700}
/* Reveal only when JS has opted in, so content is always visible without it */
.ia-js .reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}
.ia-js .reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){
.ia-orbits{animation:none}
.ia-js .reveal{opacity:1;transform:none;transition:none}
.ia-btn,.ia-card,.ia-area,.ia-btn .material-symbols-outlined{transition:none}
html{scroll-behavior:auto!important}
}