@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--ink:#080c0b;--panel:#0d1312;--mineral:#e2dfd2;--stone:#929891;--teal:#65d4c7;--deep-teal:#0d555a;--gold:#d4af37;--line:rgba(226,223,210,.15);--max:1320px}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{margin:0;background:var(--ink);color:var(--mineral);font-family:Manrope,Arial,sans-serif}a{color:inherit}.skip-link{position:fixed;left:16px;top:-80px;z-index:100;background:var(--mineral);color:var(--ink);padding:12px 16px}.skip-link:focus{top:16px}.ecosystem-header{position:fixed;inset:0 0 auto;z-index:40;height:84px;padding:0 clamp(20px,4vw,64px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:linear-gradient(180deg,rgba(8,12,11,.97),rgba(8,12,11,.72),transparent);backdrop-filter:blur(10px)}.ecosystem-brand{display:flex;align-items:center;gap:12px;text-decoration:none;font:600 12px Space Grotesk,sans-serif;letter-spacing:.23em}.ecosystem-brand i{width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 18px 5px rgba(212,175,55,.22)}.ecosystem-brand b{color:var(--gold)}.ecosystem-header nav{display:flex;gap:28px}.ecosystem-header nav a,.journey-return{color:rgba(226,223,210,.58);text-decoration:none;font:500 8px Space Grotesk,sans-serif;text-transform:uppercase;letter-spacing:.17em}.ecosystem-header nav a:hover,.journey-return:hover{color:var(--teal)}.journey-return{justify-self:end;color:var(--gold)}main{overflow:hidden}.ecosystem-hero,.programme-hero{position:relative;min-height:100vh;padding:150px max(6vw,40px) 90px;display:grid;align-items:center;border-bottom:1px solid var(--line);isolation:isolate}.ecosystem-hero{grid-template-columns:minmax(0,1.1fr) minmax(380px,.9fr)}.ecosystem-hero:before,.programme-hero:before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 72% 46%,rgba(13,85,90,.26),transparent 30%),radial-gradient(circle at 55% 50%,rgba(212,175,55,.08),transparent 45%),linear-gradient(180deg,#0b1110,var(--ink))}.hero-copy{max-width:800px}.kicker{margin:0 0 20px;color:var(--gold);font:500 9px/1.5 Space Grotesk,sans-serif;text-transform:uppercase;letter-spacing:.22em}.hero-copy h1,.programme-hero h1,.section-heading h2,.labs-copy h2,.talent-entry h2,.standards h2,.interest h2{margin:0;font:600 clamp(52px,7vw,108px)/.9 Space Grotesk,sans-serif;letter-spacing:-.065em}.hero-copy h1 em,.programme-hero h1 em,.section-heading h2 em,.labs-copy h2 em,.talent-entry h2 em,.interest h2 em{font-style:normal;color:var(--gold)}.lede{max-width:720px;margin:30px 0 0;color:rgba(226,223,210,.66);font-size:clamp(14px,1.3vw,18px);line-height:1.75}.hero-actions{display:flex;gap:14px;margin-top:34px}.primary-action,.secondary-action{display:inline-flex;padding:15px 20px;text-decoration:none;font:500 9px Space Grotesk,sans-serif;text-transform:uppercase;letter-spacing:.16em}.primary-action{background:var(--gold);color:var(--ink)}.secondary-action{border:1px solid rgba(101,212,199,.4);color:var(--teal)}.hero-mark{justify-self:center;width:min(520px,42vw);filter:drop-shadow(0 35px 90px rgba(0,0,0,.6))}.hero-orbit{position:absolute;right:5vw;top:50%;width:min(48vw,680px);aspect-ratio:1;transform:translateY(-50%);z-index:-1}.hero-orbit i{position:absolute;border:1px solid rgba(101,212,199,.1);border-radius:50%;inset:5%}.hero-orbit i:nth-child(2){inset:17%;border-color:rgba(212,175,55,.12)}.hero-orbit i:nth-child(3){inset:29%}.section{padding:clamp(90px,12vw,170px) max(6vw,40px);border-bottom:1px solid var(--line)}.section-heading{max-width:860px;margin-bottom:60px}.section-heading h2,.labs-copy h2,.talent-entry h2,.interest h2{font-size:clamp(44px,6vw,84px)}.section-heading>p:last-child,.labs-copy>p:last-child,.talent-entry>div>p:last-child,.standards>div>p:last-child,.interest>div>p:last-child{max-width:700px;color:rgba(226,223,210,.62);line-height:1.7}.architecture-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.architecture-card{min-height:540px;padding:28px;display:flex;flex-direction:column;border:1px solid var(--line);background:linear-gradient(150deg,rgba(101,212,199,.05),transparent 45%),var(--panel)}.architecture-card>span,.architecture-card small,.product-grid span{color:var(--teal);font:500 8px Space Grotesk,sans-serif;text-transform:uppercase;letter-spacing:.16em}.architecture-card img{width:72%;height:230px;margin:24px auto;object-fit:contain}.architecture-card--co img{width:92%;object-fit:cover;object-position:center}.architecture-card h3{margin:auto 0 10px;font:500 30px Space Grotesk,sans-serif}.architecture-card p{margin:0 0 22px;color:rgba(226,223,210,.62);font-size:13px;line-height:1.65}.architecture-card small{padding-top:18px;border-top:1px solid var(--line)}.product-grid{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.product-grid article{min-height:200px;padding:24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.product-grid b{display:block;margin-bottom:10px;font:500 18px Space Grotesk,sans-serif}.product-grid span{color:var(--teal)}.product-grid p{margin:28px 0 0;color:rgba(226,223,210,.55);font-size:11px;line-height:1.55}.text-link{display:inline-flex;gap:22px;margin-top:36px;color:var(--gold);text-decoration:none;font:500 10px Space Grotesk,sans-serif;text-transform:uppercase;letter-spacing:.16em}.text-link i{font-style:normal}.labs{display:grid;grid-template-columns:1fr 1fr;gap:8vw;background:radial-gradient(circle at 15% 50%,rgba(13,85,90,.16),transparent 40%)}.labs-states{border-top:1px solid var(--line)}.labs-states article{padding:26px 0;border-bottom:1px solid var(--line)}.labs-states span,.partner-paths span{color:var(--gold);font:500 13px Space Grotesk,sans-serif;text-transform:uppercase;letter-spacing:.16em}.labs-states p,.partner-paths p{color:rgba(226,223,210,.58);line-height:1.6}.talent-entry,.interest{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;align-items:center}.talent-entry aside,.interest aside{padding:36px;border:1px solid rgba(212,175,55,.28);background:rgba(212,175,55,.04)}.talent-entry aside span{display:block;color:var(--gold);font:500 9px Space Grotesk,sans-serif;text-transform:uppercase;letter-spacing:.18em}.talent-entry aside strong{display:block;margin:10px 0;font:600 90px/1 Space Grotesk,sans-serif}.talent-entry aside p,.interest aside small{display:block;margin:0 0 28px;color:rgba(226,223,210,.58);line-height:1.6}.partner-paths,.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.partner-paths article{padding:28px 28px 28px 0;border-bottom:1px solid var(--line)}footer{padding:46px max(6vw,40px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:rgba(226,223,210,.42);font-size:10px}footer p{letter-spacing:.15em;text-transform:uppercase}footer small{justify-self:end}

.programme-hero{padding-right:28vw}.programme-hero:after{content:"";position:absolute;right:8vw;top:50%;width:280px;aspect-ratio:1;border:1px solid rgba(101,212,199,.22);transform:translateY(-50%) rotate(45deg);box-shadow:inset 0 0 80px rgba(101,212,199,.05)}.programme-hero h1{font-size:clamp(54px,7.6vw,116px)}.programme-status{margin-top:42px;max-width:720px;padding:22px 24px;border-left:2px solid var(--gold);background:rgba(212,175,55,.05)}.programme-status span{display:block;color:var(--gold);font:500 8px Space Grotesk,sans-serif;text-transform:uppercase;letter-spacing:.18em}.programme-status strong{display:block;margin:7px 0;font:500 18px Space Grotesk,sans-serif}.programme-status p{margin:0;color:rgba(226,223,210,.6);font-size:12px;line-height:1.55}.principle-grid{grid-template-columns:repeat(4,1fr)}.principle-grid article{padding:26px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.principle-grid b{font:500 16px Space Grotesk,sans-serif}.principle-grid p{color:rgba(226,223,210,.58);font-size:12px;line-height:1.6}.track-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.track-grid article{min-height:300px;padding:28px;border:1px solid var(--line);background:linear-gradient(160deg,rgba(101,212,199,.05),transparent 50%)}.track-grid span{color:var(--gold);font:500 9px Space Grotesk,sans-serif}.track-grid h3{margin:70px 0 14px;font:500 23px Space Grotesk,sans-serif}.track-grid p{color:rgba(226,223,210,.58);font-size:12px;line-height:1.65}.standards{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.standards h2{font-size:clamp(44px,6vw,80px)}.standards ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.standards li{padding:18px 0;border-bottom:1px solid var(--line);color:rgba(226,223,210,.72)}.pathway-line{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);margin:0;padding:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}.pathway-line li{min-height:260px;padding:24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.pathway-line span{color:var(--gold);font:500 9px Space Grotesk,sans-serif}.pathway-line b{display:block;margin:75px 0 12px;font:500 17px Space Grotesk,sans-serif}.pathway-line p{color:rgba(226,223,210,.56);font-size:12px;line-height:1.6}.honesty-note{max-width:900px;margin:28px 0 0;padding:18px;border-left:2px solid var(--teal);color:rgba(226,223,210,.64);font-size:12px;line-height:1.6}

@media(max-width:950px){.ecosystem-header{grid-template-columns:1fr auto}.ecosystem-header nav{display:none}.ecosystem-hero{grid-template-columns:1fr}.hero-mark{position:absolute;right:-16vw;top:20%;width:62vw;opacity:.22}.architecture-grid{grid-template-columns:1fr}.architecture-card{min-height:430px}.product-grid{grid-template-columns:repeat(2,1fr)}.labs,.talent-entry,.standards,.interest{grid-template-columns:1fr}.partner-paths,.principle-grid,.track-grid,.pathway-line{grid-template-columns:1fr 1fr}.programme-hero{padding-right:max(6vw,28px)}.programme-hero:after{opacity:.2}}
@media(max-width:600px){.ecosystem-header{height:70px;padding:0 18px}.ecosystem-brand{font-size:10px}.journey-return{font-size:7px}.ecosystem-hero,.programme-hero{padding:120px 22px 75px}.hero-copy h1,.programme-hero h1{font-size:clamp(48px,15vw,68px)}.hero-actions{align-items:flex-start;flex-direction:column}.section{padding:82px 22px}.section-heading{margin-bottom:40px}.section-heading h2,.labs-copy h2,.talent-entry h2,.standards h2,.interest h2{font-size:45px}.product-grid,.partner-paths,.principle-grid,.track-grid,.pathway-line{grid-template-columns:1fr}.architecture-card{padding:22px}.architecture-card img{height:180px}.architecture-card--co img{width:100%}.talent-entry aside,.interest aside{padding:24px}.pathway-line li{min-height:220px}footer{padding:36px 22px;grid-template-columns:1fr;gap:16px}footer p,footer small{justify-self:start;margin:0}.programme-hero:after{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Blend the approved SmartCo presentation artwork into the identity card. */
.architecture-card--co img{width:94%;height:250px;object-fit:cover;object-position:center;mix-blend-mode:screen;-webkit-mask-image:radial-gradient(ellipse 58% 63% at 50% 50%,#000 48%,rgba(0,0,0,.92) 61%,transparent 100%);mask-image:radial-gradient(ellipse 58% 63% at 50% 50%,#000 48%,rgba(0,0,0,.92) 61%,transparent 100%);filter:saturate(1.05) contrast(1.04) drop-shadow(0 24px 35px rgba(0,0,0,.42))}
@media(max-width:600px){.architecture-card--co img{width:100%;height:210px}}

/* The SmartCo source has been isolated onto transparency; present it as native artwork. */
.architecture-card--co img{width:78%;height:250px;object-fit:contain;mix-blend-mode:normal;-webkit-mask-image:none;mask-image:none;filter:drop-shadow(0 24px 35px rgba(0,0,0,.48))}
@media(max-width:600px){.architecture-card--co img{width:88%;height:210px}}

/* Approved Orbital Core replaces the temporary navigation dot. */
.ecosystem-brand i{width:25px;height:25px;border-radius:0;background:url("assets/brand/tonaquespace-orbital-core-approved.png") center/contain no-repeat;box-shadow:none;flex:0 0 25px}
@media(max-width:600px){.ecosystem-brand i{width:21px;height:21px;flex-basis:21px}}

/* Keep key destinations visible when the browser is narrow or docked. */
@media(max-width:950px){
  .ecosystem-header{height:70px}
  .ecosystem-header nav{position:absolute;display:flex;top:70px;left:0;right:0;height:44px;padding:0 20px;align-items:center;gap:24px;overflow-x:auto;white-space:nowrap;background:rgba(8,12,11,.94);border-top:1px solid var(--line);border-bottom:1px solid var(--line);scrollbar-width:none}
  .ecosystem-header nav::-webkit-scrollbar{display:none}
  .ecosystem-header nav a{flex:0 0 auto}
  .ecosystem-hero,.programme-hero{padding-top:170px}
}