:root {
  color-scheme: dark;
  --ink: #080d15;
  --ink-soft: #0d1420;
  --panel: #111b29;
  --panel-line: rgba(181, 200, 222, .13);
  --text: #f0f3f7;
  --muted: #97a5b6;
  --blue: #78a9e8;
  --gold: #d9bb7d;
  --gold-bright: #ebd397;
  --sans: "DM Sans", sans-serif;
  --display: "Manrope", sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 90px; }
body { margin: 0; background: var(--ink); color: var(--text); font-family: var(--sans); font-size: 15px; line-height: 1.6; -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
button { font: inherit; }
.site-shell { overflow: hidden; }
.section-wrap { width: min(1160px, calc(100% - 64px)); margin-inline: auto; }
.site-header { position: relative; z-index: 5; display: flex; align-items: center; justify-content: space-between; width: min(1320px, calc(100% - 64px)); height: 88px; margin: auto; border-bottom: 1px solid rgba(188, 204, 224, .12); }
.brand { display: inline-flex; align-items: center; gap: 11px; flex: 0 0 auto; }
/* The skew that tilted the old three-bar mark is removed: it would shear the
   eagle emblem. object-fit: contain letterboxes the logo without distortion. */
.brand-mark { width: 26px; height: 28px; display: flex; align-items: center; justify-content: center; }
.brand .brand-mark img { width: 100%; height: 100%; object-fit: contain; display: block; }
.brand-mark span { display: block; width: 6px; border: 1px solid var(--gold); border-radius: 2px; }
.brand-mark span:nth-child(1) { height: 13px; opacity: .55; }
.brand-mark span:nth-child(2) { height: 23px; }
.brand-mark span:nth-child(3) { height: 17px; opacity: .75; }
.brand-name { font: 800 18px/1 var(--display); letter-spacing: 0; }
.brand-name > span { color: var(--gold); font-weight: 500; }
.primary-nav { display: flex; align-items: center; gap: clamp(16px, 2vw, 31px); height: 100%; }
.primary-nav > a, .nav-login { color: #bec8d4; font-size: 12px; transition: color .2s ease; }
.primary-nav > a:hover, .nav-login:hover { color: var(--gold-bright); }
.nav-actions { display: flex; align-items: center; gap: 21px; margin-left: 3px; }
.button { display: inline-flex; min-height: 50px; align-items: center; justify-content: center; gap: 18px; padding: 0 21px; border: 1px solid transparent; border-radius: 2px; font-size: 12px; font-weight: 700; transition: background .2s ease, border-color .2s ease, transform .2s ease; }
.button:hover { transform: translateY(-2px); }
.button-small { min-height: 39px; padding-inline: 16px; }
.button-gold { color: #11151b; background: var(--gold); }
.button-gold:hover { background: var(--gold-bright); }
.button-outline { border-color: rgba(217, 187, 125, .65); color: var(--gold-bright); }
.button-outline:hover { background: rgba(217, 187, 125, .08); }
.menu-toggle { display: none; }
.hero { position: relative; display: grid; grid-template-columns: 1.03fr .97fr; align-items: center; gap: 56px; min-height: 620px; padding-top: 56px; padding-bottom: 70px; }
.hero::before { position: absolute; z-index: -1; top: -90px; left: -30vw; width: 120vw; height: 670px; background: radial-gradient(ellipse at 56% 32%, rgba(34, 66, 103, .24), transparent 55%), linear-gradient(135deg, transparent 45%, rgba(181, 149, 90, .035) 45.1%, transparent 45.3%); content: ""; pointer-events: none; }
.hero-copy { position: relative; z-index: 1; padding-bottom: 14px; animation: enter .7s both; }
.eyebrow, .section-kicker, .visual-label, .visual-topline, .plan-index, .plan-amount > span, .plan-metrics > div > span, .trust-inner, .scroll-cue { font-size: 9px; letter-spacing: .13em; }
.eyebrow { display: flex; align-items: center; gap: 9px; color: #b0becd; }
.status-dot, .live-indicator i { width: 6px; height: 6px; display: inline-block; border-radius: 50%; background: var(--gold); box-shadow: 0 0 11px rgba(217, 187, 125, .48); }
h1, h2, h3, p { margin-top: 0; }
h1, h2, h3 { font-family: var(--display); }
h1 { margin: 25px 0 20px; font-size: clamp(45px, 5.3vw, 69px); line-height: 1.08; font-weight: 600; letter-spacing: 0; }
h1 span { color: var(--gold); }
.hero-description { max-width: 460px; color: #a8b3c1; font-size: 14px; line-height: 1.85; }
.hero-actions { display: flex; align-items: center; gap: 27px; margin-top: 30px; }
.text-link { display: inline-flex; align-items: center; gap: 11px; color: #d6dce4; font-size: 12px; }
.text-link span, .plan-link span { color: var(--gold); transition: transform .2s ease; }
.text-link:hover span, .plan-link:hover span { transform: translateX(3px); }
.hero-footnote { display: flex; align-items: center; gap: 9px; margin-top: 34px; color: #8593a4; font-size: 10px; }
.shield-icon { color: var(--gold); font-size: 16px; }
.hero-visual { position: relative; min-width: 0; min-height: 400px; padding: 24px 26px 19px; border: 1px solid rgba(168, 192, 221, .16); background: linear-gradient(145deg, rgba(22, 34, 49, .94), rgba(11, 17, 27, .97)); box-shadow: 0 24px 80px rgba(0, 0, 0, .24); animation: enter .8s .12s both; }
.hero-visual::before { position: absolute; top: -1px; right: 31px; width: 80px; height: 1px; background: var(--gold); content: ""; }
.visual-topline { display: flex; justify-content: space-between; color: #718094; font-size: 8px; }
.live-indicator { display: inline-flex; align-items: center; gap: 6px; color: var(--gold); font-size: 8px; }
.live-indicator i { width: 5px; height: 5px; }
.visual-heading { display: flex; align-items: flex-end; justify-content: space-between; margin-top: 25px; }
.visual-heading > div { display: grid; gap: 3px; }
.visual-label { color: #7f8c9b; font-size: 8px; }
.visual-heading strong { font: 600 17px var(--display); }
.visual-period { padding: 5px 8px; border: 1px solid var(--panel-line); color: #acb6c2; font-size: 9px; }
.visual-value { display: flex; align-items: baseline; gap: 11px; margin-top: 15px; }
.visual-value > strong { font: 600 29px var(--display); letter-spacing: 0; }
.visual-value > strong span { color: #a7b2c0; font-size: 17px; }
.visual-change { color: #86c6a1; font-size: 10px; }
.visual-change small { color: #788697; }
.chart-area { position: relative; height: 140px; margin-top: 12px; overflow: hidden; }
.chart-grid { position: absolute; inset: 0 0 20px; display: flex; flex-direction: column; justify-content: space-between; background: repeating-linear-gradient(to bottom, transparent 0, transparent calc(33.33% - 1px), rgba(169, 187, 211, .11) calc(33.33% - 1px), rgba(169, 187, 211, .11) 33.33%); }
.chart-grid span { position: relative; z-index: 1; width: max-content; color: #718093; font-size: 8px; }
.chart-line { position: absolute; top: 13px; right: 2%; bottom: 27px; left: 10%; clip-path: polygon(0 78%, 8% 72%, 15% 78%, 23% 55%, 31% 65%, 39% 45%, 47% 55%, 56% 41%, 62% 51%, 70% 32%, 78% 38%, 85% 14%, 92% 27%, 100% 0, 100% 4%, 92% 31%, 85% 18%, 78% 42%, 70% 36%, 62% 55%, 56% 45%, 47% 59%, 39% 49%, 31% 69%, 23% 59%, 15% 82%, 8% 76%, 0 82%); background: var(--blue); filter: drop-shadow(0 0 7px rgba(120, 169, 232, .2)); }
.chart-line::before { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(120, 169, 232, .15), transparent); content: ""; }
.chart-glow { position: absolute; top: 0; right: 0; width: 25%; height: 100%; background: linear-gradient(90deg, transparent, rgba(120, 169, 232, .15)); }
.chart-point { position: absolute; top: 0; right: 0; width: 7px; height: 7px; border: 2px solid #b9d7fa; border-radius: 50%; background: #6895cb; box-shadow: 0 0 10px rgba(120, 169, 232, .8); }
.chart-dates { position: absolute; right: 0; bottom: 0; left: 10%; display: flex; justify-content: space-between; color: #748195; font-size: 8px; }
.visual-assets { margin-top: 10px; border-top: 1px solid var(--panel-line); }
.asset-row { display: grid; grid-template-columns: 27px 1fr auto 42px; align-items: center; gap: 9px; min-height: 39px; border-bottom: 1px solid rgba(181, 200, 222, .07); }
.asset-icon { display: grid; width: 22px; height: 22px; place-items: center; border-radius: 50%; font-size: 11px; }
.bitcoin { background: rgba(217, 187, 125, .14); color: var(--gold); }
.ethereum { background: rgba(120, 169, 232, .13); color: var(--blue); }
.asset-name { color: #dce2e9; font-size: 10px; }
.asset-name small { margin-left: 4px; color: #78889a; font-size: 8px; }
.asset-price { color: #aab5c1; font-size: 9px; }
.asset-positive { color: #86c6a1; text-align: right; font-size: 9px; }
.visual-stamp { position: absolute; right: -16px; bottom: 50px; padding: 8px 10px; border: 1px solid rgba(217, 187, 125, .35); background: var(--ink); color: var(--gold); font-size: 7px; line-height: 1.55; letter-spacing: .1em; transform: rotate(4deg); }
.scroll-cue { position: absolute; bottom: 29px; left: 0; display: flex; align-items: center; gap: 10px; color: #7e8a99; font-size: 8px; }
.scroll-cue span { width: 25px; height: 1px; background: var(--gold); }
.trust-strip { border-top: 1px solid rgba(188, 204, 224, .1); border-bottom: 1px solid rgba(188, 204, 224, .1); background: #0b121c; }
.trust-inner { display: flex; min-height: 67px; align-items: center; justify-content: center; gap: clamp(20px, 4vw, 56px); color: #94a1b0; font-size: 8px; }
.trust-inner i { width: 3px; height: 3px; border-radius: 50%; background: var(--gold); }
.intro-section { padding-top: 112px; padding-bottom: 110px; }
.section-kicker { color: var(--gold); font-size: 9px; }
.intro-content { display: grid; grid-template-columns: 1fr .66fr; align-items: end; gap: 80px; margin-top: 19px; }
h2 { margin-bottom: 0; font-size: clamp(32px, 4vw, 47px); line-height: 1.17; font-weight: 500; letter-spacing: 0; }
.intro-aside p { margin-bottom: 15px; color: #9ca9b8; font-size: 12px; line-height: 1.85; }
.principles-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 37px; margin-top: 69px; }
.principle { position: relative; min-height: 174px; padding: 26px 25px 0 0; border-top: 1px solid var(--panel-line); }
.principle-number { position: absolute; top: 26px; right: 4px; color: #647184; font-size: 9px; }
.principle-icon { color: var(--gold); font-size: 21px; }
.principle h3 { margin: 15px 0 6px; font-size: 16px; font-weight: 600; }
.principle p { max-width: 290px; margin-bottom: 0; color: #8e9baa; font-size: 11px; line-height: 1.8; }
.plans-section { padding: 98px 0 91px; border-top: 1px solid rgba(188, 204, 224, .1); border-bottom: 1px solid rgba(188, 204, 224, .1); background: radial-gradient(ellipse at 50% 0%, rgba(35, 60, 89, .22), transparent 60%), #0b121b; }
.section-heading-row { display: flex; align-items: end; justify-content: space-between; gap: 40px; }
.section-heading-row h2 { margin-top: 17px; }
.section-heading-row > p { max-width: 330px; margin-bottom: 5px; color: #94a1af; font-size: 11px; line-height: 1.8; }
.demo-alert { display: flex; align-items: center; gap: 14px; margin: 32px 0 25px; padding: 13px 16px; border: 1px solid rgba(217, 187, 125, .27); background: rgba(217, 187, 125, .045); }
.alert-mark { display: grid; width: 23px; height: 23px; flex: 0 0 auto; place-items: center; border: 1px solid rgba(217, 187, 125, .58); border-radius: 50%; color: var(--gold); font: 600 11px var(--display); }
.demo-alert p { margin: 0; color: #a6b0bc; font-size: 10px; line-height: 1.7; }
.demo-alert strong { color: var(--gold-bright); font-weight: 600; }
.plan-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; }
.plan-card { position: relative; min-width: 0; padding: 24px 23px 18px; border: 1px solid rgba(175, 194, 216, .16); background: linear-gradient(150deg, rgba(20, 31, 45, .9), rgba(12, 19, 29, .96)); }
.plan-featured { border-color: rgba(217, 187, 125, .55); background: linear-gradient(150deg, rgba(38, 39, 41, .86), rgba(15, 21, 29, .96)); }
.plan-top { display: flex; align-items: center; justify-content: space-between; min-height: 19px; }
.plan-index { color: #8391a1; font-size: 8px; }
.plan-symbol { color: var(--gold); font-size: 17px; }
.featured-tag { padding: 4px 7px; border: 1px solid rgba(217, 187, 125, .35); color: var(--gold); font-size: 7px; letter-spacing: .12em; }
.plan-card h3 { margin: 23px 0 1px; font-size: 24px; font-weight: 600; letter-spacing: 0; }
.plan-subtitle { margin-bottom: 20px; color: #8491a0; font-size: 10px; }
.plan-amount { padding: 14px 0 17px; border-top: 1px solid var(--panel-line); border-bottom: 1px solid var(--panel-line); }
.plan-amount > span, .plan-metrics > div > span { display: block; color: #8794a3; font-size: 7px; }
.plan-amount strong { display: block; margin-top: 7px; color: #e9edf2; font: 600 clamp(15px, 1.5vw, 18px) var(--display); white-space: nowrap; }
.plan-amount i { padding-inline: 3px; color: #9ba6b2; font-size: 13px; font-style: normal; }
.plan-metrics { display: grid; grid-template-columns: 1fr 1fr; padding: 17px 0 19px; }
.plan-metrics > div + div { padding-left: 15px; border-left: 1px solid var(--panel-line); }
.plan-metrics strong { display: block; margin-top: 7px; color: var(--gold-bright); font: 500 22px var(--display); }
.plan-metrics strong small { color: #c0c8d1; font-size: 10px; }
.plan-link { display: flex; align-items: center; justify-content: space-between; padding-top: 13px; border-top: 1px solid var(--panel-line); color: #bbc4cf; font-size: 10px; }
.plan-disclaimer { max-width: 730px; margin: 20px auto 0; color: #7f8b9a; text-align: center; font-size: 9px; line-height: 1.8; }
.process-section { display: grid; grid-template-columns: .75fr 1.25fr; column-gap: 75px; padding-top: 110px; padding-bottom: 108px; }
.process-section > .section-kicker { grid-column: 1 / -1; margin-bottom: 19px; }
.process-heading h2 { font-size: clamp(31px, 3.6vw, 42px); }
.process-heading p { max-width: 310px; margin-top: 18px; color: #96a3b1; font-size: 11px; line-height: 1.8; }
.process-steps { border-top: 1px solid var(--panel-line); }
.process-steps article { display: grid; grid-template-columns: 53px 1fr; gap: 12px; padding: 19px 0; border-bottom: 1px solid var(--panel-line); }
.process-steps article > span { color: var(--gold); font: 500 11px var(--display); }
.process-steps h3 { margin: 0 0 5px; font-size: 14px; font-weight: 600; }
.process-steps p { margin: 0; color: #8e9baa; font-size: 10px; }
.faq-section { padding: 93px 0 101px; border-top: 1px solid rgba(188, 204, 224, .1); background: #0b121b; }
.faq-layout { display: grid; grid-template-columns: .72fr 1.28fr; gap: 100px; }
.faq-layout h2 { margin-top: 18px; font-size: 39px; }
.faq-layout > div:first-child > p { margin-top: 17px; color: #8d9aaa; font-size: 11px; }
.faq-list { border-top: 1px solid var(--panel-line); }
.faq-list details { border-bottom: 1px solid var(--panel-line); }
.faq-list summary { display: flex; min-height: 63px; align-items: center; justify-content: space-between; gap: 15px; cursor: pointer; list-style: none; color: #d8dee6; font: 500 13px var(--display); }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary span { color: var(--gold); font-size: 19px; transition: transform .2s ease; }
.faq-list details[open] summary span { transform: rotate(45deg); }
.faq-list details p { max-width: 590px; margin: -3px 25px 18px 0; color: #97a3b1; font-size: 11px; line-height: 1.8; }
.closing-cta { position: relative; display: flex; min-height: 310px; align-items: center; justify-content: space-between; overflow: hidden; }
.closing-cta .section-kicker { margin-bottom: 14px; }
.closing-cta h2 { font-size: 39px; }
.closing-cta p { margin: 12px 0 0; color: #9aa6b4; font-size: 11px; }
.closing-orbit { position: absolute; top: -110px; right: 16%; width: 350px; height: 350px; border: 1px solid rgba(120, 169, 232, .1); border-radius: 50%; pointer-events: none; }
.closing-orbit::before, .closing-orbit::after { position: absolute; inset: 35px; border: 1px solid rgba(217, 187, 125, .13); border-radius: 50%; content: ""; }
.closing-orbit::after { inset: 78px; border-color: rgba(120, 169, 232, .1); }
.closing-orbit i { position: absolute; top: 50%; left: -4px; width: 7px; height: 7px; border-radius: 50%; background: var(--gold); box-shadow: 0 0 13px rgba(217, 187, 125, .55); }
.closing-orbit i:nth-child(2) { top: 17%; left: 76%; width: 5px; height: 5px; background: var(--blue); }
.closing-orbit i:nth-child(3) { top: 80%; left: 88%; width: 4px; height: 4px; }
.closing-cta > .button { position: relative; z-index: 1; }
.site-footer { display: flex; min-height: 104px; align-items: center; gap: 26px; padding: 20px max(32px, calc((100% - 1320px) / 2)); border-top: 1px solid rgba(188, 204, 224, .12); background: #0b121b; }
.footer-brand .brand-mark { transform: scale(.83); }
.footer-brand .brand-name { font-size: 15px; }
.site-footer > p { margin: 0 auto 0 0; color: #7f8b9a; font-size: 9px; }
.footer-note, .copyright { color: #7f8b9a; font-size: 9px; }
@keyframes enter { from { opacity: 0; transform: translateY(13px); } to { opacity: 1; transform: translateY(0); } }

@media (max-width: 1000px) {
  .primary-nav { gap: 14px; }
  .primary-nav > a, .nav-login { font-size: 10px; }
  .nav-actions { gap: 13px; }
  .hero { gap: 30px; }
  .hero-visual { padding-inline: 20px; }
  .section-wrap { width: min(100% - 48px, 1160px); }
  .plan-card { padding-inline: 17px; }
  .plan-amount strong { font-size: 15px; }
  .faq-layout { gap: 55px; }
}
@media (max-width: 760px) {
  html { scroll-padding-top: 70px; }
  .section-wrap { width: calc(100% - 40px); }
  .site-header { width: calc(100% - 40px); height: 72px; }
  .menu-toggle { display: flex; width: 40px; height: 40px; flex-direction: column; align-items: center; justify-content: center; gap: 6px; border: 1px solid var(--panel-line); background: transparent; color: var(--text); cursor: pointer; }
  .menu-toggle span { width: 16px; height: 1px; background: #dbe2ea; transition: transform .2s ease; }
  .menu-toggle[aria-expanded="true"] span:first-child { transform: translateY(3.5px) rotate(45deg); }
  .menu-toggle[aria-expanded="true"] span:last-child { transform: translateY(-3.5px) rotate(-45deg); }
  .primary-nav { position: absolute; top: 71px; right: -20px; left: -20px; display: none; height: auto; align-items: stretch; gap: 0; padding: 10px 20px 20px; border-bottom: 1px solid var(--panel-line); background: #0b121b; }
  .primary-nav.is-open { display: flex; flex-direction: column; }
  .primary-nav > a { padding: 11px 0; border-bottom: 1px solid rgba(188, 204, 224, .08); font-size: 12px; }
  .nav-actions { justify-content: space-between; margin: 17px 0 0; }
  .nav-login { font-size: 12px; }
  .hero { grid-template-columns: 1fr; gap: 40px; min-height: 0; padding-top: 62px; padding-bottom: 70px; }
  .hero::before { top: -60px; left: -70vw; width: 180vw; }
  h1 { font-size: clamp(46px, 10vw, 64px); }
  .hero-description { max-width: 530px; }
  .hero-visual { width: min(100%, 510px); justify-self: center; }
  .scroll-cue { bottom: 25px; }
  .trust-inner { min-height: 67px; flex-wrap: wrap; gap: 9px 17px; padding: 15px 20px; font-size: 7px; }
  .trust-inner i { width: 2px; height: 2px; }
  .intro-section { padding-top: 80px; padding-bottom: 78px; }
  .intro-content { grid-template-columns: 1fr; gap: 18px; }
  .intro-content h2 { font-size: 39px; }
  .intro-aside p { max-width: 520px; }
  .principles-grid { gap: 19px; margin-top: 44px; }
  .principle { padding-right: 0; }
  .principle p { font-size: 10px; }
  .plans-section { padding: 75px 0 69px; }
  .section-heading-row { align-items: start; flex-direction: column; gap: 13px; }
  .section-heading-row > p { max-width: 480px; }
  .plan-grid { grid-template-columns: 1fr; gap: 12px; }
  .plan-card { padding: 21px; }
  .plan-card h3 { margin-top: 17px; }
  .plan-amount strong { font-size: 18px; }
  .plan-metrics { padding: 14px 0; }
  .plan-metrics strong { font-size: 21px; }
  .process-section { grid-template-columns: 1fr; row-gap: 24px; padding-top: 78px; padding-bottom: 79px; }
  .process-section > .section-kicker { margin-bottom: -4px; }
  .process-heading { display: grid; grid-template-columns: 1fr .75fr; align-items: end; gap: 20px; }
  .process-heading h2 { font-size: 33px; }
  .process-heading p { margin: 0; }
  .faq-section { padding: 75px 0 78px; }
  .faq-layout { grid-template-columns: 1fr; gap: 30px; }
  .faq-layout h2 { font-size: 36px; }
  .faq-layout > div:first-child > p { margin-top: 9px; }
  .closing-cta { min-height: 280px; }
  .closing-orbit { right: -28%; opacity: .7; }
  .site-footer { flex-wrap: wrap; gap: 11px 20px; padding: 20px; }
  .site-footer > p { flex: 1 1 45%; }
  .footer-note { flex: 1 1 50%; }
}
@media (max-width: 480px) {
  .hero-actions { align-items: flex-start; flex-direction: column; gap: 17px; }
  .hero-visual { min-height: 385px; padding: 20px 16px 15px; }
  .visual-stamp { right: -7px; }
  .visual-value > strong { font-size: 25px; }
  .trust-inner { justify-content: center; }
  .trust-inner span { white-space: nowrap; }
  .trust-inner i:nth-of-type(2) { display: none; }
  .principles-grid { grid-template-columns: 1fr; gap: 15px; }
  .principle { min-height: 0; padding: 18px 25px 16px 0; }
  .principle-icon { font-size: 18px; }
  .principle h3 { margin-top: 8px; }
  .section-heading-row h2, .intro-content h2 { font-size: 34px; }
  .demo-alert { align-items: flex-start; padding: 12px; }
  .process-heading { grid-template-columns: 1fr; gap: 9px; }
  .process-heading p { max-width: 380px; }
  .closing-cta { min-height: 315px; align-items: flex-start; flex-direction: column; justify-content: center; gap: 22px; }
  .closing-cta h2 { font-size: 35px; }
  .closing-orbit { top: -30px; right: -55%; opacity: .42; }
  .site-footer > p { flex-basis: 100%; }
  .footer-note { flex-basis: 100%; }
  .copyright { margin-left: auto; }
}
.language { position: relative; }
.language-button { display: inline-flex; align-items: center; gap: 8px; min-height: 39px; padding: 0 10px; border: 1px solid rgba(181, 200, 222, .2); border-radius: 4px; background: rgba(13, 20, 32, .85); color: var(--text); font: inherit; font-size: 12px; font-weight: 600; cursor: pointer; }
.language-button::before { content: "\1F310"; font-size: 14px; }
.language-current::before { content: attr(data-flag) " "; }
.language-caret { width: 7px; height: 7px; border-right: 1px solid currentColor; border-bottom: 1px solid currentColor; transform: rotate(45deg) translate(-2px, -2px); }
.language-panel { position: absolute; top: calc(100% + 8px); right: 0; z-index: 70; width: 220px; max-height: 330px; overflow-y: auto; padding: 8px; border: 1px solid var(--panel-line); border-radius: 8px; background: #0d1420; box-shadow: 0 18px 44px rgba(0, 0, 0, .45); opacity: 0; visibility: hidden; transform: translateY(-5px); transition: opacity .18s ease, transform .18s ease, visibility .18s ease; }
.language.is-open .language-panel { opacity: 1; visibility: visible; transform: translateY(0); }
.language-search { width: 100%; padding: 9px; border: 1px solid var(--panel-line); border-radius: 4px; background: var(--ink-soft); color: var(--text); font: inherit; }
.language-list { display: grid; gap: 2px; margin-top: 6px; }
.language-option { display: grid; grid-template-columns: 26px 1fr 16px; align-items: center; gap: 8px; width: 100%; padding: 8px; border: 0; border-radius: 4px; background: transparent; color: var(--text); font: inherit; text-align: left; cursor: pointer; }
.language-option:hover, .language-option.is-active { background: rgba(217, 187, 125, .12); }
.language-check { opacity: 0; }
.language-option.is-active .language-check { opacity: 1; }
.language-flag { font-size: 16px; }
html[dir="rtl"] .language-panel { right: auto; left: 0; }
html[dir="rtl"] .nav-actions { margin-left: 0; margin-right: 3px; }
html[dir="rtl"] .site-header { direction: rtl; }
html[dir="rtl"] .primary-nav { direction: rtl; }
@media (max-width: 1024px) {
  .nav-actions { flex-wrap: wrap; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}