:root {--layout-entry: #141b3a;--layout__entry: #2d3a5f;--title-inner: #212d52;--card__lead: 0 16px 40px rgba(0, 0, 0, 0.45);--nav-right: #00d4aa;--foot-menu: 16px;--panel__block: 0 8px 24px rgba(0, 0, 0, 0.35);--light-group: #cbd5e1;--media-inner: #0a0e27;--nav-feature: #6366f1;--text-link: #33deb8;--hero-center: rgb(251,191,36);--light-badge: linear-gradient(135deg, var(--nav-right) 0%, var(--nav-feature) 100%);--row-sm-box: #00b890;--inner-block: 24px;--row-slot: #1a2442;--band-desc: rgba(148,163,184,1);--page__img: #ffffff;--box-info-cell: 8px}

* { box-sizing: border-box; }
html {overflow-x: hidden;scroll-behavior: smooth}
body.hero-band {line-height: 1.6;color: var(--page__img);overflow-x: hidden;background: var(--media-inner);margin: 0;font-family: 'Segoe UI', Roboto, -apple-system, BlinkMacSystemFont, sans-serif;visibility:visible;user-select:auto}
img {display: block;max-width: 100%;height: auto}
a {color: inherit;text-decoration: none}
ul {margin: 0;list-style: none;padding: 0}
h1, h2, h3, h4 {font-weight: 700;margin: 0 0 0.5em}
p {margin: 0 0 1em;color: var(--light-group)}

.panel-zone {padding: 0 24px;margin: 0 auto;max-width: 1200px}
.row__feature {font-size: 2rem;margin-bottom: 8px;color: var(--page__img);text-align: center}
.bottom-inner {color: var(--band-desc);text-align: center;margin-bottom: 32px}
.area-strip {font-weight: 600;text-transform: uppercase;font-size: 0.8rem;color: var(--nav-right);letter-spacing: 0.08em}
.region-text { color: var(--light-group); }
.region-text h2, .region-text h3 { color: var(--page__img); }


.col-right-meta {transition: all 0.2s ease;font-size: 0.95rem;border-radius: var(--box-info-cell);padding: 12px 28px;align-items: center;border: 2px solid transparent;cursor: pointer;justify-content: center;font-weight: 600;display: inline-flex}
.row-banner {background: var(--light-badge);color: #fff}
.row-banner:hover {transform: translateY(-2px);box-shadow: var(--panel__block)}
.cell-main {color: var(--nav-right);background: transparent;border-color: var(--nav-right)}
.cell-main:hover { background: rgba(0, 212, 170, 0.1); }
.nav-wide {background: var(--nav-right);color: #06210f}
.module-head-badge {background: var(--row-slot);border-color: var(--layout__entry);color: var(--page__img)}
.nav-text {color: #221a02;background: var(--hero-center)}
.segment__desc {font-size: 0.85rem;padding: 8px 18px;color: rgba(34,26,2,1);background: var(--hero-center)}
.cell-site {font-size: 1.1rem;padding: 16px 36px}
.area-dark-lead {font-size: 0.85rem;padding: 8px 18px}
.cell-side { width: 100%; }


.frame-module {background: rgba(10, 14, 39, 0.95);backdrop-filter: blur(10px);z-index: 100;position: sticky;border-bottom: 1px solid var(--layout__entry);top: 0}
.desc-block { width: 100%; }
.zone__wrap { display: block; }
.site-entry {margin: 0 auto;gap: 24px;display: flex;max-width: 1200px;align-items: center;justify-content: space-between;padding: 16px 24px}
.panel-banner {align-items: center;display: flex}
.narrow-group {color: transparent;font-size: 1.4rem;background: var(--light-badge);-webkit-background-clip: text !important;font-weight: 800;background-clip: text !important}
.site-title-slot { height: 36px; }
.flex-foot-inner {display: flex;flex-wrap: wrap;gap: 20px;align-items: center;flex: 1;overflow: visible}
.site-zone {white-space: nowrap;font-size: 0.9rem;color: var(--light-group);padding: 8px 12px;border-radius: var(--box-info-cell);font-weight: 600}
.site-zone:hover, .site-zone.body-text { color: var(--nav-right); }
.wrap-right { position: relative; }
.card-info {align-items: center;gap: 4px;display: flex;background: none;border: none;font-family: inherit}
.header-primary { font-size: 0.7em; }
.tier-badge {left: 0;gap: 2px;opacity: 0;visibility: hidden;display: grid;min-width: 300px;top: 100%;border: 1px solid var(--layout__entry);box-shadow: var(--card__lead);grid-template-columns: repeat(2, 1fr);padding: 10px;position: absolute;transform: translateY(8px);transition: all 0.2s ease;border-radius: var(--box-info-cell);background: var(--row-slot)}
.wrap-right.media-body .tier-badge,
.wrap-right:hover .tier-badge {opacity: 1;visibility: visible;transform: translateY(0)}
.inner-segment {color: var(--light-group);display: flex;gap: 8px;border-radius: var(--box-info-cell);font-size: 0.85rem;padding: 8px 10px;align-items: center;white-space: nowrap}
.inner-segment:hover, .inner-segment.body-text {color: var(--nav-right);background: var(--title-inner)}
.section__entry {flex: none;line-height: 1;font-size: 1rem}
.tier__entry {text-overflow: ellipsis;overflow: hidden}
.widget-body {display: flex;gap: 10px;align-items: center}
.zone-title {gap: 4px;cursor: pointer;padding: 8px;border: none;flex-direction: column;background: none;display: none}
.zone-title span {height: 2px;width: 22px;background: var(--page__img)}

.inner__container {right: -320px;height: 100vh;z-index: 200;position: fixed;transition: right 0.3s ease;overflow-y: auto;background: var(--layout-entry);height: 100dvh;width: 300px;box-shadow: var(--card__lead);top: 0}
.inner__container.media-body { right: 0; }
.data-link {border-bottom: 1px solid var(--layout__entry);justify-content: space-between;display: flex;align-items: center;padding: 20px}
.left-btn {background: none;cursor: pointer;font-size: 1.6rem;color: var(--page__img);border: none}
.band-desc {display: flex;padding: 16px;flex-direction: column;gap: 16px}
.wrap__entry {border-bottom: 1px solid var(--layout__entry);gap: 4px;padding-bottom: 12px;display: flex;flex-direction: column}
.unit-entry {font-size: 0.75rem;margin: 0 0 4px;color: var(--band-desc);text-transform: uppercase;letter-spacing: 0.06em}
.header-link {gap: 4px;display: grid;grid-template-columns: repeat(2, 1fr)}
.row__text {padding: 10px 8px;font-size: 0.85rem;align-items: center;gap: 8px;display: flex;border-radius: var(--box-info-cell);color: var(--light-group)}
.row__text:hover, .row__text.body-text {background: var(--row-slot);color: var(--nav-right)}
.strip-icon {position: fixed;background: rgba(0,0,0,0.6);opacity: 0;transition: opacity 0.3s ease;visibility: hidden;inset: 0;z-index: 199}
.strip-icon.media-body {opacity: 1;visibility: visible}

.center-box { display: none; }


.btn-hero {padding: 64px 0;background: radial-gradient(circle at top right, rgba(0,212,170,0.12), transparent 60%), var(--media-inner)}
.content__desc {max-width: 1200px;text-align: center}

.segment-sm { padding: 40px 0 32px; }
.segment-sm .title-header {font-size: 2.1rem;margin-bottom: 14px}
.segment-sm .col-menu {font-size: 1rem;margin-bottom: 18px}
.segment-sm .unit-frame { max-width: 280px; }
.segment-sm .body-light-group { max-width: 220px; }
.nav-unit {grid-template-columns: 1.1fr 0.9fr;display: grid;text-align: left;align-items: center;gap: 48px}
.inner-top {display: flex;flex-direction: column}
.inner-top .section__meta,
.inner-top .band__info,
.inner-top .banner-hero { justify-content: flex-start; }
.section__meta {margin-bottom: 20px;display: flex;justify-content: center;gap: 12px;flex-wrap: wrap}
.segment__media {border: 1px solid var(--layout__entry);border-radius: 999px;color: var(--light-group);background: var(--row-slot);font-size: 0.8rem;padding: 6px 14px}
.title-header {line-height: 1.15;margin-bottom: 20px;color: var(--page__img);font-size: 2.6rem}
@supports (background-clip: text) or (-webkit-background-clip: text) {
  .title-header {background: var(--light-badge);-webkit-background-clip: text !important;color: transparent;background-clip: text !important}
}
.box-desc {margin: 0 auto 24px;max-width: 320px}
.body-light-group { display: none; }
.unit-frame {max-width: 420px;margin: 0}
.icon-block {border-radius: var(--foot-menu);width: 100%}
.col-menu {margin-bottom: 24px;font-size: 1.1rem;color: var(--light-group)}
.band__info {margin-bottom: 32px;justify-content: center;gap: 24px;display: flex;flex-wrap: wrap}
.wrap-body {color: var(--light-group);gap: 8px;display: flex;font-weight: 600;align-items: center}
.segment__block { color: var(--nav-right); }
.container-panel { white-space: nowrap; }
.banner-hero {justify-content: center;display: flex;flex-wrap: wrap;gap: 16px;margin-bottom: 20px}
.flex-text-title {color: var(--band-desc);font-size: 0.8rem}


.wrap-bar {background: var(--layout-entry);padding: 64px 0}
.top-widget {margin-top: 32px;grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));gap: 24px;display: grid}
.panel-data-feature {background: var(--row-slot);border: 1px solid var(--layout__entry);padding: 28px;border-radius: var(--foot-menu);transition: all 0.25s ease}
.panel-data-feature:hover {transform: translateY(-4px);box-shadow: var(--panel__block);background: var(--title-inner)}
.page-holder {padding: 6px 14px;font-size: 0.85rem;border-radius: 999px;background: var(--title-inner);display: inline-block;margin-bottom: 12px}
.segment-container {background: rgba(251,191,36,0.15);color: var(--hero-center)}
.outer-full {color: var(--nav-feature);background: rgba(99,102,241,0.15)}
.dark-desc {color: var(--nav-right);background: rgba(0,212,170,0.15)}
.img-zone { font-size: 1.25rem; }
.item-lead {font-weight: 600;font-size: 0.9rem;color: var(--nav-right)}
.view-zone { color: var(--light-group); }
.box-left-badge {color: var(--nav-right);font-weight: 600;margin-top: 12px;display: inline-block}
.box-left-badge:hover { color: var(--text-link); }


.site__entry { padding: 64px 0; }
.layout__text {gap: 10px;flex-wrap: wrap;margin-bottom: 28px;display: flex;justify-content: center}
.segment-zone {border: 1px solid var(--layout__entry);padding: 10px 20px;font-family: inherit;background: var(--row-slot);font-weight: 600;border-radius: 999px;cursor: pointer;color: var(--light-group)}
.segment-zone.body-text {color: #fff;border-color: transparent;background: var(--light-badge)}
.section-unit-icon { position: relative; }
.content-desc {max-width: 920px;display: none;margin: 0 auto}
.content-desc.body-text { display: block; }
.inner-meta {background: var(--row-slot);border: 1px solid var(--layout__entry);padding: 6px 12px;border-radius: var(--box-info-cell);color: var(--light-group);font-size: 0.8rem}
.header-sm-main li {padding: 10px 0;color: var(--light-group);border-bottom: 1px solid var(--layout__entry)}
.header-sm-main li:last-child { border-bottom: none; }
.header-sm-main li strong { color: var(--page__img); }
.unit-feature {gap: 10px;display: flex;flex-wrap: wrap;justify-content: center}
.media-row {align-items: start;grid-template-columns: 1.3fr 1fr;gap: 32px;display: grid}
.col-block { min-width: 0; }
.content-link img { border-radius: var(--foot-menu); }


.side-item-desc {padding: 64px 0;background: var(--layout-entry)}
.side-list {grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));display: grid;margin-top: 32px;gap: 20px}
.narrow-frame {margin: 0;border: 1px solid var(--layout__entry);border-radius: var(--foot-menu);background: var(--row-slot);padding: 24px}
.box__box {font-style: italic;color: var(--light-group)}
.content-data {color: var(--page__img);font-weight: 700;margin: 0}
.main-sec {font-weight: 400;color: var(--band-desc)}
.view-panel {gap: 10px;justify-content: center;display: flex;margin-bottom: 24px;align-items: center}
.view-panel span:first-child {font-size: 1.1rem;color: var(--hero-center)}
.view-panel span:last-child {font-weight: 700;color: var(--light-group)}
.zone-text {margin-bottom: 8px;color: var(--hero-center);font-size: 0.9rem;display: block}
.section-banner {display: inline-block;font-size: 0.75rem;margin-top: 8px;color: var(--nav-right)}


.site__link { padding: 64px 0; }
.link-content {grid-template-columns: 1.2fr 1fr;align-items: start;display: grid;gap: 40px}
.img-card {gap: 16px;display: grid;grid-template-columns: repeat(2, 1fr)}
.frame-header {border: 1px solid var(--layout__entry);background: var(--row-slot);text-align: center;border-radius: var(--foot-menu);padding: 20px}
.info-slot {display: block;color: var(--nav-right);font-size: 1.6rem;font-weight: 800}
.wrap-entry {font-size: 0.85rem;color: var(--band-desc)}


.panel-zone-main {padding: 64px 0;background: var(--layout-entry)}
.main-frame {margin-top: 32px;gap: 20px;display: grid;grid-template-columns: repeat(auto-fit, minmax(220px, 1fr))}
.page-btn {padding: 24px;text-align: center;border: 1px solid var(--layout__entry);background: var(--row-slot);border-radius: var(--foot-menu)}
.inner-link {margin-bottom: 8px;font-size: 2rem;display: block}
.main-side { font-size: 1.05rem; }
.lg-badge {font-size: 0.9rem;color: var(--light-group)}
.zone__lead {margin-top: 36px;flex-wrap: wrap;justify-content: center;gap: 32px;display: flex}
.inner-right { text-align: center; }
.inner-right strong {font-size: 1.4rem;display: block;color: var(--nav-right)}
.inner-right span {color: var(--band-desc);font-size: 0.85rem}


.header-bar-wrap { padding: 64px 0; }
.primary-entry {gap: 20px;grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));margin-top: 32px;display: grid}
.content-lg-group {border: 1px solid var(--layout__entry);text-align: center;padding: 24px;border-radius: var(--foot-menu);background: var(--row-slot);transition: all 0.25s ease}
.content-lg-group:hover {transform: translateY(-4px);box-shadow: var(--panel__block)}
.block-area {margin-bottom: 10px;font-size: 2rem;display: block}
.region-strip { font-size: 1.05rem; }
.col-top-cell {margin-bottom: 16px;font-size: 0.9rem}
.secondary-widget {text-align: center;margin-top: 32px}


.dark-text {background: var(--layout-entry);padding: 64px 0}
.box__view {gap: 12px;max-width: 760px;display: flex;flex-direction: column;margin: 32px auto 0}
.slot-card {border: 1px solid var(--layout__entry);padding: 16px 20px;border-radius: var(--box-info-cell);background: var(--row-slot)}
.title-main {font-weight: 700;cursor: pointer;color: var(--page__img)}
.site-title {margin-top: 12px;margin-bottom: 0}


.flex-container { padding: 64px 0; }
.page__view {grid-template-columns: 1.4fr 1fr;align-items: center;gap: 40px;display: grid}
.hero__group {flex-direction: column;display: flex;gap: 16px}


.flex__meta {background: var(--layout-entry);padding: 64px 0}
.banner-main {margin-top: 32px;gap: 20px;grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));display: grid}
.hero-top {text-align: center;padding: 24px;background: var(--row-slot);border: 1px solid var(--layout__entry);border-radius: var(--foot-menu)}
.panel-img {font-size: 1.8rem;display: block;margin-bottom: 8px}


.menu-icon {background: var(--light-badge);padding: 64px 0}
.zone-container {text-align: center;color: #fff}
.zone-container h2 { color: #fff; }
.zone-container p { color: rgba(255,255,255,0.9); }
.center-area {display: flex;justify-content: center;margin: 24px 0 12px;flex-wrap: wrap;gap: 16px}
.menu-icon .row-banner {color: var(--row-sm-box);background: rgb(255,255,255)}
.menu-icon .cell-main {border-color: #fff;color: rgb(255,255,255)}
.area-header {font-size: 0.9rem;color: rgba(255,255,255,0.85)}


.nav-lg {padding: 56px 0 24px;background: var(--layout-entry);border-top: 1px solid var(--layout__entry)}
.module-data {grid-template-columns: 1.5fr 1fr 1fr 1fr;padding: 0 24px;display: grid;gap: 32px;margin: 0 auto;max-width: 1200px}
.outer-group {display: flex;flex-direction: column}
.content__main { gap: 8px; }
.section-desc {font-size: 0.85rem;color: var(--page__img);font-weight: 700;text-transform: uppercase;letter-spacing: 0.05em;margin-bottom: 12px}
.band__area, .body-unit-lead {display: block;font-size: 0.9rem;padding: 4px 0;color: var(--light-group)}
.band__area:hover { color: var(--nav-right); }
.col__slot { font-size: 0.9rem; }
.card-widget {flex-wrap: wrap;display: flex;margin-top: 12px;gap: 8px}
.data-text {color: var(--band-desc);padding: 4px 10px;font-size: 0.75rem;background: var(--row-slot);border-radius: 999px}
.nav__icon {height: 32px;margin-bottom: 12px}
.menu-frame {display: flex;padding: 24px 24px 0;gap: 16px;max-width: 1200px;margin: 40px auto 0;justify-content: space-between;flex-wrap: wrap;border-top: 1px solid var(--layout__entry);align-items: center}
.foot__wrap {display: flex;gap: 8px;flex-wrap: wrap}
.sm-frame {padding: 6px 12px;border: 1px solid var(--layout__entry);border-radius: var(--box-info-cell);background: var(--row-slot);color: var(--light-group);font-size: 0.8rem}
.header-unit {color: var(--band-desc);font-size: 0.8rem;text-align: right}
.header-unit p {margin: 0;color: inherit}
.zone__img {font-size: 0.75rem;color: var(--band-desc)}


.text-holder {padding: 16px 0;background: var(--layout-entry);border-bottom: 1px solid var(--layout__entry)}
.inner-secondary {display: flex;font-size: 0.85rem;gap: 8px;color: var(--band-desc)}
.inner-secondary li + li::before {margin-right: 8px;content: '/'}
.inner-secondary a { color: var(--nav-right); }

.left-view { padding: 56px 0; }
.wrap-primary-banner {grid-template-columns: 2fr 1fr;align-items: start;gap: 40px;display: grid}
.col__feature {display: flex;flex-direction: column;gap: 28px}
.main-sm-wrap {border: 1px solid var(--layout__entry);border-radius: var(--foot-menu);padding: 28px;background: var(--row-slot)}
.page-secondary { font-size: 1.4rem; }
.header__media { margin-bottom: 16px; }
.header__media h3 {color: var(--page__img);font-size: 1rem}
.area-region {flex-direction: column;gap: 20px;top: 100px;position: sticky;display: flex}
.area-foot-info { margin-top: 12px; }

.section-holder {background: var(--layout-entry);padding: 56px 0}
.note-panel {display: grid;gap: 24px;grid-template-columns: repeat(auto-fit, minmax(240px, 1fr))}
.panel-wrap {display: flex;flex-direction: column;gap: 12px}
.sub-box {padding: 24px;background: var(--row-slot);border: 1px solid var(--layout__entry);border-radius: var(--foot-menu)}
.wrap-text-title {gap: 8px;display: flex;flex-direction: column}
.wrap-text-title a {font-size: 0.9rem;color: var(--nav-right)}
.flex__cell p { font-size: 0.9rem; }
.zone-link p {font-size: 0.9rem;color: var(--light-group);margin: 0 0 6px}
.nav-block a {font-size: 0.9rem;color: var(--nav-right)}

.lg-entry { padding: 56px 0; }
.card__slot {gap: 20px;display: grid;margin-top: 24px;grid-template-columns: repeat(auto-fit, minmax(220px, 1fr))}
.dark-group {border: 1px solid var(--layout__entry);text-align: center;background: var(--row-slot);border-radius: var(--foot-menu);padding: 24px}
.dark-group h4 { margin-bottom: 16px; }


.hero-item-desc { display: block; }
.section__btn {text-align: center;padding: 48px 0 24px}
.light-info {background: var(--layout-entry);padding: 40px 0;text-align: center}
.foot-media { padding: 24px 0 56px; }
.desc-section {grid-template-columns: 2fr 1fr;display: grid;align-items: start;gap: 40px}
.hero-alt {gap: 8px;padding: 20px;display: flex;position: sticky;background: var(--row-slot);top: 100px;border: 1px solid var(--layout__entry);flex-direction: column;border-radius: var(--foot-menu)}
.group-col {font-size: 0.9rem;color: var(--nav-right);padding: 4px 0}



@media (max-width: 1150px) {
  .flex-foot-inner { display: none; }
  .zone-title { display: flex; }
  .body-unit-holder { display: none; }
  .center-box {padding: 10px 16px calc(10px + env(safe-area-inset-bottom));left: 0;border-top: 1px solid var(--layout__entry);right: 0;position: fixed;backdrop-filter: blur(10px);background: rgba(10, 14, 39, 0.97);gap: 10px;display: flex;bottom: 0;z-index: 150}
  .center-box .col-right-meta { flex: 1; }
  body.hero-band { padding-bottom: 64px; }
}
@media (max-width: 900px) {
  .link-content, .page__view, .wrap-primary-banner, .desc-section { grid-template-columns: 1fr; }
  .module-data { grid-template-columns: 1fr 1fr; }
  .header-unit { text-align: left; }
  .nav-unit {grid-template-columns: 1fr;text-align: center}
  .inner-top .section__meta,
  .inner-top .band__info,
  .inner-top .banner-hero { justify-content: center; }
  .unit-frame { display: none; }
  .body-light-group {display: block;max-width: 280px;margin: 0 auto 24px}
  .media-row { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
  .title-header { font-size: 2rem; }
  .module-data { grid-template-columns: 1fr; }
  .menu-frame {flex-direction: column;align-items: flex-start}
}


.panel-data-feature .icon-block,
.content-lg-group img,
.panel-data-feature img {background: linear-gradient(135deg, var(--row-slot), var(--title-inner));max-height: 512px;max-width: 512px;object-fit: contain !important;aspect-ratio: 1 / 1 !important}


.sf-related-articles{box-shadow:0 16px 45px rgba(15,23,42,.08);background:rgba(255,255,255,.06);border:1px solid rgba(148,163,184,.24);margin:clamp(28px,5vw,56px) auto;border-radius:24px;max-width:1120px;padding:clamp(18px,3vw,28px)}
.sf-related-articles h2{margin:0 0 8px;line-height:1.2;font-size:clamp(1.35rem,2.5vw,2rem)}
.sf-related-articles>p{line-height:1.65;margin:0 0 18px;opacity:.78}
.sf-related-articles__list{gap:14px;list-style:none;display:grid;margin:0;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));padding:0}
.sf-related-articles__item{padding:0;margin:0;list-style:none}
.sf-related-articles__link{min-height:100%;background:rgba(255,255,255,.08);gap:7px;display:flex;color:inherit;flex-direction:column;padding:16px;transition:transform .18s ease,border-color .18s ease,background .18s ease;text-decoration:none;border-radius:18px;border:1px solid rgba(148,163,184,.18)}
.sf-related-articles__link:hover{background:rgba(255,255,255,.13);border-color:rgba(59,130,246,.45);transform:translateY(-2px)}
.sf-related-articles__type{text-transform:uppercase;background:rgba(59,130,246,.14);width:max-content;font-size:.72rem;font-weight:700;border-radius:999px;letter-spacing:.04em;padding:3px 9px;color:inherit;opacity:.88}
.sf-related-articles strong{font-size:1rem;line-height:1.35}
.sf-related-articles small{line-height:1.45;font-size:.88rem;opacity:.72}
@media(max-width:640px){.sf-related-articles{margin:28px 12px;border-radius:18px;padding:16px}.sf-related-articles__list{grid-template-columns:1fr}.sf-related-articles__link{padding:14px}}