:root{--text:#f7fbff;--muted:#bdd0df;--gold:#e7ad32;--panel:rgba(5,23,38,.76);--line:rgba(255,255,255,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:#03101d;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(2,10,18,.72),rgba(2,10,18,.9)),url("../images/ihop1-hex-background.png") center top/cover no-repeat}
body:after{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 50% 24%,rgba(19,212,220,.10),transparent 26%),linear-gradient(180deg,transparent 0%,rgba(2,10,18,.55) 70%,#020a12 100%)}
header{min-height:88px;display:flex;justify-content:space-between;align-items:center;padding:24px 7%;position:relative;z-index:5}.logo-wrap{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text)}
.logo-mark{width:44px;height:44px;position:relative;border-radius:50%;background:conic-gradient(from 0deg,#e7ad32 0 16%,transparent 16% 20%,#2f90d2 20% 36%,transparent 36% 40%,#8b43aa 40% 56%,transparent 56% 60%,#e66f18 60% 76%,transparent 76% 80%,#62bd4b 80% 96%,transparent 96%)}.logo-mark:after{content:"";position:absolute;inset:11px;background:#03101d;border-radius:50%}
.logo-text strong{display:block;font-size:2.05rem;letter-spacing:.5px;font-weight:400;line-height:.88}.logo-text small{display:block;font-size:.58rem;line-height:1.25;letter-spacing:.5px;color:#fff;text-transform:uppercase;margin-top:4px}
nav{display:flex;gap:26px;align-items:center;text-transform:uppercase;font-size:.78rem;font-weight:700;letter-spacing:.45px}nav a{text-decoration:none;color:white;opacity:.95}nav a:hover{color:var(--gold)}.portal{border:1px solid var(--gold);border-radius:7px;padding:15px 20px;color:var(--gold)}
.hero{min-height:650px;display:grid;place-items:center;padding:55px 7% 80px;text-align:center;border-bottom:1px solid rgba(255,255,255,.08)}.hero-inner{max-width:820px}
.hero h1{font-size:clamp(4.6rem,12vw,9.8rem);font-weight:400;letter-spacing:.035em;line-height:.85;margin:0 0 24px;text-shadow:0 0 50px rgba(255,255,255,.16),0 14px 35px rgba(0,0,0,.5)}
.hero h2{margin:0 auto 32px;color:var(--gold);text-transform:uppercase;letter-spacing:.11em;font-size:clamp(1.45rem,2.5vw,2.15rem);line-height:1.25;font-weight:600}
.divider{display:flex;align-items:center;justify-content:center;gap:14px;margin:0 auto 30px;max-width:520px}.divider:before,.divider:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,rgba(231,173,50,.45),transparent)}
.tiny-hex{width:22px;height:22px;clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%);border:2px solid var(--gold);box-shadow:0 0 15px rgba(19,212,220,.45)}
.pill-line{font-size:1.08rem;text-transform:uppercase;letter-spacing:.12em;line-height:1.7;margin-bottom:22px}.pill-line span{color:var(--gold);padding:0 15px}.hero p,.page-hero p{color:#e3edf7;font-size:1.05rem;line-height:1.6;max-width:700px;margin:0 auto 30px}
.btn{display:inline-flex;gap:12px;align-items:center;justify-content:center;min-width:230px;padding:17px 28px;color:#fff;font-weight:800;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;background:linear-gradient(180deg,#dca844,#b97717);border-radius:8px;border:1px solid rgba(255,255,255,.22);box-shadow:0 12px 35px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.3)}.btn.secondary{background:transparent;color:var(--gold);border-color:var(--gold)}
.initiatives,.content-section{padding:44px 4% 36px;background:linear-gradient(180deg,rgba(1,9,17,.78),#020b15 100%);text-align:center}.kicker{color:var(--gold);text-transform:uppercase;letter-spacing:.07em;font-weight:800;margin-bottom:12px;font-size:.95rem}.initiatives h3,.content-section h3{margin:0 0 30px;font-size:clamp(1.8rem,3.4vw,2.55rem);font-weight:400}
.cards{display:grid;grid-template-columns:repeat(6,1fr);gap:24px;max-width:1210px;margin:0 auto}.card{min-width:0;color:#fff;text-decoration:none}
.hex-icon{width:120px;height:132px;margin:0 auto 18px;clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%);display:grid;place-items:center;border:1px solid rgba(255,255,255,.22);box-shadow:inset 0 0 25px rgba(255,255,255,.1),0 16px 35px rgba(0,0,0,.34)}.hex-icon svg{width:62px;height:62px;stroke:#fff;fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.c-green{background:linear-gradient(135deg,rgba(132,184,48,.9),rgba(41,76,46,.8))}.c-blue{background:linear-gradient(135deg,rgba(43,149,219,.9),rgba(19,51,91,.85))}.c-orange{background:linear-gradient(135deg,rgba(237,112,18,.95),rgba(106,48,17,.9))}.c-teal{background:linear-gradient(135deg,rgba(0,180,164,.9),rgba(18,71,74,.9))}.c-purple{background:linear-gradient(135deg,rgba(142,66,167,.95),rgba(63,34,89,.9))}.c-gold{background:linear-gradient(135deg,rgba(231,173,50,.95),rgba(107,73,15,.92))}
.card h4{margin:0 0 12px;text-transform:uppercase;font-size:1rem;line-height:1.18;min-height:38px}.card p{color:#e2edf7;line-height:1.55;margin:0 auto 14px;max-width:185px;font-size:.98rem}.learn{color:var(--gold);text-decoration:none;font-weight:700;font-size:.95rem}
.mission{max-width:1180px;margin:18px auto 30px;border:1px solid rgba(255,255,255,.13);border-radius:18px;padding:40px 60px;display:grid;grid-template-columns:170px 1fr 300px;gap:38px;align-items:center;background:rgba(5,23,38,.72);box-shadow:0 18px 45px rgba(0,0,0,.26);text-align:left}.ring{width:110px;height:110px;border-radius:50%;background:conic-gradient(#e7ad32 0 14%,transparent 14% 17%,#2f90d2 17% 31%,transparent 31% 34%,#8b43aa 34% 48%,transparent 48% 51%,#e66f18 51% 66%,transparent 66% 69%,#62bd4b 69% 84%,transparent 84% 87%,#12d4dc 87% 100%);position:relative;margin:auto}.ring:after{content:"";position:absolute;inset:29px;border-radius:50%;background:#061728}.mission h3{text-transform:uppercase;font-size:1.28rem;margin:0 0 18px}.mission p{margin:0;color:#d6e3ee;line-height:1.65}.outline-btn{justify-self:end;color:var(--gold);border:1px solid var(--gold);border-radius:7px;padding:18px 25px;text-decoration:none;text-transform:uppercase;font-weight:800;font-size:.88rem;letter-spacing:.04em}
.values{display:flex;justify-content:center;gap:42px;flex-wrap:wrap;color:#80a6c1;padding:25px 7% 28px;text-transform:uppercase;font-size:.78rem}footer{text-align:center;color:rgba(255,255,255,.66);padding:0 7% 35px;font-size:.92rem}
.page-hero{min-height:360px;padding:80px 7% 50px;text-align:center;display:grid;place-items:center;border-bottom:1px solid rgba(255,255,255,.08)}.page-hero h1{font-size:clamp(2.8rem,7vw,5.5rem);font-weight:400;letter-spacing:.04em;line-height:.95;margin:0 0 18px}.page-hero h2{margin:0 auto 22px;color:var(--gold);text-transform:uppercase;letter-spacing:.11em;font-size:1rem}
.page-panel{max-width:1020px;margin:0 auto 24px;padding:38px;background:var(--panel);border:1px solid var(--line);border-radius:18px;text-align:left;box-shadow:0 18px 45px rgba(0,0,0,.28)}.page-panel h3{margin:0 0 16px;text-align:left;font-size:1.65rem;color:#fff}.page-panel p{color:#dbe8f2;line-height:1.75;font-size:1.05rem}.page-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1020px;margin:0 auto 28px}.mini-card{background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:16px;padding:24px;text-align:left}.mini-card h4{margin:0 0 10px;color:var(--gold);text-transform:uppercase;font-size:.95rem}.mini-card p{margin:0;color:#dbe8f2;line-height:1.6}
@media(max-width:1050px){nav{display:none}.cards{grid-template-columns:repeat(3,1fr)}.mission{grid-template-columns:1fr;text-align:center;padding:34px 24px}.outline-btn{justify-self:center}.page-grid{grid-template-columns:1fr}}@media(max-width:650px){header{padding:18px 5%}.logo-text strong{font-size:1.55rem}.hero{min-height:650px;padding:40px 5% 60px}.hero h1{font-size:4.2rem}.pill-line{font-size:.88rem}.cards{grid-template-columns:1fr}.mission{margin:15px}.page-panel{padding:25px}}