.home-page { position: relative; overflow: hidden; padding-top: 60px; background: radial-gradient(circle at 7% 30%, rgba(212,255,0,.42), transparent 25%), radial-gradient(circle at 93% 22%, rgba(205,170,255,.52), transparent 31%), linear-gradient(125deg, #f4f4f1, #f1eef6); }
.home-page::before { position: fixed; z-index: -1; inset: 60px 0 0; pointer-events: none; content: ""; background: linear-gradient(90deg, rgba(255,255,255,.36), transparent 35%, rgba(255,255,255,.18)); }
.home-space { padding: 12px 0; }
.home-hero { padding-top: 25px; }
.home-hero-panel, .pathways-panel, .model-panel, .partnership-panel { border: 1px solid rgba(255,255,255,.88); border-radius: 40px; background: rgba(255,255,255,.8); box-shadow: 0 26px 70px rgba(68,56,92,.12); backdrop-filter: blur(12px); }
.home-hero-panel { display: grid; grid-template-columns: 1.1fr .9fr; gap: 48px 58px; align-items: center; min-height: 560px; padding: 58px 66px 38px; }
.home-hero-copy .eyebrow { white-space: nowrap; }
.home-hero-copy h1 { max-width: 710px; margin: 0; font-size: clamp(42px, 5vw, 68px); font-weight: 900; line-height: .96; letter-spacing: 0; }
.home-hero-copy > p:not(.eyebrow) { max-width: 630px; margin: 24px 0 0; color: var(--muted); font-size: 16px; line-height: 1.6; }
.home-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.publisher-map { position: relative; min-height: 370px; display: grid; place-items: center; }
.map-orbit { position: absolute; border: 1px solid rgba(168,85,247,.38); border-radius: 50%; }
.map-orbit-one { width: 290px; aspect-ratio: 1; }.map-orbit-two { width: 360px; height: 185px; border-color: rgba(212,255,0,.86); transform: rotate(-35deg); }
.map-center, .map-node, .map-callout { position: absolute; z-index: 2; display: flex; align-items: center; gap: 10px; border: 1px solid rgba(255,255,255,.82); background: rgba(255,255,255,.82); box-shadow: var(--shadow-soft); backdrop-filter: blur(12px); }
.map-center { flex-direction: column; justify-content: center; width: 135px; height: 135px; border-radius: 50%; color: var(--ink); text-align: center; font-size: 13px; font-weight: 900; line-height: 1.1; }.map-center i { display: grid; width: 33px; height: 33px; place-items: center; border-radius: 50%; background: var(--purple); color: #fff; font-size: 12px; }
.map-node { min-width: 104px; padding: 10px 12px; border-radius: 16px; font-size: 10px; font-weight: 900; line-height: 1.1; }.map-node i { color: var(--purple); font-size: 16px; }.map-node-drama { top: 18px; left: 9%; }.map-node-apps { right: 1%; bottom: 69px; }.map-node-growth { bottom: 8px; left: 11%; }
.map-callout { top: 44px; right: 0; padding: 11px 13px; border-radius: 16px; font-size: 10px; font-weight: 900; line-height: 1.15; }.map-callout i { color: var(--lime); font-size: 18px; }
.home-identity-tags { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }.home-identity-tags span { display: flex; align-items: center; gap: 10px; min-height: 68px; padding: 15px; border: 1px solid rgba(255,255,255,.76); border-radius: 20px; background: rgba(255,255,255,.68); color: var(--ink); font-size: 13px; font-weight: 800; line-height: 1.25; transition: transform .3s ease-out, border-color .3s ease-out, background .3s ease-out; }.home-identity-tags i { color: var(--purple); font-size: 16px; transition: transform .3s ease-out; }.home-identity-tags span:hover { transform: translateY(-4px); border-color: rgba(168,85,247,.46); background: #fff; }.home-identity-tags span:hover i { transform: rotate(12deg) scale(1.12); }
.pathways-panel { padding: 50px 56px; }.home-section-title { max-width: 830px; margin: 0 auto; text-align: center; }.home-section-title h2, .model-copy h2, .partnership-panel h2 { margin: 0; font-size: clamp(30px, 3.7vw, 48px); font-weight: 900; line-height: 1.05; letter-spacing: 0; }.home-section-title .eyebrow { justify-content: center; }
.pathways-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 40px; }.pathway-card { position: relative; display: flex; flex-direction: column; min-height: 292px; padding: 28px; border: 1px solid rgba(255,255,255,.7); border-radius: 24px; background: rgba(255,255,255,.68); box-shadow: 0 10px 28px rgba(76,57,98,.08); transition: transform .3s ease-out, border-color .3s ease-out, box-shadow .3s ease-out; }.pathway-card:hover { transform: translateY(-5px); border-color: rgba(168,85,247,.45); box-shadow: 0 16px 34px rgba(128,84,184,.14); }.pathway-card > i { display: grid; width: 46px; height: 46px; place-items: center; border-radius: 14px; background: var(--purple); color: #fff; font-size: 19px; transition: transform .3s ease-out; }.pathway-card:hover > i { transform: rotate(-8deg) scale(1.05); }.pathway-number { position: absolute; top: 28px; right: 28px; color: #9ca1ac; font-size: 12px; font-weight: 900; }.pathway-card h3 { margin: 56px 0 10px; font-size: 21px; line-height: 1.15; }.pathway-card p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.55; }.pathway-card b { display: flex; align-items: center; gap: 8px; margin-top: auto; padding-top: 27px; color: var(--ink); font-size: 13px; }.pathway-card b i { color: var(--purple); transition: transform .3s ease-out; }.pathway-card:hover b i { transform: translateX(5px); }
.model-panel { display: grid; grid-template-columns: .86fr 1.14fr; gap: 76px; align-items: center; padding: 50px 56px; }.model-copy h2 { max-width: 470px; }.model-copy > p:not(.eyebrow) { max-width: 475px; margin: 18px 0 0; color: var(--muted); font-size: 15px; line-height: 1.65; }.model-copy .text-link { margin-top: 27px; }.model-points { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }.model-points span { display: flex; align-items: center; gap: 12px; min-height: 76px; padding: 18px; border: 1px solid rgba(255,255,255,.7); border-radius: 20px; background: rgba(255,255,255,.68); font-size: 15px; font-weight: 800; transition: transform .3s ease-out, border-color .3s ease-out; }.model-points span:hover { transform: translateY(-3px); border-color: rgba(168,85,247,.45); }.model-points span:last-child { grid-column: span 2; }.model-points i { color: var(--purple); font-size: 17px; }
.home-partnership { padding-bottom: 25px; }.partnership-panel { display: flex; align-items: center; justify-content: space-between; gap: 42px; padding: 50px 56px; }.partnership-panel h2 { max-width: 680px; }.partnership-panel > div > p:not(.eyebrow) { max-width: 690px; margin: 16px 0 0; color: var(--muted); font-size: 16px; line-height: 1.6; }.partnership-panel .button { flex: 0 0 auto; }
.publisher-map { animation: home-float 5s ease-in-out infinite; }.map-orbit { animation: home-orbit 14s linear infinite; }.map-orbit-two { animation-direction: reverse; }.map-callout { animation: home-note 4s ease-in-out infinite; }.pathways-grid .reveal:nth-child(2) { transition-delay: .08s; }.pathways-grid .reveal:nth-child(3) { transition-delay: .16s; }
@media (prefers-reduced-motion: reduce) { .publisher-map, .map-orbit, .map-callout { animation: none; } }
@media (max-width: 840px) { .home-page { padding-top: 60px; }.home-hero { padding-top: 18px; }.home-hero-panel, .pathways-panel, .model-panel, .partnership-panel { border-radius: 28px; }.home-hero-panel { grid-template-columns: 1fr; gap: 34px; min-height: 0; padding: 42px 24px 24px; }.home-hero-copy .eyebrow { white-space: normal; }.publisher-map { min-height: 315px; transform: scale(.86); transform-origin: center; }.home-identity-tags { grid-template-columns: repeat(2, 1fr); gap: 10px; }.home-identity-tags span { min-height: 64px; padding: 13px; font-size: 12px; }.pathways-panel, .model-panel { padding: 34px 24px; }.pathways-grid, .model-points { grid-template-columns: 1fr; }.pathway-card { min-height: auto; }.pathway-card h3 { margin-top: 32px; }.model-panel { gap: 34px; }.model-points span:last-child { grid-column: auto; }.partnership-panel { align-items: flex-start; flex-direction: column; padding: 34px 24px; }.partnership-panel .button { width: 100%; } }
@media (max-width: 520px) { .home-hero-copy h1 { font-size: 42px; }.home-hero-actions .button { width: 100%; }.publisher-map { transform: scale(.72); }.home-identity-tags { grid-template-columns: 1fr; } }