@font-face {
  font-family: "Hanken Grotesk";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("fonts/hanken-grotesk-300.ttf") format("truetype");
}
@font-face {
  font-family: "Hanken Grotesk";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/hanken-grotesk-400.ttf") format("truetype");
}
@font-face {
  font-family: "Hanken Grotesk";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/hanken-grotesk-500.ttf") format("truetype");
}
@font-face {
  font-family: "Hanken Grotesk";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("fonts/hanken-grotesk-600.ttf") format("truetype");
}
@font-face {
  font-family: "Hanken Grotesk";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/hanken-grotesk-700.ttf") format("truetype");
}


:root {
  --cp-purple: #A100FF;
  --cp-mint: #00E7A5;
  --cp-blue: #1873FF;
  --cp-navy: #060A2E;
  --black: #050505;
  --paper: #F4F4F4;
  --line: #D7D7D7;
  --muted: #606060;
}

* { box-sizing: border-box; }
img { display: block; max-width: 100%; }
.nav-links a[aria-current="true"] { color: var(--cp-purple); }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--paper); color: var(--black); font-family: "Hanken Grotesk", Arial, sans-serif; font-size: 17px; line-height: 1.6; font-weight: 400; -webkit-font-smoothing: antialiased; text-rendering: geometricPrecision; font-synthesis: none; }
a { color: inherit; text-decoration: none; }
.shell { width: min(1320px, calc(100% - 96px)); margin-inline: auto; }
.section { padding-block: 128px; }

.hero { position: relative; min-height: 1000px; overflow: hidden; background: linear-gradient(115deg, #7836f3 0%, #176ff4 66%, #060a2e 100%); color: #fff; }
.topbar { position: relative; z-index: 5; background: #fff; color: var(--black); }
.nav { height: 94px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; }
.nav img { display: block; width: 194px; height: auto; }
.nav-links { display: flex; gap: 38px; font-size: 15px; font-weight: 500; }
.nav-links a { transition: color .2s; }
.nav-links a:hover { color: var(--cp-purple); }
.confidential { justify-self: end; display: flex; align-items: center; gap: 9px; text-transform: uppercase; letter-spacing: .13em; font-size: 9px; color: #606060; }
.confidential i { width: 7px; height: 7px; border-radius: 50%; background: var(--cp-mint); box-shadow: 0 0 0 5px rgba(0,231,165,.12); }
.hero-visual { position: absolute; inset: 94px 0 0; background-image: linear-gradient(90deg, rgba(6,10,46,.92) 0%, rgba(6,10,46,.66) 40%, rgba(6,10,46,.12) 72%), linear-gradient(0deg, rgba(6,10,46,.9) 0%, transparent 38%), url('../images/coolpeople-ai-network.png'); background-size: cover; background-position: center; }
.hero-visual::after { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 77% 43%, rgba(161,0,255,.38), transparent 24%), linear-gradient(115deg, rgba(120,54,243,.2), rgba(23,111,244,.14) 58%, transparent); mix-blend-mode: screen; }
.hero-content { position: relative; z-index: 2; padding-top: 104px; padding-bottom: 250px; }
.eyebrow { display: flex; gap: 16px; text-transform: uppercase; letter-spacing: .17em; font-size: 10px; font-weight: 500; }
.eyebrow span + span { padding-left: 16px; border-left: 1px solid rgba(255,255,255,.35); color: rgba(255,255,255,.5); }
.hero h1 { max-width: 930px; margin: 34px 0 28px; font-size: clamp(66px, 7.25vw, 110px); line-height: .92; letter-spacing: -.066em; font-weight: 500; }
.hero h1 em { color: var(--cp-mint); font-style: normal; font-weight: 300; }
.hero-content > p { max-width: 700px; margin: 0 0 32px; color: rgba(255,255,255,.78); font-size: 20px; line-height: 1.6; }
.hero-link { display: inline-flex; align-items: center; gap: 14px; padding-bottom: 8px; border-bottom: 1px solid rgba(255,255,255,.4); font-size: 14px; text-transform: uppercase; letter-spacing: .1em; }
.hero-link span { color: var(--cp-mint); font-size: 18px; }
.hero-metrics { position: absolute; z-index: 2; left: 50%; bottom: 0; transform: translateX(-50%); display: grid; grid-template-columns: repeat(5, 1fr); border-top: 1px solid rgba(255,255,255,.22); }
.hero-metrics article { min-height: 170px; padding: 34px 22px 24px 0; border-right: 1px solid rgba(255,255,255,.2); }
.hero-metrics article + article { padding-left: 22px; }
.hero-metrics article:last-child { border-right: 0; }
.hero-metrics strong { display: block; font-size: 47px; line-height: 1; letter-spacing: -.06em; font-weight: 500; }
.hero-metrics strong small { color: var(--cp-mint); font-size: .46em; margin-left: 4px; }
.hero-metrics article > span { display: block; max-width: 190px; margin-top: 15px; color: rgba(255,255,255,.62); font-size: 13px; line-height: 1.45; letter-spacing: .06em; text-transform: uppercase; }

.section-label { display: flex; align-items: center; gap: 14px; padding-bottom: 22px; border-bottom: 1px solid var(--line); color: #777; font-family: "Hanken Grotesk", Arial, sans-serif; font-size: 11px; text-transform: uppercase; letter-spacing: .15em; font-weight: 500; }
.section-label > span { display: grid; place-items: center; width: 28px; height: 28px; border: 1px solid #aaa; border-radius: 50%; color: var(--black); letter-spacing: 0; }
.section-label-dark { color: rgba(255,255,255,.5); border-color: rgba(255,255,255,.18); }
.section-label-dark > span { color: #fff; border-color: rgba(255,255,255,.38); }
.kicker { margin: 0 0 20px; color: #6c6c6c; font-size: 11px; font-weight: 500; text-transform: uppercase; letter-spacing: .15em; }
.kicker-mint { color: var(--cp-mint); }
h2 { margin: 0; font-size: clamp(46px, 5.3vw, 76px); line-height: 1.06; letter-spacing: -.052em; font-weight: 300; }
h2 em { color: var(--cp-purple); font-style: normal; font-weight: 300; }
.intro-layout { display: grid; grid-template-columns: 1.65fr 1fr; gap: 100px; margin-top: 64px; align-items: end; }
.intro-layout h2 { max-width: 840px; }
.intro-copy { display: grid; gap: 22px; }
.intro-copy p, .heading-row > p { margin: 0; color: var(--muted); font-size: 17px; line-height: 1.6; }

.metric-band { padding-block: 78px; background: #e7e7e7; border-block: 1px solid #d4d4d4; }
.metric-cards { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; background: #c8c8c8; border: 1px solid #c8c8c8; }
.metric-card { min-height: 360px; padding: 32px; display: flex; flex-direction: column; background: #fff; }
.metric-card > span { color: #707070; font-size: 13px; text-transform: uppercase; letter-spacing: .1em; }
.metric-card strong { margin-top: auto; font-size: clamp(64px, 6vw, 96px); line-height: .86; letter-spacing: -.075em; font-weight: 300; }
.metric-card strong small { color: var(--cp-purple); font-size: .3em; margin-left: 8px; }
.metric-card p { max-width: 300px; margin: 28px 0 0; color: #5f5f5f; font-size: 17px; line-height: 1.55; }
.metric-purple { background: var(--cp-purple); color: #fff; }
.metric-purple > span { color: rgba(255,255,255,.62); }
.metric-purple strong small { color: var(--cp-mint); }
.metric-blue { background: var(--cp-blue); color: #fff; }
.metric-blue > span { color: rgba(255,255,255,.7); }
.metric-blue strong small { color: var(--cp-mint); }
.metric-blue p { color: rgba(255,255,255,.8); }
.metric-mint { background: var(--cp-mint); }
.metric-mint strong small { color: var(--cp-blue); }
.fx-note { max-width: 920px; margin: 22px 0 0; color: #727272; font-size: 13px; line-height: 1.55; }
.bars { height: 58px; margin-top: 34px; display: flex; gap: 6px; align-items: end; }
.bars i { flex: 1; height: 15%; background: rgba(255,255,255,.2); }
.bars i:nth-child(2){height:22%}.bars i:nth-child(3){height:30%}.bars i:nth-child(4){height:27%}.bars i:nth-child(5){height:42%}.bars i:nth-child(6){height:54%}.bars i:nth-child(7){height:50%}.bars i:nth-child(8){height:69%}.bars i:nth-child(9){height:82%}.bars i:nth-child(10){height:100%;background:var(--cp-mint)}

.heading-row { display: grid; grid-template-columns: 1.8fr 1fr; gap: 100px; margin-top: 64px; align-items: end; }
.heading-row h2 { max-width: 780px; }
.highlights { display: grid; grid-template-columns: repeat(2, 1fr); margin-top: 82px; border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.highlights article { position: relative; min-height: 350px; padding: 34px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.highlights article > span { color: #7f7f7f; font-size: 12px; }
.motif { position: absolute; top: 30px; right: 30px; width: 64px; height: 64px; border: 1px solid #bbb; border-radius: 50%; }
.motif i { position: absolute; width: 7px; height: 7px; border-radius: 50%; background: var(--cp-blue); }
.motif i:first-child { left: 17px; top: 29px; }.motif i:nth-child(2) { left: 39px; top: 17px; background: var(--cp-purple); }.motif i:last-child { left: 40px; top: 42px; background: var(--cp-mint); }
.highlights h3 { margin: 145px 0 18px; font-size: 32px; line-height: 1.1; letter-spacing: -.035em; font-weight: 500; }
.highlights p { max-width: 500px; margin: 0; color: var(--muted); font-size: 17px; line-height: 1.6; }

.ai { position: relative; overflow: hidden; background: var(--cp-navy); color: #fff; }
.ai::before { content: ""; position: absolute; width: 800px; height: 800px; right: -180px; top: 150px; border-radius: 50%; background: radial-gradient(circle, rgba(161,0,255,.32), transparent 65%); }
.ai .section { position: relative; }
.ai-layout { display: grid; grid-template-columns: 1.15fr .85fr; gap: 80px; align-items: center; padding: 104px 0 120px; }
.ai h2 em { color: var(--cp-mint); }
.ai-copy { max-width: 650px; margin: 40px 0 0; color: rgba(255,255,255,.68); font-size: 17px; line-height: 1.65; }
.orbit { position: relative; width: min(450px,100%); aspect-ratio: 1; margin: auto; }
.ring { position: absolute; inset: 10%; border: 1px solid rgba(255,255,255,.17); border-radius: 50%; }
.ring-two { inset: 28%; border-color: rgba(0,231,165,.28); }
.orbit-core { position: absolute; inset: 38%; display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 50%; background: var(--cp-mint); color: var(--black); box-shadow: 0 0 85px rgba(0,231,165,.16); }
.orbit-core strong { font-size: 54px; line-height: .9; letter-spacing: -.08em; }
.orbit-core span { margin-top: 9px; font-size: 8px; letter-spacing: .12em; text-transform: uppercase; }
.orbit-node { position: absolute; width: 70px; height: 70px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.28); border-radius: 50%; background: #080d35; color: rgba(255,255,255,.67); font-size: 9px; font-style: normal; letter-spacing: .1em; text-transform: uppercase; }
.n1{left:3%;top:29%}.n2{right:0;top:39%}.n3{left:34%;bottom:0}.n4{left:49%;top:0}
.ai-thesis { display: grid; grid-template-columns: .55fr 1.5fr .65fr; gap: 36px; align-items: stretch; margin-bottom: 32px; padding: 38px; background: linear-gradient(115deg, var(--cp-purple), var(--cp-blue)); border: 1px solid rgba(255,255,255,.18); }
.ai-thesis-label { display: flex; flex-direction: column; justify-content: space-between; color: rgba(255,255,255,.68); font-size: 11px; font-weight: 500; letter-spacing: .13em; text-transform: uppercase; }
.ai-thesis-label i { width: 11px; height: 11px; border-radius: 50%; background: var(--cp-mint); box-shadow: 0 0 0 7px rgba(0,231,165,.13); }
.ai-thesis-copy { padding-inline: 34px; border-inline: 1px solid rgba(255,255,255,.2); }
.ai-thesis-copy h3 { margin: 0 0 18px; font-size: 34px; line-height: 1.08; letter-spacing: -.04em; font-weight: 400; }
.ai-thesis-copy p { max-width: 680px; margin: 0; color: rgba(255,255,255,.78); font-size: 17px; line-height: 1.6; }
.ai-thesis-copy p + p { margin-top: 16px; }
.growth-stat { display: flex; flex-direction: column; justify-content: center; }
.growth-stat strong { display: block; color: var(--cp-mint); font-size: 74px; line-height: .9; letter-spacing: -.075em; font-weight: 400; }
.growth-stat strong small { font-size: .38em; margin-left: 3px; }
.growth-stat span { max-width: 170px; margin-top: 18px; color: rgba(255,255,255,.82); font-size: 14px; line-height: 1.35; }
.growth-stat em { margin-top: 8px; color: rgba(255,255,255,.5); font-size: 11px; font-style: normal; letter-spacing: .12em; }
.ai-advantage-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; margin: 24px 0 32px; }
.ai-advantage-card { min-height: 270px; padding: 30px; border: 1px solid rgba(255,255,255,.16); background: rgba(255,255,255,.04); }
.ai-advantage-card>span { display: block; margin-bottom: 44px; font-size: 13px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.ai-advantage-card h3 { max-width: 390px; margin: 0 0 18px; font-size: clamp(24px,2vw,32px); line-height: 1.04; letter-spacing: -.04em; }
.ai-advantage-card p { margin: 0; color: rgba(255,255,255,.7); font-size: 17px; line-height: 1.55; }
.ai-advantage-card--legacy { border-color: rgba(161,0,255,.5); background: linear-gradient(145deg,rgba(161,0,255,.16),rgba(255,255,255,.025)); }
.ai-advantage-card--legacy>span { color: #d98cff; }
.ai-advantage-card--coolpeople { border-color: rgba(0,231,165,.52); background: linear-gradient(145deg,rgba(0,231,165,.14),rgba(255,255,255,.025)); }
.ai-advantage-card--coolpeople>span { color: var(--cp-mint); }
.ai-advantage-card--ambition { border-color: rgba(24,115,255,.52); background: linear-gradient(145deg,rgba(24,115,255,.15),rgba(255,255,255,.025)); }
.ai-advantage-card--ambition>span { color: #72aaff; }
.capabilities { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid rgba(255,255,255,.17); border-left: 1px solid rgba(255,255,255,.17); }
.capabilities div { min-height: 108px; padding: 26px; display: flex; align-items: center; gap: 22px; border-right: 1px solid rgba(255,255,255,.17); border-bottom: 1px solid rgba(255,255,255,.17); color: rgba(255,255,255,.8); font-size: 17px; }
.capabilities span { color: var(--cp-mint); font-size: 12px; }

.footprint-head { align-items: end; }
.legend { display: flex; gap: 26px; color: #777; font-size: 12px; text-transform: uppercase; letter-spacing: .1em; }
.legend span { display: flex; gap: 8px; align-items: center; }
.legend i { width: 7px; height: 7px; border-radius: 50%; }
.core-dot { background: var(--cp-blue); }.new-dot { background: var(--cp-mint); border: 1px solid #00a879; }
.markets { display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 78px; border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.market { position: relative; min-height: 190px; padding: 26px; display: flex; flex-direction: column; justify-content: space-between; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: rgba(255,255,255,.35); }
.market.new { background: rgba(0,231,165,.14); }
.market > strong { color: var(--cp-blue); font-size: 52px; line-height: 1; letter-spacing: -.065em; font-weight: 400; }
.market.new > strong { color: #00a878; }
.market > span { position: absolute; top: 25px; right: 25px; color: #999; }
.market div { display: flex; flex-direction: column; gap: 6px; }
.market b { font-size: 17px; font-weight: 600; }.market small { color: #777; font-size: 11px; letter-spacing: .1em; text-transform: uppercase; }
.expansion { display: grid; grid-template-columns: auto 1fr auto; gap: 24px; align-items: center; margin-top: 38px; color: #777; font-size: 11px; letter-spacing: .1em; text-transform: uppercase; }
.expansion div { height: 1px; display: flex; justify-content: space-around; align-items: center; background: #c4c4c4; }
.expansion i { width: 7px; height: 7px; border-radius: 50%; background: var(--cp-blue); }.expansion i:nth-child(3){background:var(--cp-purple)}.expansion i:last-child{background:var(--cp-mint);border:1px solid #00a878}

.operating { background: #fff; }
.model-flow { display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 78px; }
.model-flow article { position: relative; min-height: 250px; padding: 28px 28px 28px 0; border-top: 1px solid #ccc; }
.model-flow article + article { padding-left: 28px; border-left: 1px solid #ddd; }
.model-flow article:not(:last-child)::after { content: "→"; position: absolute; width: 28px; top: -13px; right: -14px; background: #fff; color: var(--cp-purple); text-align: center; }
.model-flow span { color: #888; font-size: 12px; }.model-flow strong { display: block; margin-top: 82px; font-size: 23px; line-height: 1.2; font-weight: 500; }.model-flow p { max-width: 240px; margin: 16px 0 0; color: #6c6c6c; font-size: 17px; line-height: 1.55; }

.closing { position: relative; overflow: hidden; padding: 150px 0 0; background: linear-gradient(115deg, #7836f3 0%, #176ff4 66%, #060a2e 100%); color: #fff; }
.closing::after { content: ""; position: absolute; width: 850px; height: 850px; right: -200px; top: -100px; border: 1px solid rgba(255,255,255,.12); border-radius: 50%; box-shadow: 0 0 0 95px rgba(255,255,255,.035), 0 0 0 190px rgba(255,255,255,.025); }
.closing .shell { position: relative; z-index: 1; }
.closing h2 { max-width: 1020px; font-size: clamp(58px, 7.3vw, 102px); }
.closing-grid { display: grid; grid-template-columns: repeat(3,1fr); margin-top: 88px; border-top: 1px solid rgba(255,255,255,.22); }
.closing-grid div { padding: 28px 26px 54px 0; border-right: 1px solid rgba(255,255,255,.2); }.closing-grid div + div{padding-left:26px}.closing-grid div:last-child{border-right:0}
.closing-grid span { display: block; margin-bottom: 18px; color: rgba(255,255,255,.55); font-size: 11px; letter-spacing: .12em; text-transform: uppercase; }.closing-grid strong { font-size: 17px; line-height: 1.45; font-weight: 500; }
.closing-note { margin-top: 42px; padding: 36px 0; display: flex; justify-content: space-between; border-top: 1px solid rgba(255,255,255,.2); }.closing-note span{color:rgba(255,255,255,.65);font-size:15px}.closing-note strong{color:var(--cp-mint);font-size:12px;letter-spacing:.12em;text-transform:uppercase}
footer { background: #fff; }.footer-inner { min-height: 130px; display: grid; grid-template-columns: 1fr auto 1fr; gap: 32px; align-items: center; }.footer-inner img{width:155px}.footer-inner p{margin:0;color:#777;font-size:11px;line-height:1.55;letter-spacing:.08em;text-transform:uppercase}.footer-inner p:last-child{justify-self:end;max-width:390px;text-align:right}

@media (max-width: 1000px) {
  .shell{width:min(100% - 48px,1320px)}.nav{grid-template-columns:1fr 1fr}.nav-links{display:none}.hero{min-height:1170px}.hero-metrics{grid-template-columns:repeat(3,1fr)}.hero-metrics article{min-height:135px;padding-top:25px}.hero-metrics article:nth-child(3){border-right:0}.hero-metrics article:nth-child(n+4){border-top:1px solid rgba(255,255,255,.2)}
  .intro-layout,.heading-row,.ai-layout{grid-template-columns:1fr;gap:44px}.metric-cards{grid-template-columns:repeat(2,1fr)}.metric-card{min-height:300px}.highlights,.markets{grid-template-columns:repeat(2,1fr)}.ai-thesis{grid-template-columns:1fr 2fr}.growth-stat{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr auto;align-items:end;gap:22px;border-top:1px solid rgba(255,255,255,.2);padding-top:28px}.growth-stat span{margin-top:0}.growth-stat em{margin:0}.ai-advantage-grid{grid-template-columns:1fr}.ai-advantage-card{min-height:0}.capabilities{grid-template-columns:repeat(2,1fr)}.model-flow{grid-template-columns:repeat(2,1fr)}.footer-inner{grid-template-columns:1fr 1fr;padding-block:28px}.footer-inner p:first-of-type{display:none}
}

@media (max-width: 640px) {
  .shell{width:calc(100% - 32px)}.section{padding-block:86px}.nav{height:78px}.nav img{width:150px}.confidential{font-size:7px;letter-spacing:.08em}.hero{min-height:1290px}.hero-visual{inset:78px 0 0}.hero-content{padding-top:72px}.hero h1{font-size:56px}.hero-content>p{font-size:17px}.hero-metrics{grid-template-columns:repeat(2,1fr)}.hero-metrics article,.hero-metrics article+article{min-height:135px;padding:24px 15px 20px 0}.hero-metrics article:nth-child(even){padding-left:15px;border-right:0}.hero-metrics article:nth-child(odd){padding-left:0}.hero-metrics article:nth-child(n+3){border-top:1px solid rgba(255,255,255,.2)}.hero-metrics article:last-child{grid-column:1/-1}.hero-metrics strong{font-size:38px}.hero-metrics article>span{font-size:11px}
  h2{font-size:42px}.metric-cards{grid-template-columns:1fr}.metric-card{min-height:280px;padding:26px}.highlights,.markets,.capabilities,.model-flow,.closing-grid{grid-template-columns:1fr}.highlights article{min-height:350px;padding:26px}.highlights h3{margin-top:136px}.ai-layout{padding:76px 0}.orbit{transform:scale(.88)}.ai-thesis{grid-template-columns:1fr;padding:28px;gap:28px}.ai-thesis-label{min-height:44px;flex-direction:row;align-items:center}.ai-thesis-copy{padding:26px 0;border-inline:0;border-block:1px solid rgba(255,255,255,.2)}.ai-thesis-copy h3{font-size:29px}.growth-stat{grid-column:auto;display:flex;align-items:flex-start;border-top:0;padding-top:0}.growth-stat strong{font-size:68px}.growth-stat span{margin-top:14px}.growth-stat em{margin-top:8px}.market{min-height:175px}.legend{flex-wrap:wrap}.expansion{grid-template-columns:1fr}.model-flow article,.model-flow article+article{min-height:225px;padding:24px 0;border-left:0}.model-flow article:not(:last-child)::after{display:none}.model-flow strong{margin-top:58px}
  .closing{padding-top:95px}.closing h2{font-size:50px}.closing-grid div,.closing-grid div+div{padding:24px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.18)}.closing-note{flex-direction:column;gap:14px}.footer-inner{grid-template-columns:1fr}.footer-inner p:last-child{justify-self:start;text-align:left}
}

@media (prefers-reduced-motion: reduce) { html{scroll-behavior:auto} }