@font-face{font-family:"Montserrat";font-weight:400;font-display:swap;src:url(../fonts/montserrat-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Montserrat";font-weight:600;font-display:swap;src:url(../fonts/montserrat-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Montserrat";font-weight:700;font-display:swap;src:url(../fonts/montserrat-latin-700-normal.woff2) format("woff2")}
:root{
  --black:#08080A; --ink:#17171B; --gold:#CBA544; --gold-deep:#8A6D1F; --white:#FFFFFF;
  --paper:#F6F4EE; --line:#E3DFD3; --muted:#5B5B63; --muted-dark:#A9A9B2;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{font-family:"Montserrat",system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--white);line-height:1.65;font-size:17px;-webkit-font-smoothing:antialiased}
a{color:inherit}
.wrap{max-width:1080px;margin:0 auto;padding:0 24px}
.narrow{max-width:720px}
h1,h2,h3{font-weight:700;line-height:1.15;letter-spacing:-.01em}
.eyebrow{font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-deep);margin-bottom:18px}
.dark .eyebrow{color:var(--gold)}

/* nav */
header{background:var(--black);position:sticky;top:0;z-index:10;border-bottom:1px solid #1d1d22}
.nav{display:flex;align-items:center;justify-content:space-between;height:76px}
.nav img{height:48px;width:auto;display:block}
.nav-links{display:flex;align-items:center;gap:30px}
.nav-links a:not(.cta){color:#d6d6dc;font-size:14px;font-weight:600;text-decoration:none;transition:color .2s}
.nav-links a:not(.cta):hover{color:var(--gold)}
.burger{display:none;background:none;border:1px solid #3a3a42;border-radius:8px;color:var(--white);width:44px;height:40px;font-size:20px;cursor:pointer}
.nav a.cta{white-space:nowrap;font-size:13px;font-weight:700;text-decoration:none;color:var(--black);background:var(--gold);padding:10px 18px;border-radius:8px;transition:background .2s}
.nav a.cta:hover{background:#dbb85a}

/* hero */
.hero{position:relative;overflow:hidden;background:var(--black);color:var(--white);padding:130px 0 140px}
.hero::before{content:"";position:absolute;top:0;right:0;bottom:0;width:58%;background:linear-gradient(90deg,#08080A 0%,rgba(8,8,10,0) 38%),url(img/hero.webp) center/cover no-repeat}
.hero>.wrap{position:relative;z-index:1}
.hero h1{font-size:clamp(38px,6vw,64px);max-width:15ch}
.hero h1 em{font-style:normal;color:var(--gold)}
.hero p.lead{margin-top:28px;font-size:clamp(18px,2.2vw,21px);color:var(--muted-dark);max-width:44ch}
.hero .actions{margin-top:42px;display:flex;gap:14px;flex-wrap:wrap}
.btn{display:inline-block;font-family:inherit;font-size:15px;font-weight:700;text-decoration:none;padding:15px 26px;border-radius:10px;border:0;cursor:pointer;transition:transform .15s,background .2s}
.btn:hover{transform:translateY(-1px)}
.btn-gold{background:var(--gold);color:var(--black)}
.btn-gold:hover{background:#dbb85a}
.btn-ghost{color:var(--white);border:1px solid #3a3a42}
.btn-ghost:hover{border-color:var(--gold);color:var(--gold)}

section{padding:96px 0}
section h2{font-size:clamp(28px,4vw,40px);margin-bottom:24px;max-width:20ch}
section p{max-width:62ch;color:var(--muted)}
section p+p{margin-top:18px}

/* photos */
.what .split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.photo{border-radius:16px;overflow:hidden;border:1px solid var(--line)}
.photo img{display:block;width:100%;height:auto}
.card{overflow:hidden;display:flex;flex-direction:column}
.card .ph{margin:-30px -28px 24px;height:170px}
.card .ph img{display:block;width:100%;height:100%;object-fit:cover}
.banner{margin-top:56px;border-radius:16px;overflow:hidden;border:1px solid #2a2a31}
.banner img{display:block;width:100%;height:auto}
.band{height:300px;background:var(--black) url(img/skyline.webp) center bottom/cover no-repeat}
/* eco, events, insights */
.eco{background:var(--paper)}
.eco .cards{grid-template-columns:repeat(3,1fr)}
.eco .card a.go{display:inline-block;margin-top:14px;font-size:14px;font-weight:700;color:var(--gold-deep);text-decoration:none}
.eco .card a.go:hover{text-decoration:underline}
.events{background:var(--black);color:var(--white)}
.events h2{color:var(--white)}
.events p{color:var(--muted-dark)}
.insights{background:var(--white)}
.insights .actions{margin-top:30px}
.insights .btn-line{color:var(--ink);border:1px solid #cfcabb}
.insights .btn-line:hover{border-color:var(--gold-deep);color:var(--gold-deep)}
/* what */
.what{background:var(--white)}
.what p strong{color:var(--ink)}

/* who */
.who{background:var(--paper)}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:44px}
.card{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:30px 28px}
.card .n{font-size:13px;font-weight:700;color:var(--gold-deep);letter-spacing:.14em}
.card h3{font-size:20px;margin:14px 0 10px}
.card p{font-size:15px;color:var(--muted)}

/* how */
.how{background:var(--black);color:var(--white)}
.how h2{color:var(--white)}
.how p{color:var(--muted-dark)}
.steps{margin-top:44px;display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid #2a2a31}
.step{padding:30px 28px 10px 0}
.step .k{font-size:44px;font-weight:700;color:var(--gold);line-height:1}
.step h3{font-size:19px;margin:16px 0 8px;color:var(--white)}
.step p{font-size:15px}

/* form */
.join{background:var(--white)}
.join .grid{display:grid;grid-template-columns:1fr 1.1fr;gap:64px;align-items:start}
form{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:34px}
label{display:block;font-size:13px;font-weight:700;margin:0 0 7px}
.field{margin-bottom:22px}
input,select,textarea{width:100%;font-family:inherit;font-size:16px;color:var(--ink);background:var(--white);border:1px solid #cfcabb;border-radius:9px;padding:13px 14px}
input:focus,select:focus,textarea:focus{outline:2px solid var(--gold);outline-offset:1px;border-color:var(--gold)}
textarea{min-height:110px;resize:vertical}
.fine{font-size:13px;color:var(--muted);margin-top:14px;max-width:none}
.hp{position:absolute;left:-9999px}

footer{background:var(--black);color:var(--muted-dark);padding:56px 0;font-size:14px}
.foot{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.foot img{height:44px;width:auto;display:block}
.foot a{color:var(--muted-dark)}
.foot a:hover{color:var(--gold)}

@media(max-width:1000px){.cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){
  .nav img{height:40px}
  .burger{display:block}
  .nav-links{display:none;position:absolute;top:76px;left:0;right:0;background:var(--black);border-bottom:1px solid #1d1d22;flex-direction:column;align-items:stretch;gap:0;padding:8px 24px 22px}
  .nav-links.on{display:flex}
  .nav-links a:not(.cta){padding:14px 0;border-bottom:1px solid #1d1d22;font-size:16px}
  .nav-links a.cta{margin-top:18px;text-align:center}
  .eco .cards{grid-template-columns:1fr}
  section{padding:68px 0}
  .hero{padding:72px 0 80px}
  .cards,.steps{grid-template-columns:1fr}
  .what .split{grid-template-columns:1fr;gap:36px}
  .hero::before{width:100%;background:linear-gradient(180deg,rgba(8,8,10,.9) 0%,rgba(8,8,10,.72) 100%),url(img/hero.webp) 70% center/cover no-repeat}
  .band{height:160px}
  .join .grid{grid-template-columns:1fr;gap:36px}
  .step{padding-right:0}
  form{padding:26px 22px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}

/* ecosystem page */
.page-hero{background:var(--black);color:var(--white);padding:110px 0 100px}
.page-hero h1{font-size:clamp(34px,5vw,56px);max-width:20ch}
.page-hero p.lead{margin-top:26px;font-size:clamp(18px,2.2vw,21px);color:var(--muted-dark);max-width:52ch}
.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}
.fact{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:26px 24px}
.fact .big{font-size:40px;font-weight:700;color:var(--gold-deep);line-height:1}
.fact p{font-size:14px;margin-top:10px}
.prin{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:40px}
.prin .card .n{font-size:13px}
.sources{background:var(--paper);padding:56px 0}
.sources h3{font-size:16px;margin-bottom:14px}
.sources li{font-size:14px;color:var(--muted);margin:0 0 8px 18px;max-width:80ch}
.sources a{color:var(--gold-deep)}
@media(max-width:820px){.facts,.prin{grid-template-columns:1fr}.page-hero{padding:72px 0 64px}}

/* insights dropdown */
.nav-links{position:relative}
.dd{position:static}
.dd-panel{display:none;position:absolute;top:100%;right:-6px;padding-top:17px;z-index:50}
.dd:hover .dd-panel,.dd:focus-within .dd-panel{display:block}
.dd-box{background:#161616;border:1px solid #262626;border-radius:12px;padding:20px 18px 14px;width:740px;max-width:92vw;box-shadow:0 20px 40px rgba(0,0,0,.5)}
.dd-box .dd-h{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin:0 0 12px 12px}
.dd-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.dd-grid a{display:block;border-radius:8px;padding:14px 12px;text-decoration:none;color:#c9c9c9;font-size:12px;line-height:1.55;font-weight:400}
.dd-grid a:hover{background:rgba(255,255,255,.06)}
.dd-grid b{display:block;color:#fff;font-size:14px;font-weight:700;margin-bottom:5px}
.dd-grid a:hover b{color:var(--gold)}
@media(max-width:820px){
  .dd-panel{display:block;position:static;padding:0}
  .dd-box{background:none;border:0;box-shadow:none;padding:0;width:auto}
  .dd-box .dd-h{display:none}
  .dd-grid{display:block}
  .dd-grid a{padding:12px 0 12px 18px;border-bottom:1px solid #1d1d22;font-size:15px;border-radius:0}
  .dd-grid a span{display:none}
  .dd-grid b{font-weight:600;font-size:15px;color:#d6d6dc;margin:0}
}

.nav-links .dd{display:flex;align-items:center}
/* page hero images: drop files named below into assets/img/ */
.page-hero{position:relative;overflow:hidden}
.page-hero::before{content:"";position:absolute;top:0;right:0;bottom:0;width:55%;background:linear-gradient(90deg,#08080A 0%,rgba(8,8,10,0) 40%),var(--ph,none) center/cover no-repeat}
.page-hero>.wrap{position:relative;z-index:1}
.ph-ecosystem{--ph:url(img/page-ecosystem.webp?v=20261105b)}
.ph-insights{--ph:url(img/page-insights.webp?v=20261105b)}
.ph-blogs{--ph:url(img/page-blogs.webp?v=20261105b)}
.ph-podcasts{--ph:url(img/page-podcasts.webp?v=20261105b)}
.ph-papers{--ph:url(img/page-papers.webp?v=20261105b)}
@media(max-width:820px){.page-hero::before{width:100%;opacity:.35}}

/* insights child pages */
.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:34px}
.post{display:flex;flex-direction:column;background:var(--white);border:1px solid var(--line);border-radius:14px;padding:26px 24px;text-decoration:none;color:var(--ink)}
.post h3{font-size:18px;margin:10px 0 10px;line-height:1.3}
.post p{font-size:15px;color:var(--muted);margin:0 0 16px}
.post .pm{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-deep)}
.post .more{margin-top:auto;font-size:14px;font-weight:700;color:var(--gold-deep)}
a.post:hover{border-color:var(--gold)}
.dark .post{background:#141418;border-color:#2a2a30;color:var(--white)}
.dark .post p{color:var(--muted-dark)}
.post .soon{margin-top:auto;font-size:13px;font-weight:700;color:var(--muted)}
.post .btn.sm,.btn.sm{padding:10px 18px;font-size:14px;margin-top:auto;align-self:flex-start}
.btn-ghost-l{color:var(--ink);border:1px solid #cfcabb}
.btn-ghost-l:hover{border-color:var(--gold-deep);color:var(--gold-deep)}
.plat{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px}
.plat span{border:1px solid var(--line);border-radius:10px;padding:12px 18px;font-weight:700}
.plat i{display:block;font-style:normal;font-size:12px;font-weight:600;color:var(--muted)}
.filters{display:flex;gap:10px;flex-wrap:wrap}
.filters button{font:inherit;font-weight:700;font-size:14px;padding:9px 18px;border-radius:999px;border:1px solid #cfcabb;background:transparent;color:var(--ink);cursor:pointer}
.filters button.on{background:var(--black);color:var(--white);border-color:var(--black)}
.signup{padding:72px 0}
.evts{grid-template-columns:repeat(2,1fr)}
.evt{flex-direction:row;gap:20px;align-items:flex-start}
.evt .date{min-width:64px;text-align:center;background:var(--black);color:var(--white);border-radius:10px;padding:10px 6px}
.evt .date b{display:block;font-size:26px;line-height:1}
.evt .date span{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}
.evt h3{margin-top:0}.evt .pm{margin-bottom:14px}
@media(max-width:860px){.posts,.evts{grid-template-columns:1fr}}
.ph-events{--ph:url(img/page-events.webp?v=20261105b)}

/* Insights is a menu trigger, not a page */
.dd-t{font:inherit;font-size:14px;font-weight:600;color:#d6d6dc;background:none;border:0;cursor:pointer;padding:0;transition:color .2s}
.dd-t:hover,.dd.open .dd-t,.dd:focus-within .dd-t{color:var(--gold)}
.dd.open .dd-panel{display:block}
@media(max-width:820px){.dd-t{display:none}}
.ph-connect{--ph:url(img/page-connect.webp?v=20261105b)}
.steps3{margin:22px 0 22px 20px}.steps3 li{margin:0 0 12px;color:var(--muted)}.steps3 b{color:var(--ink)}
.consent{display:flex;gap:10px;align-items:flex-start;font-size:14px;margin:6px 0 18px}.consent input{width:auto;margin-top:3px}

/* Mobile menu: full-screen panel, like V1 and SynAgentics */
@media(max-width:820px){
  header{position:sticky;top:0;z-index:100}
  .nav-links{display:none;position:fixed;top:76px;left:0;right:0;bottom:0;z-index:90;overflow-y:auto;flex-direction:column;align-items:stretch;gap:12px;padding:22px 20px 40px;border:0;background:linear-gradient(rgba(8,8,10,.3),rgba(8,8,10,.7)),url(img/menu-bg.webp?v=20261105d) center/cover no-repeat,#08080A}
  .nav-links.on{display:flex}
  .nav-links a:not(.cta),.nav-links .dd-t{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;padding:18px 20px;font-size:17px;font-weight:600;color:#fff;background:rgba(20,20,24,.82);border:1px solid #2a2a30;border-radius:14px}
  .nav-links .dd{display:block}
  .nav-links .dd-t{display:flex;font:inherit;font-size:17px;font-weight:600}
  .dd-t span{transition:transform .2s;color:var(--gold)}
  .dd.open .dd-t span{transform:rotate(180deg)}
  .dd-panel,.dd:hover .dd-panel,.dd:focus-within .dd-panel{display:none;position:static;padding:8px 0 0}
  .dd.open .dd-panel{display:block}
  .dd-box{background:none;border:0;box-shadow:none;padding:0;width:auto}
  .dd-grid{display:block}
  .dd-grid a{padding:14px 18px;margin:0 0 8px 14px;border:1px solid #23232a;border-radius:12px;background:rgba(14,14,17,.9)}
  .dd-grid b{font-size:16px;margin:0;color:#e8e8ee}
  .nav-links a.cta{display:block;text-align:center;padding:17px 20px;font-size:16px;border-radius:14px;margin-top:6px}
}
@media(max-width:820px){.nav-links .dd-grid a:not(.cta){width:calc(100% - 14px);margin-left:14px;font-size:16px}.dd-t span{font-size:18px}}

@media(max-width:820px){
  .burger{width:54px;height:54px;font-size:40px;line-height:1;border:0;background:none;color:#fff;padding:0;display:flex;align-items:center;justify-content:center}
  .burger[aria-expanded="true"]{font-size:34px;color:var(--gold)}
  .nav-links{top:80px}
}

/* Connect button: faint white wave */
.nav a.cta,.nav-links a.cta{position:relative;overflow:hidden;isolation:isolate}
.nav a.cta::after,.nav-links a.cta::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:50%;background:linear-gradient(100deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.38) 50%,rgba(255,255,255,0) 100%);transform:skewX(-20deg);animation:ctawave 3.2s ease-in-out infinite;pointer-events:none;z-index:-1}
@keyframes ctawave{0%{left:-60%}55%,100%{left:130%}}
@media(prefers-reduced-motion:reduce){.nav a.cta::after,.nav-links a.cta::after{animation:none;display:none}}

/* Same wave on every gold button */
.btn-gold{position:relative;overflow:hidden;isolation:isolate}
.btn-gold::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:50%;background:linear-gradient(100deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.38) 50%,rgba(255,255,255,0) 100%);transform:skewX(-20deg);animation:ctawave 3.2s ease-in-out infinite;pointer-events:none;z-index:-1}
@media(prefers-reduced-motion:reduce){.btn-gold::after{animation:none;display:none}}

/* stagger so buttons ripple one after another */
.btn-gold:nth-of-type(2n)::after{animation-delay:.5s}
.btn-gold.sm::after{animation-delay:.9s}
.nav-links a.cta::after,.nav a.cta::after{animation-delay:0s}

/* Join dropdown (gold trigger) */
.nav .dd-join .dd-t,.nav-links .dd-join .dd-t{font-family:inherit;font-size:13px;font-weight:700;white-space:nowrap;color:var(--black);background:var(--gold);padding:10px 18px;border-radius:8px;border:0;cursor:pointer;position:relative;overflow:hidden;isolation:isolate;transition:background .2s}
.nav .dd-join .dd-t:hover,.dd-join.open .dd-t,.dd-join:focus-within .dd-t{background:#dbb85a;color:var(--black)}
.dd-join .dd-t::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:50%;background:linear-gradient(100deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.38) 50%,rgba(255,255,255,0) 100%);transform:skewX(-20deg);animation:ctawave 3.2s ease-in-out infinite;pointer-events:none;z-index:-1}
.dd-join .dd-box{width:340px}
.dd-join .dd-grid{grid-template-columns:1fr}
@media(prefers-reduced-motion:reduce){.dd-join .dd-t::after{animation:none;display:none}}
@media(max-width:820px){
  .nav-links .dd-join .dd-t{width:100%;justify-content:center;padding:17px 20px;font-size:16px;border-radius:14px;background:var(--gold);color:var(--black);border:0;margin-top:6px}
  .dd-join .dd-box{width:auto}
  .dd-join .dd-t span{color:var(--black)}
}

/* join pages */
.ph-entrepreneurs{--ph:url(img/founders.webp?v=20261105k)}
.ph-builders{--ph:url(img/builders.webp?v=20261105k)}
.ph-investors{--ph:url(img/investors.webp?v=20261105k)}
.ph-experts{--ph:url(img/supporters.webp?v=20261105k)}
.ph-sponsors{--ph:url(img/gather.webp?v=20261105k)}
.cards.three{grid-template-columns:repeat(3,1fr)}
@media(max-width:860px){.cards.three{grid-template-columns:1fr}}
.dd-narrow{position:relative}.dd-narrow .dd-panel{right:auto;left:-24px}.dd-narrow .dd-box{width:320px}.dd-narrow .dd-grid{grid-template-columns:1fr}
@media(max-width:820px){.dd-narrow .dd-box{width:auto}.dd-narrow .dd-panel{left:auto}}

/* audiences */
.ph-startups{--ph:url(img/founders.webp?v=20261105l)}
.ph-scaleups{--ph:url(img/gather.webp?v=20261105l)}
.ph-investors{--ph:url(img/investors.webp?v=20261105l)}
.ph-builders{--ph:url(img/builders.webp?v=20261105l)}
.ph-supporters{--ph:url(img/supporters.webp?v=20261105l)}

/* Mobile menu: light wave drifting with the surf, toward the beach */
@media(max-width:820px){
  .nav-links{background:
    linear-gradient(135deg,rgba(255,255,255,0) 30%,rgba(255,255,255,.14) 38%,rgba(255,255,255,0) 46%,rgba(255,255,255,0) 56%,rgba(255,255,255,.09) 64%,rgba(255,255,255,0) 72%) 100% 100%/260% 260% no-repeat,
    linear-gradient(rgba(8,8,10,.3),rgba(8,8,10,.7)),
    url(img/menu-bg.webp?v=20261105m) center/cover no-repeat,#08080A}
  .nav-links.on{animation:menuwave 9s linear infinite}
}
@keyframes menuwave{
  from{background-position:100% 100%,0 0,center,0 0}
  to{background-position:0% 0%,0 0,center,0 0}
}
@media(prefers-reduced-motion:reduce){.nav-links.on{animation:none}}