
:root{
  --u-navy:#061D38;--u-blue:#0A315C;--u-teal:#0AA5A8;--u-cyan:#27B8D1;
  --u-pink:#EC1760;--u-ink:#13253A;--u-copy:#56677A;--u-ice:#F5F8FB;--u-line:#DFE7EF;--u-white:#fff;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body.urbania-foundation-site{margin:0;font-family:Inter,system-ui,sans-serif;color:var(--u-ink);background:#fff}
.u-wrap{width:min(1200px,calc(100% - 42px));margin:auto}
.u-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(6,29,56,.06)}
.admin-bar .u-header{top:32px}
.u-header-inner{height:86px;display:flex;align-items:center;gap:32px}
.u-logo{width:245px;display:block}.u-logo img,.u-logo .custom-logo{max-width:245px;max-height:62px;width:auto;height:auto}
.u-nav{margin-left:auto}.u-menu{display:flex;align-items:center;gap:28px;list-style:none;margin:0;padding:0}
.u-menu a{font:600 12px Poppins,sans-serif;color:var(--u-navy);text-decoration:none}
.u-menu a:hover{color:var(--u-teal)}
.u-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 24px;border-radius:9px;font:600 12px Poppins,sans-serif;text-decoration:none;transition:.22s}
.u-btn:hover{transform:translateY(-2px)}
.u-btn-teal{background:linear-gradient(135deg,var(--u-teal),#168BB3);color:#fff;box-shadow:0 10px 26px rgba(10,165,168,.22)}
.u-btn-outline-light{border:1px solid rgba(255,255,255,.7);color:#fff;background:rgba(255,255,255,.03)}
.u-header-cta{white-space:nowrap}
.u-menu-toggle{display:none;margin-left:auto;border:0;background:transparent;width:44px;height:44px}
.u-menu-toggle span{display:block;height:2px;background:var(--u-navy);margin:6px}
.u-mobile-panel{display:none}

.u-hero{min-height:620px;position:relative;overflow:hidden;background:
linear-gradient(90deg,rgba(6,29,56,.99) 0%,rgba(6,29,56,.96) 36%,rgba(6,29,56,.60) 62%,rgba(6,29,56,.16) 82%),
var(--urbania-hero-image) center right/cover no-repeat}
.u-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 64% 40%,rgba(39,184,209,.16),transparent 27%);pointer-events:none}
.u-grid-overlay{position:absolute;inset:0;opacity:.22;background-image:linear-gradient(rgba(39,184,209,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(39,184,209,.1) 1px,transparent 1px);background-size:60px 60px}
.u-hero-inner{position:relative;z-index:2;min-height:620px;display:flex;align-items:center}
.u-hero-copy{max-width:660px;padding:70px 0}
.u-kicker{display:inline-block;margin-bottom:15px;font:600 12px Poppins,sans-serif;letter-spacing:.08em;color:var(--u-teal)}
.u-kicker.light{color:#3ED4D1}
.u-hero h1{margin:0;font:700 clamp(48px,5vw,72px)/1.06 Poppins,sans-serif;letter-spacing:-.045em;color:#fff}
.u-hero h1 span{color:#1BB4B5}
.u-hero p{max-width:600px;margin:24px 0 29px;font-size:16px;line-height:1.75;color:rgba(255,255,255,.84)}
.u-actions{display:flex;gap:14px;flex-wrap:wrap}

.u-mission-wrap{position:relative;z-index:10;margin-top:-54px}
.u-mission{display:grid;grid-template-columns:1.55fr repeat(3,1fr);background:linear-gradient(110deg,#071D38,#0B315D 68%,#08274B);border-radius:16px;padding:24px 32px;color:#fff;box-shadow:0 16px 46px rgba(6,29,56,.18)}
.u-mission-intro,.u-mission-item{display:flex;align-items:center;gap:18px;padding:16px 22px}
.u-mission-item{border-left:1px solid rgba(255,255,255,.15)}
.u-mission p{margin:5px 0 0;font-size:13px;line-height:1.55;color:rgba(255,255,255,.78)}
.u-mission strong{font:600 12px Poppins,sans-serif;text-transform:uppercase}.u-target-icon{font-size:54px;color:#20C8C5}.u-line-icon{font-size:30px}

.u-section{padding:92px 0}.u-section-soft{background:linear-gradient(180deg,#F7F9FC,#F3F7FA)}
.u-section-title{text-align:center;max-width:860px;margin:0 auto 48px}.u-section-title.compact{margin-bottom:36px}
.u-section-title h2,.u-impact h2,.u-resource-inner h2{margin:0;font:700 clamp(32px,3.6vw,48px)/1.08 Poppins,sans-serif;letter-spacing:-.035em;color:var(--u-navy)}
.u-section-title p{margin:14px auto 0;color:var(--u-copy);line-height:1.75}

.u-pillars{display:grid;grid-template-columns:repeat(5,1fr)}
.u-pillars article{text-align:center;padding:18px 25px;border-right:1px solid var(--u-line)}.u-pillars article:last-child{border-right:0}
.u-pillar-icon{width:60px;height:60px;margin:0 auto 18px;border-radius:16px;display:grid;place-items:center;font-size:31px;color:var(--u-teal);background:#F2FBFB;border:1px solid #D9F0F0}
.u-pillars h3{margin:0 0 9px;font:600 15px Poppins,sans-serif;color:var(--u-navy)}.u-pillars p{margin:0;color:#637286;font-size:13px;line-height:1.65}

.u-program-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.u-program-card{position:relative;min-height:310px;border-radius:15px;padding:34px;overflow:hidden;color:#fff;box-shadow:0 13px 35px rgba(6,29,56,.10);transition:.25s;background:linear-gradient(135deg,#061D38,#0B315D)}
.u-program-card.has-image{background:linear-gradient(90deg,rgba(5,27,51,.97),rgba(5,27,51,.58)),var(--program-image) center/cover no-repeat}
.u-program-card:hover{transform:translateY(-5px)}
.u-program-fast{background:linear-gradient(135deg,#061D38,#0F456D)}.u-program-exec{background:linear-gradient(135deg,#04172D,#0A315C)}.u-program-org{background:linear-gradient(135deg,#61062C,#B10A55)}
.u-card-label{font:600 10px Poppins,sans-serif;letter-spacing:.08em;color:#2ED8D3}.u-card-label.pink{color:#FF69A0}
.u-program-card h3{margin:14px 0;font:700 28px Poppins,sans-serif}.u-program-card p{font-size:14px;line-height:1.7;color:rgba(255,255,255,.82)}
.u-program-card a{position:absolute;left:34px;bottom:32px;color:#2ED8D3;font:600 12px Poppins,sans-serif;text-decoration:none}

.u-impact-section{padding:10px 0 82px;background:#F3F7FA}
.u-impact{display:grid;grid-template-columns:1.7fr repeat(4,1fr);align-items:center;background:linear-gradient(100deg,#07203E,#081E39 65%,#0B3158);border-radius:16px;padding:30px 34px;color:#fff}
.u-impact-copy{padding-right:28px}.u-impact-copy h2{font-size:29px;color:#fff}.u-impact-copy .u-btn{margin-top:20px}
.u-stat{padding:15px 26px;border-left:1px solid rgba(255,255,255,.15);display:flex;flex-direction:column;gap:5px}
.u-stat>span{font-size:26px;color:#1BC9C7}.u-stat strong{font:700 30px Poppins,sans-serif}.u-stat small{font-size:12px;color:rgba(255,255,255,.72)}

.u-news-layout{display:grid;grid-template-columns:.75fr 1.65fr;gap:55px}
.u-testimonial{min-height:320px;padding:36px;border-radius:14px;background:#F7F9FB;border:1px solid #E8EDF2;display:flex;flex-direction:column;justify-content:center}
.u-quote{font:700 58px Georgia,serif;color:var(--u-teal);line-height:.8}.u-testimonial p{font-size:17px;line-height:1.75;color:#44556A}.u-testimonial strong{font:600 13px Poppins,sans-serif;color:var(--u-teal)}.u-testimonial span{font-size:12px;color:#718197;margin-top:5px}
.u-news-head h2{font:700 30px Poppins,sans-serif;color:var(--u-navy);margin:0}.u-news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.u-news-card img,.u-news-placeholder{width:100%;height:155px;border-radius:10px;object-fit:cover}.u-news-placeholder{display:grid;place-items:center;background:linear-gradient(135deg,#092A50,#164D70);color:#31D2D0;font:600 12px Poppins,sans-serif}
.u-news-placeholder.alt{background:linear-gradient(135deg,#17344E,#315D78)}.u-news-placeholder.teal{background:linear-gradient(135deg,#075A64,#0AA5A8);color:#fff}
.u-news-card>span{display:block;margin-top:12px;font-size:11px;color:#8390A0}.u-news-card h3{font:600 14px/1.45 Poppins,sans-serif;margin:5px 0}.u-news-card h3 a{color:var(--u-navy);text-decoration:none}

.u-resource-cta{padding:72px 0;background:radial-gradient(circle at 25% 50%,rgba(10,165,168,.12),transparent 30%),linear-gradient(100deg,#061D38,#0B3158)}
.u-resource-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}.u-resource-inner h2{color:#fff}.u-resource-inner p{max-width:700px;color:rgba(255,255,255,.76)}

.u-footer{padding:68px 0 28px;background:#04172D;color:#fff}.u-footer-grid{display:grid;grid-template-columns:1.35fr repeat(4,1fr);gap:45px}
.u-footer-brand img{max-width:230px;filter:brightness(0) invert(1)}.u-footer-brand p{max-width:260px;font-size:13px;line-height:1.7;color:#ADC0D2}
.u-footer h4{margin:0 0 17px;font:600 11px Poppins,sans-serif;text-transform:uppercase;letter-spacing:.08em}.u-footer a{display:block;margin:8px 0;color:#B8C9D9;text-decoration:none;font-size:12px}.u-footer p{color:#B8C9D9;font-size:12px}
.u-footer-bottom{display:flex;justify-content:space-between;margin-top:45px;padding-top:22px;border-top:1px solid rgba(255,255,255,.1);color:#7990A5;font-size:11px}

/* Program single */
.u-program-single-hero{padding:100px 0;background:linear-gradient(120deg,#061D38,#0B315D);color:#fff}
.u-program-single-hero h1{font:700 clamp(42px,5vw,68px)/1.05 Poppins,sans-serif;margin:0}.u-program-single-hero p{max-width:760px;color:rgba(255,255,255,.82);font-size:18px}
.u-program-meta{display:flex;gap:30px;margin-top:30px}.u-program-meta span{display:flex;flex-direction:column}.u-program-meta strong{font-size:11px;text-transform:uppercase;color:#3ED4D1}.u-program-content{max-width:850px;font-size:17px;line-height:1.8}

@media(max-width:1050px){
 .u-nav,.u-header-cta{display:none}.u-menu-toggle{display:block}.u-mobile-panel.open{display:block;background:#fff;padding:18px 22px}.u-mobile-panel .u-menu{display:grid;gap:12px}
 .u-hero{background:linear-gradient(90deg,rgba(6,29,56,.98),rgba(6,29,56,.86)),var(--urbania-hero-image) center/cover no-repeat}
 .u-mission{grid-template-columns:repeat(2,1fr)}.u-pillars{grid-template-columns:repeat(2,1fr);gap:24px}.u-pillars article{border:0}
 .u-program-grid{grid-template-columns:1fr}.u-impact{grid-template-columns:repeat(2,1fr)}.u-impact-copy{grid-column:1/-1}.u-news-layout{grid-template-columns:1fr}.u-footer-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:680px){
 .u-wrap{width:min(100% - 28px,1200px)}.u-header-inner{height:74px}.u-logo{width:205px}.u-logo img,.u-logo .custom-logo{max-width:205px}
 .u-hero,.u-hero-inner{min-height:610px}.u-hero h1{font-size:44px}.u-mission-wrap{margin-top:-32px}.u-mission{grid-template-columns:1fr;padding:20px}.u-mission-item{border-left:0;border-top:1px solid rgba(255,255,255,.12)}
 .u-section{padding:68px 0}.u-pillars{grid-template-columns:1fr}.u-impact{grid-template-columns:1fr}.u-stat{border-left:0;border-top:1px solid rgba(255,255,255,.12)}
 .u-news-grid{grid-template-columns:1fr}.u-resource-inner{display:block}.u-resource-inner .u-btn{margin-top:22px}.u-footer-grid{grid-template-columns:1fr}.u-footer-bottom{display:grid}
}
