/* Quiet glossy-black hero surface: broad light bands, no landscape imagery. */
.star-surface{position:relative;isolation:isolate}
.star-surface>.interactive-stars{z-index:0;opacity:.72;pointer-events:none}
.star-surface>:not(.interactive-stars):not(.hero-art){position:relative;z-index:1}
/* Draw external-link arrows in CSS so iOS cannot substitute an emoji glyph. */
.icon-arrow{display:inline-block;position:relative;width:1em;height:1em;flex:0 0 auto;vertical-align:-.08em;font-size:1em!important;line-height:1}
.icon-arrow::before{content:'';position:absolute;left:.08em;top:.52em;width:.76em;border-top:.075em solid currentColor;transform:rotate(-45deg);transform-origin:center}
.icon-arrow::after{content:'';position:absolute;right:.05em;top:.05em;width:.48em;height:.48em;border-top:.075em solid currentColor;border-right:.075em solid currentColor}
.hero-ranking-table .icon-arrow{font-size:.75em!important;margin-left:.25em;vertical-align:.02em}
.footer-nav .icon-arrow{font-size:.82em!important;margin-left:.35em}
/* The actual 1px border is the animation surface; no overlaid second line. */
.hero-board{border:1px solid transparent;background:linear-gradient(#101015,#101015) padding-box,linear-gradient(180deg,transparent 16px,#3d3645 16px) border-box,linear-gradient(90deg,#8f859b 0%,#dbc7e6 30%,#fff 50%,#dbc7e6 70%,#8f859b 100%) border-box;background-size:100% 100%,100% 100%,200% 100%;background-repeat:no-repeat,no-repeat,repeat-x;box-shadow:0 0 0 8px #d5bfd908,0 24px 80px #0009;animation:rise-in 1s .3s both,border-sheen 3s linear infinite}
.hero-board::after{content:none;display:none;animation:none}
@keyframes border-sheen{from{background-position:0 0,0 0,100% 0}to{background-position:0 0,0 0,-100% 0}}
@media(prefers-reduced-motion:reduce){.hero-board{animation:none}}
.hero-art{background:linear-gradient(180deg,#05050722 10%,#050507aa 70%,#08090a),linear-gradient(105deg,#020203 3%,#202023 19%,#09090b 28%,#29292c 40%,#050506 54%,#1c1c20 70%,#030304 87%);opacity:.7}
.hero-art::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(95deg,transparent 0 13%,#ffffff04 13.1%,#0004 13.4%,transparent 13.8% 25%);filter:blur(2px);pointer-events:none}
.interactive-stars{position:absolute;inset:0;width:100%;height:100%;z-index:0;opacity:.55}.hero-body,.hero-foot{position:relative;z-index:1}.hero{overflow:hidden}
.about{padding-block:100px}.about-grid{grid-template-columns:.95fr 1.05fr;gap:65px;align-items:start}.about-grid>h2{font-size:clamp(54px,5.6vw,78px);line-height:.98;position:sticky;top:125px}.about .muted-heading{color:#c4becb}.about-copy{border-left:1px solid #3d3442;padding-left:40px}.about-copy h3{font-size:26px;line-height:1.25;color:#f7f4f8;padding-bottom:25px;border-bottom:1px solid #302b35;margin-bottom:25px}.about-copy p{font-size:15px;line-height:1.85;color:#b5afbe}.about-copy .text-link{margin-top:15px;color:#ec9ad0}.about .section-top{margin-bottom:44px}
@media(max-width:720px){.about{padding-block:65px}.about-grid{grid-template-columns:1fr;gap:32px}.about-grid>h2{position:static;font-size:58px}.about-copy{padding-left:20px}.about-copy h3{font-size:23px}.about-copy p{font-size:14px}}