:root{--navy:#0b3444;--navy2:#123f50;--ink:#172f38;--cream:#f7f4ee;--paper:#fffdf8;--teal:#27d6aa;--teal-soft:#dff8ef;--amber:#f5c842;--amber-soft:#fff4c9;--orange:#f29a4a;--blue-soft:#e4f3f6;--line:#d9ddd8;--muted:#66777e;--display:"Manrope",Arial,sans-serif;--body:"Source Sans 3",Arial,sans-serif}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--body);font-size:18px;line-height:1.7}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.shell{width:min(1160px,calc(100% - 44px));margin:auto}
.site-header{position:sticky;top:0;z-index:20;background:rgba(255,253,248,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}
.nav{min-height:82px;display:grid;grid-template-columns:140px 1fr auto;align-items:center;gap:28px}
.main-logo{width:112px}
.nav-links{display:flex;justify-content:center;align-items:center;gap:25px;white-space:nowrap}
.nav-links a{padding:29px 0 26px;border-bottom:3px solid transparent;color:#40545d;font:700 13px var(--display)}
.nav-links a:hover,.nav-links a.active{color:var(--navy);border-color:var(--teal)}
.nav-cta,.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:8px;font:800 12px var(--display)}
.nav-cta{padding:12px 17px;border:1px solid var(--navy);color:var(--navy);white-space:nowrap}
.nav-cta:hover{background:var(--navy);color:white}
.menu-toggle{display:none;background:none;border:0;color:var(--navy);font-size:25px}
.story-hero{padding:96px 0 86px;background:var(--paper);position:relative;overflow:hidden}
.story-hero:after{content:"";position:absolute;right:-100px;bottom:-200px;width:520px;height:520px;border-radius:50%;background:var(--teal-soft)}
.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.08fr .92fr;gap:74px;align-items:center}
.kicker{margin:0 0 17px;color:#42746c;font:800 11px var(--display);letter-spacing:.15em;text-transform:uppercase}
.kicker:before{content:"";display:inline-block;width:30px;height:4px;background:var(--teal);margin:0 10px 2px 0}
h1,h2,h3{color:var(--navy);font-family:var(--display);line-height:1.08}
h1{margin:0 0 28px;max-width:720px;font-size:clamp(48px,6.2vw,78px);letter-spacing:-.058em}
.hero-copy>p:not(.kicker){max-width:670px;margin:0;color:#597077;font-size:21px}
.founder-card{background:var(--navy);color:white;border-radius:18px;padding:36px;box-shadow:16px 16px 0 var(--amber)}
.founder-card small{color:var(--teal);font:800 11px var(--display);letter-spacing:.13em;text-transform:uppercase}
.founder-card blockquote{margin:23px 0 24px;color:white;font:700 29px/1.28 var(--display);letter-spacing:-.03em}
.founder-card p{margin:0;color:#bfd0d5}
.founder-card strong{color:white}
.milestone{padding:86px 0;background:var(--navy);color:white}
.milestone-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:70px;align-items:center}
.milestone figure{margin:0}
.milestone-photo{width:100%;height:min(650px,72vw);object-fit:cover;object-position:center 57%;border-radius:18px;box-shadow:16px 16px 0 var(--teal)}
.milestone figcaption{margin-top:24px;color:#a9bdc3;font-size:14px}
.milestone-copy .kicker{color:var(--teal)}
.milestone-copy h2{margin:0 0 25px;color:white;font-size:clamp(39px,4.5vw,60px);letter-spacing:-.05em}
.milestone-copy p{margin:0 0 20px;color:#c4d3d7}
.milestone-copy strong{color:white}
.origin{padding:100px 0}
.origin-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:78px}
.section-title{position:sticky;top:120px;align-self:start}
.section-title h2{font-size:clamp(38px,4vw,55px);letter-spacing:-.045em;margin:0}
.story-copy{max-width:740px}
.story-copy p{margin:0 0 24px;color:#455d65}
.story-copy p:first-child{font-size:22px;color:var(--navy)}
.pullquote{margin:42px 0;padding:32px;border-radius:15px;background:var(--amber);color:var(--navy);font:800 clamp(25px,3vw,37px)/1.25 var(--display);letter-spacing:-.035em}
.questions{padding:92px 0;background:var(--navy);color:white}
.questions h2{max-width:800px;margin:0 0 42px;color:white;font-size:clamp(38px,4vw,54px);letter-spacing:-.04em}
.question-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.question{min-height:170px;padding:25px;border-radius:13px;background:rgba(255,255,255,.075);border-top:5px solid var(--accent)}
.question:nth-child(1){--accent:var(--teal)}
.question:nth-child(2){--accent:var(--amber)}
.question:nth-child(3){--accent:var(--orange)}
.question:nth-child(4){--accent:#83c5d7}
.question span{display:block;margin-bottom:30px;color:var(--accent);font:800 13px var(--display)}
.question strong{font:750 19px/1.35 var(--display)}
.creation{padding:105px 0;background:var(--paper)}
.creation-head{max-width:830px;margin-bottom:55px}
.creation-head h2{margin:0 0 22px;font-size:clamp(40px,4.5vw,60px);letter-spacing:-.05em}
.creation-head p{margin:0;color:var(--muted);font-size:20px}
.journey{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.journey article{padding:31px;border-radius:15px;border:1px solid var(--line)}
.journey article:nth-child(1){background:var(--amber-soft)}
.journey article:nth-child(2){background:var(--teal-soft)}
.journey article:nth-child(3){background:var(--blue-soft)}
.journey span{font:800 12px var(--display);letter-spacing:.12em}
.journey h3{font-size:24px;margin:25px 0 12px}
.journey p{margin:0;color:#52676e;font-size:16px}
.ecosystem{padding:95px 0}
.ecosystem-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;align-items:center}
.ecosystem h2{margin:0 0 20px;font-size:clamp(39px,4vw,54px);letter-spacing:-.045em}
.ecosystem-copy>p{color:var(--muted)}
.steps{display:grid;gap:12px}
.step{display:grid;grid-template-columns:64px 1fr;gap:18px;align-items:center;padding:20px;border-radius:13px;background:white;border:1px solid var(--line)}
.step b{width:64px;height:64px;border-radius:12px;display:grid;place-items:center;background:var(--navy);color:var(--teal);font:800 21px var(--display)}
.step strong{display:block;color:var(--navy);font:800 17px var(--display)}
.step small{color:var(--muted);font-size:15px}
.mission{padding:90px 0;background:var(--teal)}
.mission-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}
.mission h2{margin:0;font-size:clamp(43px,5vw,68px);letter-spacing:-.055em}
.mission p{margin:0;color:#16434d;font-size:22px}
.closing{padding:96px 0;background:var(--paper);text-align:center}
.closing h2{max-width:900px;margin:0 auto 25px;font-size:clamp(40px,5vw,65px);letter-spacing:-.052em}
.closing p{max-width:690px;margin:0 auto 34px;color:var(--muted)}
.button{padding:15px 22px;background:var(--navy);color:white;font-size:13px}
.button:hover{background:var(--navy2);transform:translateY(-2px)}
footer{background:#082a37;color:white;padding:58px 0 25px}
.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:40px}
.footer-logo{width:150px}
.footer-grid p,footer a{color:#c6d4d8}
footer a:hover{color:var(--teal)}
footer h3{margin:0 0 13px;color:white;font-size:14px}
.footer-links{display:flex;flex-direction:column;gap:8px}
.copyright{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.14);margin-top:40px;padding-top:20px;color:#8fa6ad;font-size:12px}

@media(max-width:980px){.nav{grid-template-columns:120px 1fr auto}
.nav-links{gap:14px}
.nav-links a{font-size:12px}
.hero-grid,.origin-grid,.ecosystem-grid,.mission-grid{gap:42px}
.question-grid{grid-template-columns:1fr 1fr}
}

@media(max-width:800px){.nav{display:flex;justify-content:space-between}
.menu-toggle{display:block}
.nav-links{display:none;position:absolute;top:82px;left:0;right:0;padding:20px 22px;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start}
.nav-links.open{display:flex}
.nav-links a{padding:5px 0}
.nav-cta{margin-left:auto}
.hero-grid,.milestone-grid,.origin-grid,.ecosystem-grid,.mission-grid{grid-template-columns:1fr}
.milestone-photo{height:min(720px,120vw)}
.section-title{position:static}
.journey{grid-template-columns:1fr}
.footer-grid{grid-template-columns:1fr 1fr}
}

@media(max-width:560px){body{font-size:17px}
.shell{width:min(100% - 28px,1160px)}
.nav-cta{display:none}
.story-hero{padding:65px 0 70px}
.founder-card{padding:27px;box-shadow:9px 9px 0 var(--amber)}
.founder-card blockquote{font-size:25px}
.origin,.creation,.ecosystem,.mission,.closing{padding:72px 0}
.questions{padding:70px 0}
.question-grid,.footer-grid{grid-template-columns:1fr}
.question{min-height:135px}
.copyright{flex-direction:column;gap:8px}
}