/* Header and the six-branch introduction. */
.header .nav-wrap{gap:24px}
.header .brand{align-items:center;gap:16px}
.header .brand img{width:160px;height:auto}
.brand-descriptor{font-family:Manrope,Arial,sans-serif;font-size:12px;line-height:1.4;letter-spacing:0;color:var(--muted);white-space:nowrap}
.header #navigation{gap:18px;align-items:center}
.header #navigation a{font-size:12px;white-space:nowrap}
.header .header-cta{padding:14px 20px;gap:12px}
.hero{padding-top:0}
.hero .hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:36px;padding:48px 0 64px}
.hero .hero-copy h1{font-size:clamp(48px,5vw,72px)}
.hero .hero-description{font-size:16px}
.ecosystem.hero-platforms{height:680px;min-height:680px;aspect-ratio:auto;max-width:none;margin:0;animation:none}
.hero-platforms .hub{left:21%;top:50%;width:208px;height:208px}
.hero-platforms .hub-inner{width:100%;height:100%;transform:none;border-radius:54px}
.hero-platforms .hub-inner img{width:126px;height:126px}
.hero-platforms .hub-orbit{inset:-24px}
.hero-platforms .hub>span{bottom:-48px}
.hero-platforms .platform-group{left:58%;width:42%}
.hero-platforms .group-search{top:0}
.hero-platforms .group-ai{top:15%}
.hero-platforms .group-social{top:30%}
.hero-platforms .group-geo{top:50%}
.hero-platforms .group-media{top:70%}
.hero-platforms .group-wiki{top:85%}
.hero-platforms .platform-pill{min-height:56px;padding:12px 18px;gap:12px;flex-wrap:wrap}
.hero-platforms .platform-pill img{width:28px;height:28px;flex:none}
.hero-platforms .platform-pill .gemini{width:65px;height:25px}
.hero-platforms .social-platform-pill{display:grid;grid-template-columns:repeat(5,28px);gap:14px;justify-content:start;border-radius:28px}
.ecosystem.hero-platforms .social-platform-pill .instagram-mark{display:block;position:relative;width:28px;height:28px}
.instagram-mark sup{position:absolute;top:-5px;right:-7px;font-size:12px;line-height:1;color:var(--ink)}
.hero-platforms .geo-platform-pill{flex-wrap:nowrap}
.hero-platforms .geo-platform-icon{mix-blend-mode:multiply}
.hero-platforms .platform-pill .wiki-platform-icon{width:44px;height:44px;object-fit:contain}
.hero-platforms .media-pill>span{display:block;white-space:normal;line-height:1.4;font-size:12px}
.hero-platforms .diagram-label{letter-spacing:0;line-height:1.35;margin-bottom:8px}
.v2-intro{padding-top:48px}
.v2-intro>h2{margin-top:0}
@media(max-width:1400px){.header .header-cta{display:none}.header #navigation{gap:16px}}
@media(min-width:801px) and (max-width:1150px){.hero .hero-grid{grid-template-columns:minmax(0,1fr);gap:48px}.hero .hero-copy{max-width:720px}.ecosystem.hero-platforms{max-width:760px;width:100%;margin:auto}.hero .hero-copy h1{font-size:64px}}
@media(max-width:1100px){
 .header{height:96px}.header .menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;width:44px;height:44px;flex:none;background:transparent;border:1px solid var(--ash);border-radius:50%;padding:12px}.header .menu-toggle span{height:1px;width:100%;background:var(--ink);transition:transform .2s}.header .menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.header .menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
 .header #navigation{display:none;position:absolute;top:88px;left:20px;right:20px;max-height:calc(100dvh - 110px);overflow-y:auto;border:1px solid var(--ash);border-radius:24px;background:var(--paper);padding:16px 24px;gap:0;align-items:stretch}.header #navigation.open{display:flex;flex-direction:column}.header #navigation a{font-size:14px;padding:14px 0;border-bottom:1px solid var(--ash)}.header #navigation a:last-child{border:0}
}
@media(max-width:800px){
 .hero .hero-grid{grid-template-columns:minmax(0,1fr);padding:40px 0 48px;gap:48px}.hero .hero-copy h1{font-size:clamp(46px,8vw,64px)}
 .ecosystem.hero-platforms{height:760px;min-height:760px;max-width:660px;margin:auto}
 .hero-platforms .hub{width:156px;height:156px;left:21%}.hero-platforms .hub-inner{border-radius:42px}.hero-platforms .hub-inner img{width:94px;height:94px}.hero-platforms .hub-orbit{inset:-20px}.hero-platforms .hub>span{bottom:-42px}
 .hero-platforms .platform-group{left:50%;width:50%}.hero-platforms .social-platform-pill{grid-template-columns:repeat(5,28px)}
 .hero-platforms .geo-platform-pill{display:grid;grid-template-columns:repeat(3,28px);border-radius:28px}
 .hero-platforms .group-search{top:0}.hero-platforms .group-ai{top:14%}.hero-platforms .group-social{top:28%}.hero-platforms .group-geo{top:50%}.hero-platforms .group-media{top:70%}.hero-platforms .group-wiki{top:85%}
}
@media(max-width:540px){
 .header .nav-wrap{gap:16px}.header .brand{flex-direction:column;align-items:flex-start;gap:5px}.header .brand img{width:144px}.brand-descriptor{font-size:12px;line-height:1.3;white-space:normal;max-width:220px}.brand-descriptor br{display:none}.header #navigation{left:16px;right:16px}
 .hero .hero-grid{padding-top:24px;gap:40px}.hero .hero-description{font-size:16px;line-height:1.6}
 .ecosystem.hero-platforms{height:860px;min-height:860px;margin-bottom:0}
 .hero-platforms .hub{left:20%;width:92px;height:92px}.hero-platforms .hub-inner{border-radius:28px}.hero-platforms .hub-inner img{width:58px;height:58px}.hero-platforms .hub-orbit{inset:-10px}.hero-platforms .hub>span{bottom:-34px}
 .hero-platforms .platform-group{left:46%;width:54%}.hero-platforms .platform-pill{padding:12px;gap:8px;min-height:48px}.hero-platforms .platform-pill img{width:24px;height:24px}.hero-platforms .platform-pill .gemini{width:48px;height:22px}.hero-platforms .group-ai .platform-pill{gap:6px}.hero-platforms .group-ai .platform-pill img:not(.gemini){width:20px;height:20px}.hero-platforms .group-ai .platform-pill .gemini{width:43px}
 .hero-platforms .social-platform-pill{grid-template-columns:repeat(3,24px);gap:12px;border-radius:24px}.ecosystem.hero-platforms .social-platform-pill .instagram-mark{width:24px;height:24px}.hero-platforms .geo-platform-pill{grid-template-columns:repeat(3,24px);gap:12px;border-radius:24px}
 .hero-platforms .group-media{top:70%}.hero-platforms .group-wiki{top:85%}.hero-platforms .platform-pill .wiki-platform-icon{width:40px;height:40px}
 .hero-platforms .diagram-label{font-size:12px;line-height:1.4;overflow-wrap:normal}.v2-intro{padding-top:32px}
}

/* A shared stack keeps the six branches evenly spaced. */
.ecosystem.hero-platforms{height:632px;min-height:632px}
.hero-platforms .hub{left:17%}
.hero-platforms .platform-stack{position:absolute;top:0;right:0;width:48%;display:flex;flex-direction:column;gap:28px}
.hero-platforms .platform-stack .platform-group{position:static;top:auto;left:auto;width:100%}
.hero-platforms .platform-stack .diagram-label{min-height:17px;margin-bottom:8px}
.hero-platforms .platform-stack .platform-pill{min-height:56px;height:56px;flex-wrap:nowrap}
.hero-platforms .social-platform-pill{display:flex;flex-direction:row;gap:10px;border-radius:100px}
.ecosystem.hero-platforms .social-platform-pill .instagram-mark{flex:none}
.hero-platforms .platform-stack .geo-platform-pill{display:flex;flex-direction:row;gap:12px;border-radius:100px}
.hero-platforms .platform-stack .wiki-platform-icon{width:32px;height:32px}
.hero-platforms .hub>.hub-coverage{position:absolute;left:50%;bottom:-78px;transform:translateX(-50%);width:260px;text-align:center;text-transform:none;letter-spacing:0;font-family:Manrope,Arial,sans-serif;line-height:1.4}
.hub-coverage .coverage-line{display:block;font-size:18px;white-space:nowrap}
.hub-coverage strong{font-size:26px;font-weight:500;color:var(--blue)}
.hub-coverage .coverage-detail{display:block;font-size:16px;margin-top:3px}
@media(max-width:800px){
 .hero-platforms .hub{left:17%}
 .hero-platforms .platform-stack{width:55%;gap:24px}
 .hero-platforms .platform-stack .platform-pill{padding:12px;gap:8px}
 .hero-platforms .social-platform-pill img,.ecosystem.hero-platforms .social-platform-pill .instagram-mark{width:24px;height:24px}
 .hero-platforms .platform-stack .geo-platform-pill{gap:8px}
}
@media(max-width:540px){
 .ecosystem.hero-platforms{height:680px;min-height:680px}
 .hero-platforms .hub{left:17%;width:76px;height:76px;top:50%}
 .hero-platforms .hub-inner{border-radius:24px}.hero-platforms .hub-inner img{width:48px;height:48px}
 .hero-platforms .platform-stack{width:64%;gap:24px}
 .hero-platforms .platform-stack .diagram-label{height:34px;min-height:34px;display:flex;align-items:flex-end;margin-bottom:8px}
 .hero-platforms .platform-stack .platform-pill{height:48px;min-height:48px;padding:10px;gap:6px}
 .hero-platforms .platform-stack .social-platform-pill{gap:4px}
 .hero-platforms .social-platform-pill img,.ecosystem.hero-platforms .social-platform-pill .instagram-mark{width:16px;height:16px}
 .hero-platforms .platform-stack .geo-platform-pill{gap:5px}.hero-platforms .geo-platform-pill img{width:18px;height:18px}
 .hero-platforms .platform-stack .media-pill{gap:6px}.hero-platforms .media-pill img{width:20px;height:20px;filter:none}
 .hero-platforms .platform-stack .wiki-platform-icon{width:28px;height:28px}
 .hero-platforms .hub>.hub-coverage{width:90px;bottom:-94px}
 .hub-coverage .coverage-line{font-size:12px;white-space:normal}.hub-coverage strong{display:block;font-size:18px}.hub-coverage .coverage-detail{font-size:12px;line-height:1.4;margin-top:3px}
 .instagram-mark sup{top:-6px;right:-5px}
}
@media(min-width:320px) and (max-width:540px){.hero-platforms .social-platform-pill img,.ecosystem.hero-platforms .social-platform-pill .instagram-mark{width:18px;height:18px}}
@media(min-width:400px) and (max-width:540px){.hero-platforms .social-platform-pill img,.ecosystem.hero-platforms .social-platform-pill .instagram-mark{width:22px;height:22px}.hero-platforms .platform-stack .social-platform-pill{gap:6px}}

/* One media destination, with the stack and glow centered on the hub. */
.hero-platforms .platform-stack{top:50%;transform:translateY(-50%)}
.hero-platforms .diagram-wash{top:17.5%;background:radial-gradient(ellipse at 26.153846% 50%,#a7fccd80,#a0b5eb50 40%,transparent 70%)}
.hero-platforms .platform-stack .group-media .wiki-platform-icon{width:32px;height:32px;flex:none}
.hero-platforms .platform-stack .group-media .media-pill>span{display:block;font-size:12px;line-height:1.4;min-width:0}
@media(max-width:540px){.hero-platforms .platform-stack .group-media .wiki-platform-icon{width:26px;height:26px}}