
:root{
  --navy:#061c30;
  --navy2:#0a334f;
  --teal:#0a8c8c;
  --teal2:#0f9b9a;
  --teal-soft:#eaf7f6;
  --gold:#e3a61a;
  --coral:#f36455;
  --coral-soft:#fff1ee;
  --cream:#fbfaf7;
  --ink:#102236;
  --muted:#5d6f7e;
  --line:#dde8e8;
  --white:#fff;
  --shadow:0 16px 40px rgba(6,28,48,.10);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;line-height:1.45}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.container{width:min(1120px,92%);margin:0 auto}
.header{background:var(--navy);color:#fff;position:sticky;top:0;z-index:40;border-bottom:1px solid rgba(255,255,255,.08)}
.header .inner{height:72px;display:flex;align-items:center;justify-content:space-between;gap:26px}
.brand{display:flex;align-items:center;gap:12px;font-weight:800}
.brand-mark{width:46px;height:46px;border:2px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold);font-weight:900}
.brand-copy strong{display:block;font-size:18px;line-height:1.05}
.brand-copy span{display:block;color:var(--gold);font-size:12px;font-weight:700;margin-top:3px}
.nav{display:flex;gap:26px;font-size:14px;font-weight:700}
.nav a{padding:26px 0 21px;border-bottom:3px solid transparent}
.nav a:hover,.nav a.active{color:var(--gold);border-bottom-color:var(--gold)}
.hero{
  background:linear-gradient(90deg,#f8fbfb 0 43%,#eef7f7 43% 100%);
  overflow:hidden;
}
.hero .wrap{
  width:min(1180px,94%);
  margin:auto;
  display:grid;
  grid-template-columns:42% 58%;
  min-height:390px;
  align-items:stretch;
}
.hero-copy{
  padding:34px 34px 28px 0;
  align-self:center;
  position:relative;
  z-index:2;
}
.eyebrow{
  color:#087f80;
  font-size:12px;
  letter-spacing:1.4px;
  font-weight:900;
  text-transform:uppercase;
  margin-bottom:9px;
}
h1,h2,h3,p{margin-top:0}
h1{
  font-size:50px;
  line-height:.98;
  letter-spacing:-1.7px;
  margin-bottom:16px;
  max-width:520px;
}
h1 .accent{color:var(--teal2)}
.hero p{
  font-size:15px;
  line-height:1.45;
  max-width:520px;
  margin-bottom:18px;
}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  padding:11px 18px;
  font-weight:800;
  font-size:13px;
  border:1px solid transparent;
  cursor:pointer;
}
.btn-teal{background:var(--teal2);color:#fff}
.btn-coral{background:var(--coral);color:#fff}
.btn-outline{border-color:#99b9c1;color:var(--ink);background:#fff}
.hero-media{
  position:relative;
  min-height:390px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  padding:8px 0 0 10px;
}
.hero-media img{
  width:100%;
  height:auto;
  max-height:382px;
  object-fit:contain;
  object-position:center center;
}
.value-strip{background:#fff;border-bottom:1px solid var(--line)}
.value-grid{display:grid;grid-template-columns:repeat(5,1fr)}
.value{padding:14px 14px;display:grid;grid-template-columns:46px 1fr;gap:12px;align-items:center;border-right:1px solid var(--line)}
.value:last-child{border-right:0}
.icon{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--teal-soft);color:var(--teal);font-size:20px;font-weight:900}
.value strong{display:block;font-size:14px;margin-bottom:2px}.value span{font-size:12px;color:#354a57;display:block;line-height:1.35}
.mission{background:linear-gradient(90deg,var(--navy),#07515e);color:#fff;padding:22px 0}
.mission-grid{display:grid;grid-template-columns:200px 1fr;gap:36px;align-items:center}
.mission .eyebrow{color:var(--gold);margin:0}
.mission p{font-size:20px;line-height:1.28;font-weight:700;margin:0;max-width:860px}
.section{padding:42px 0}
.section.alt{background:var(--cream)}
.section-head{text-align:center;max-width:760px;margin:0 auto 30px}
.section-head .eyebrow{margin-bottom:8px}
.section-head h2{font-family:Georgia,serif;font-size:32px;line-height:1.08;margin-bottom:8px}
.section-head p{color:var(--muted);font-size:14px}
.pathways{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.path-card{border:1px solid #d6e5e5;border-top:4px solid var(--teal);border-radius:18px;background:#fff;box-shadow:var(--shadow);overflow:hidden;display:grid;grid-template-columns:120px 1fr}
.path-card.board{border-top-color:var(--gold)}
.path-visual{background:linear-gradient(145deg,#dceff0,#f5fbfb);display:grid;place-items:center;font-size:42px;color:var(--teal)}
.board .path-visual{background:linear-gradient(145deg,#fff0c8,#fffaf0);color:#c78b00}
.path-body{padding:22px 24px}
.path-body h3{font-size:22px;margin-bottom:8px}.path-body p{color:#526673;font-size:14px;margin-bottom:12px}
.checks{list-style:none;padding:0;margin:0 0 14px}.checks li{font-size:14px;padding:5px 0}.checks li:before{content:'✓';color:var(--teal);font-weight:900;margin-right:9px}.board .checks li:before{color:#d18f00}
.reality{background:linear-gradient(90deg,#fff5f2,#fff0ed);padding:30px 0}
.reality-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.story-card{background:#fff9f7;border:1px solid #ffd6ce;border-radius:18px;padding:22px;min-height:260px}
.story-card .label{color:var(--coral);font-size:12px;font-weight:900;letter-spacing:1.2px;text-transform:uppercase}
.story-card h2{font-family:Georgia,serif;font-style:italic;color:var(--coral);font-size:38px;margin:6px 0 12px}.story-card p{font-size:14px;max-width:460px}
.quote{margin-top:20px;background:#fff;border-radius:14px;padding:16px;border-left:4px solid var(--coral);font-size:13px;color:#3f4d57}
.form-card{background:#fff;border:1px solid #eadfdc;border-radius:18px;padding:22px}
.form-card h3{font-size:18px;margin-bottom:14px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-grid .full{grid-column:1/-1}
input,textarea,select{width:100%;border:1px solid #d5dce0;border-radius:8px;padding:11px 12px;font:inherit;font-size:14px;background:#fff} textarea{min-height:110px;resize:vertical}
.consent{display:flex;gap:8px;align-items:flex-start;font-size:12px;color:#394c59;margin:10px 0 12px}.consent input{width:auto;margin-top:3px}
.podcast-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.podcast-card{background:linear-gradient(135deg,#06233a,#075f6a);color:#fff;border-radius:16px;padding:24px;min-height:180px;position:relative;overflow:hidden;box-shadow:var(--shadow)}
.podcast-card:after{content:'';position:absolute;right:-30px;bottom:-30px;width:180px;height:180px;border-radius:50%;background:rgba(255,255,255,.06)}
.podcast-card .eyebrow{color:#51d7d6}.podcast-card h3{font-size:22px;margin-bottom:8px}.podcast-card p{font-size:14px;max-width:420px;color:#dcecef}
.podcast-card .btn{margin-top:10px;position:relative;z-index:2}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.blog-card{border:1px solid #e3e3e3;border-radius:16px;overflow:hidden;background:#fff;box-shadow:var(--shadow)}
.blog-image{height:120px;background:linear-gradient(135deg,#0a8c8c,#bde6e2)}
.blog-card:nth-child(2) .blog-image{background:linear-gradient(135deg,#e4aa22,#f5e2ad)}
.blog-card:nth-child(3) .blog-image{background:linear-gradient(135deg,#f36a5d,#f7c8c0)}
.blog-body{padding:18px}.blog-body .eyebrow{font-size:10px}.blog-body h3{font-size:17px;margin-bottom:8px}.blog-body p{font-size:13px;color:#526673}.readmore{font-size:13px;font-weight:800;color:var(--teal)}
.founder{background:#edf8f8;padding:28px 0}
.founder-grid{display:grid;grid-template-columns:150px 1fr;gap:28px;align-items:center}
.profile{width:138px;height:138px;border-radius:50%;overflow:hidden;border:4px solid #fff;box-shadow:var(--shadow)}.profile img{width:100%;height:100%;object-fit:cover;object-position:center 18%}
.founder h2{font-family:Georgia,serif;font-size:34px;margin:4px 0 8px}.founder p{font-size:14px;max-width:820px}
.founder-points{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}.point{background:#fff;border:1px solid #d9e8e8;border-radius:12px;padding:14px}.point strong{font-size:13px}.point span{font-size:12px;color:#60717b;display:block;margin-top:4px}
.signup{background:#0e7179;color:#fff;padding:20px 0}.signup-grid{display:grid;grid-template-columns:1fr 480px;gap:28px;align-items:center}.signup h3{margin:0 0 4px;font-size:20px}.signup p{margin:0;font-size:13px}.signup form{display:flex;gap:10px}.signup input{flex:1}.signup button{background:var(--gold);color:#111}
.footer{background:var(--navy);color:#fff;padding:24px 0}.footer-grid{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:start}.footer p{font-size:11px;color:#b7c9d2;max-width:780px;margin:6px 0 0}.footer-nav{display:flex;gap:18px;font-size:12px}.copyright{font-size:11px;color:#b7c9d2;margin-top:12px}
.page-hero{background:linear-gradient(135deg,var(--navy),#0a5360);color:#fff;padding:56px 0}.page-hero h1{font-size:46px;margin-bottom:10px}.page-hero p{max-width:700px;color:#dcecef}
.content{max-width:900px;margin:0 auto}.content h2{font-size:28px;margin:30px 0 10px}.content p{color:#435866}
@media(max-width:900px){
.hero .wrap{grid-template-columns:1fr}
.hero-copy{padding:34px 0 18px}
.hero-media{min-height:auto;padding:0 0 14px}
.hero-media img{width:min(780px,100%);height:auto;max-height:none;object-fit:contain}.nav{display:none}.hero .wrap{grid-template-columns:1fr}.hero-copy{padding:42px 0 24px}.hero-media{min-height:330px}.value-grid{grid-template-columns:1fr 1fr}.mission-grid,.pathways,.reality-grid,.podcast-row,.founder-grid,.signup-grid{grid-template-columns:1fr}.founder-points,.blog-grid{grid-template-columns:1fr 1fr}.path-card{grid-template-columns:90px 1fr}.signup form{max-width:600px}}
@media(max-width:600px){h1{font-size:44px}.value-grid,.founder-points,.blog-grid{grid-template-columns:1fr}.value{border-right:0;border-bottom:1px solid var(--line)}.mission p{font-size:18px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.signup form{display:grid}.footer-grid{grid-template-columns:1fr}.footer-nav{flex-wrap:wrap}}
