.detail-page .intro-heading { max-width: 52rem; }
.detail-page .concise-hero { position: relative; }
.detail-page .concise-hero::after {
    display: block;
    width: 24rem;
    height: 24rem;
    inset: -10rem -5rem auto auto;
    background: radial-gradient(circle, rgba(108, 176, 242, .2), transparent 65%);
    animation: detailAmbient 10s ease-in-out infinite alternate;
}
.detail-explorer { border: 1px solid #e6e8f0; border-radius: 28px; padding: 1.5rem; background: rgba(255, 255, 255, .9); scroll-margin-top: 7rem; }
.detail-explorer__tabs { display: flex; gap: .75rem; flex-wrap: wrap; }
.detail-explorer__tab { display: flex; align-items: center; gap: .75rem; flex: 1 1 160px; padding: 1rem; min-height: 52px; border: 1px solid #e6e8f0; border-radius: 16px; color: #41485c; background: #fff; text-decoration: none; transition: background .2s, border-color .2s, box-shadow .2s; }
.detail-explorer__tab span { font-size: .8125rem; font-weight: 700; color: #ab3760; }
.detail-explorer__tab.is-active { border-color: #df92ad; background: linear-gradient(120deg, #fff0f5, #f2f8ff); box-shadow: 0 8px 20px rgba(173, 58, 98, .08); color: #20243a; }
.detail-explorer__tab:hover { border-color: #df92ad; }
.detail-explorer__body { display: grid; grid-template-columns: minmax(240px, .75fr) minmax(0, 1.25fr); gap: 2rem; align-items: start; margin-top: 1.5rem; }
.detail-explorer__panels { min-width: 0; }
.detail-explorer__panel.intro-detail { border: 0; padding: 1rem; scroll-margin-top: 1rem; }
.detail-explorer__panel h2 { color: #20243a; }
.detail-explorer.is-enhanced .detail-explorer__panel.is-active { animation: detailPanelIn .32s ease both; }
.detail-explorer__panel[hidden] { display: none !important; }
.detail-explorer__panel:focus-visible { outline: 2px solid #b83260; outline-offset: 4px; border-radius: 16px; }
.detail-constellation { position: sticky; top: 8rem; min-height: 370px; border-radius: 24px; overflow: hidden; background: radial-gradient(circle at 20% 25%, #ffe6ef, transparent 60%), radial-gradient(circle at 80% 75%, #dff4ff, transparent 60%), #f8f9fd; transform: perspective(900px) rotateX(var(--detail-tilt-x, 0deg)) rotateY(var(--detail-tilt-y, 0deg)); transition: transform .16s ease; }
.detail-constellation__orbit { position: absolute; width: 235px; height: 235px; inset: 50% auto auto 50%; margin: -117.5px 0 0 -117.5px; border: 1px dashed rgba(118, 122, 165, .32); border-radius: 50%; animation: detailOrbit 36s linear infinite; }
.detail-constellation__orbit--inner { width: 165px; height: 165px; margin: -82.5px 0 0 -82.5px; border-style: solid; border-color: rgba(231, 154, 183, .4); animation-direction: reverse; }
.detail-constellation__core { position: absolute; inset: 50% auto auto 50%; width: 165px; min-height: 120px; transform: translate(-50%, -50%); text-align: center; display: flex; align-items: center; flex-direction: column; justify-content: center; gap: .25rem; padding: 1rem; border-radius: 24px; background: rgba(255, 255, 255, .95); box-shadow: 0 18px 35px rgba(100, 117, 163, .1); }
.detail-constellation__core small { color: #73798d; }
.detail-constellation__core strong { font-size: 2rem; color: #aa3760; }
.detail-constellation__core > span { font-weight: 600; color: #20243a; font-size: .9375rem; }
.detail-constellation__node { position: absolute; max-width: 8rem; padding: .65rem .8rem; font-size: .8125rem; line-height: 1.5; border: 1px solid #e6e8f0; border-radius: 14px; background: rgba(255, 255, 255, .86); color: #73798d; transition: border-color .25s, color .25s, box-shadow .25s; }
.detail-constellation__node--1 { top: 12%; left: 8%; }
.detail-constellation__node--2 { top: 18%; right: 5%; }
.detail-constellation__node--3 { bottom: 17%; left: 6%; }
.detail-constellation__node--4 { bottom: 11%; right: 7%; }
.detail-constellation__node.is-active { color: #9b2f55; border-color: #df92ad; box-shadow: 0 0 0 5px rgba(255, 107, 152, .08); }
.detail-explorer__controls { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 1rem; border-top: 1px solid #e6e8f0; padding-top: 1rem; margin-top: 1rem; }
.detail-explorer__controls[hidden] { display: none; }
.detail-explorer__controls button, .company-interactive__controls button { min-height: 44px; border: 1px solid #e3c4d0; border-radius: 999px; padding: .65rem 1rem; background: #fff; color: #9b2f55; font: inherit; cursor: pointer; }
.detail-explorer__controls span { color: #73798d; font-size: .875rem; }
.detail-explorer__tab:focus-visible, .detail-explorer__controls button:focus-visible, .detail-disclosure summary:focus-visible, .company-interactive__controls button:focus-visible { outline: 2px solid #b83260; outline-offset: 3px; }
.detail-disclosure { border-top: 1px solid #e6e8f0; border-bottom: 1px solid #e6e8f0; margin-top: 1rem; padding: .85rem 0; }
.detail-disclosure summary { cursor: pointer; color: #41485c; font-weight: 600; line-height: 1.6; min-height: 28px; }
.detail-disclosure[open] ul { animation: detailPanelIn .25s ease both; }
.detail-directory { display: flex; flex-wrap: wrap; gap: .85rem 1.5rem; margin-bottom: 1.5rem; }
.company-interactive__controls { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .5rem 1rem; align-items: center; padding: .75rem 1rem; }
.company-interactive__controls > span { color: #596176; font-size: .8125rem; line-height: 1.6; }
.company-interactive__controls button { font-size: .875rem; padding: .5rem .85rem; }
.company-interactive__controls button[hidden] { display: none; }
.company-detail-page .company-interactive__tabs { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.company-detail-page .company-interactive__tab { display: flex; align-items: center; justify-content: center; min-width: 0; min-height: 48px; padding: .65rem .5rem; font-size: .9375rem; line-height: 1.5; text-align: center; border: 1px solid transparent; border-radius: 12px; }
.company-detail-page .company-interactive__tab:hover,
.company-detail-page .company-interactive__tab:focus-visible { background: #fff3f7; color: #8b3658; box-shadow: none; }
.company-detail-page .company-interactive__tab.is-active { background: #fff; border-color: #e6bfd0; color: #a62f58; box-shadow: 0 4px 12px rgba(128, 70, 93, .06); }
.company-detail-page .company-interactive__tab::after { display: none; }
.company-detail-page .company-interactive__tab:focus-visible { outline: 2px solid #b83260; outline-offset: -4px; }
.company-detail-page .about-banner__detail-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 1rem 2rem; margin: 1.25rem 0; }
.company-detail-page .company-interactive__shell,
.company-detail-page .company-interactive__panel { scroll-margin-top: 7rem; }
.company-detail-page .company-interactive__panel[hidden] { display: none !important; }
@keyframes detailOrbit { to { transform: rotate(360deg); } }
@keyframes detailAmbient { to { transform: translate(-30px, 25px); } }
@keyframes detailPanelIn { from { opacity: .45; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 760px) {
    .company-detail-page .company-interactive__tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .company-detail-page .company-interactive__tab:last-child { grid-column: 1 / -1; width: calc(50% - .275rem); justify-self: center; }
    .detail-explorer { padding: 1rem; border-radius: 22px; }
    .detail-explorer__body { grid-template-columns: 1fr; gap: 1rem; }
    .detail-explorer__tab { flex-basis: calc(50% - .75rem); min-width: 0; padding: .85rem .65rem; font-size: .9375rem; }
    .detail-constellation { position: relative; top: auto; min-height: 270px; }
    .detail-constellation__orbit { width: 190px; height: 190px; margin: -95px 0 0 -95px; }
    .detail-constellation__orbit--inner { width: 140px; height: 140px; margin: -70px 0 0 -70px; }
    .detail-constellation__core { width: 140px; padding: .8rem; }
    .detail-constellation__node { padding: .4rem .5rem; max-width: 7rem; }
    .detail-constellation__node--2 { top: 10%; }
    .detail-constellation__node--3 { bottom: 10%; }
    .detail-explorer__panel.intro-detail { padding: .75rem 0; }
    .detail-explorer__controls { gap: .75rem; }
    .detail-explorer__controls span { order: -1; width: 100%; text-align: center; }
}
@media (hover: none), (pointer: coarse) { .detail-constellation { transform: none; } }
@media (prefers-reduced-motion: reduce) {
    .detail-page .concise-hero::after,
    .detail-constellation__orbit,
    .detail-explorer.is-enhanced .detail-explorer__panel.is-active,
    .detail-disclosure[open] ul { animation: none !important; }
    .detail-constellation, .detail-constellation__node, .detail-explorer__tab { transition: none; transform: none; }
}

.company-detail-page .company-interactive__tab { text-decoration: none; }
.company-detail-page .company-interactive__panel:not([hidden]) + .company-interactive__panel { margin-top: 1rem; }