/* Media panels and a neutral, high-contrast palette inspired by the reference. */
@media screen{
  :root{--bg:#080808;--panel:#141414;--text:#f5f5f5;--muted:#b8b8ba;--subtle:#929295;--lime:#c8fa19;--title-pink:#ff4fa3}
  body{background:#080808;color:#f5f5f5}
  body::before{background:radial-gradient(ellipse at 95% 35%,#c8fa1905,transparent 50%),radial-gradient(ellipse at 0% 70%,#ff4fa306,transparent 45%)}
  .nav-shell{background:#101010f2;border-color:#ffffff18}
  .announcement{background:#101010;border-color:#ffffff16}
  .hero-aura{background:radial-gradient(ellipse at 54% 28%,#c8fa190b,transparent 49%),radial-gradient(ellipse at 15% 75%,#ff4fa30b,transparent 45%),linear-gradient(180deg,transparent 75%,#080808)}
  .hero h1 .gradient-text,h2 .gradient-text{background:none;-webkit-text-fill-color:#ff4fa3;color:#ff4fa3}
  h2,h3,h4,.form-kicker,.eyebrow{color:#ff4fa3}
  .hero h1,.hero-kicker,.brand,.media-topline{color:#f5f5f5}
  .panel,.channel-form,.calculator,.network-board,.settlement-card,.route-card,.audience-card,.service-card,.comparison-table,.quick-layout{background-color:#141414;background-image:linear-gradient(145deg,#ffffff03,transparent 75%);border-color:#ffffff16}
  .channel-form input,.channel-form select,.channel-form textarea,.number-input,.input-grid input{background:#0c0c0c;border-color:#ffffff20;color:#eee}
  .form-explainer,.form-output,.quick-answer{background:#191919;border-color:#ffffff15}
  .footer{background:#060606}.mobile-contact{background:#101010f5}
  .telegram-channel-box{background:radial-gradient(ellipse at 90% 20%,#c8fa190b,transparent 55%),#141414;border-color:#ffffff1a}
  .button.secondary{background:#171717;border-color:#ffffff2a;color:#f5f5f5}
  .button.secondary:hover{border-color:#c8fa1980;background:#202020}
  .social-icons a{background:#141414;border-color:#ffffff20;color:var(--lime)}
  .section-title-icon{color:var(--lime)}
  .primary,.mobile-contact a:first-child{color:#160b11}
  .primary .icon{color:currentColor}
}
.social-youtube,.social-tiktok{stroke:none!important;fill:currentColor}
.social-icons{flex-wrap:wrap;gap:8px}
.social-icons a{width:42px;height:42px;flex:0 0 42px}
.support-row{flex-wrap:wrap;align-items:center;gap:14px}
.hero-network-links{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin:24px 0 10px}
.hero-network-links a{display:flex;align-items:center;gap:8px;border:1px solid #ffffff1b;border-radius:50px;padding:6px 15px;background:#ffffff04;color:#d6d6d8;font-size:13px;transition:border-color .2s,transform .2s}
.hero-network-links .icon{width:18px;height:18px;color:var(--lime)}
.hero-network-links a:hover{border-color:var(--lime);transform:translateY(-2px)}
@media(max-width:600px){.mobile-contact{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:4px!important;padding:7px!important}.mobile-contact a{min-width:0!important;padding:8px 0!important;font-size:0!important;display:flex;align-items:center;justify-content:center;flex:1}.mobile-contact a>span{display:none}.mobile-contact .icon{width:21px;height:21px}}
/* Large, accessible icon links; account handles stay in destinations only. */
.contact-icon-links{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.contact-icon-links a{display:grid;place-items:center;flex:0 0 54px;width:54px;height:54px;padding:0!important;margin:0!important;border:1px solid #ffffff20;border-radius:17px;background:#141414;color:#c8fa19;transition:transform .2s,border-color .2s,background .2s}
.contact-icon-links .icon{width:29px;height:29px;flex:none}
.contact-icon-links a:nth-child(2n){color:#ff4fa3}
.contact-icon-links a:hover{transform:translateY(-4px);border-color:currentColor;background:#202020}
.contact-icon-links a:focus-visible{outline:2px solid currentColor;outline-offset:5px}
.header-social{position:relative;z-index:2;justify-content:center;margin:20px auto 0;padding:0 16px}
.header-social a{width:58px;height:58px;flex-basis:58px;border-radius:18px}
.header-social .icon{width:31px;height:31px}

.footer .footer-contact .contact-icon-links{max-width:270px;margin-top:16px}
.social-icons a,.faq-intro .social-icons a{width:50px;height:50px;flex-basis:50px}
.social-icons .icon{width:27px;height:27px}

@media(max-width:600px){.header-social{gap:7px;margin-top:16px;padding:0 10px}.header-social a{width:43px;height:43px;flex-basis:43px;border-radius:13px}.header-social .icon{width:25px;height:25px}.contact-icon-links{gap:8px}.contact-icon-links a{width:48px;height:48px;flex-basis:48px;border-radius:14px}.header-social a{width:43px;height:43px;flex-basis:43px}.contact-icon-links .icon{width:27px;height:27px}.header-social .icon{width:25px;height:25px}.footer .footer-contact .contact-icon-links{max-width:none}.social-icons a,.faq-intro .social-icons a{width:45px;height:45px;flex-basis:45px}}
@media(max-width:370px){.header-social{gap:5px}.header-social a{width:38px;height:40px;flex-basis:38px}.header-social .icon{width:24px;height:24px}}
@media(prefers-reduced-motion:reduce){.contact-icon-links a{transition:none}.contact-icon-links a:hover{transform:none}}

@media(max-width:370px){.header-social{max-width:250px;gap:8px}.header-social a{width:43px;height:43px;flex-basis:43px}.header-social .icon{width:26px;height:26px}}

/* One compact news hub with direct, script-free social links. */
.news-section{padding-top:20px;padding-bottom:40px}
.news-hub{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:40px;align-items:center;padding:36px;background:radial-gradient(ellipse at 100% 0,#c8fa190b,transparent 60%),radial-gradient(ellipse at 0 100%,#ff4fa30b,transparent 55%),#121212!important;border-color:#ffffff20}
.news-hub::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:30px 30px;pointer-events:none;mask-image:linear-gradient(90deg,#000,transparent)}
.news-copy .eyebrow{font-size:13px;margin:0 0 10px}.news-copy h2{font-size:clamp(25px,3vw,34px);line-height:1.65;margin:0 0 10px;color:#ff4fa3;letter-spacing:-.6px}.news-copy>p:last-child{font-size:15px;line-height:2.05;color:#b8b8ba;margin:0;max-width:490px}
.news-platforms{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:center;max-width:392px;width:100%;justify-self:end}
.news-platforms a{position:relative;display:grid;place-items:center;aspect-ratio:1;min-width:0;border-radius:23px;border:1px solid #c8fa1940;background:linear-gradient(145deg,#202617,#131610);color:#c8fa19;box-shadow:inset 0 1px 0 #ffffff0b,0 12px 24px #0003;transition:transform .22s,border-color .22s,box-shadow .22s}
.news-platforms a:nth-child(2n){color:#ff4fa3;border-color:#ff4fa340;background:linear-gradient(145deg,#2a1820,#181014)}
.news-platforms .icon{width:43px;height:43px;filter:drop-shadow(0 0 12px #c8fa1915)}
.news-platforms a:nth-child(2n) .icon{filter:drop-shadow(0 0 12px #ff4fa315)}
.news-platforms a:hover{transform:translateY(-6px) rotate(-3deg);border-color:currentColor;box-shadow:0 15px 35px #0007}
.news-platforms a:focus-visible{outline:3px solid currentColor;outline-offset:5px}
@media(max-width:850px){.news-hub{grid-template-columns:1fr;gap:25px;text-align:center;padding:30px}.news-copy .eyebrow{justify-content:center}.news-copy>p:last-child{margin-inline:auto}.news-platforms{justify-self:center}}
@media(max-width:600px){.news-hub{padding:25px 20px;gap:22px;border-radius:22px}.news-copy h2{font-size:26px;letter-spacing:-.4px}.news-copy>p:last-child{font-size:14px}.news-platforms{gap:9px;max-width:330px}.news-platforms a{border-radius:18px}.news-platforms .icon{width:35px;height:35px}}
@media(max-width:370px){.news-hub{padding:22px 17px}.news-copy h2{font-size:23px}.news-platforms{gap:8px}.news-platforms a{border-radius:15px}.news-platforms .icon{width:30px;height:30px}}
@media(prefers-reduced-motion:reduce){.news-platforms a{transition:none}.news-platforms a:hover{transform:none}}

/* Compact single-line header and footer social rows. */
.header-social.contact-icon-links{display:grid;grid-template-columns:repeat(7,minmax(0,38px));justify-content:center;align-items:center;gap:8px;width:fit-content;max-width:calc(100% - 32px);margin:16px auto 20px;padding:10px 12px;border:1px solid #ffffff16;border-radius:20px;background:linear-gradient(145deg,#151515,#101010);box-shadow:0 8px 24px #0003}
.header-social.contact-icon-links a{width:100%;height:auto;aspect-ratio:1;min-width:0;max-width:38px;min-height:30px;flex-basis:auto;border-radius:11px;margin:0!important}
.header-social.contact-icon-links .icon{width:21px;height:21px;max-width:70%;max-height:70%}
.header-social.contact-icon-links a:hover{transform:translateY(-2px)}
.footer .footer-brand,.footer .footer-contact{min-width:0}
.footer .footer-brand .social-icons{display:grid;grid-template-columns:repeat(6,minmax(0,32px));gap:6px;max-width:100%;width:222px}
.footer .footer-contact .contact-icon-links{display:grid;grid-template-columns:repeat(7,minmax(0,32px));gap:6px;max-width:100%;width:260px;margin-top:16px}
.footer .footer-brand .social-icons a,.footer .footer-contact .contact-icon-links a{display:grid;place-items:center;width:100%;height:32px;min-width:0;max-width:32px;flex-basis:auto;padding:0!important;border-radius:10px;margin:0!important}
.footer .footer-brand .social-icons .icon,.footer .footer-contact .contact-icon-links .icon{width:18px;height:18px;max-width:70%}
/* Compact angled labels inspired by the three marked reference badges. */
.headline-tag{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;position:relative;isolation:isolate;padding:4px 9px 5px;margin-inline-start:9px;font-family:Vazirmatn,sans-serif;font-size:12px;font-weight:850;line-height:1.35;letter-spacing:0;white-space:nowrap;color:#131517;-webkit-text-fill-color:currentColor;text-shadow:none;transform:translateY(-3px)}
.headline-tag::before{content:"";position:absolute;inset:0;border-radius:5px;transform:skewX(-10deg);z-index:-1;background:#d1fe17;box-shadow:0 2px 8px #0003}
.headline-tag--pink{color:#12090e}.headline-tag--pink::before{background:#ed1572}
.headline-tag>span{display:block}
@media(max-width:600px){.header-social.contact-icon-links{max-width:calc(100% - 28px);gap:6px;padding:8px 10px;margin:12px auto 18px;border-radius:17px}.header-social.contact-icon-links a{border-radius:10px}.header-social.contact-icon-links .icon{width:20px;height:20px}.headline-tag{font-size:11px;padding:4px 8px;margin-inline-start:7px;transform:translateY(-1px)}}
@media(prefers-reduced-motion:reduce){.header-social.contact-icon-links a:hover{transform:none}}

/* A single angled lime/pink badge language throughout the page. */
.eyebrow{gap:0!important;line-height:1.7}
.section-badge{position:relative;isolation:isolate;display:inline-block;padding:6px 14px 7px;max-width:100%;font-family:Vazirmatn,sans-serif;font-size:13px;font-weight:850;line-height:1.7;color:#131517;-webkit-text-fill-color:#131517;letter-spacing:0;text-shadow:none}
.section-badge::before{content:"";position:absolute;inset:0;z-index:-1;background:#d1fe17;border-radius:6px;transform:skewX(-9deg);box-shadow:0 5px 20px #d1fe1710}
.section-badge--pink::before{background:#ed1572;box-shadow:0 5px 20px #ed157218}
.number-tag,.step-num{position:relative;isolation:isolate;display:inline-grid;place-items:center;min-width:54px;width:max-content;height:48px;padding:6px 11px;margin-bottom:20px;font-family:Vazirmatn,sans-serif;font-size:23px;font-weight:850;line-height:1;letter-spacing:0;color:#131517;font-variant-numeric:tabular-nums}
.number-tag::before,.step-num::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:9px;background:#d1fe17;transform:skewX(-9deg);box-shadow:0 6px 20px #d1fe1710}
.audience-card:nth-child(even) .number-tag::before,.step-card:nth-child(even) .step-num::before{background:#ed1572;box-shadow:0 6px 20px #ed157216}
.step-num{min-width:66px;height:60px;font-size:30px;margin-bottom:22px}

@media(max-width:600px){.section-badge{font-size:12px;padding:5px 12px 6px}.number-tag{min-width:48px;height:44px;font-size:21px;margin-bottom:15px}.step-card{padding-right:76px}.step-num{position:absolute;right:3px;top:20px;min-width:52px;height:49px;font-size:24px;margin-bottom:0}.media-foot{gap:12px}}

.form-kicker .section-badge{font-size:17px;padding:7px 16px 9px}
@media(max-width:600px){.form-kicker .section-badge{font-size:15px}}

/* Unified angled boxes: actions, filters, labels and ordered markers. */
:root{--box-lime:#d1fe17;--box-pink:#ed1572;--box-ink:#11130c}
.ui-action,.ui-token,.hero-note,.growth-questions b,.settlement-points>div>span,.flow-steps>span,.source-card>span,.eligibility-base>span{--box-fill:var(--box-lime);position:relative;isolation:isolate;color:var(--box-ink)!important;-webkit-text-fill-color:currentColor;border:0!important;background:transparent!important;border-radius:0!important;box-shadow:none!important;text-shadow:none;letter-spacing:0}
.ui-action::before,.ui-token::before,.hero-note::before,.growth-questions b::before,.settlement-points>div>span::before,.flow-steps>span::before,.source-card>span::before,.eligibility-base>span::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:7px;background:var(--box-fill);transform:skewX(-8deg);box-shadow:0 4px 15px color-mix(in srgb,var(--box-fill) 9%,transparent);pointer-events:none;transition:filter .2s,background .2s}
.button.primary.ui-action,.filter-list .ui-action,.quick-buttons .ui-action,.hero-note,.mcn-copy .route-label,.country-card:nth-child(even) .route-label,.guide-card:nth-child(even) .guide-cat,.revenue-explainer article:nth-child(even) .metric-code,.growth-questions>p:nth-child(even) b,.settlement-points>div:nth-child(even)>span,.flow-steps>span:nth-of-type(even),.table-shell th:nth-child(even) .ui-token,.source-card:nth-child(even)>span,.step-card:nth-child(even) .step-output,.tool-heading .pill{--box-fill:var(--box-pink)}
.ui-action{display:inline-flex;align-items:center;justify-content:center;gap:9px;max-width:100%;font-family:Vazirmatn,sans-serif;font-weight:750;line-height:1.7;cursor:pointer;text-decoration:none;transition:translate .2s}
.ui-action .icon,.flow-steps .icon{color:currentColor!important;flex-shrink:0}
.ui-action:hover{color:var(--box-ink)!important;gap:9px;translate:0 -2px;transform:none}
.ui-action:hover::before{filter:brightness(1.08)}
.ui-action:focus-visible,.hero-note:focus-visible{outline:2px solid #fff;outline-offset:5px}
.ui-action[hidden]{display:none!important}
.ui-action:disabled{opacity:.45;cursor:not-allowed;translate:none}
.button.ui-action{padding:12px 23px;min-height:49px}
.text-link.ui-action{padding:8px 14px;font-size:13px;min-height:39px;width:fit-content;white-space:normal}
.text-link.ui-action .icon{width:16px;height:16px}
.question-chips .ui-action,.quick-buttons .ui-action,.filter-list .ui-action{padding:8px 13px;font-size:12px;min-height:38px}
.filter-list .ui-action[aria-pressed=true],.quick-buttons .ui-action[aria-pressed=true]{--box-fill:var(--box-lime)}
.filter-list .ui-action[aria-pressed=true]::before,.quick-buttons .ui-action[aria-pressed=true]::before{box-shadow:0 0 0 2px #fff,0 4px 18px #d1fe1720}
.question-chips .ui-action:nth-child(even){--box-fill:var(--box-pink)}
.filter-list,.quick-buttons,.question-chips{gap:10px 12px}
.ui-token,.source-card>span,.eligibility-base>span{display:inline-flex;align-items:center;justify-content:center;width:fit-content;max-width:100%;padding:5px 12px;font-size:12px;font-weight:800;line-height:1.7}
.country-top{flex-wrap:wrap;gap:14px}
.country-card .route-label{font-size:13px}
.route-label{margin-bottom:12px}
.country-top .route-label{margin:0}
.guide-cat{padding:6px 12px;margin-bottom:18px}
.guide-card details>summary.ui-action{padding:8px 13px;width:fit-content;min-height:38px;font-size:12px;gap:18px}
.guide-card details>summary.ui-action>span{color:currentColor}
.revenue-explainer .metric-code{position:absolute;right:0;top:3px;width:72px;min-height:42px;padding:6px 8px;font-size:17px;direction:ltr}
.revenue-explainer article{padding-right:94px}
.growth-questions b,.settlement-points>div>span{display:inline-grid;place-items:center;flex:0 0 42px;width:42px;height:42px;padding:0;font-size:20px;font-weight:850;line-height:1;font-variant-numeric:tabular-nums}
.growth-questions b{margin-top:3px}
.settlement-points>div>span{margin-top:4px}
.flow-steps>span{min-width:78px;padding:12px 10px;font-weight:750}
.step-output.ui-token{font-size:11px;justify-content:flex-start;padding:6px 10px}
.source-card>span{font-size:11px;min-height:30px;margin-bottom:15px}
.table-shell thead th{background:#171717}
.table-shell thead .ui-token{font-size:14px;min-height:35px;padding:6px 13px;white-space:nowrap}
.hero-note{padding:9px 14px;gap:11px;font-weight:650;line-height:1.8}
.hero-note>.hero-note-label{background:var(--box-lime);color:var(--box-ink);border-radius:5px;padding:3px 8px;font-weight:850;white-space:nowrap}
.hero-note .icon{color:var(--box-ink)}
.growth-art .growth-badge{position:absolute;padding:9px 15px;font-size:13px}

@media(max-width:600px){
 .button.ui-action{padding:11px 16px;min-height:45px;font-size:13px}
 .nav-cta.button.ui-action{padding:8px 12px;min-height:37px;font-size:11px}
 .text-link.ui-action{font-size:12px;padding:7px 11px;min-height:36px}
 .quick-buttons .ui-action,.filter-list .ui-action,.question-chips .ui-action{font-size:11px;padding:7px 10px;min-height:36px}
 .filter-list,.quick-buttons,.question-chips{gap:10px}
 .hero-note{font-size:9px;gap:7px;padding:7px 9px;max-width:calc(100% - 8px)}
 .hero-note>.hero-note-label{font-size:9px;padding:2px 6px}
 .hero-note .icon{width:13px;flex-shrink:0}
 .country-card .route-label{font-size:12px}
 .revenue-explainer article{padding-right:87px}
 .revenue-explainer .metric-code{width:66px;font-size:15px;min-height:39px}
 .growth-questions b,.settlement-points>div>span{flex-basis:36px;width:36px;height:36px;font-size:18px}
 .flow-steps>span{min-width:0;flex:1;font-size:11px;padding:10px 6px}
 .flow-steps{gap:7px}.flow-steps i{font-size:16px}
 .step-output.ui-token{font-size:10px;padding:5px 8px}
 .guide-card details>summary.ui-action{font-size:12px}
 
}
@media(prefers-reduced-motion:reduce){.ui-action,.ui-action::before{transition:none}.ui-action:hover{translate:none}}

/* Keep utility controls and all support icon rows consistent on narrow screens. */
.floating-help.ui-action{position:fixed;padding:9px 14px;font-size:11px;--box-fill:var(--box-lime)}
@media(max-width:600px){
 .faq-intro .social-icons,.start-copy .social-icons{display:grid;grid-template-columns:repeat(6,minmax(0,40px));gap:7px;width:fit-content;max-width:100%}
 .faq-intro .social-icons a,.start-copy .social-icons a{width:100%;height:auto;aspect-ratio:1;min-width:0;max-width:40px}
 .faq-intro .social-icons .icon,.start-copy .social-icons .icon{width:20px;height:20px;max-width:65%}
 .floating-help.ui-action{font-size:10px;padding:8px 11px}
}

/* Direct education links: no embedded media or remote feed. */
#news{scroll-margin-top:130px}
.news-hub{gap:34px;padding:35px;overflow:visible}
.education-links{min-width:0;max-width:360px;width:100%;justify-self:end}
.education-label{text-align:center;font-size:17px;font-weight:800;color:#f5f5f5;margin-bottom:16px}
.news-platforms{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-width:360px}
.news-platforms .education-link{display:flex;flex-direction:column;gap:9px;aspect-ratio:auto;min-height:92px;min-width:0;width:100%;padding:14px 6px;font-size:12px;line-height:1.7;--box-fill:var(--box-lime)}
.news-platforms .education-link:nth-child(even){--box-fill:var(--box-pink)}
.news-platforms .education-link .icon{width:28px;height:28px;max-width:100%}
.news-platforms .education-link .telegram{fill:none}
.news-platforms .education-link:hover{gap:9px;transform:none}
@media(max-width:600px){.news-hub{padding:25px 20px;gap:25px}.education-label{font-size:15px;margin-bottom:13px}.news-platforms{gap:10px;max-width:100%}.news-platforms .education-link{min-height:77px;font-size:10px;padding:10px 4px;gap:7px}.news-platforms .education-link .icon{width:24px;height:24px}.news-platforms .education-link:hover{gap:7px}}

@media(max-width:850px){.education-links{justify-self:center}}

/* Card-level accents keep related labels and actions visually consistent. */
[data-accent="lime"]{--card-accent:var(--box-lime)}
[data-accent="pink"]{--card-accent:var(--box-pink)}
[data-accent] .ui-token,[data-accent] .ui-action{--box-fill:var(--card-accent)}
[data-accent] .number-tag::before{background:var(--card-accent);box-shadow:0 6px 20px color-mix(in srgb,var(--card-accent) 9%,transparent)}
[data-accent] .check-list .icon{color:var(--card-accent)}
.audience-card[data-accent]::before{background:color-mix(in srgb,var(--card-accent) 15%,transparent)}
/* Green section/MCN badges; guide reading actions stay green. */
.mcn-feature .route-label,.guide-card details>summary.ui-action{--box-fill:var(--box-lime)}
/* Pink upper labels contrast with green figures, actions and step outputs. */
.eligibility-base>span,.eligibility-option .ui-token,.guide-card[data-accent] .guide-cat{--box-fill:var(--box-pink)}
.audience-card[data-accent] .number-tag::before,.step-card .step-num::before{background:var(--box-pink);box-shadow:0 6px 20px #ed157216}
.audience-card[data-accent]>.ui-action,.step-card .step-output.ui-token{--box-fill:var(--box-lime)}
.country-card{display:flex;flex-direction:column}
.country-card>.text-link{align-self:flex-start;margin-top:auto}
.country-card>.check-list{margin-bottom:20px}
.audience-card{display:flex;flex-direction:column;align-items:flex-start}
.audience-card>p{margin-bottom:20px}
.audience-card>.text-link{margin-top:auto}
.guide-grid{align-items:stretch}
.guide-card{display:flex;flex-direction:column;align-items:flex-start;padding:25px 27px}
.guide-card>.guide-cat{margin-bottom:15px}
.guide-card>p{margin-bottom:18px}
.guide-card>details{width:100%;margin-top:auto;border-top:0}
.guide-card details>summary.ui-action{min-height:40px}
.guide-grid:has(details[open]){align-items:start}
/* Compact footer: one social row and two short links per navigation group. */
.footer{padding-top:32px}
.footer-main{grid-template-columns:1.05fr .8fr .8fr 1.25fr;gap:25px;align-items:start;padding-bottom:26px}
.footer-brand>p{margin:10px 0 0;font-size:12px}
.footer h2{margin:0 0 12px;font-size:13px;line-height:1.8}
.footer .footer-main .footer-links>a{margin:5px 0;font-size:12px;line-height:1.8}
.footer .footer-contact .contact-icon-links{margin-top:0;width:260px;max-width:100%}
.footer-bottom{padding:15px 0}
@media(max-width:1100px) and (min-width:901px){.footer-main{grid-template-columns:1fr .8fr .8fr 1.3fr;gap:18px}.footer .footer-contact .contact-icon-links{gap:5px}}
@media(max-width:900px){.footer-main{grid-template-columns:1fr 1fr;gap:24px}.footer-contact{grid-column:2;grid-row:1}.footer-brand{grid-column:1;grid-row:1}.footer .footer-contact .contact-icon-links{width:100%;max-width:260px}}
@media(max-width:600px){
 .guide-card{padding:22px}
 .footer{padding-top:27px;padding-bottom:74px}
 .footer-main{gap:22px 18px;padding-bottom:22px}
 .footer-brand{grid-column:1/-1;grid-row:auto;display:flex;align-items:center;justify-content:space-between;gap:12px}
 .footer-brand>p{margin:0;max-width:120px;font-size:11px}
 .footer-contact{grid-column:1/-1;grid-row:auto;display:block;padding-top:18px;border-top:1px solid #ffffff0c}
 .footer .footer-contact .contact-icon-links{width:260px}
 .footer h2{font-size:13px;margin-bottom:9px}
 .footer .footer-main .footer-links>a{font-size:12px;line-height:1.8;margin:5px 0}
 .footer-bottom{gap:5px;padding:13px 0}
}

/* The three cooperation routes in the compact hero banner. */
.hero-note{--box-fill:var(--box-lime);min-height:52px;gap:13px;padding:8px 13px;white-space:nowrap}
.hero-note>.hero-note-label{background:var(--box-pink);font-size:12px;padding:5px 9px;flex-shrink:0}
.hero-route-icons{display:flex;align-items:center;gap:12px;min-width:0}
.hero-route-flag{display:block;width:38px;height:28px;object-fit:contain;flex:0 0 auto;filter:drop-shadow(0 2px 3px #0002)}
.hero-mcn-mark{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:30px;padding:4px 8px;border-radius:6px;background:#11130c;color:#fff;direction:ltr;line-height:1;flex-shrink:0}
.hero-mcn-mark .icon{width:18px;height:18px;color:var(--box-lime);stroke-width:1.8}
.hero-mcn-mark b{font-size:12px;font-weight:850;letter-spacing:.3px}
.hero-note>.hero-note-arrow{width:17px;height:17px;flex-shrink:0}
@media(max-width:600px){
 .hero-note{min-height:46px;gap:9px;padding:7px 10px}
 .hero-note>.hero-note-label{font-size:10px;padding:5px 7px}
 .hero-route-icons{gap:9px}
 .hero-route-flag{width:32px;height:24px}
 .hero-mcn-mark{min-height:27px;padding:4px 6px;gap:4px}
 .hero-mcn-mark .icon{width:15px;height:15px}
 .hero-mcn-mark b{font-size:10px}
 .hero-note>.hero-note-arrow{width:14px;height:14px}
}