/* Official site refresh. The existing brand and base components are retained. */
:root { --max: 1240px; }
.skip-link { position: fixed; top: -100px; left: 16px; z-index: 100; padding: 12px 18px; background: #fff; color: #080a0d; border-radius: 10px; }
.skip-link:focus { top: 12px; }
a:focus-visible, summary:focus-visible, button:focus-visible { outline: 2px solid #8ebeff; outline-offset: 5px; }
.site-header-inner { gap: 16px; }
.desktop-nav { gap: 17px; }
.desktop-nav a { white-space: nowrap; font-size: 12px; }
.header-cta { white-space: nowrap; }
.social-x { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 40px; width: 40px; height: 40px; border: 1px solid var(--line-strong); border-radius: 12px; }
.social-x:hover { background: rgba(255,255,255,.08); }
.mobile-menu nav { top: calc(100% + 8px); max-height: calc(100dvh - 100px); overflow-y: auto; }
.home-hero { grid-template-columns: 1.05fr 1fr; gap: 64px; padding: 92px 0 66px; }
.home-hero h1 { font-size: clamp(48px,5.5vw,78px); letter-spacing: -.055em; line-height: 1.03; }
.home-hero h1 span { color: var(--amber); font-weight: 650; margin-top: 12px; }
.home-hero .hero-lead { font-size: 17px; max-width: 590px; }
.home-hero .hero-facts { margin-top: 28px; gap: 20px; }
.work-card { position: relative; overflow: hidden; border: 1px solid rgba(241,185,87,.26); border-radius: 28px; padding: 32px; background: radial-gradient(ellipse at 100% 0,rgba(241,185,87,.08),transparent 60%),linear-gradient(145deg,#171218,#0e1117 60%); }
.work-card::before { content: ''; position: absolute; top: 0; left: 30px; right: 30px; height: 2px; background: linear-gradient(90deg,var(--red),var(--amber)); }
.work-card-head { display: flex; gap: 12px; justify-content: space-between; align-items: center; }
.work-card-head .eyebrow { color: var(--amber); margin: 0; font-size: 10px; letter-spacing: .12em; }
.work-mark { width: 46px; height: 46px; flex-shrink: 0; display: grid; place-content: center; border: 1px solid rgba(239,63,71,.3); border-radius: 50%; color: var(--red); font-size: 28px; font-weight: 750; }
.work-card h2 { font-size: clamp(28px,3vw,38px); line-height: 1.12; letter-spacing: -.035em; margin: 22px 0 24px; }
.work-lanes { display: grid; gap: 14px; }
.work-lane { display: grid; grid-template-columns: 50px minmax(0,1fr); gap: 16px; padding: 20px 16px; border: 1px solid var(--line); border-radius: 16px; background: rgba(0,0,0,.17); }
.coin-label { font: 750 12px/1.5 ui-monospace,monospace; padding-top: 2px; }
.rub-lane .coin-label { color: #ff757d; }
.btc-lane .coin-label { color: var(--amber); }
.work-lane strong { font-size: 15px; }
.work-lane p { margin: 7px 0 0; color: #abb2bf; font-size: 13px; line-height: 1.65; }
.text-link { display: inline-block; color: #ff747c; font-weight: 650; font-size: 13px; text-underline-offset: 4px; }
.text-link:hover { color: #fff; text-decoration: underline; }
.work-card > .text-link { margin-top: 23px; }
.network-band { display: grid; grid-template-columns: 1fr .9fr 1.15fr 1.25fr; gap: 24px; align-items: center; padding: 24px 28px; border: 1px solid var(--line); border-radius: 20px; background: rgba(255,255,255,.022); }
.network-band > div { min-width: 0; }
.network-band .eyebrow { display: block; margin: 0 0 8px; font-size: 10px; }
.network-band small { display: block; color: var(--muted); font-size: 11px; }
.network-band strong { display: block; margin-top: 6px; font-size: 25px; letter-spacing: -.025em; overflow-wrap: anywhere; }
.network-check .text-link { margin-top: 7px; }
.status-pill { text-transform: none; letter-spacing: .02em; white-space: nowrap; font-size: 10px; }
.status-pill.delayed { color: var(--amber); border-color: rgba(241,185,87,.3); background: rgba(241,185,87,.06); }
.status-pill.unavailable { color: var(--muted); }
.status-pill.unavailable i { background: #8c95a5; }
.section { padding: 78px 0; }
.section-header { margin-bottom: 30px; gap: 50px; }
.section-header h2 { font-size: clamp(34px,4vw,49px); }
.section-header > p { font-size: 15px; }
.route-card { display: flex; flex-direction: column; align-items: flex-start; padding: 30px; }
.route-card h3 { margin: 4px 0 7px; font-size: 29px; line-height: 1.2; }
.route-card p { font-size: 15px; line-height: 1.7; }
.route-card .button { margin-top: auto; }
.route-tags { display: flex; flex-wrap: wrap; gap: 8px; margin: 7px 0 30px; }
.route-tags span { font: 600 11px ui-monospace,monospace; border: 1px solid var(--line-strong); padding: 7px 11px; border-radius: 7px; color: #c6ccd6; }
.endpoint { width: 100%; margin: 4px 0 24px; padding: 13px 16px; background: rgba(0,0,0,.2); border: 1px solid var(--line); border-radius: 10px; }
.endpoint small { display: block; color: var(--muted); margin-bottom: 5px; font-size: 10px; }
.endpoint code { color: #e8c589; overflow-wrap: anywhere; font-size: 13px; }
.toolkit-section { padding-top: 6px; }
.toolkit-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.toolkit-grid .feature-card { display: flex; flex-direction: column; padding: 27px; }
.toolkit-grid h3 { font-size: 23px; line-height: 1.2; margin-top: 28px; }
.toolkit-grid p { margin-bottom: 26px; font-size: 14px; }
.toolkit-grid .text-link { margin-top: auto; }
.community-band { display: flex; align-items: center; justify-content: space-between; gap: 32px; padding: 35px; margin-bottom: 80px; border: 1px solid var(--line-strong); border-radius: 22px; background: linear-gradient(120deg,rgba(239,63,71,.08),transparent); }
.community-band h2 { font-size: 29px; line-height: 1.2; margin: 0; letter-spacing: -.03em; }
.community-band p:not(.eyebrow) { color: var(--muted); font-size: 14px; margin: 12px 0 0; }
.community-band .hero-actions { margin: 0; flex-shrink: 0; }
.page-hero { padding: 65px 0 40px; }
.page-hero h1 { font-size: clamp(44px,6vw,72px); line-height: 1.04; }
.page-hero > p:last-child { font-size: 17px; }
.page-layout { grid-template-columns: 205px minmax(0,1fr); gap: 55px; padding-top: 48px; padding-bottom: 50px; }
.article section, [id] { scroll-margin-top: 105px; }
.article section { padding-bottom: 48px; }
.article section + section { padding-top: 48px; }
.article h2 { font-size: clamp(29px,3.5vw,42px); }
.article p { line-height: 1.75; font-size: 15px; }
.article p a { color: #ff747c; text-decoration: underline; text-underline-offset: 3px; }
.article .panel { padding: 24px; }
.article .panel h3 { margin-top: 0; }
.article .panel p { font-size: 14px; }
.schedule table { min-width: 0; }
.schedule caption { padding: 15px 18px; color: var(--muted); text-align: left; font-size: 13px; background: rgba(255,255,255,.025); }
.explain-list { margin: 26px 0; padding: 0; border-top: 1px solid var(--line); }
.explain-list > div { display: grid; grid-template-columns: 145px minmax(0,1fr); gap: 20px; padding: 21px 0; border-bottom: 1px solid var(--line); }
.explain-list dt { font-weight: 700; }
.explain-list dd { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.7; }
.reference-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.reference-grid a { border: 1px solid var(--line); border-radius: 12px; padding: 18px; font-size: 14px; color: #c6ccd6; }
.reference-grid a:hover { background: rgba(255,255,255,.03); color: #fff; }
.article .content-date { font-size: 12px; color: #9aa2b2; margin-top: 28px; }
.delivery-list { border-top: 1px solid var(--line); }
.delivery-list article { display: grid; grid-template-columns: 86px minmax(0,1fr) 135px; gap: 20px; align-items: start; padding: 24px 0; border-bottom: 1px solid var(--line); }
.delivery-state { display: inline-flex; justify-content: center; color: #baf4dc; border: 1px solid rgba(66,214,154,.22); background: rgba(66,214,154,.07); border-radius: 30px; font-size: 10px; font-weight: 700; padding: 7px 9px; }
.delivery-list h3 { margin: 0 0 7px; font-size: 20px; }
.delivery-list p { margin: 0; font-size: 14px; }
.delivery-list .text-link { padding-top: 4px; font-size: 12px; }
.priority-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 15px; }
.priority-grid .panel { padding: 23px; }
.priority-state { display: inline-block; margin-bottom: 23px; font-size: 10px; color: #ff9298; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; }
.priority-state.planned { color: #b4bccb; }
.priority-grid h3 { line-height: 1.25; }
.priority-grid p { margin-bottom: 0; }
.footer-main { grid-template-columns: .8fr 1.2fr; gap: 60px; }
.footer-columns { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; }
.footer-columns h2 { font-size: 11px; text-transform: uppercase; letter-spacing: .08em; color: #9aa2b2; margin: 0 0 18px; }
.footer-columns a { display: block; color: #c4c9d2; font-size: 13px; margin-top: 12px; }
.footer-columns a:hover { color: #fff; text-decoration: underline; text-underline-offset: 4px; }
@media (max-width: 1150px) {
  .desktop-nav, .header-cta { display: none; }
  .social-x { margin-left: auto; }
  .mobile-menu { display: block; margin-left: 0; }
  .home-hero { gap: 34px; }
  .priority-grid { grid-template-columns: 1fr; }
  .delivery-list article { grid-template-columns: 80px minmax(0,1fr); }
  .delivery-list .text-link { grid-column: 2; }
}
@media (max-width: 900px) {
  .home-hero { grid-template-columns: 1fr; }
  .home-hero h1 { max-width: 680px; }
  .work-card { max-width: 720px; }
  .network-band { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .toolkit-grid { grid-template-columns: 1fr; }
  .community-band { align-items: flex-start; flex-direction: column; }
  .footer-main { grid-template-columns: 1fr; gap: 35px; }
}
@media (max-width: 760px) {
  .home-hero { padding: 53px 0 34px; gap: 32px; }
  .home-hero h1 { font-size: clamp(40px,11vw,65px); }
  .home-hero .hero-lead { font-size: 16px; }
  .home-hero::before { display: none; }
  .work-card { padding: 25px 21px; }
  .work-lane { grid-template-columns: 38px minmax(0,1fr); padding: 17px 12px; gap: 12px; }
  .network-band { padding: 22px; gap: 25px 20px; }
  .network-band strong { font-size: 22px; }
  .network-band .eyebrow { font-size: 9px; }
  .section { padding: 51px 0; }
  .toolkit-section { padding-top: 0; }
  .section-header { grid-template-columns: 1fr; gap: 15px; }
  .route-card { padding: 24px; }
  .route-card h3 { font-size: 26px; }
  .community-band { margin-bottom: 50px; padding: 25px; gap: 23px; }
  .community-band .hero-actions { flex-shrink: 1; }
  .page-hero { padding: 49px 0 32px; }
  .page-hero h1 { font-size: clamp(40px,10vw,62px); }
  .page-layout { grid-template-columns: 1fr; gap: 35px; padding-top: 28px; }
  .toc { grid-template-columns: 1fr 1fr; }
  .explain-list > div { grid-template-columns: 1fr; gap: 6px; }
  .reference-grid { grid-template-columns: 1fr; }
  .delivery-list article { grid-template-columns: 1fr; gap: 12px; }
  .delivery-state { justify-self: start; }
  .delivery-list .text-link { grid-column: 1; }
  .schedule th, .schedule td { padding: 14px 12px; font-size: 12px; }
  .footer-columns { grid-template-columns: 1fr 1fr; gap: 30px 20px; }
}
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation: none !important; scroll-behavior: auto !important; } }