@font-face { font-family: 'Space Grotesk'; font-style: normal; font-display: swap; font-weight: 300 700; src: url(/assets/fonts/space-grotesk-latin-wght-normal.woff2) format('woff2-variations'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: 'Space Grotesk'; font-style: normal; font-display: swap; font-weight: 300 700; src: url(/assets/fonts/space-grotesk-latin-ext-wght-normal.woff2) format('woff2-variations'); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: 'Space Grotesk'; font-style: normal; font-display: swap; font-weight: 300 700; src: url(/assets/fonts/space-grotesk-cyrillic-wght-normal.woff2) format('woff2-variations'); unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; }
@font-face { font-family: 'Inter'; font-style: normal; font-display: swap; font-weight: 100 900; src: url(/assets/fonts/inter-latin-wght-normal.woff2) format('woff2-variations'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: 'Inter'; font-style: normal; font-display: swap; font-weight: 100 900; src: url(/assets/fonts/inter-latin-ext-wght-normal.woff2) format('woff2-variations'); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: 'Inter'; font-style: normal; font-display: swap; font-weight: 100 900; src: url(/assets/fonts/inter-cyrillic-wght-normal.woff2) format('woff2-variations'); unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; }
@font-face { font-family: 'Inter'; font-style: normal; font-display: swap; font-weight: 100 900; src: url(/assets/fonts/inter-cyrillic-ext-wght-normal.woff2) format('woff2-variations'); unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F; }
@font-face { font-family: 'JetBrains Mono'; font-style: normal; font-display: swap; font-weight: 100 800; src: url(/assets/fonts/jetbrains-mono-latin-wght-normal.woff2) format('woff2-variations'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: 'JetBrains Mono'; font-style: normal; font-display: swap; font-weight: 100 800; src: url(/assets/fonts/jetbrains-mono-latin-ext-wght-normal.woff2) format('woff2-variations'); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: 'JetBrains Mono'; font-style: normal; font-display: swap; font-weight: 100 800; src: url(/assets/fonts/jetbrains-mono-cyrillic-wght-normal.woff2) format('woff2-variations'); unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; }
@font-face { font-family: 'JetBrains Mono'; font-style: normal; font-display: swap; font-weight: 100 800; src: url(/assets/fonts/jetbrains-mono-cyrillic-ext-wght-normal.woff2) format('woff2-variations'); unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F; }
:root {
  --bg: #05080f; --bg-2: #0a0f1b; --surface: #0e1524; --surface-2: #131d2f;
  --border: rgba(255,255,255,0.08); --border-lit: rgba(255,255,255,0.16);
  --text: #e8ecf4; --muted: #9199ac; --muted-2: #626b7e;
  --accent: #0f62dd; --cyan: #4d8dff; --accent-cyan: #4d8dff; --danger: #f0556b; --ember: #ff8a4c; --ok: #34d17e;
  --glow-c: color-mix(in oklab, var(--accent) 72%, transparent); --glow-btn: color-mix(in oklab, var(--accent) 48%, transparent);
  --hero-dim: 0.6;
  --sys-sc: 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Microsoft YaHei UI', 'Noto Sans CJK SC', 'Noto Sans SC', 'Source Han Sans SC', 'WenQuanYi Micro Hei';
  --sys-kr: 'Apple SD Gothic Neo', 'Malgun Gothic', 'Noto Sans CJK KR', 'Noto Sans KR', 'Source Han Sans KR', 'NanumGothic';
  --sys-jp: 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', 'Yu Gothic UI', 'Meiryo', 'Yu Gothic', 'Noto Sans CJK JP', 'Noto Sans JP', 'Source Han Sans JP';
  --sys-ar: 'Segoe UI', 'Geeza Pro', 'Noto Sans Arabic', 'Noto Naskh Arabic', Tahoma, 'DejaVu Sans', Arial;
  --font-display: 'Space Grotesk', 'Inter', system-ui, var(--sys-sc), var(--sys-kr), var(--sys-jp), var(--sys-ar), sans-serif;
  --font-body: 'Inter', system-ui, var(--sys-sc), var(--sys-kr), var(--sys-jp), var(--sys-ar), sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, monospace;
}
:root { color-scheme: dark; }
iframe { color-scheme: light; }
html { scroll-behavior: smooth; }
html, body { overflow-x: clip; }
body { margin: 0; background-color: var(--bg); background-image: radial-gradient(rgba(125,164,255,0.075) 1px, transparent 1.5px); background-size: 34px 34px; color: var(--text); font-family: var(--font-body); line-height: 1.6; -webkit-font-smoothing: antialiased; }
a { color: var(--text); text-decoration: none; }
a:hover { color: #ffffff; }
a[draggable="false"] { -webkit-user-select: text; user-select: text; }
:is([data-filter], .pg-top, .pay-grid) { -webkit-tap-highlight-color: transparent; }
:is([data-filter], .pg-top, .pay-grid) :is(a[href], button, summary, label, input, select, textarea) { -webkit-tap-highlight-color: initial; }
:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; border-radius: 4px; }
[hidden] { display: none !important; }
main h1, main h2, main h3 { overflow-wrap: anywhere; }
button, a, label { min-inline-size: 0; }
[dir="rtl"] .ico-dir { transform: scaleX(-1); }
@keyframes pageIn { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
.is-first-load main { animation: pageIn 0.55s cubic-bezier(0.22, 1, 0.36, 1) backwards; }
.is-first-load:not(.is-routed) footer { animation: pageIn 0.55s cubic-bezier(0.22, 1, 0.36, 1) backwards; }
main { position: relative; overflow: clip; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
  html.js .is-first-load [data-reveal] { opacity: 1 !important; transform: none !important; }
}
.wrap { max-width: 1248px; margin: 0 auto; padding: 0 24px; }
.section { position: relative; padding: 104px 0; }
section[id] { scroll-margin-top: 110px; }
.pd-methods[id], .pd-buy[id] { scroll-margin-top: calc(110px - 88px); }
.pd-features[id] { scroll-margin-top: calc(110px - 96px); }
.pd-details[id] { scroll-margin-top: calc(110px - 60px); }
.section-head { max-width: 620px; margin-bottom: 48px; }
.eyebrow { margin: 0; font-family: var(--font-mono); font-size: 14px; font-weight: 500; letter-spacing: 0.2em; text-transform: uppercase; color: var(--cyan); }
.eyebrow .slash { color: var(--accent); margin-inline-end: 8px; }
.h2 { margin: 16px 0 0; font-family: var(--font-display); font-weight: 600; letter-spacing: -0.02em; font-size: clamp(28px, 4vw, 40px); line-height: 1.12; }
.h2-gap { margin-bottom: 24px; }
.text { margin: 0; color: var(--muted); font-size: 16.5px; text-wrap: pretty; }
.text-gap { margin-bottom: 18px; }
.text-plain { text-wrap: initial; }
.mono-label { font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--muted-2); }
.btn-row { display: flex; gap: 14px; flex-wrap: wrap; }
.btn-primary { display: inline-flex; align-items: center; gap: 10px; padding: 14px 24px; border-radius: 12px; background: var(--accent); color: #ffffff; font-family: var(--font-display); font-weight: 600; font-size: 15px; box-shadow: 0 12px 32px -10px var(--glow-btn); transition: background 0.18s ease; }
.btn-primary:hover { background: color-mix(in oklab, var(--accent) 82%, white); color: #ffffff; }
.btn-lg { padding: 15px 28px; font-size: 15.5px; box-shadow: 0 14px 36px -10px var(--glow-btn); }
.btn-ghost { display: inline-flex; align-items: center; gap: 10px; padding: 14px 24px; border-radius: 12px; background: rgba(255,255,255,0.06); border: 1px solid var(--border-lit); color: var(--text); font-family: var(--font-display); font-weight: 600; font-size: 15px; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); transition: background 0.18s ease; }
.btn-ghost:hover { background: rgba(255,255,255,0.11); }
.btn-outline { display: inline-flex; align-items: center; gap: 9px; padding: 12px 22px; border-radius: 11px; border: 1px solid rgba(77,141,255,0.45); color: var(--cyan); font-family: var(--font-display); font-weight: 600; font-size: 14px; flex-shrink: 0; text-align: center; transition: background 0.18s ease, color 0.18s ease, border-color 0.18s ease; }
.btn-outline:hover { background: var(--accent); border-color: var(--accent); color: #ffffff; }
.crumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; font-family: var(--font-mono); font-size: 12.5px; font-weight: 500; letter-spacing: 0.14em; text-transform: uppercase; }
.crumbs a { color: var(--muted); transition: color 0.15s ease; }
.crumbs a:hover { color: #ffffff; }
.crumbs-sep { color: var(--accent); }
.crumbs-cur { color: var(--cyan); }
.corner { position: absolute; }
.corner-tl { top: 0; left: 0; }
.corner-tr { top: 0; right: 0; transform: rotate(90deg); }
.corner-br { bottom: 0; right: 0; transform: rotate(180deg); }
.corner-bl { bottom: 0; left: 0; transform: rotate(270deg); }
.marker-corners { display: contents; }
.feat-card, .dl-card, .fmt-card, .game-card, .blog-feat, .art-card, .rel-card, .doc-card, .pn-card { position: relative; }
.feat-card:hover::after, .rev-card:hover::after, .game-card:hover::after, .dl-card:hover::after, .fmt-card:hover::after, a.blog-feat:hover::after, a.art-card:hover::after, a.rel-card:hover::after, .doc-card:hover::after, .pn-card:hover::after { content: ""; position: absolute; top: 100%; inset-inline: -1px; height: calc(var(--lift) + 1px); }
.bg-star { position: absolute; line-height: 0; pointer-events: none; }
@keyframes starFloatA { 0%, 100% { transform: translate(0, 0) rotate(0deg); opacity: 0.2; } 22% { transform: translate(9vw, -80px) rotate(40deg); opacity: 0.95; } 48% { transform: translate(16vw, 40px) rotate(90deg); opacity: 0.4; } 74% { transform: translate(6vw, 130px) rotate(50deg); opacity: 0.85; } }
@keyframes starFloatB { 0%, 100% { transform: translate(0, 0) rotate(0deg); opacity: 0.25; } 24% { transform: translate(-10vw, 70px) rotate(-45deg); opacity: 0.9; } 50% { transform: translate(-17vw, -50px) rotate(-95deg); opacity: 0.4; } 76% { transform: translate(-7vw, -140px) rotate(-40deg); opacity: 0.85; } }
@keyframes starFloatC { 0%, 100% { transform: translate(0, 0) rotate(0deg); opacity: 0.3; } 30% { transform: translate(3vw, -150px) rotate(60deg); opacity: 0.9; } 55% { transform: translate(-4vw, -240px) rotate(20deg); opacity: 0.35; } 80% { transform: translate(-2vw, -90px) rotate(80deg); opacity: 0.8; } }
.orn { position: absolute; inset-inline: 0; height: 760px; z-index: -1; pointer-events: none; }
@media (prefers-reduced-motion: reduce) { .bg-star { animation: none !important; } }
html.js .is-first-load [data-reveal]:not(.reveal-done) { opacity: 0; transform: translateY(22px); }
html.js .is-first-load [data-reveal].reveal-in { opacity: 1; transform: none; animation: revealIn 0.7s ease backwards; }
@keyframes revealIn { from { opacity: 0; transform: translateY(22px); } to { opacity: 1; transform: none; } }
.pjax-bar { position: fixed; top: 0; inset-inline-start: 0; height: 2px; width: 0; background: var(--cyan); box-shadow: 0 0 10px var(--glow-c); z-index: 200; opacity: 0; transition: opacity 0.2s ease; pointer-events: none; }
.pjax-bar.is-on { opacity: 1; width: 90%; transition: width 4s cubic-bezier(0.1, 0.7, 0.1, 1), opacity 0.2s ease; }
.site-header { --hdr-bg: rgba(16,25,42,0.38); position: fixed; top: 16px; inset-inline: 0; z-index: 90; padding: 0 16px; transition: top 0.25s ease; }
.site-header.is-scrolled { --hdr-bg: rgba(9,14,25,0.66); }
.hdr-pill { position: relative; max-width: 1280px; margin: 0 auto; display: flex; align-items: center; gap: 16px; height: 73px; padding: 0 40px; border-radius: 22px; border: 1px solid rgba(255,255,255,0.10); box-shadow: inset 0 1px 0 rgba(255,255,255,0.14), 0 18px 50px -20px rgba(0,0,0,0.7); transition: background 0.25s ease, border-color 0.25s ease; }
.site-header.is-scrolled .hdr-pill { border-color: rgba(255,255,255,0.14); }
.is-first-load:not(.is-routed) .hdr-pill { animation: pillIn 0.6s ease 0.1s backwards; }
@keyframes pillIn { from { transform: translateY(-14px); } to { transform: none; } }
.hdr-glass { position: absolute; inset: 0; z-index: -1; border-radius: 22px; background: var(--hdr-bg); backdrop-filter: blur(26px) saturate(150%); -webkit-backdrop-filter: blur(26px) saturate(150%); transition: background 0.25s ease; }
.hdr-brand { display: flex; align-items: center; align-self: flex-start; margin-top: 4px; flex-shrink: 0; }
.hdr-logo { height: 58px; width: auto; display: block; }
.hdr-sep { width: 1px; height: 24px; background: var(--border-lit); flex-shrink: 0; }
.nav-center { position: relative; display: flex; align-items: center; gap: 6px; margin: 0; flex-shrink: 0; white-space: nowrap; font-size: 15px; font-weight: 500; }
.nav-marker { color: var(--cyan); position: absolute; display: flex; align-items: center; opacity: 0; pointer-events: none; left: var(--x, 0); top: var(--y, 0); width: var(--w, 0); height: var(--h, 0); transition: left 0.5s cubic-bezier(0.22, 1, 0.36, 1), top 0.5s cubic-bezier(0.22, 1, 0.36, 1), width 0.5s cubic-bezier(0.22, 1, 0.36, 1), height 0.5s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.3s ease; }
.nav-marker.is-on { opacity: 1; }
.nav-marker.no-anim { transition: none; }
.nav-marker-slash { font-family: var(--font-mono); font-weight: 700; font-size: 13px; color: var(--cyan); text-shadow: 0 0 12px var(--glow-c); margin-inline-start: 11px; line-height: 1; }
.nav-link { position: relative; display: inline-flex; align-items: center; padding-block: 9px; padding-inline: 38px 14px; border-radius: 11px; color: var(--muted); font-weight: 500; transition: color 0.22s ease; }
.nav-link[aria-current="page"], .nav-link.is-active, .nav-link:hover { color: #ffffff; }
.nav-corners { position: absolute; inset-block: 4px; inset-inline: 27px 3px; color: rgba(255,255,255,0.62); opacity: 0; transform: scale(1.45); pointer-events: none; transition: opacity 0.2s ease, transform 0.32s cubic-bezier(0.22, 1, 0.36, 1); }
.nav-link:hover .nav-corners { opacity: 0.85; transform: scale(1); }
.nav-link[aria-current="page"] .nav-corners { display: none; }
.more-dd { position: relative; display: inline-flex; }
.more-btn { gap: 7px; border: none; background: transparent; font-family: inherit; font-size: 15px; cursor: pointer; }
.more-btn .chevron { transition: transform 0.22s ease; }
.more-btn[aria-expanded="true"] .chevron { transform: rotate(180deg); }
.dd-menu { position: absolute; padding: 6px; border-radius: 12px; background: var(--hdr-bg); backdrop-filter: blur(26px) saturate(150%); -webkit-backdrop-filter: blur(26px) saturate(150%); border: 1px solid var(--border-lit); box-shadow: inset 0 1px 0 rgba(255,255,255,0.1), 0 24px 60px -20px rgba(0,0,0,0.9); display: flex; flex-direction: column; gap: 2px; }
.more-menu { top: calc(100% + 31px); left: 50%; transform: translateX(-50%); min-width: 232px; white-space: nowrap; }
.dd-item { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 8px; font-size: 14px; font-weight: 500; color: var(--muted); background: transparent; transition: background 0.18s ease, color 0.18s ease; }
.dd-item:hover { background: rgba(255,255,255,0.08); color: #ffffff; }
.dd-item[aria-current="page"] { font-weight: 600; color: #ffffff; background: rgba(47,125,255,0.12); }
.dd-slash { font-family: var(--font-mono); font-size: 11px; font-weight: 700; color: var(--muted-2); }
.dd-item[aria-current="page"] .dd-slash { color: var(--cyan); }
.hdr-actions { display: flex; align-items: center; gap: 10px; margin-inline-start: auto; flex-shrink: 0; }
.hdr-extras { display: flex; align-items: center; gap: 12px; }
.hdr-social { display: flex; align-items: center; gap: 2px; }
.social-link { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 10px; color: var(--muted); transition: background 0.18s ease, color 0.18s ease; }
.social-link:hover { background: rgba(255,255,255,0.06); color: #ffffff; }
.lang-dd { position: relative; display: inline-flex; flex-shrink: 0; }
.lang-btn { display: inline-flex; align-items: center; gap: 6px; padding: 8px 12px; border-radius: 10px; border: none; background: transparent; color: var(--muted); font-family: inherit; font-size: 15px; font-weight: 600; cursor: pointer; transition: background 0.18s ease, color 0.18s ease; }
.lang-btn:hover { background: rgba(255,255,255,0.06); color: var(--text); }
.lang-code { display: inline-block; min-width: 24px; text-align: center; text-transform: uppercase; }
.lang-menu { top: calc(100% + 32px); inset-inline-end: 0; width: max-content; min-width: 168px; max-height: calc(100dvh - 140px); overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; }
.lang-item { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 9px 12px; border-radius: 8px; font-family: var(--font-body); font-size: 14px; font-weight: 600; white-space: nowrap; background: transparent; color: #9199ac; transition: background 0.18s ease; }
.lang-item:hover { background: rgba(255,255,255,0.08); color: #ffffff; }
.lang-item[aria-current="true"] { background: color-mix(in oklab, var(--accent) 26%, transparent); color: #ffffff; }
.lang-tag { font-family: var(--font-mono); font-size: 11px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--muted-2); margin-inline-end: 9px; }
.lang-item[aria-current="true"] .lang-tag { color: var(--cyan); }
.lang-check { opacity: 0; }
.lang-item[aria-current="true"] .lang-check { opacity: 1; }
.nav-toggle { display: none; width: 40px; height: 40px; align-items: center; justify-content: center; background: transparent; border: 1px solid var(--border-lit); border-radius: 11px; color: var(--text); cursor: pointer; }
.mobile-menu { position: absolute; top: calc(100% + 10px); inset-inline: 0; padding: 10px; border-radius: 16px; background: var(--hdr-bg); backdrop-filter: blur(26px) saturate(150%); -webkit-backdrop-filter: blur(26px) saturate(150%); border: 1px solid var(--border-lit); box-shadow: inset 0 1px 0 rgba(255,255,255,0.1), 0 30px 60px -20px rgba(0,0,0,0.9); display: flex; flex-direction: column; gap: 2px; max-height: calc(100dvh - 160px); overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; }
.site-header:not(.hdr-burger) .mobile-menu { display: none !important; }
.mm-link { padding: 12px 14px; border-radius: 10px; color: var(--muted); font-weight: 500; }
.mm-link:hover { background: rgba(255,255,255,0.06); }
.mm-link[aria-current="page"] { color: #ffffff; font-weight: 600; }
.mm-slash { font-family: var(--font-mono); font-weight: 700; color: var(--cyan); margin-inline-end: 8px; display: none; }
.mm-link[aria-current="page"] .mm-slash { display: inline; }
.mm-sep { display: block; height: 1px; background: var(--border); margin: 8px 4px; }
.mm-label { padding: 2px 14px; font-family: var(--font-mono); font-size: 10.5px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--muted-2); }
.mm-langs { border-top: 1px solid var(--border); margin-top: 6px; padding-top: 6px; }
.mm-lang-sum { display: flex; align-items: center; gap: 10px; padding: 12px 14px; border-radius: 10px; cursor: pointer; list-style: none; -webkit-user-select: none; user-select: none; }
.mm-lang-sum::-webkit-details-marker { display: none; }
.mm-lang-sum:hover { background: rgba(255,255,255,0.06); }
.mm-lang-sum .mm-label { padding: 0; margin-inline-end: auto; }
.mm-lang-now { display: inline-flex; align-items: center; font-size: 14px; font-weight: 600; color: var(--text); white-space: nowrap; }
.mm-lang-now .lang-tag { color: var(--cyan); }
.mm-lang-sum .chevron { flex-shrink: 0; color: var(--muted); transition: transform 0.22s ease; }
.mm-langs[open] .mm-lang-sum .chevron { transform: rotate(180deg); }
.mm-lang-list { display: flex; flex-direction: column; gap: 2px; padding: 2px 4px 4px; }
.mm-lang-list .lang-item { padding: 11px 12px; }
.site-header.hdr-burger .hdr-sep-logo, .site-header.hdr-burger .hdr-extras .hdr-sep, .site-header.hdr-burger .nav-center { display: none; }
.site-header.hdr-burger .nav-toggle { display: inline-flex; }
@media (max-width: 760px) {
  .hdr-extras { display: none; }
  .lang-menu { top: calc(100% + 22px); }
  .hdr-pill { height: auto; padding-block: 0; padding-inline: 18px 12px; }
  .hdr-brand { margin-block: 4px 12px; }
  .hdr-logo { width: calc(60px * 914 / 456); max-width: 100%; height: auto; }
  .site-header.hdr-burger .hdr-brand { flex-shrink: 1; min-width: 0; }
}
@media (max-width: 339px) {
  .site-header { padding: 0 10px; }
  .hdr-pill { gap: 10px; padding-inline: 14px 8px; }
  .hdr-actions { gap: 6px; }
  .lang-btn { gap: 4px; padding-inline: 8px; }
}
@media (prefers-reduced-motion: reduce) { .nav-marker { transition: none; } }
.site-footer { position: relative; border-top: 1px solid var(--border); background: var(--bg-2); padding: 64px 0 32px; }
.footer-grid { display: grid; grid-template-columns: 1.5fr 1fr 1.1fr 1fr; gap: 40px; margin-bottom: 48px; }
.footer-logo { height: 58px; width: auto; display: block; }
.footer-tagline { margin: 16px 0 0; color: var(--muted); font-size: 14px; max-width: 280px; text-wrap: pretty; }
.footer-h { margin: 0 0 16px; font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--muted-2); font-weight: 500; }
.footer-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 5.6px; }
.footer-list a { color: var(--muted); font-size: 14px; transition: color 0.15s ease; }
.footer-list a:hover { color: #ffffff; }
.footer-bottom { display: flex; justify-content: space-between; align-items: center; gap: 18px; padding-top: 24px; border-top: 1px solid var(--border); flex-wrap: wrap; }
.footer-copy { color: var(--muted-2); font-size: 13px; }
.footer-legal { display: flex; align-items: center; gap: 22px; flex-wrap: wrap; }
.footer-legal a { color: var(--muted-2); font-size: 13px; transition: color 0.15s ease; }
.footer-legal a:hover { color: var(--muted); }
.footer-pay { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.pay-badge { display: grid; place-items: center; width: 64px; height: 38px; border-radius: 10px; background: rgba(255,255,255,0.04); border: 1px solid var(--border); }
a.pay-badge { transition: border-color 0.18s ease, background 0.18s ease; }
a.pay-badge:hover { border-color: var(--border-lit); background: rgba(255,255,255,0.08); }
.pay-badge img { width: auto; display: block; }
.pay-visa { height: 13px; filter: brightness(0) invert(0.72); }
.pay-mc { height: 19px; }
.pay-mir { height: 11px; }
.pay-wm, .pay-partner { height: 22px; }
@media (max-width: 980px) { .footer-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 760px) { .footer-bottom { flex-direction: column; align-items: flex-start; } }
@media (max-width: 480px) { .footer-grid { grid-template-columns: 1fr; } }
.pg-top { position: relative; overflow: clip; }
.pg-glow { position: absolute; top: -260px; left: 50%; transform: translateX(-50%); width: 1400px; height: 700px; background: radial-gradient(1100px 520px at 50% 0%, rgba(0,84,202,0.22), transparent 70%); pointer-events: none; }
.pg-head-wrap { position: relative; padding-top: 190px; padding-bottom: var(--pg-bottom, 46px); }
.pg-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; }
.pg-intro { max-width: 640px; }
.pg-title { margin: 18px 0 14px; font-family: var(--font-display); font-weight: 700; font-size: clamp(40px, 5.4vw, 64px); line-height: 1.0; letter-spacing: -0.03em; color: #ffffff; text-wrap: balance; }
.pg-lead { margin: 0; font-size: 17px; color: var(--muted); max-width: 520px; text-wrap: pretty; }
.search-box { position: relative; display: inline-flex; align-items: center; width: min(300px, 100%); }
.search-ico { position: absolute; inset-inline-start: 15px; pointer-events: none; }
.pg-stats { display: flex; align-items: center; gap: 26px; }
.pg-stat-num { font-family: var(--font-display); font-weight: 700; font-size: 28px; letter-spacing: -0.02em; color: #ffffff; }
.pg-stat-label { margin-top: 2px; }
.pg-stat-sep { width: 1px; height: 34px; background: rgba(255,255,255,0.14); }
.cover-ph { position: absolute; inset: 6px; display: grid; place-content: center; justify-items: center; gap: 8px; border: 1px dashed rgba(255,255,255,0.28); border-radius: 6px; font: 600 13px/1.3 system-ui, -apple-system, sans-serif; color: var(--text); opacity: 0.75; text-align: center; padding: 12px; }
.cover-ph::before { content: ""; width: 24px; height: 20px; border: 1.5px solid currentColor; border-radius: 4px; background: linear-gradient(135deg, transparent 55%, currentColor 55%, currentColor 65%, transparent 65%) no-repeat 6px 8px / 12px 8px; opacity: 0.8; }
.card-title { display: block; font-family: var(--font-display); font-weight: 700; letter-spacing: -0.01em; font-size: 21px; color: var(--text); transition: color 0.18s ease; }
.card-arrow { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 10px; border: 1px solid rgba(77,141,255,0.45); color: var(--cyan); flex-shrink: 0; transition: background 0.18s ease, color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease; }
.suggest-row { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: 34px; padding: 22px 26px; border: 1px solid var(--border); border-radius: 16px; background: rgb(14 21 36 / 0.6); }
.suggest-title { margin: 0; font-family: var(--font-display); font-weight: 600; font-size: 17px; color: #ffffff; }
.suggest-text { margin: 4px 0 0; font-size: 14.5px; color: var(--muted); text-wrap: pretty; }
.star-pg-1 { top: 150px; right: 8%; color: rgba(190,210,255,0.85); animation: starFloatB 31.4s ease-in-out -4.2s infinite; }
.star-pg-2 { top: 16%; left: 10%; color: rgba(190,210,255,0.55); animation: starFloatC 30.1s ease-in-out -6.2s infinite; }
.star-pg-3 { top: 300px; left: 5%; color: rgba(190,210,255,0.6); animation: starFloatA 36.8s ease-in-out -12.6s infinite; }
.star-grid-3 { top: 620px; right: 4%; color: rgba(125,164,255,0.72); animation: starFloatB 29.7s ease-in-out -17.1s infinite; }
@media (max-width: 860px) { .pg-head { flex-direction: column; align-items: flex-start; } }
@media (max-width: 640px) { .suggest-row { flex-direction: column; align-items: flex-start; } }
.st-badge { --st-c: #7ee6ac; --st-b: rgba(52,209,126,0.35); --st-d: var(--ok); display: inline-flex; align-items: center; gap: 6px; font-family: var(--font-mono); font-size: 10.5px; font-weight: 700; letter-spacing: 0.12em; color: var(--st-c); background: rgba(5,8,15,0.72); border: 1px solid var(--st-b); border-radius: 7px; padding: 5px 10px; white-space: nowrap; }
.st-update { --st-c: #9cc2ff; --st-b: rgba(77,141,255,0.45); --st-d: var(--cyan); }
.st-outdate { --st-c: #aab3c5; --st-b: rgba(170,179,197,0.3); --st-d: #8a93a6; }
.st-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--st-d); box-shadow: 0 0 8px var(--st-d); }
.st-badge-sm { font-size: 9.5px; background: rgba(5,8,15,0.55); border-radius: 6px; padding: 3px 8px; }
.tag-badge { font-family: var(--font-mono); font-size: 10.5px; font-weight: 500; letter-spacing: 0.14em; text-transform: uppercase; color: var(--text); background: rgba(5,8,15,0.72); border: 1px solid var(--border-lit); border-radius: 7px; padding: 5px 10px; white-space: nowrap; }
.eyebrow-10 .slash { margin-inline-end: 10px; }
.h2-balance { text-wrap: balance; }
.section-lead { margin-top: 18px; }
.pd-section-head { max-width: 640px; }
.li-row { display: flex; gap: 10px; align-items: flex-start; }
.li-mark { font-family: var(--font-mono); font-weight: 700; color: var(--accent); flex-shrink: 0; }
.li-text { font-size: 14.5px; color: var(--muted); }
.li-text strong { color: var(--text); font-weight: 600; }
.li-p { margin: 0; font-size: 14px; text-wrap: pretty; }
.list-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 24px; }
.mono-tag { font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--muted-2); }
.crumbs-wrap { flex-wrap: wrap; }
.btn-hud { position: relative; display: inline-flex; align-items: center; padding: 11px 16px; border: 1px solid var(--border-lit); border-radius: 2px; background: rgba(5,8,15,0.45); color: var(--text); transition: border-color 0.18s ease, background 0.18s ease, color 0.18s ease; }
.btn-hud:hover { border-color: rgba(77,141,255,0.75); background: rgba(15,98,221,0.2); color: #ffffff; }
.btn-corners { position: absolute; inset: -9px -10px; color: #ffffff; opacity: 0; pointer-events: none; transition: inset 0.28s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.22s ease; }
.btn-hud:hover .btn-corners { inset: -4px -5px; opacity: 1; }
.dot-ok { width: 7px; height: 7px; border-radius: 50%; background: var(--ok); box-shadow: 0 0 8px var(--ok); }
.dot { width: 5px; height: 5px; border-radius: 50%; background: rgba(255,255,255,0.12); }
.dot-cyan { background: var(--cyan); box-shadow: 0 0 7px rgba(77,141,255,0.9); }
.dot-accent { background: var(--accent); }
.how-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center; }
.faq-grid { grid-template-columns: 0.8fr 1.2fr; align-items: start; }
.faq-lead { margin-top: 18px; font-size: 16px; max-width: 340px; }
.support-pill { position: relative; overflow: hidden; display: inline-flex; align-items: center; gap: 10px; margin-top: 22px; padding: 12px 18px; border-radius: 12px; border: 1px solid var(--border-lit); background: rgba(255,255,255,0.04); }
button.support-pill { font: inherit; letter-spacing: inherit; color: inherit; text-align: inherit; appearance: none; cursor: pointer; }
.sup-shine { position: absolute; inset: 0; background: linear-gradient(105deg, transparent 22%, rgba(77,141,255,0.12) 40%, rgba(190,215,255,0.35) 50%, rgba(77,141,255,0.12) 60%, transparent 78%); transform: translateX(-100%); animation: supShine 3.4s ease-in-out infinite; pointer-events: none; }
@keyframes supShine { 0% { transform: translateX(-100%); } 55%, 100% { transform: translateX(100%); } }
.support-dot { width: 8px; height: 8px; border-radius: 50%; background: #35d07f; box-shadow: 0 0 10px rgba(53,208,127,0.8); }
.support-label { font-family: var(--font-display); font-weight: 600; font-size: 14px; color: var(--text); }
.support-hours { font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.1em; color: var(--muted-2); }
.support-hint { margin: 12px 0 0; display: flex; align-items: center; gap: 8px; font-size: 13.5px; color: var(--muted-2); }
.faq-list { display: flex; flex-direction: column; gap: 10px; }
.faq-item { border: 1px solid var(--border); border-radius: 12px; background: var(--surface); overflow: hidden; transition: border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease; }
.faq-item:not([open]):hover { border-color: rgba(77,141,255,0.55); background: linear-gradient(180deg, rgba(47,125,255,0.13), rgba(47,125,255,0.05)); box-shadow: 0 0 24px -6px rgba(47,125,255,0.5); }
.faq-item:not([open]):hover .faq-q { color: #ffffff; }
.faq-item:not([open]):hover .faq-plus { color: var(--cyan); text-shadow: 0 0 12px rgba(77,141,255,0.8); }
.faq-q { cursor: pointer; list-style: none; padding: 18px 22px; font-family: var(--font-display); font-weight: 600; font-size: 16px; display: flex; justify-content: space-between; align-items: center; gap: 16px; -webkit-user-select: none; user-select: none; }
.faq-q::-webkit-details-marker { display: none; }
.faq-sign { color: var(--accent); font-size: 20px; line-height: 1; }
.faq-minus { display: none; }
.faq-item[open] .faq-plus { display: none; }
.faq-item[open] .faq-minus { display: inline; }
.faq-a { padding: 16px 22px 20px; border-top: 1px solid rgba(77,141,255,0.18); color: var(--muted); font-size: 15px; box-sizing: border-box; overflow: hidden; }
@media (prefers-reduced-motion: reduce) { .sup-shine { animation: none !important; } }
.notfound, .payment { position: relative; padding: 190px 0 120px; min-height: 60vh; }
.notfound-title, .payment-title { margin: 18px 0 14px; font-family: var(--font-display); font-weight: 700; font-size: clamp(40px, 5.4vw, 64px); line-height: 1.0; letter-spacing: -0.03em; color: #ffffff; text-wrap: balance; }
.notfound .btn-row, .payment .btn-row { margin-top: 30px; }
.payment-text { margin: 0; font-size: 17px; color: var(--muted); max-width: 620px; text-wrap: pretty; }
.payment-text + .payment-text { margin-top: 10px; }
.orn-reviews { top: var(--spot-top, 6200px); background: radial-gradient(760px 350px at 82% 50%, rgba(47,125,255,0.13), transparent); }
.hero { position: relative; min-height: 94vh; display: flex; align-items: center; background: #05080f; }
.hero-bg { position: absolute; inset: 0; background: url(/assets/img/b2talt11io.webp) center 30% / cover no-repeat; }
.hero-shade { position: absolute; inset: 0; background: linear-gradient(90deg, rgb(5 8 15 / calc(var(--hero-dim) + 0.36)) 0%, rgb(5 8 15 / var(--hero-dim)) 44%, rgb(5 8 15 / 0.12) 100%); }
.hero-fade { position: absolute; inset: 0; background: linear-gradient(180deg, rgb(5 8 15 / 0.55) 0%, transparent 22%, transparent 62%, #05080f 100%); }
.hero-wrap { position: relative; width: 100%; padding-top: 170px; padding-bottom: 110px; }
.hero-copy { max-width: 600px; }
.hero-title { margin: 22px 0 10px; font-family: var(--font-display); font-weight: 700; font-size: clamp(52px, 7.4vw, 92px); line-height: 0.96; letter-spacing: -0.03em; color: #ffffff; text-transform: uppercase; }
.hero-sub { margin: 0 0 20px; font-family: var(--font-display); font-weight: 600; font-size: clamp(20px, 2.4vw, 27px); color: var(--cyan); }
.hero-lead { margin: 0 0 34px; font-size: 17px; color: var(--muted); max-width: 470px; text-wrap: pretty; }
.hero-stats { display: flex; gap: 44px; margin-top: 54px; }
.stat-num { font-family: var(--font-display); font-weight: 700; font-size: 32px; letter-spacing: -0.02em; display: flex; align-items: baseline; gap: 4px; color: #ffffff; }
.stat-unit { font-family: var(--font-mono); font-size: 13px; font-weight: 500; color: var(--muted); }
.stat-label { margin-top: 4px; }
.stat-sep { width: 1px; background: rgba(255,255,255,0.14); }
.star-hero-1 { top: 24%; right: 7%; color: rgba(190,210,255,0.90); z-index: 1; animation: starFloatB 30.0s ease-in-out 0.0s infinite; }
.star-hero-2 { top: 55%; right: 21%; color: rgba(125,164,255,0.55); z-index: 1; animation: starFloatB 31.8s ease-in-out -9.1s infinite; }
.star-hero-3 { bottom: 20%; right: 13%; color: rgba(190,210,255,0.68); z-index: 1; animation: starFloatB 37.3s ease-in-out -5.7s infinite; }

.facts { position: relative; z-index: 2; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); background: var(--bg-2); padding: 22px 0; overflow: hidden; }
.facts-mask { overflow: hidden; -webkit-mask-image: linear-gradient(90deg, transparent, #000000 7%, #000000 93%, transparent); mask-image: linear-gradient(90deg, transparent, #000000 7%, #000000 93%, transparent); }
.facts-track { display: flex; width: max-content; animation: factsMarquee var(--facts-dur, 34s) linear infinite; will-change: transform; }
.facts-track.is-idle { animation-play-state: paused; }
.facts-track.is-refit { animation: none; }
@keyframes factsMarquee { to { transform: translateX(-50%); } }
.facts-group { display: flex; align-items: center; gap: 40px; padding-inline-end: 40px; flex-shrink: 0; }
.facts-eyebrow { font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--muted-2); white-space: nowrap; }
.facts-item { font-family: var(--font-display); font-weight: 600; letter-spacing: 0.01em; font-size: 15.5px; color: var(--muted); white-space: nowrap; }
.facts-dot { width: 5px; height: 5px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 9px rgba(77,141,255,0.9); flex-shrink: 0; }
@media (prefers-reduced-motion: reduce) { .facts-track { animation: none !important; } }

.orn-about { top: -80px; background: radial-gradient(760px 350px at 88% 50%, rgba(47,125,255,0.13), transparent); }
.about-grid { display: grid; grid-template-columns: 1.15fr 0.85fr; gap: 72px; align-items: start; }
.about-text-first { margin-top: 24px; }
.about-text { margin-top: 18px; }
.facts-row { display: flex; flex-direction: column; gap: 0; border-inline-start: 1px solid var(--border-lit); padding-inline-start: 40px; margin-top: 46px; }
.fact { padding: 22px 0; }
.fact-first { padding-top: 6px; }
.fact-last { padding-bottom: 0; }
.fact-num { font-family: var(--font-display); font-weight: 700; font-size: 44px; letter-spacing: -0.02em; line-height: 1; color: #ffffff; }
.fact-plus { color: var(--accent); }
.fact-label { margin-top: 8px; }
.fact-sep { height: 1px; background: var(--border); }
.star-about-1 { top: 46%; left: 7%; color: rgba(125,164,255,0.57); animation: starFloatC 44.6s ease-in-out -11.4s infinite; }
.star-about-2 { top: 16%; left: 10%; color: rgba(190,210,255,0.55); animation: starFloatC 30.1s ease-in-out -6.2s infinite; }
.star-about-3 { top: 92px; right: 5%; color: rgba(125,164,255,0.90); animation: starFloatB 35.9s ease-in-out -17.1s infinite; }
.star-about-4 { top: 30px; left: 12%; color: rgba(125,164,255,0.53); animation: starFloatA 43.2s ease-in-out -22.8s infinite; }
.star-about-5 { top: 72%; right: 9%; color: rgba(125,164,255,0.7); animation: starFloatA 34.6s ease-in-out -14.3s infinite; }
.star-about-6 { bottom: 64px; left: 3.5%; color: rgba(125,164,255,0.68); animation: starFloatC 34.5s ease-in-out -0.5s infinite; }

.orn-features { bottom: -180px; background: radial-gradient(760px 350px at 10% 50%, rgba(0,84,202,0.15), transparent); }
.grid-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.feat-card { display: flex; flex-direction: column; background: var(--surface); border: 1px solid var(--border); border-radius: 16px; padding: 28px 26px; transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease; }
.feat-card:hover { --lift: 4px; transform: translateY(calc(var(--lift) * -1)); border-color: rgba(77,141,255,0.5); background: linear-gradient(180deg, rgba(47,125,255,0.10), var(--surface-2) 55%); box-shadow: 0 0 34px -10px rgba(47,125,255,0.45), inset 0 1px 0 rgba(125,164,255,0.18); }
.feat-icon { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 11px; color: var(--cyan); background: rgba(47,125,255,0.10); border: 1px solid rgba(47,125,255,0.25); margin-bottom: 20px; }
.feat-title { margin: 0 0 8px; font-family: var(--font-display); font-weight: 600; font-size: 18px; }
.feat-text { margin: 0; font-size: 14px; color: var(--muted); }
.feat-mock { margin-top: auto; padding-top: 22px; }
.mock-head { display: flex; justify-content: space-between; align-items: baseline; font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--muted-2); margin-bottom: 7px; }
.mock-val { color: var(--cyan); }
.mock-spark { display: block; width: 100%; height: 34px; }
.mock-spark-line { filter: drop-shadow(0 0 5px rgba(77,141,255,0.8)); }
.mock-rows { display: flex; flex-direction: column; gap: 9px; }
.mock-row { display: flex; align-items: center; gap: 10px; }
.mock-key { font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.14em; color: var(--muted-2); width: 30px; }
.mock-num { font-family: var(--font-display); font-weight: 600; font-size: 14px; color: #ffffff; }
.mock-dots { margin-inline-start: auto; display: inline-flex; align-items: center; gap: 6px; }
.mock-bars { margin-inline-start: auto; display: inline-flex; gap: 3px; }
.bar { width: 5px; height: 12px; border-radius: 2px; background: rgba(255,255,255,0.12); }
.bar-cyan { background: var(--cyan); }
.bar-accent { background: var(--accent); }
.mock-version { display: flex; align-items: center; gap: 10px; }
.version-chip { flex-shrink: 0; display: inline-flex; align-items: center; gap: 7px; padding: 7px 12px; border-radius: 9px; background: color-mix(in oklab, var(--accent) 20%, transparent); border: 1px solid rgba(77,141,255,0.4); font-family: var(--font-mono); font-size: 12px; font-weight: 700; color: #ffffff; }
.version-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 8px var(--cyan); }
.version-note { font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.06em; color: var(--muted-2); }
.star-feat-1 { top: 60px; right: 8%; color: rgba(125,164,255,0.65); animation: starFloatB 41.8s ease-in-out -6.2s infinite; }
.star-feat-2 { top: 38%; left: 5%; color: rgba(190,210,255,0.5); animation: starFloatB 28.9s ease-in-out -21.7s infinite; }
.star-feat-3 { bottom: 140px; right: 3%; color: rgba(125,164,255,0.79); animation: starFloatB 33.1s ease-in-out -11.9s infinite; }
.star-feat-4 { top: 40%; left: 2.5%; color: rgba(125,164,255,0.57); animation: starFloatC 40.4s ease-in-out -17.6s infinite; }
.star-feat-5 { top: 9%; right: 28%; color: rgba(125,164,255,0.6); animation: starFloatC 32.4s ease-in-out -3.4s infinite; }

.how { position: relative; }
.orn-how { top: 38%; background: radial-gradient(760px 350px at 90% 50%, rgba(47,125,255,0.12), transparent); }
.how-wrap { position: relative; padding-top: 104px; padding-bottom: 104px; }
.how-title { margin-bottom: 36px; }
.steps { display: flex; flex-direction: column; gap: 14px; }
.step { display: flex; gap: 20px; padding: 22px; border: 1px solid var(--border); border-radius: 16px; background: rgb(14 21 36 / 0.72); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); transition: border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease; }
.step:hover { border-color: rgba(77,141,255,0.5); background: rgb(18 29 50 / 0.88); box-shadow: 0 0 30px -10px rgba(47,125,255,0.4); }
.step-index { font-family: var(--font-mono); font-weight: 700; font-size: 14px; color: var(--accent); padding-top: 3px; }
.step-heading { margin: 0 0 4px; font-family: var(--font-display); font-weight: 600; font-size: 17px; }
.step-text { margin: 0; font-size: 14px; color: var(--muted); }
.how-cta { margin-top: 28px; padding: 14px 26px; box-shadow: 0 14px 36px -10px var(--glow-btn); }
.panel { border: 1px solid var(--border-lit); border-radius: 16px; background: linear-gradient(160deg, rgb(19 29 47 / 0.92), rgb(8 12 22 / 0.94)); padding: 26px; box-shadow: 0 30px 80px -30px rgb(0 0 0 / 0.8); transition: border-color 0.2s ease, box-shadow 0.2s ease; }
.panel:hover { border-color: rgba(77,141,255,0.5); box-shadow: 0 30px 80px -30px rgb(0 0 0 / 0.8), 0 0 36px -8px rgba(47,125,255,0.5); }
.steps-panel, .spray-panel { backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); }
.steps-panel { padding: 26px 28px; }
.panel-head { display: flex; justify-content: space-between; align-items: center; font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--muted-2); margin-bottom: 8px; }
.steps-head { margin-bottom: 10px; }
.panel-dot { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: var(--cyan); margin-inline-end: 6px; vertical-align: middle; box-shadow: 0 0 10px var(--cyan); }
.panel-caption { display: flex; justify-content: center; font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; margin-top: 8px; color: var(--cyan); }
.steps-list { position: relative; display: flex; flex-direction: column; }
.steps-rail { position: absolute; inset-inline-start: 21px; top: 33px; bottom: 33px; width: 2px; background: var(--border); }
.steps-progress { position: absolute; inset-inline-start: 21px; top: 33px; height: var(--progress, 0px); width: 2px; background: linear-gradient(180deg, var(--cyan), var(--accent)); box-shadow: 0 0 10px var(--glow-btn); transition: height 0.3s linear; }
.step-row { position: relative; display: flex; align-items: center; gap: 18px; padding: 11px 0; }
.step-chip { width: 44px; height: 44px; flex-shrink: 0; display: grid; place-items: center; border-radius: 12px; background: #0b1220; border: 1px solid var(--border-lit); color: var(--muted); transition: border-color 0.35s ease, color 0.35s ease, background 0.35s ease, box-shadow 0.35s ease; }
.step-title { flex: 1; font-family: var(--font-display); font-weight: 600; font-size: 16px; color: var(--muted); transition: color 0.35s ease; }
.step-num { font-family: var(--font-mono); font-size: 11px; font-weight: 700; color: var(--muted-2); transition: color 0.35s ease; }
.step-row.is-done .step-chip, .step-row.is-current .step-chip { border-color: var(--accent); color: #ffffff; background: color-mix(in oklab, var(--accent) 32%, #0b1220); }
.step-row.is-current .step-chip { box-shadow: 0 0 20px -2px var(--glow-btn); }
.step-row.is-done .step-title, .step-row.is-current .step-title { color: #ffffff; }
.step-row.is-current .step-num { color: var(--cyan); }
.star-how-1 { top: 130px; right: 4%; color: rgba(125,164,255,0.68); animation: starFloatB 31.7s ease-in-out -23.3s infinite; }
.star-how-2 { top: 62%; left: 3%; color: rgba(125,164,255,0.6); animation: starFloatA 36.5s ease-in-out -11s infinite; }
.star-how-3 { top: 84%; left: 20%; color: rgba(190,210,255,0.65); animation: starFloatA 35.2s ease-in-out -18.9s infinite; }
.star-how-4 { bottom: 120px; right: 10%; color: rgba(125,164,255,0.72); animation: starFloatB 31.2s ease-in-out -19s infinite; }

.orn-recoil-1 { top: 200px; background: radial-gradient(760px 350px at 90% 50%, rgba(0,84,202,0.13), transparent); }
.orn-recoil-2 { bottom: -160px; background: radial-gradient(760px 350px at 10% 50%, rgba(0,84,202,0.14), transparent); }
.svg-grid { stroke: rgba(255,255,255,0.05); stroke-width: 1; }
.spray { width: 100%; height: auto; display: block; }
.spray-stop-1 { stop-color: var(--cyan); }
.spray-stop-2 { stop-color: var(--accent); }
.spray-stop-3 { stop-color: #0054ca; }
.spray-ghost { fill: none; stroke: rgba(255,255,255,0.13); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.spray-trace { fill: none; stroke: url(#sprayHeat); stroke-width: 2.6; stroke-linecap: round; stroke-linejoin: round; }
html.js .spray-trace { stroke-dasharray: 1; stroke-dashoffset: var(--offset, 1); }
.spray-hits { fill: var(--accent); }
.spray-hits circle { opacity: var(--hit, 1); }
html.js .spray-hits circle { opacity: var(--hit, 0); }
.spray-hits .hit-cyan { fill: var(--cyan); }
.spray-origin { fill: var(--accent); }
.spray-mouse { opacity: var(--mouse, 0); }
.mouse-glow { fill: var(--accent-cyan); opacity: 0.18; }
.mouse-body { fill: #0b1220; stroke: var(--accent-cyan); stroke-width: 1.6; }
.mouse-line { stroke: var(--accent-cyan); stroke-width: 1.2; }
.mouse-wheel { stroke: var(--accent-cyan); stroke-width: 2.4; stroke-linecap: round; }
.star-recoil-1 { top: 54%; left: 8.5%; color: rgba(125,164,255,0.53); animation: starFloatA 39.0s ease-in-out -1.0s infinite; }
.star-recoil-2 { top: 55%; right: 21%; color: rgba(125,164,255,0.55); animation: starFloatB 31.8s ease-in-out -9.1s infinite; }
.star-recoil-3 { top: 260px; right: 6%; color: rgba(125,164,255,0.64); animation: starFloatC 30.3s ease-in-out -6.7s infinite; }
.star-recoil-4 { top: 120px; left: 4%; color: rgba(125,164,255,0.90); animation: starFloatA 37.6s ease-in-out -12.4s infinite; }
.star-recoil-5 { top: 16%; left: 10%; color: rgba(190,210,255,0.55); animation: starFloatC 30.1s ease-in-out -6.2s infinite; }
.star-recoil-6 { bottom: 34%; right: 3%; color: rgba(125,164,255,0.57); animation: starFloatB 44.9s ease-in-out -18.1s infinite; }

.orn-compare { top: 40%; background: radial-gradient(760px 350px at 86% 50%, rgba(47,125,255,0.12), transparent); }
.cmp-stage { position: relative; touch-action: none; cursor: ew-resize; user-select: none; -webkit-user-select: none; }
.cmp-before { display: block; width: 100%; height: auto; }
.cmp-after { position: absolute; inset: 0; width: 100%; height: 100%; clip-path: inset(0 0 0 var(--pos, 50%)); }
.cmp-tag { position: absolute; top: 10px; font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; background: rgb(5 8 15 / 0.6); border-radius: 6px; padding: 3px 9px; pointer-events: none; }
.cmp-tag-before { inset-inline-start: 10px; color: var(--muted); border: 1px solid var(--border); }
.cmp-tag-after { inset-inline-end: 10px; color: var(--cyan); border: 1px solid rgba(77,141,255,0.4); }
.cmp-handle { position: absolute; top: 0; bottom: 0; left: var(--pos, 50%); width: 0; pointer-events: none; }
.cmp-line { position: absolute; top: 0; bottom: 0; inset-inline-start: -1px; width: 2px; background: rgba(255,255,255,0.55); box-shadow: 0 0 14px rgba(77,141,255,0.6); }
.cmp-knob { position: absolute; top: 50%; inset-inline-start: 0; transform: translate(-50%, -50%); width: 36px; height: 36px; border-radius: 50%; background: rgb(7 11 20 / 0.9); border: 1px solid rgba(255,255,255,0.35); display: grid; place-items: center; box-shadow: 0 6px 18px -6px rgb(0 0 0 / 0.8); }
.star-cmp-1 { top: 48%; right: 2.5%; color: rgba(125,164,255,0.53); animation: starFloatC 36.2s ease-in-out -23.8s infinite; }
.star-cmp-2 { top: 72%; right: 9%; color: rgba(125,164,255,0.7); animation: starFloatA 34.6s ease-in-out -14.3s infinite; }
.star-cmp-3 { top: 30%; left: 5.5%; color: rgba(125,164,255,0.64); animation: starFloatA 43.5s ease-in-out -1.5s infinite; }
.star-cmp-4 { top: 150px; right: 4.5%; color: rgba(125,164,255,0.90); animation: starFloatB 34.8s ease-in-out -7.2s infinite; }
.star-cmp-5 { top: 38%; left: 5%; color: rgba(190,210,255,0.5); animation: starFloatB 28.9s ease-in-out -21.7s infinite; }
.star-cmp-6 { bottom: 90px; left: 3%; color: rgba(125,164,255,0.57); animation: starFloatC 42.1s ease-in-out -12.9s infinite; }

.orn-ai { top: 30%; background: radial-gradient(760px 350px at 12% 50%, rgba(0,84,202,0.14), transparent); }
.chips { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 26px; }
.chip { font-family: var(--font-mono); font-size: 12px; letter-spacing: 0.06em; color: var(--muted); border: 1px solid var(--border-lit); border-radius: 999px; padding: 8px 15px; transition: border-color 0.18s ease, color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease; }
.chip:hover { border-color: rgba(77,141,255,0.55); color: var(--text); background: rgba(47,125,255,0.10); box-shadow: 0 0 18px -6px rgba(47,125,255,0.55); }
.ai-view { display: block; width: 100%; height: auto; }
.ai-scan { stroke: var(--cyan); }
.ai-box path { stroke: var(--cyan); }
.ai-text { fill: var(--cyan); font-family: var(--font-mono); letter-spacing: 0.08em; }
.ai-hud { font-family: var(--font-mono); letter-spacing: 0.1em; }
.star-ai-1 { top: 55%; right: 3%; color: rgba(125,164,255,0.58); animation: starFloatB 33.8s ease-in-out -6s infinite; }
.star-ai-2 { top: 9%; right: 28%; color: rgba(125,164,255,0.6); animation: starFloatC 32.4s ease-in-out -3.4s infinite; }
.star-ai-3 { bottom: 110px; right: 5.5%; color: rgba(125,164,255,0.84); animation: starFloatB 33.4s ease-in-out -18.6s infinite; }
.star-ai-4 { top: 130px; left: 5%; color: rgba(125,164,255,0.74); animation: starFloatA 40.7s ease-in-out -24.3s infinite; }
.star-ai-5 { top: 84%; left: 20%; color: rgba(190,210,255,0.65); animation: starFloatA 35.2s ease-in-out -18.9s infinite; }

.star-faq-1 { top: 400px; left: 1.8%; color: rgba(125,164,255,0.64); animation: starFloatC 32.0s ease-in-out -2.0s infinite; }
.star-faq-2 { top: 80px; right: 7%; color: rgba(125,164,255,0.57); animation: starFloatB 39.3s ease-in-out -7.7s infinite; }
.star-faq-3 { top: 680px; right: 21%; color: rgba(125,164,255,0.55); animation: starFloatB 31.8s ease-in-out -9.1s infinite; }
.star-faq-4 { top: 600px; right: 11%; color: rgba(125,164,255,0.74); animation: starFloatB 30.6s ease-in-out -13.4s infinite; }
.star-faq-5 { top: 520px; left: 4%; color: rgba(125,164,255,0.79); animation: starFloatC 37.9s ease-in-out -19.1s infinite; }
.star-faq-6 { top: 180px; left: 10%; color: rgba(190,210,255,0.55); animation: starFloatC 30.1s ease-in-out -6.2s infinite; }
.star-faq-7 { top: 730px; right: 4%; color: rgba(125,164,255,0.79); animation: starFloatC 43.8s ease-in-out -8.2s infinite; }
.star-faq-8 { top: 1000px; left: 6%; color: rgba(125,164,255,0.68); animation: starFloatA 36.5s ease-in-out -2.5s infinite; }
.star-faq-9 { top: 860px; right: 9%; color: rgba(125,164,255,0.7); animation: starFloatA 34.6s ease-in-out -14.3s infinite; }
.star-faq-10 { top: 1150px; right: 9%; color: rgba(125,164,255,0.57); animation: starFloatB 45.2s ease-in-out -24.8s infinite; }

.rev-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.rev-card { position: relative; display: flex; flex-direction: column; gap: 14px; background: var(--surface); border: 1px solid var(--border); border-radius: 16px; padding: 24px; transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1), border-color 0.25s ease, background 0.25s ease, box-shadow 0.25s ease; }
.rev-card:hover { --lift: 7px; transform: translateY(calc(var(--lift) * -1)); border-color: rgba(77,141,255,0.38); box-shadow: 0 18px 40px -18px rgb(0 0 0 / 0.7), 0 0 15px 1px rgba(47,125,255,0.32); }
.rev-topline { position: absolute; top: -1px; inset-inline-start: 8%; inset-inline-end: 8%; height: 2px; border-radius: 2px; background: linear-gradient(90deg, transparent, rgba(77,141,255,0.25) 16%, #4d8dff 50%, rgba(77,141,255,0.25) 84%, transparent); opacity: 0; transition: opacity 0.25s ease; pointer-events: none; }
.rev-card:hover .rev-topline { opacity: 1; }
.rev-head { display: flex; align-items: center; gap: 12px; }
.rev-avatar { width: 40px; height: 40px; border-radius: 50%; flex-shrink: 0; display: grid; place-items: center; color: #ffffff; }
.rev-avatar svg { width: 22px; height: 22px; }
.rev-avatar-1 { background: linear-gradient(140deg, #2f7dff, #173a75); }
.rev-avatar-2 { background: linear-gradient(140deg, #4d8dff, #1a5f7a); }
.rev-avatar-3 { background: linear-gradient(140deg, #5b6cff, #2a2f6e); }
.rev-author { min-width: 0; font-family: var(--font-display); font-weight: 600; font-size: 15px; color: #ffffff; }
.rev-quote { margin-inline-start: auto; flex-shrink: 0; opacity: 0.9; }
.rev-text { margin: 0; font-size: 14.5px; color: var(--muted); flex: 1; text-wrap: pretty; white-space: pre-line; }
.cta { position: relative; text-align: center; padding: 221px 0; border-top: 1px solid var(--border); }
.cta-glow { position: absolute; inset: 0; background: radial-gradient(760px 400px at 50% 46%, rgba(47,125,255,0.16), transparent 70%); }
.cta-slashes { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -52%); font-family: var(--font-mono); font-weight: 700; font-size: clamp(260px, 30vw, 430px); line-height: 1; color: transparent; -webkit-text-stroke: 1.5px rgba(93,146,255,0.10); pointer-events: none; user-select: none; white-space: nowrap; }
.cta-wrap { position: relative; }
.cta-title { margin: 0 0 14px; font-family: var(--font-display); font-weight: 700; font-size: clamp(32px, 5vw, 52px); letter-spacing: -0.02em; color: #ffffff; }
.cta-sub { margin: 0 0 30px; color: var(--muted); font-size: 17px; }
.star-cta-1 { top: 90px; left: 12%; color: rgba(125,164,255,0.62); animation: starFloatA 34.4s ease-in-out -9s infinite; }
.star-cta-2 { top: 38%; left: 5%; color: rgba(190,210,255,0.5); animation: starFloatB 28.9s ease-in-out -21.7s infinite; }
.star-cta-3 { bottom: 110px; right: 9%; color: rgba(125,164,255,0.55); animation: starFloatB 29.6s ease-in-out -22s infinite; }
.star-cta-4 { top: 60%; left: 5%; color: rgba(125,164,255,0.5); animation: starFloatC 38.1s ease-in-out -15s infinite; }
.star-cta-5 { top: 9%; right: 28%; color: rgba(125,164,255,0.6); animation: starFloatC 32.4s ease-in-out -3.4s infinite; }

@media (max-width: 980px) {
  .grid-4, .rev-grid { grid-template-columns: repeat(2, 1fr); }
  .cmp-copy { order: -1; }
  .how-grid, .about-grid { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 760px) {
  .grid-4, .rev-grid { grid-template-columns: 1fr; }
  .hero-stats { gap: 24px; flex-wrap: wrap; }
  .facts-row { flex-direction: column; gap: 22px; }
  .hero-bg { top: calc(0.084 * min(100%, 100vh)); top: calc(0.084 * min(100%, 100svh)); bottom: auto; height: calc(0.8 * min(100%, 100vh)); height: calc(0.8 * min(100%, 100svh)); background: linear-gradient(180deg, var(--bg), transparent 12%, transparent 70%, var(--bg)), url(/assets/img/b2talt11io.webp) 63.5% 30% / cover no-repeat; }
}
@media (max-width: 400px) {
  .hero-stats { column-gap: 8px; justify-content: space-between; }
}
.page-store { position: relative; }
.page-store::before { content: ""; position: absolute; top: 260px; inset-inline: 0; height: 760px; background: radial-gradient(760px 350px at 88% 50%, rgba(47,125,255,0.13), transparent); pointer-events: none; z-index: -1; }
.page-store::after { content: ""; position: absolute; top: 1080px; inset-inline: 0; height: 760px; background: radial-gradient(760px 350px at 10% 50%, rgba(0,84,202,0.15), transparent); pointer-events: none; z-index: -1; }
.store-tools { display: flex; flex-direction: column; align-items: flex-end; gap: 16px; padding-bottom: 6px; flex-shrink: 0; }
.game-search { width: 100%; padding-block: 12px; padding-inline: 43px 16px; border-radius: 12px; border: 1px solid var(--border-lit); background: rgba(14,21,36,0.8); color: var(--text); font-family: var(--font-body); font-size: 14.5px; outline: none; box-sizing: border-box; transition: border-color 0.18s ease, box-shadow 0.18s ease; }
.game-search:focus { border-color: rgba(77,141,255,0.6); box-shadow: 0 0 0 3px rgba(15,98,221,0.18); }
.store-cards { position: relative; }
.store-grid-wrap { position: relative; padding-top: 10px; padding-bottom: 90px; }
.store-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.game-card { display: flex; flex-direction: column; min-width: 0; border: 1px solid var(--border); border-radius: 16px; background: var(--surface); cursor: pointer; color: var(--text); transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1), border-color 0.25s ease, box-shadow 0.25s ease; }
.game-card:hover { --lift: 6px; transform: translateY(calc(var(--lift) * -1)); border-color: rgba(77,141,255,0.5); box-shadow: 0 18px 40px -18px rgb(0 0 0 / 0.7), 0 0 15px 1px rgba(47,125,255,0.32); }
.game-card:hover .card-title { color: #ffffff; }
.game-card:hover .card-arrow { background: var(--accent); border-color: var(--accent); color: #ffffff; box-shadow: 0 12px 32px -10px var(--glow-btn); }
.game-cover { position: relative; display: block; aspect-ratio: 16 / 9; border-radius: 15px 15px 0 0; overflow: hidden; background: linear-gradient(150deg, var(--grad, #14305c), #0a1526); }
.game-cover img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.cover-rust { --grad: #14305c; }
.cover-apex { --grad: #12365e; }
.cover-pubg { --grad: #17335a; }
.cover-cs2 { --grad: #24365a; }
.cover-battlefield { --grad: #123a63; }
.cover-cod { --grad: #0f2f52; }
.cover-marvel { --grad: #1e3156; }
.cover-ow2 { --grad: #1a2c4e; }
.cover-fragpunk { --grad: #1c2a4a; }
.cover-valorant { --grad: #152f58; }
.game-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 18px 20px; }
.game-text { min-width: 0; }
.game-count { display: block; margin-top: 3px; font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.08em; color: var(--muted-2); }
.card-badges { position: absolute; top: 12px; inset-inline: 12px; display: flex; justify-content: space-between; align-items: flex-start; gap: 8px; pointer-events: none; z-index: 2; }
.card-from { margin-inline-start: auto; font-size: 10px; letter-spacing: 0.1em; padding: 5px 9px; border-radius: 7px; backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); }
.store-nohits { margin: 40px 0 10px; text-align: center; font-size: 16px; color: var(--muted); }
.star-grid-1 { top: 280px; left: 3%; color: rgba(125,164,255,0.65); animation: starFloatA 33.2s ease-in-out -8.4s infinite; }
.star-grid-2 { top: 72%; right: 9%; color: rgba(125,164,255,0.7); animation: starFloatA 34.6s ease-in-out -14.3s infinite; }
@media (max-width: 1024px) { .store-grid { grid-template-columns: repeat(2, 1fr); } }
.page-products::before { content: ""; position: absolute; top: 200px; inset-inline: 0; height: 760px; background: radial-gradient(760px 350px at 88% 50%, rgba(47,125,255,0.13), transparent); pointer-events: none; z-index: -1; }
.page-products::after { content: ""; position: absolute; top: 850px; inset-inline: 0; height: 760px; background: radial-gradient(760px 350px at 10% 50%, rgba(0,84,202,0.15), transparent); pointer-events: none; z-index: -1; }
.prod-stats { padding-bottom: 6px; flex-shrink: 0; }
.pg-stat-text { font-family: var(--font-display); font-weight: 700; letter-spacing: 0.01em; font-size: 24px; color: #ffffff; }
.tint-1 { --grad: #123a63; }
.tint-2 { --grad: #17335a; }
.tint-3 { --grad: #1e3156; }
.prod-badges { position: absolute; top: 12px; inset-inline-start: 12px; inset-inline-end: 12px; display: flex; justify-content: space-between; gap: 8px; pointer-events: none; z-index: 2; }
.prod-badges .tag-badge, .prod-badges .st-badge { font-size: 10px; padding: 5px 9px; backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); }
.prod-icons { position: absolute; inset: 0; display: grid; place-items: center; pointer-events: none; z-index: 1; }
.prod-icon-set { position: relative; display: flex; padding: 4px; border: 1px solid rgba(77,141,255,0.26); border-radius: 14px; background: rgba(5,8,15,0.28); box-shadow: 0 14px 30px -16px rgb(0 0 0 / 0.45), 0 0 20px -8px rgba(47,125,255,0.35); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); transition: border-color 0.25s ease, box-shadow 0.25s ease; }
.prod-icon { position: relative; display: grid; place-items: center; width: 46px; height: 46px; color: #eef3ff; opacity: 0.75; pointer-events: auto; }
.prod-icon + .prod-icon::before { content: ""; position: absolute; inset-block: 11px; inset-inline-start: 0; width: 1px; background: rgba(125,175,255,0.28); }
.prod-icon .pi-acc { color: var(--cyan); }
.prod-icon-corners { position: absolute; inset: -10px; color: rgba(255,255,255,0.75); opacity: 0; pointer-events: none; transition: inset 0.28s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.22s ease; }
.prod-card:is(:hover, :focus-visible) .prod-icon-set { border-color: rgba(77,141,255,0.65); box-shadow: 0 14px 30px -16px rgb(0 0 0 / 0.85), 0 0 28px -6px rgba(47,125,255,0.75); }
.prod-card:is(:hover, :focus-visible) .prod-icon-corners { inset: -6px; opacity: 1; }
.prod-media.has-icons .cover-ph { place-content: end center; }
.prod-media.has-icons .cover-ph::before { display: none; }
@media (prefers-reduced-motion: reduce) { .prod-icon-set, .prod-icon-corners { transition: none; } }
.prod-body { display: flex; flex-direction: column; gap: 12px; padding: 20px 22px 22px; flex-grow: 1; }
.prod-title { font-size: 21px; }
.prod-sub { display: block; margin-top: 6px; font-family: var(--font-mono); font-size: 11.5px; letter-spacing: 0.05em; color: var(--muted-2); }
.prod-foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-top: 12px; border-top: 1px solid var(--border); margin-top: auto; }
.prod-price { font-family: var(--font-display); font-weight: 600; font-size: 18px; color: #ffffff; }
.card-more { width: auto; height: auto; gap: 8px; padding: 9px 16px; font-family: var(--font-display); font-weight: 600; font-size: 13.5px; }
.star-prod-2 { top: 90px; right: 28%; color: rgba(125,164,255,0.6); animation: starFloatC 32.4s ease-in-out -3.4s infinite; }
.star-pgrid-1 { top: 200px; left: 3%; color: rgba(125,164,255,0.65); animation: starFloatA 33.2s ease-in-out -8.4s infinite; }
.star-pgrid-2 { top: 620px; left: 20%; color: rgba(190,210,255,0.65); animation: starFloatA 35.2s ease-in-out -18.9s infinite; }
.star-pgrid-3 { top: 470px; right: 4%; color: rgba(125,164,255,0.72); animation: starFloatB 29.7s ease-in-out -17.1s infinite; }
@media (max-width: 980px) { .page-products .pg-head { gap: 18px; } }

@media (max-width: 860px) { .store-tools { align-items: flex-start; } }
@media (max-width: 640px) { .store-grid { grid-template-columns: 1fr; } }
.page-product { overflow-anchor: none; }
.pd-orn-1 { top: 280px; background: radial-gradient(760px 350px at 88% 50%, rgba(47,125,255,0.13), transparent); }
.pd-orn-2 { top: 1850px; background: radial-gradient(760px 350px at 8% 50%, rgba(0,84,202,0.15), transparent); }
.pd-orn-3 { top: 3800px; background: radial-gradient(760px 350px at 90% 62%, rgba(47,125,255,0.12), transparent); }
.pd-top-wrap { position: relative; padding-top: 178px; }
.pd-hero { display: grid; grid-template-columns: 1.02fr 0.98fr; gap: 52px; align-items: center; margin-top: 52px; }
.pd-badges { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.pd-badges .tag-badge { max-width: 100%; white-space: normal; }
.pd-title { margin: 18px 0 16px; font-family: var(--font-display); font-weight: 700; font-size: clamp(38px, 4.8vw, 58px); line-height: 1.02; letter-spacing: -0.03em; color: #ffffff; text-wrap: balance; }
.pd-lead { margin: 0; font-size: 17px; color: var(--muted); max-width: 500px; text-wrap: pretty; }
.pd-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 22px; }
.pd-chip { display: inline-flex; align-items: center; gap: 8px; padding: 8px 13px; border: 1px solid var(--border); border-radius: 10px; background: rgb(14 21 36 / 0.72); font-size: 13px; font-weight: 500; color: var(--muted); }
.pd-chip-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 8px var(--glow-c); flex-shrink: 0; }
.hero-cta { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 28px; }
.btn-buy { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 15px 28px; border-radius: 12px; background: var(--accent); border: 1px solid rgba(125,175,255,0.55); color: #ffffff; font-family: var(--font-display); font-weight: 600; font-size: 15.5px; box-shadow: 0 12px 30px -10px var(--glow-btn), inset 0 1px 0 rgba(255,255,255,0.25); transition: filter 0.18s ease; }
.btn-buy:hover { filter: brightness(1.14); color: #ffffff; }
.btn-buy-sm { padding: 13px 24px; border-radius: 11px; font-size: 14.5px; flex-shrink: 0; }
.pd-proof { margin: 24px 0 0; display: flex; flex-wrap: wrap; align-items: center; gap: 8px 20px; font-family: var(--font-mono); font-size: 11.5px; letter-spacing: 0.08em; color: var(--muted-2); }
.pd-proof-item { display: inline-flex; align-items: center; gap: 7px; }
.demo { scroll-margin-top: 120px; }
.demo-glow { position: relative; border-radius: 45px 0 45px 0; box-shadow: 0 34px 44px rgba(0,0,0,0.55), 0 0 30px rgba(47,125,255,0.18); }
.demo-frame { clip-path: polygon(26px 0, 100% 0, 100% calc(100% - 26px), calc(100% - 26px) 100%, 0 100%, 0 26px); padding: 1px; background: linear-gradient(155deg, rgba(125,164,255,0.65), rgba(125,164,255,0.12) 42%, rgba(47,125,255,0.55)); }
.demo-screen { position: relative; clip-path: polygon(25.5px 0, 100% 0, 100% calc(100% - 25.5px), calc(100% - 25.5px) 100%, 0 100%, 0 25.5px); background: #070b14; touch-action: pan-y pinch-zoom; }
.gal-item { position: relative; aspect-ratio: 16 / 9; overflow: hidden; background: linear-gradient(150deg, #123159, #0a1526); }
.gal-item img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; }
.gal-item.gal-drag, .gal-item.gal-peek { transform: translate3d(var(--gal-x, 0px), 0, 0); will-change: transform; }
.gal-item.gal-peek { position: absolute; inset: 0; }
.gal-item.gal-settle { transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1); }
.gal-item .gal-bg { object-fit: cover; transform: scale(1.15); filter: blur(28px) saturate(1.3) brightness(0.45); pointer-events: none; }
.gal-play { position: absolute; inset: 0; display: grid; place-items: center; pointer-events: none; }
.gal-play-btn { display: grid; place-items: center; width: 76px; height: 76px; clip-path: polygon(18px 0, 100% 0, 100% calc(100% - 18px), calc(100% - 18px) 100%, 0 100%, 0 18px); background: rgba(5,8,15,0.62); backdrop-filter: blur(7px); -webkit-backdrop-filter: blur(7px); color: #ffffff; pointer-events: auto; cursor: pointer; transition: transform 0.25s cubic-bezier(0.22, 1, 0.36, 1), background 0.2s ease, box-shadow 0.25s ease; }
.gal-play-btn:hover { transform: scale(1.12); background: rgba(15,98,221,0.55); box-shadow: 0 0 36px -4px rgba(47,125,255,0.85); }
.gal-nav { position: absolute; top: 0; bottom: 0; z-index: 2; width: 54px; display: flex; align-items: center; justify-content: center; border: none; color: #ffffff; opacity: 0.55; transition: opacity 0.18s ease; pointer-events: none; }
.gal-nav::after { content: ""; position: absolute; inset: calc(50% - 27px) 0; pointer-events: auto; cursor: pointer; }
.gal-nav:hover { opacity: 1; }
.gal-prev { inset-inline-start: 0; background: linear-gradient(90deg, rgba(5,8,15,0.6), transparent); }
.gal-next { inset-inline-end: 0; background: linear-gradient(270deg, rgba(5,8,15,0.6), transparent); }
.gal-foot { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px 16px; margin-top: 14px; padding: 0 2px; flex-wrap: wrap; }
.gal-counter { display: flex; align-items: baseline; gap: 10px; min-width: 0; }
.gal-index { font-family: var(--font-display); font-weight: 700; font-size: 34px; line-height: 1; letter-spacing: -0.02em; color: #ffffff; }
.gal-total { font-family: var(--font-mono); font-size: 13px; font-weight: 700; color: var(--muted-2); }
.gal-label { font-family: var(--font-display); font-weight: 600; font-size: 15px; color: var(--muted); margin-inline-start: 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.gal-tabs { display: inline-flex; gap: 4px; padding: 4px; border: 1px solid var(--border-lit); border-radius: 3px; background: rgba(5,8,15,0.6); flex-shrink: 0; }
.gal-tab { display: inline-flex; align-items: center; gap: 7px; padding: 8px 14px; border: none; border-radius: 2px; background: transparent; color: var(--muted); font-family: var(--font-mono); font-size: 10.5px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; cursor: pointer; transition: background 0.18s ease, color 0.18s ease; }
.gal-tab:hover { color: #ffffff; }
.gal-tab[aria-selected="true"] { background: color-mix(in oklab, var(--accent) 34%, transparent); color: #ffffff; }
.gal-tab-count { opacity: 0.7; }
.gal-bars { display: flex; gap: 6px; margin-top: 8px; padding: 0 2px; }
.gal-bar { flex: 1 1 0; height: 26px; margin: 0; padding: 0; border: none; background: transparent; cursor: pointer; display: flex; align-items: flex-end; }
.gal-bar span { display: block; width: 100%; height: 3px; border-radius: 2px; background: rgba(125,164,255,0.3); transition: height 0.22s ease, background 0.22s ease, box-shadow 0.22s ease; }
.gal-bar[aria-pressed="true"] span { height: 7px; background: var(--cyan); box-shadow: 0 0 12px rgba(77,141,255,0.7); }
.pd-quick { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; margin-top: 48px; padding: 15px 22px; border: 1px solid var(--border); border-radius: 14px; background: rgb(14 21 36 / 0.6); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); }
.subnav-links { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-family: var(--font-mono); font-size: 12px; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; }
.pd-quick-label { display: inline-flex; align-items: center; gap: 8px; margin-inline-end: 10px; color: var(--muted-2); }
.pd-quick-label span { font-size: 10.5px; letter-spacing: 0.16em; }
.hud-slash { color: var(--cyan); margin-inline-end: 8px; }
.hud-arrow { margin-inline-start: 9px; opacity: 0.7; }
@media (max-width: 1295px) {
  .subnav-links { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); width: 100%; }
  .pd-quick-label { grid-column: 1 / -1; margin-inline-end: 0; margin-bottom: 4px; }
  .subnav-links .btn-hud .hud-arrow { margin-inline-start: auto; padding-inline-start: 9px; box-sizing: content-box; }
}
@media (max-width: 767px) { .subnav-links { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 559px) { .subnav-links { grid-template-columns: minmax(0, 1fr); } }
.star-pd-1 { top: 140px; right: 7%; color: rgba(190,210,255,0.85); animation: starFloatB 31.4s ease-in-out -4.2s infinite; }
.star-pd-2 { top: 320px; left: 4%; color: rgba(190,210,255,0.6); animation: starFloatA 36.8s ease-in-out -12.6s infinite; }
.pd-methods { position: relative; }
.pd-methods-wrap { padding-top: 88px; }
.pd-methods-head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 18px 32px; }
.btn-nowrap { white-space: nowrap; }
.meth-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; margin-top: 36px; }
.meth-cols-2 > .meth-card { flex-basis: calc((100% - 14px) / 2); }
.meth-cols-3 > .meth-card { flex-basis: calc((100% - 28px) / 3); }
.meth-cols-4 > .meth-card { flex-basis: calc((100% - 42px) / 4); }
.meth-grid > .meth-slot-wide { flex-basis: calc((100% - 14px) / 2); }
.meth-grid > .meth-solo { flex-basis: 100%; }
.meth-grid > .meth-slot-3 { flex-basis: calc((100% - 28px) / 3); }
.meth-card { position: relative; box-sizing: border-box; flex: 0 0 100%; min-width: 0; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-areas: 'hd' 'ti' 'sb' 'tx' 'rq'; grid-template-rows: auto auto auto minmax(0, 1fr) auto; gap: 10px 24px; padding: 22px; border: 1px solid var(--border); border-radius: 16px; background: var(--surface); transition: border-color 0.25s ease; }
.meth-card.is-main { border-color: rgba(77,141,255,0.55); background: rgba(15,98,221,0.1); box-shadow: 0 0 30px -14px rgba(47,125,255,0.6); }
.meth-card:hover { border-color: rgba(77,141,255,0.45); }
.meth-head { display: flex; flex-wrap: nowrap; align-items: flex-start; justify-content: space-between; gap: 10px; min-height: 22px; }
.meth-num-wrap { min-width: 0; flex: 1 1 auto; padding-top: 1px; line-height: 16px; }
.meth-head .st-badge { flex-shrink: 0; line-height: 14px; }
.meth-n { font-family: var(--font-mono); font-size: 11px; font-weight: 700; letter-spacing: 0.16em; color: var(--cyan); }
.meth-n.is-main { text-shadow: 0 0 14px rgba(77, 141, 255, 0.55); }
.meth-n.is-main .meth-n-label { color: var(--cyan); }
.meth-title { margin: 4px 0 0; font-family: var(--font-display); font-weight: 600; font-size: 20px; line-height: 1.2; color: #ffffff; }
.meth-sub { margin: 0; font-family: var(--font-mono); font-size: 10.5px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--muted-2); }
.meth-text { margin: 4px 0 0; font-size: 14px; color: var(--muted); text-wrap: pretty; flex: 1; }
.meth-req { display: flex; flex-direction: column; gap: 6px; margin-top: 8px; padding-top: 12px; border-top: 1px solid var(--border); }
.meth-req-label { font-family: var(--font-mono); font-size: 9.5px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--muted-2); }
.meth-req-list { display: flex; flex-wrap: wrap; gap: 6px; }
.meth-req-item { font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.06em; text-transform: uppercase; color: var(--muted); border: 1px solid var(--border-lit); border-radius: 6px; padding: 4px 8px; }
.meth-foot { display: grid; grid-template-columns: 1.25fr 1fr; gap: 14px; margin-top: 14px; }
.meth-box { display: flex; flex-direction: column; gap: 12px; padding: 22px 24px; border: 1px solid var(--border); border-radius: 16px; background: rgb(14 21 36 / 0.6); }
.meth-boards-title { margin: 0; font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--muted-2); }
.meth-boards-sub { margin: 0; font-size: 13.5px; color: var(--muted); }
.meth-boards { display: flex; flex-direction: column; gap: 8px; }
.board-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; padding: 10px 0; border-top: 1px solid var(--border); }
.board-name { font-family: var(--font-display); font-weight: 600; font-size: 14.5px; color: #ffffff; }
.board-links { display: flex; flex-wrap: wrap; gap: 6px; }
.board-link { font-family: var(--font-mono); font-size: 10.5px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--cyan); border: 1px solid rgba(77,141,255,0.35); border-radius: 6px; padding: 5px 9px; transition: background 0.18s ease, color 0.18s ease; }
.board-link:hover { background: rgba(15,98,221,0.2); color: #ffffff; }
.pd-buy { position: relative; }
.pd-buy-wrap { padding-top: 88px; padding-bottom: 26px; }
.pay-grid { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr); align-items: stretch; margin-top: 40px; border: 1px solid var(--border); border-radius: 18px; background: var(--surface); box-shadow: 0 26px 60px -30px rgba(0,0,0,0.7); }
.pay-left { padding: 24px; min-width: 0; }
.pay-step { display: flex; align-items: center; gap: 14px; margin: 0 0 12px; }
.pay-step-gap { margin: 22px 0 12px; }
.pay-step-tag { font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--muted-2); }
.pay-step-line { height: 1px; background: var(--border); flex: 1; }
.reg-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 22px; }
.pick { position: relative; display: block; line-height: normal; text-align: start; padding: 13px 15px 12px; border: 1px solid var(--border); border-radius: 12px; background: rgba(5,8,15,0.35); cursor: pointer; transition: border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease; }
.pick:has(.pick-input:checked) { border-color: rgba(77,141,255,0.75); background: rgba(15,98,221,0.16); box-shadow: 0 0 12px -7px rgba(47,125,255,0.32); }
.pick-input { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; }
.pick-input:focus-visible + .pick-head, .pick-input:focus-visible + .tariff-badge, .pick-input:focus-visible + .tariff-badges, .pick-input:focus-visible + .tariff-label { outline: 2px solid var(--accent); outline-offset: 6px; border-radius: 4px; }
.pick-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.pick-name { font-family: var(--font-display); font-weight: 700; letter-spacing: 0.03em; font-size: 16px; color: var(--muted); }
.pick:has(.pick-input:checked) .pick-name, .pick:has(.pick-input:checked) .gw-name, .pick:has(.pick-input:checked) .tariff-label { color: #ffffff; }
.pick-radio { width: 16px; height: 16px; border-radius: 50%; border: 1.5px solid var(--border-lit); display: inline-grid; place-items: center; flex-shrink: 0; }
.pick-radio span { width: 8px; height: 8px; border-radius: 50%; background: transparent; }
.pick:has(.pick-input:checked) .pick-radio { border-color: var(--cyan); }
.pick:has(.pick-input:checked) .pick-radio span { background: var(--cyan); }
.pick-sub { display: block; margin-top: 3px; font-size: 12.5px; line-height: 1.45; color: var(--muted-2); }
.dur-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px 10px; }
.tariff { padding: 12px 13px 11px; }
.tariff-badge { position: absolute; top: -9px; inset-inline-end: 10px; font-family: var(--font-mono); font-size: 9px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; border-radius: 6px; padding: 3px 8px; white-space: nowrap; }
.badge-popular { background: var(--accent); color: #ffffff; }
.badge-best { background: var(--ember); color: #1a0d04; }
.tariff-badges { position: absolute; top: -9px; inset-inline-end: 10px; display: flex; gap: 6px; }
.tariff-badges .tariff-badge { position: static; }
.tariff-label { display: block; font-family: var(--font-mono); font-size: 10.5px; font-weight: 500; letter-spacing: 0.14em; text-transform: uppercase; color: var(--muted-2); }
.tariff-price { display: block; margin-top: 6px; font-family: var(--font-display); font-weight: 700; letter-spacing: -0.01em; font-size: 18px; color: #ffffff; }
.gw-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
.gw-pick:only-child { grid-column: 1 / -1; }
.gw-pick { padding: 12px 14px; }
.gw-name { font-family: var(--font-display); font-weight: 600; font-size: 15px; color: var(--muted); }
.gw-note { display: block; margin-top: 5px; font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--muted-2); }
.included { gap: 10px 24px; }
.inc-item { display: flex; align-items: center; gap: 10px; }
.inc-check { flex-shrink: 0; }
.inc-text { font-size: 14px; color: var(--muted); }
.pay-info { display: flex; flex-direction: column; gap: 10px; margin-top: 20px; }
.acc { border: 1px solid var(--border); border-radius: 12px; background: rgba(5,8,15,0.35); overflow: hidden; }
.acc-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 16px; color: var(--text); font-family: var(--font-display); font-weight: 600; font-size: 14.5px; cursor: pointer; list-style: none; -webkit-user-select: none; user-select: none; }
.acc-head::-webkit-details-marker { display: none; }
.acc-slash { font-family: var(--font-mono); font-size: 11px; font-weight: 700; color: var(--accent); margin-inline-end: 9px; }
.acc-chev { color: var(--muted); transition: transform 0.22s ease; }
.acc[open] .acc-chev { transform: rotate(180deg); }
.acc-body { padding: 0 16px 16px; }
.acc-text { margin: 0; font-size: 13.5px; color: var(--muted); text-wrap: pretty; }
.acc-text-gap { margin-bottom: 10px; }
.countries { gap: 5px 20px; margin-bottom: 12px; }
.country { display: flex; gap: 8px; align-items: baseline; }
.country-mark { font-family: var(--font-mono); font-size: 10px; font-weight: 700; color: var(--accent); }
.country-name { font-size: 13px; color: var(--muted); }
.pay-right { border-inline-start: 1px solid var(--border); background: rgba(5,8,15,0.35); border-start-start-radius: 0; border-start-end-radius: 17px; border-end-end-radius: 17px; border-end-start-radius: 0; min-width: 0; }
.sum-card { padding: 24px; margin: 0; }
.sum-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.sum-region { font-family: var(--font-mono); font-size: 10px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--cyan); border: 1px solid rgba(77,141,255,0.45); border-radius: 6px; padding: 3px 8px; }
.sum-title { margin: 12px 0 0; font-family: var(--font-display); font-weight: 600; font-size: 16.5px; color: #ffffff; }
.sum-price-row { display: flex; align-items: baseline; gap: 12px; margin-top: 8px; flex-wrap: wrap; }
.sum-price { font-family: var(--font-display); font-weight: 700; font-size: 40px; letter-spacing: -0.02em; line-height: 1; color: #ffffff; }
.sum-perday { font-family: var(--font-mono); font-size: 12px; color: var(--muted-2); }
.sum-rows { display: flex; flex-direction: column; gap: 9px; margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--border); }
.sum-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.sum-key { font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--muted-2); }
.sum-val { font-size: 14px; font-weight: 600; color: var(--text); text-align: end; }
.sum-saving { font-weight: 600; color: #7ee6ac; font-size: 14px; }
.sum-saving.is-life { font-size: 20px; line-height: 14px; }
.sum-life { margin: 0; font-size: 13px; color: var(--muted); text-wrap: pretty; }
.sum-methods { margin-top: 16px; }
.sum-methods-label { display: block; font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--muted-2); margin-bottom: 8px; }
.gw-chips { display: flex; flex-wrap: wrap; gap: 6px; min-height: 56px; align-content: flex-start; }
.gw-chip { font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.06em; text-transform: uppercase; color: var(--muted); border: 1px solid var(--border-lit); border-radius: 6px; padding: 4px 8px; }
.sum-fields { display: flex; flex-direction: column; gap: 10px; margin-top: 16px; }
.field { display: block; }
.field-label { display: block; font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--muted-2); margin-bottom: 6px; }
.field-input { width: 100%; padding: 11px 13px; border-radius: 10px; border: 1px solid var(--border-lit); background: rgba(14,21,36,0.8); color: var(--text); font-family: var(--font-body); font-size: 14px; box-sizing: border-box; outline: none; transition: border-color 0.18s ease, box-shadow 0.18s ease; }
.field-input:focus { border-color: rgba(77,141,255,0.6); box-shadow: 0 0 0 3px rgba(15,98,221,0.18); }
.agree { position: relative; display: flex; align-items: flex-start; gap: 10px; margin-top: 16px; cursor: pointer; }
.agree-second { margin-top: 10px; }
.agree-input { position: absolute; top: 2px; inset-inline-start: 2.25px; width: 20px; height: 20px; margin: 0; opacity: 0; cursor: pointer; }
.agree-box { width: 18px; height: 18px; margin-top: 2px; border-radius: 5px; border: 1px solid var(--border-lit); background: transparent; display: inline-grid; place-items: center; flex-shrink: 0; transition: background 0.15s ease, border-color 0.15s ease; }
.agree-box svg { opacity: 0; }
.agree-input:checked + .agree-box { border-color: var(--accent); background: var(--accent); }
.agree-input:checked + .agree-box svg { opacity: 1; }
.agree-input:focus-visible + .agree-box { outline: 2px solid var(--accent); outline-offset: 3px; }
.agree-text { font-size: 13px; color: var(--muted); }
.agree-text a { color: var(--cyan); transition: color 0.15s ease; }
.agree-text a:hover { color: #ffffff; }
.pay-btn { width: 100%; display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: 16px; padding: 15px; border-radius: 12px; background: var(--accent); border: 1px solid rgba(125,175,255,0.55); color: #ffffff; font-family: var(--font-display); font-weight: 600; font-size: 16px; text-align: center; cursor: pointer; box-sizing: border-box; box-shadow: 0 14px 34px -12px var(--glow-btn), inset 0 1px 0 rgba(255,255,255,0.25); transition: filter 0.18s ease, opacity 0.2s ease; }
.pay-btn:hover { filter: brightness(1.14); color: #ffffff; }
.pay-btn.is-disabled { opacity: 0.45; cursor: default; pointer-events: none; }
.pay-logos { display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: 16px; flex-wrap: wrap; }
.pay-logos img { width: auto; }
.pl-visa { height: 11px; filter: brightness(0) invert(0.6); }
.pl-mc { height: 16px; opacity: 0.75; }
.pl-mir { height: 10px; opacity: 0.75; }
.pl-wm { height: 16px; opacity: 0.75; }
.pay-note { margin: 10px 0 0; text-align: center; font-family: var(--font-mono); font-size: 10.5px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--muted-2); }
.star-buy-1 { top: 170px; right: 26%; color: rgba(125,164,255,0.6); animation: starFloatC 32.4s ease-in-out -3.4s infinite; }
.pd-features { position: relative; }
.pd-features-wrap { padding-top: 96px; padding-bottom: 40px; }
.fx-grid { display: grid; grid-template-columns: repeat(12, 1fr); gap: 16px; margin-top: 44px; }
.fxc { display: flex; flex-direction: column; gap: 14px; border: 1px solid var(--border); border-radius: 16px; background: var(--surface); padding: 22px; transition: border-color 0.25s ease; }
.fxc:hover { border-color: rgba(77,141,255,0.4); }
.span-4 { grid-column: span 4; }
.span-5 { grid-column: span 5; }
.span-6 { grid-column: span 6; }
.span-7 { grid-column: span 7; }
.span-8 { grid-column: span 8; }
.span-12 { grid-column: span 12; }
.fx-title { margin: 6px 0 0; font-family: var(--font-display); font-weight: 600; font-size: 21px; color: #ffffff; }
.fx-title-sm { font-size: 19px; }
.fx-text { margin: 0; font-size: 14.5px; color: var(--muted); text-wrap: pretty; }
.fx-screen { position: relative; height: 224px; border: 1px solid var(--border); border-radius: 12px; background-color: #0a0f1b; background-image: radial-gradient(rgba(125,164,255,0.09) 1px, transparent 1.5px), linear-gradient(160deg, #0b1a33, #0a0f1b); background-size: 22px 22px, 100% 100%; overflow: hidden; }
.fx-screen-split { display: grid; grid-template-columns: 1fr 1fr; }
.fx-ring { position: absolute; top: 50%; left: 50%; width: 190px; height: 190px; transform: translate(-50%, -50%); border: 1.5px dashed rgba(125,164,255,0.3); border-radius: 50%; }
.fx-screen-neural { isolation: isolate; }
.fx-scene { position: absolute; inset: 0; }
.fx-screen-neural .fx-corner-label { z-index: 1; }
.fx-screen-neural .fx-box { z-index: 2; }
@media (max-width: 560px) {
  .fx-screen-neural { display: flex; flex-direction: column; height: auto; }
  .fx-screen-neural .fx-corner-label { position: static; padding: 11px 14px 0; }
  .fx-screen-neural .fx-scene { position: relative; inset: auto; flex: 0 0 186px; }
  .fx-screen-neural .fx-ring { width: 150px; height: 150px; }
  .fx-screen-neural .fx-log { position: static; padding: 2px 14px 12px; }
}
.fx-scan { position: absolute; top: 6%; bottom: 6%; left: -4%; width: 2px; background: linear-gradient(180deg, transparent, rgba(125,164,255,0.7), transparent); box-shadow: 0 0 12px rgba(77,141,255,0.5); animation: scanX 4.6s linear infinite; }
.fx-cross { position: absolute; left: 50%; width: 16px; height: 16px; transform: translate(-50%, -50%); }
.fx-cross::before, .fx-cross::after { content: ""; position: absolute; background: rgba(255,255,255,0.55); }
.fx-cross::before { top: 7px; left: 0; width: 16px; height: 2px; }
.fx-cross::after { left: 7px; top: 0; width: 2px; height: 16px; }
.fx-cross-center { top: 50%; }
.fx-cross-raw { top: 72%; width: 14px; height: 14px; }
.fx-cross-raw::before { top: 6px; width: 14px; background: rgba(255,255,255,0.4); }
.fx-cross-raw::after { left: 6px; height: 14px; background: rgba(255,255,255,0.4); }
.fx-cross-fixed { top: 60%; width: 14px; height: 14px; }
.fx-cross-fixed::before { top: 6px; width: 14px; }
.fx-cross-fixed::after { left: 6px; height: 14px; }
.fx-corner-label { position: absolute; top: 11px; inset-inline-start: 14px; font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.14em; color: var(--muted-2); }
.fx-corner-label-cyan { color: var(--cyan); }
.fx-box { position: absolute; top: var(--t, 15%); left: var(--l, 52%); width: var(--w, 88px); height: var(--h, 112px); transition: top 2.05s ease-in-out, left 2.05s ease-in-out, width 2.05s ease-in-out, height 2.05s ease-in-out; }
.fx-tag { position: absolute; font-family: var(--font-mono); font-size: 10px; font-weight: 700; letter-spacing: 0.1em; color: #9cc2ff; background: rgba(5,8,15,0.85); border: 1px solid rgba(77,141,255,0.45); border-radius: 6px; padding: 3px 8px; white-space: nowrap; }
.fx-conf { top: -26px; inset-inline-start: 0; }
.fx-axis { bottom: 12px; left: 50%; translate: -50% 0; min-width: calc(14 * (1ch + 0.1em)); text-align: center; }
.det-dot { position: absolute; top: 50%; left: 50%; width: 7px; height: 7px; margin: -3.5px 0 0 -3.5px; border-radius: 50%; background: var(--danger); box-shadow: 0 0 10px var(--danger); animation: blinkDot 1.6s ease-in-out infinite; }
.fx-box-corners { display: contents; color: var(--cyan); }
.fx-box-corners .corner { width: 14px; height: 14px; color: var(--cyan); }
.fx-log { position: absolute; inset-inline-start: 14px; bottom: 12px; display: flex; flex-direction: column; gap: 3px; font-family: var(--font-mono); font-size: 10.5px; color: var(--muted-2); }
.fx-log-ts { color: var(--cyan); }
.fx-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.fx-chip { font-family: var(--font-mono); font-size: 10.5px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--muted); border: 1px solid var(--border-lit); border-radius: 7px; padding: 4px 9px; }
.fx-chip.is-first { color: var(--cyan); border-color: rgba(77,141,255,0.35); }
.fx-half { position: relative; }
.fx-half-raw { border-inline-end: 1px dashed rgba(125,164,255,0.25); }
.fx-target-ring { position: absolute; top: 60%; left: 50%; width: 46px; height: 46px; transform: translate(-50%, -50%); border: 1px dashed rgba(125,164,255,0.35); border-radius: 50%; }
.fx-shots { position: absolute; inset: 0; }
.fx-shot { position: absolute; width: 6px; height: 6px; margin: -3px; border-radius: 50%; animation: shotPop 3.6s ease-out infinite; }
.fx-shot-raw { background: var(--danger); box-shadow: 0 0 8px var(--danger); }
.fx-shot-fixed { background: var(--cyan); box-shadow: 0 0 8px var(--glow-c); }
.fx-shot-raw:nth-child(1) { left: 50%; top: 72%; animation-delay: 0s; }
.fx-shot-raw:nth-child(2) { left: calc(50% + 4px); top: calc(72% - 22px); animation-delay: 0.22s; }
.fx-shot-raw:nth-child(3) { left: calc(50% - 5px); top: calc(72% - 44px); animation-delay: 0.44s; }
.fx-shot-raw:nth-child(4) { left: calc(50% + 9px); top: calc(72% - 64px); animation-delay: 0.66s; }
.fx-shot-raw:nth-child(5) { left: calc(50% - 12px); top: calc(72% - 82px); animation-delay: 0.88s; }
.fx-shot-raw:nth-child(6) { left: calc(50% + 16px); top: calc(72% - 100px); animation-delay: 1.1s; }
.fx-shot-raw:nth-child(7) { left: calc(50% - 7px); top: calc(72% - 118px); animation-delay: 1.32s; }
.fx-shot-fixed:nth-child(1) { left: 50%; top: 60%; animation-delay: 0s; }
.fx-shot-fixed:nth-child(2) { left: calc(50% + 3px); top: calc(60% - 4px); animation-delay: 0.22s; }
.fx-shot-fixed:nth-child(3) { left: calc(50% - 4px); top: calc(60% + 3px); animation-delay: 0.44s; }
.fx-shot-fixed:nth-child(4) { left: calc(50% + 5px); top: calc(60% + 5px); animation-delay: 0.66s; }
.fx-shot-fixed:nth-child(5) { left: calc(50% - 2px); top: calc(60% - 6px); animation-delay: 0.88s; }
.fx-shot-fixed:nth-child(6) { left: calc(50% + 7px); top: calc(60% - 1px); animation-delay: 1.1s; }
.fx-shot-fixed:nth-child(7) { left: calc(50% - 6px); top: calc(60% - 2px); animation-delay: 1.32s; }
.fx-panel { display: flex; flex-direction: column; gap: 10px; border: 1px solid var(--border); border-radius: 12px; background: rgba(5,8,15,0.45); padding: 18px 16px; height: 224px; box-sizing: border-box; }
.fx-panel-center { justify-content: center; }
.fx-panel-gap { gap: 12px; }
.fx-row { display: flex; align-items: center; gap: 12px; }
.fx-row-between { justify-content: space-between; gap: 10px; }
.fx-row-delay { margin-top: 12px; padding-top: 16px; border-top: 1px solid var(--border); }
.fx-row-label { width: 62px; font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.12em; color: var(--muted); }
.fx-row-label.is-white { color: #ffffff; }
.fx-sq { width: 7px; height: 7px; border-radius: 2px; background: var(--cyan); }
.fx-sq-row { display: inline-flex; gap: 5px; }
.fx-spray .fx-sq:nth-child(1) { box-shadow: 0 0 8px var(--glow-c); }
.fx-spray .fx-sq:nth-child(2) { opacity: 0.9; }
.fx-spray .fx-sq:nth-child(3) { opacity: 0.78; }
.fx-spray .fx-sq:nth-child(4) { opacity: 0.66; }
.fx-spray .fx-sq:nth-child(5) { opacity: 0.54; }
.fx-spray .fx-sq:nth-child(6) { opacity: 0.42; }
.fx-spray .fx-sq:nth-child(7) { opacity: 0.3; }
.fx-spray.is-live .fx-sq { animation: dotPulse 1.9s ease-in-out infinite; }
.fx-spray.is-live .fx-sq:nth-child(2) { animation-delay: 0.16s; }
.fx-spray.is-live .fx-sq:nth-child(3) { animation-delay: 0.32s; }
.fx-spray.is-live .fx-sq:nth-child(4) { animation-delay: 0.48s; }
.fx-spray.is-live .fx-sq:nth-child(5) { animation-delay: 0.64s; }
.fx-spray.is-live .fx-sq:nth-child(6) { animation-delay: 0.8s; }
.fx-spray.is-live .fx-sq:nth-child(7) { animation-delay: 0.96s; }
.fx-slider { position: relative; flex: 1; height: 4px; border-radius: 3px; background: rgba(255,255,255,0.1); }
.fx-fill { position: absolute; inset-inline-start: 0; top: 0; bottom: 0; width: var(--pos, 38%); border-radius: 3px; background: var(--accent); transition: width 0.8s ease; }
.fx-thumb { position: absolute; left: var(--pos, 38%); top: 50%; width: 12px; height: 12px; transform: translate(-6px, -50%); border-radius: 50%; background: #ffffff; box-shadow: 0 0 10px var(--glow-c); transition: left 0.8s ease; }
.fx-val { font-family: var(--font-mono); font-size: 11px; color: var(--cyan); white-space: nowrap; }
.fx-val-end { width: 38px; text-align: end; font-family: var(--font-mono); font-size: 11px; color: var(--cyan); }
.fx-rcs-w { font-family: var(--font-display); font-weight: 700; font-size: 18px; letter-spacing: -0.01em; color: #ffffff; transition: opacity 0.3s ease; }
.fx-rcs-w.is-fading { opacity: 0; }
.fx-any { font-family: var(--font-mono); font-size: 10px; font-weight: 700; letter-spacing: 0.12em; color: var(--cyan); border: 1px solid rgba(77,141,255,0.45); border-radius: 6px; padding: 3px 8px; white-space: nowrap; }
.fx-axis-label { width: 28px; font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.12em; color: var(--muted); }
.fx-rcs-x { --pos: 62%; transition: width 0.9s ease; }
.fx-rcs-y { --pos: 100%; transition: width 0.9s ease; }
.fx-sync { display: flex; align-items: center; gap: 8px; margin-top: 6px; padding-top: 14px; border-top: 1px solid var(--border); font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.08em; color: #7ee6ac; }
.fx-wpanel { position: relative; border: 1px solid var(--border); border-radius: 12px; background: rgba(5,8,15,0.45); padding: 14px 14px 12px; }
.fx-wtiles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.fx-wtile { display: flex; flex-direction: column; align-items: center; gap: 7px; padding: 13px 4px 10px; border: 1px solid var(--border); border-radius: 9px; transition: border-color 0.5s ease, background 0.5s ease; }
.fx-wtile.is-active { border-color: rgba(56,182,255,0.3); background: rgba(15,98,221,0.05); }
.fx-wtile.is-done { border-color: rgba(77,141,255,0.5); background: rgba(15,98,221,0.12); }
.fx-wicon { display: block; max-width: 100%; height: auto; color: var(--muted-2); transition: color 0.45s ease; }
.fx-wtile.is-active .fx-wicon { color: #ffffff; }
.fx-wtile.is-done .fx-wicon { color: var(--cyan); }
.fx-wname { font-family: var(--font-mono); font-size: 9.5px; letter-spacing: 0.08em; color: var(--muted); transition: color 0.5s ease; white-space: nowrap; }
.fx-wtile.is-active .fx-wname { color: #ffffff; }
.fx-wdet { display: flex; align-items: flex-start; gap: 6px; margin-top: 12px; padding: 9px 2px 0; border-top: 1px solid var(--border); font-family: var(--font-mono); font-size: 10px; line-height: 1.5; letter-spacing: 0.08em; color: #7ee6ac; }
.fx-wdet .fx-check { margin-top: 1.5px; }
.fx-mdet-text { display: block; min-height: 3em; }
.fx-wdet.is-scanning { color: var(--cyan); }
.fx-wdet.is-scanning .fx-check { display: none; }
.fx-check { flex-shrink: 0; }
.fx-lens { position: absolute; top: var(--t, 25px); left: var(--l, 42px); z-index: 2; pointer-events: none; color: #ffffff; transition: top 0.55s cubic-bezier(0.5, 0, 0.3, 1), left 0.55s cubic-bezier(0.5, 0, 0.3, 1), color 0.4s ease; }
.fx-lens.is-scanning { color: var(--cyan); }
.fx-lens-sweep { display: inline-block; animation: fxLensSweep 1.5s ease-in-out infinite; }
.fx-lens:not(.is-scanning) .fx-lens-sweep { animation-play-state: paused; }
.fx-lens-svg { display: block; filter: drop-shadow(0 0 7px rgba(56,182,255,0.55)); }
.fx-mpanel { display: flex; flex-direction: column; gap: 8px; border: 1px solid var(--border); border-radius: 12px; background: rgba(5,8,15,0.45); padding: 16px 14px 12px; }
.fx-mchips { display: flex; flex-wrap: wrap; gap: 6px; }
.fx-mchip { font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.08em; color: var(--muted); border: 1px solid var(--border-lit); border-radius: 7px; padding: 6px 9px; transition: color 0.45s ease, border-color 0.45s ease, background 0.45s ease; }
.fx-mchip.is-on, .fx-pchip.is-on, .fx-proc.is-on { color: #ffffff; border-color: rgba(77,141,255,0.5); background: rgba(15,98,221,0.14); }
.fx-mdet { margin-top: 6px; }
@media (max-width: 359px) {
  .fx-wtile { padding-inline: 2px; }
  .fx-wname { letter-spacing: 0.04em; }
  .fx-wdet-text { display: block; min-height: 3em; }
  .fx-axis { padding-inline: 6px; font-size: 9px; letter-spacing: 0.04em; min-width: calc(14 * (1ch + 0.04em)); }
}
.fx-ntrg { gap: 7px; }
.fx-ntrg-mode { display: flex; align-items: center; gap: 10px; min-height: 32px; padding: 0 10px; box-sizing: border-box; }
.fx-ntrg-dot { position: relative; flex-shrink: 0; width: 10px; height: 10px; box-sizing: border-box; border: 1.5px solid var(--muted-2); border-radius: 50%; transition: border-color 0.45s ease; }
.fx-ntrg-dot::after { content: ""; position: absolute; inset: 1.5px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 8px var(--glow-c); opacity: 0; transform: scale(0.3); transition: opacity 0.45s ease, transform 0.45s ease; }
.fx-ntrg-mode.is-on .fx-ntrg-dot { border-color: var(--cyan); }
.fx-ntrg-mode.is-on .fx-ntrg-dot::after { opacity: 1; transform: none; }
.fx-ntrg-mode.is-fired .fx-ntrg-dot { animation: fxNtrgShot 0.9s ease-out; }
.fx-ntrg-name { min-width: 0; }
.fx-ntrg-aim { margin-inline-start: auto; padding: 1px 6px; }
.fx-ntrg-state { margin-top: 3px; padding-top: 12px; transition: color 0.3s ease; }
.fx-ntrg-state.is-waiting { color: var(--cyan); }
.fx-ntrg-state.is-waiting .fx-check { display: none; }
@keyframes fxNtrgShot { 0% { box-shadow: 0 0 0 0 rgba(126,230,172,0.75); } 100% { box-shadow: 0 0 0 10px rgba(126,230,172,0); } }
.fx-tpanel { display: flex; flex-direction: column; gap: 14px; border: 1px solid var(--border); border-radius: 12px; background: rgba(5,8,15,0.45); padding: 20px 16px; }
.fx-target { --y: 44%; display: flex; align-items: stretch; justify-content: center; gap: 22px; height: 112px; }
.fx-sil { position: relative; width: 72px; border: 1px solid rgba(77,141,255,0.55); border-radius: 3px; background: rgba(5,8,15,0.6); box-shadow: inset 0 0 0 1px rgba(5,8,15,0.6), inset 0 0 0 2px rgba(77,141,255,0.22); overflow: hidden; }
.fx-sil img { position: absolute; inset: 4px 0; width: 100%; height: calc(100% - 8px); display: block; object-fit: contain; object-position: center; }
.fx-yline { position: absolute; left: 0; right: 0; top: var(--y); height: 2px; background: var(--cyan); box-shadow: 0 0 10px var(--glow-c); transition: top 0.8s ease; }
.fx-ydot { position: absolute; left: 50%; top: var(--y); width: 8px; height: 8px; margin: -3px 0 0 -4px; border-radius: 50%; background: var(--danger); box-shadow: 0 0 10px var(--danger); transition: top 0.8s ease; }
.fx-yslider { position: relative; width: 4px; border-radius: 3px; background: rgba(255,255,255,0.1); }
.fx-y-fill { position: absolute; left: 0; right: 0; bottom: 0; height: calc(100% - var(--y)); border-radius: 3px; background: var(--accent); transition: height 0.8s ease; }
.fx-y-thumb { position: absolute; left: 50%; top: var(--y); width: 12px; height: 12px; transform: translate(-50%, -50%); border-radius: 50%; background: #ffffff; box-shadow: 0 0 10px var(--glow-c); transition: top 0.8s ease; }
.fx-ylabels { display: flex; flex-direction: column; justify-content: space-between; font-family: var(--font-mono); font-size: 9.5px; letter-spacing: 0.1em; color: var(--muted-2); }
.fx-yv { font-size: 11px; font-weight: 700; color: var(--cyan); }
.fx-smooth-row { --pos: 44%; padding-top: 14px; border-top: 1px solid var(--border); }
.fx-chain { display: flex; align-items: center; justify-content: center; gap: 8px; flex-wrap: wrap; }
.fx-pchip { font-family: var(--font-mono); font-size: 10.5px; letter-spacing: 0.1em; color: var(--muted); border: 1px solid var(--border-lit); border-radius: 8px; padding: 8px 10px; transition: color 0.45s ease, border-color 0.45s ease, background 0.45s ease; }
.fx-parr { opacity: 0.3; transition: opacity 0.45s ease; }
.fx-parr.is-on { opacity: 1; }
.fx-safe { display: flex; align-items: center; justify-content: center; gap: 8px; font-family: var(--font-mono); font-size: 10.5px; letter-spacing: 0.08em; color: #7ee6ac; text-align: center; }
.fx-shield { flex-shrink: 0; }
.fx-procpanel { display: flex; flex-direction: column; gap: 10px; border: 1px solid var(--border); border-radius: 12px; background: rgba(5,8,15,0.45); padding: 16px; }
.fx-procs { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.fx-proc { display: grid; place-items: center; gap: 2px; padding: 12px 8px; border: 1px solid var(--border); border-radius: 9px; font-family: var(--font-mono); font-size: 12px; letter-spacing: 0.14em; color: var(--muted); transition: color 0.45s ease, border-color 0.45s ease, background 0.45s ease; }
.fx-procsubs { display: flex; gap: 8px; }
.fx-procsub { flex: 1; text-align: center; font-family: var(--font-mono); font-size: 10.5px; letter-spacing: 0.12em; color: var(--muted); border: 1px solid var(--border-lit); border-radius: 8px; padding: 7px 8px; }
.fx-stream { flex-direction: row; flex-wrap: wrap; align-items: center; gap: 24px; padding: 24px 26px; }
.fx-stream-text { flex: 1 1 380px; min-width: min(280px, 100%); }
.fx-stream-title { margin: 0 0 8px; font-family: var(--font-display); font-weight: 600; font-size: 21px; color: #ffffff; }
.fx-toggles { display: flex; flex-direction: column; gap: 9px; min-width: min(250px, 100%); }
.fx-toggle-row { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.fx-toggle-label { font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.1em; color: var(--muted); }
.fx-tgl { position: relative; width: 34px; height: 18px; border-radius: 10px; background: rgba(255,255,255,0.12); flex-shrink: 0; transition: background 0.35s ease, box-shadow 0.35s ease; }
.fx-tgl.is-on { background: var(--accent); box-shadow: 0 0 10px -2px var(--glow-c); }
.fx-tgl span { position: absolute; top: 2px; inset-inline-start: 2px; width: 14px; height: 14px; border-radius: 50%; background: #9199ac; transform: translateX(0); transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1), background 0.35s ease; }
.fx-tgl.is-on span { background: #ffffff; transform: translateX(16px); }
@keyframes fxLensSweep { 0%, 100% { transform: translate(-6px, -3px); } 50% { transform: translate(6px, 3px); } }
@keyframes blinkDot { 0%, 100% { opacity: 1; } 50% { opacity: 0.3; } }
@keyframes scanX { 0% { left: -4%; opacity: 0; } 8% { opacity: 0.9; } 92% { opacity: 0.9; } 100% { left: 102%; opacity: 0; } }
@keyframes dotPulse { 0%, 100% { opacity: 0.25; } 50% { opacity: 1; } }
@keyframes shotPop { 0% { opacity: 0; transform: scale(0.3); } 5% { opacity: 1; transform: scale(1.6); } 11% { transform: scale(1); } 66% { opacity: 1; } 78% { opacity: 0; } 100% { opacity: 0; } }
.star-fx-1 { top: 230px; left: 3%; color: rgba(125,164,255,0.65); animation: starFloatA 33.2s ease-in-out -8.4s infinite; }
.star-fx-2 { top: 860px; right: 4%; color: rgba(125,164,255,0.72); animation: starFloatB 29.7s ease-in-out -17.1s infinite; }
@media (prefers-reduced-motion: reduce) { .det-dot, .fx-anim, .fx-shot, .fx-lens-sweep, .fx-ntrg-dot { animation: none !important; } }
.pd-details { position: relative; }
.details-wrap { padding-top: 60px; padding-bottom: 80px; overflow-anchor: none; min-height: var(--details-min, 640px); }
.details-card { background: var(--surface); border: 1px solid var(--border); border-radius: 20px; padding: clamp(26px, 4.5vw, 54px); }
.tabs { display: inline-flex; flex-wrap: wrap; gap: 4px; padding: 4px; border: 1px solid var(--border); border-radius: 12px; background: rgba(5,8,15,0.45); margin-top: 30px; }
.tab { padding: 10px 18px; border: none; border-radius: 9px; background: transparent; color: var(--muted); font-family: var(--font-mono); font-size: 12px; font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase; cursor: pointer; transition: background 0.18s ease, color 0.18s ease; }
.tab[aria-selected="true"] { background: color-mix(in oklab, var(--accent) 30%, transparent); color: #ffffff; }
@media (max-width: 600px) { .tabs { display: grid; grid-template-columns: minmax(0, 1fr); width: 100%; box-sizing: border-box; } }
.details-pending { margin: 34px 0 0; font-size: 14.5px; color: var(--muted-2); }
.details-h3 { margin: 38px 0 18px; font-family: var(--font-display); font-weight: 600; font-size: 20px; color: #ffffff; }
.details-list { gap: 11px 32px; }
.security-h3 { margin-top: 40px; }
.security-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(230px, 100%), 1fr)); gap: 14px; }
.security-card { border: 1px solid var(--border); border-radius: 14px; background: rgba(5,8,15,0.45); padding: 20px; }
.security-card h4 { margin: 0 0 8px; font-family: var(--font-display); font-weight: 600; font-size: 16px; color: #ffffff; }
.security-card p { margin: 0; font-size: 14px; color: var(--muted); text-wrap: pretty; }
.spec-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 48px; margin-top: 34px; }
.spec-row { display: flex; justify-content: space-between; gap: 24px; padding: 14px 2px; border-bottom: 1px solid var(--border); }
.spec-key { font-family: var(--font-mono); font-size: 11.5px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--muted-2); padding-top: 2px; }
.spec-val { font-size: 14.5px; color: var(--text); text-align: end; }
.steps-grid { display: grid; grid-template-columns: 1.15fr 1fr; gap: 40px; margin-top: 34px; }
.rules-h3 { margin: 0 0 16px; }
.how-list, .specifics { display: flex; flex-direction: column; gap: 12px; }
.how-item { display: flex; gap: 18px; padding: 20px; border: 1px solid var(--border); border-radius: 14px; background: rgb(14 21 36 / 0.72); }
.how-n { font-family: var(--font-mono); font-weight: 700; font-size: 15px; color: var(--cyan); flex-shrink: 0; }
.how-text { margin: 0; font-size: 14.5px; color: var(--muted); text-wrap: pretty; }
.security-card p strong, .how-text strong { color: var(--text); font-weight: 600; }
.security-card h4 strong { font-weight: inherit; }
.star-det-1 { top: 100px; left: 18%; color: rgba(190,210,255,0.65); animation: starFloatA 35.2s ease-in-out -18.9s infinite; }
.pd-bottom { position: relative; }
.pd-bottom-wrap { position: relative; padding-bottom: 90px; display: flex; flex-direction: column; gap: 14px; }
.pd-bottom-wrap .suggest-row { margin-top: 0; }
.bnd-footnote { max-width: 860px; margin: 26px 0 0; font-size: 12px; line-height: 1.6; color: var(--muted-2); text-wrap: pretty; }
.cta-row { position: relative; overflow: hidden; border-color: rgba(77,141,255,0.35); background: linear-gradient(90deg, rgba(47,125,255,0.14), rgb(14 21 36 / 0.6) 55%); }
.cta-row-glow { position: absolute; top: -40px; inset-inline-start: -20px; width: 260px; height: 160px; background: radial-gradient(closest-side, rgba(47,125,255,0.28), transparent); pointer-events: none; }
.cta-row-body { position: relative; display: flex; align-items: center; gap: 18px; min-width: 0; }
.cta-row-icon { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 12px; flex-shrink: 0; border: 1px solid rgba(77,141,255,0.45); background: rgba(47,125,255,0.14); color: var(--cyan); }
.cta-row-text { min-width: 0; }
.btn-row-sm { display: flex; flex-wrap: wrap; gap: 10px; flex-shrink: 0; }
.btn-ghost-sm { display: inline-flex; align-items: center; gap: 9px; padding: 12px 22px; border-radius: 11px; border: 1px solid var(--border-lit); color: var(--muted); font-family: var(--font-display); font-weight: 600; font-size: 14px; transition: background 0.18s ease, color 0.18s ease, border-color 0.18s ease; }
.btn-ghost-sm:hover { background: rgba(255,255,255,0.06); color: #ffffff; }

@media (max-width: 1120px) {
  .pd-hero, .pay-grid { grid-template-columns: 1fr; }
  .pay-right { border-inline-start: none; border-top: 1px solid var(--border); border-radius: 0 0 17px 17px; }
  .meth-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 980px) {
  .fxc { grid-column: span 12; }
  .steps-grid, .list-2, .spec-grid, .meth-foot { grid-template-columns: 1fr; }
}
@media (max-width: 760px) { .hero-cta { flex-direction: column; align-items: stretch; } }
@media (max-width: 640px) { .gw-grid, .reg-grid, .meth-grid { grid-template-columns: 1fr; } }
@media (max-width: 480px) { .dur-grid { grid-template-columns: repeat(2, 1fr); } }
.pg-head > .pg-stats { padding-bottom: 6px; flex-shrink: 0; }
.pg-stat-num { display: flex; align-items: center; gap: 9px; }
.pg-stats-sm .pg-stat-num { font-size: 26px; letter-spacing: -0.01em; }
.pg-stat-green { color: #7ee6ac; }
.pg-stat-dot { width: 9px; height: 9px; border-radius: 50%; }
.pg-stat-dot.dot-ok { background: var(--ok); box-shadow: 0 0 10px var(--ok); }
.pg-stat-dot.dot-cyan { background: var(--cyan); box-shadow: 0 0 10px var(--cyan); }
.pg-stat-dot.dot-muted { background: var(--muted-2); box-shadow: 0 0 10px var(--muted-2); }
.page-status { --pg-bottom: 42px; }
.page-news, .page-articles { --pg-bottom: 30px; }
.page-faq, .page-collab { --pg-bottom: 56px; }
.page-news .pg-lead, .page-faq .pg-lead, .page-articles .pg-lead, .page-collab .pg-lead { max-width: 540px; }
.dot-ember { background: var(--ember); box-shadow: 0 0 8px var(--ember); }
.dot-muted { background: var(--muted-2); box-shadow: 0 0 8px var(--muted-2); }
.orn-a { background: radial-gradient(760px 350px at 88% 50%, rgba(47,125,255,0.13), transparent); }
.orn-b { background: radial-gradient(760px 350px at 8% 50%, rgba(0,84,202,0.15), transparent); }
.orn-c { background: radial-gradient(760px 350px at 90% 62%, rgba(47,125,255,0.12), transparent); }
.page-status .orn-a { top: 210px; } .page-status .orn-b { top: 1200px; } .page-status .orn-c { top: 1800px; }
.page-news .orn-a, .page-articles .orn-a, .page-article .orn-a { top: 190px; }
.page-news .orn-b, .page-articles .orn-b { top: 1350px; } .page-news .orn-c { top: 2400px; }
.page-faq .orn-a { top: 120px; } .page-faq .orn-b { top: 1050px; } .page-faq .orn-c { top: 1700px; }
.page-article .orn-b { top: 1500px; } .page-article .orn-c { top: 2700px; }
.page-collab .orn-a { top: 160px; } .page-collab .orn-b { top: 1050px; } .page-collab .orn-c { top: 1750px; }
.star-a60 { left: 3%; color: rgba(125,164,255,0.6); animation: starFloatA 35.2s ease-in-out -18.9s infinite; }
.star-b72 { right: 4%; color: rgba(125,164,255,0.72); animation: starFloatB 29.7s ease-in-out -17.1s infinite; }
.star-list-1 { top: 420px; } .star-list-2 { top: 980px; }
.star-feed-1 { top: 520px; } .star-feed-2 { top: 1280px; }
.star-art-1 { top: 900px; } .star-formats-1 { top: 90px; } .star-q-1 { top: 120px; }
.star-launch-1 { top: 380px; right: 3%; color: rgba(125,164,255,0.72); animation: starFloatB 33.1s ease-in-out -11.9s infinite; }
.page-collab .star-launch-1 { top: 260px; }
.star-q-2 { top: 680px; right: 5%; color: rgba(125,164,255,0.7); animation: starFloatB 30.6s ease-in-out -13.4s infinite; }
.star-contacts-1 { top: 40px; right: 6%; color: rgba(125,164,255,0.65); animation: starFloatC 38.5s ease-in-out -7.7s infinite; }
.tool-row { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin-top: 38px; }
.tool-search { position: relative; flex: 1 1 280px; max-width: 480px; --tool-h: 50px; --tool-r: 13px; }
.tool-search-lg { --tool-h: 60px; --tool-r: 14px; max-width: none; min-width: 0; }
.tool-search-rail { margin-top: 26px; max-width: none; }
.tool-search .search-ico { inset-inline-start: 17px; top: 50%; transform: translateY(-50%); width: 17px; height: 17px; }
.tool-input { width: 100%; box-sizing: border-box; height: var(--tool-h); padding: 0 46px; border-radius: var(--tool-r); border: 1px solid var(--border-lit); background: rgb(14 21 36 / 0.7); color: var(--text); font-family: var(--font-body); font-size: 15px; outline: none; transition: border-color 0.18s ease, box-shadow 0.18s ease; }
.tool-input:focus { border-color: rgba(77,141,255,0.6); box-shadow: 0 0 0 3px rgba(15,98,221,0.18); }
.tool-input::-webkit-search-cancel-button { display: none; }
.tool-clear { position: absolute; inset-inline-end: 9px; top: 50%; transform: translateY(-50%); width: 32px; height: 32px; display: grid; place-items: center; border: none; border-radius: 9px; background: rgba(255,255,255,0.06); color: var(--muted); cursor: pointer; transition: background 0.15s ease, color 0.15s ease; }
.tool-clear:hover { background: rgba(255,255,255,0.12); color: #ffffff; }
.chip-row { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.chip-row-rail { margin-top: 14px; }
.chip-btn { display: inline-flex; padding: 9px 16px; border-radius: 10px; border: 1px solid var(--border-lit); background: transparent; font-family: var(--font-mono); font-size: 12px; font-weight: 500; letter-spacing: 0.12em; color: var(--muted); cursor: pointer; transition: color 0.15s ease, border-color 0.15s ease, background 0.15s ease; }
.chip-btn:hover { color: #ffffff; border-color: rgba(77,141,255,0.5); }
.chip-btn[aria-pressed="true"] { background: rgba(47,125,255,0.14); color: #ffffff; border-color: rgba(77,141,255,0.55); }
.found-line { margin: 14px 0 0; font-family: var(--font-mono); font-size: 12px; letter-spacing: 0.08em; color: var(--muted-2); }
.faq-rail .found-line { margin-top: 16px; }
.found-slash { color: var(--accent); }
.empty-box { border: 1px dashed var(--border-lit); border-radius: 18px; padding: 64px 30px; text-align: center; }
.empty-label { margin: 0 0 8px; font-family: var(--font-mono); font-size: 12px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--muted-2); }
.empty-text { margin: 0; font-size: 16px; color: var(--muted); }
.more-row { display: flex; justify-content: center; margin-top: 8px; }
.page-articles .more-row { margin-top: 24px; }
.btn-more { display: inline-flex; align-items: center; gap: 9px; padding: 12px 24px; border-radius: 11px; border: 1px solid var(--border-lit); background: rgba(255,255,255,0.04); color: var(--text); font-family: var(--font-display); font-weight: 600; font-size: 14px; cursor: pointer; transition: background 0.18s ease, border-color 0.18s ease; }
.btn-more:hover { background: rgba(255,255,255,0.09); border-color: rgba(77,141,255,0.45); }
.btn-more-n { font-family: var(--font-mono); font-size: 11px; font-weight: 700; color: var(--cyan); }
.tag { display: inline-flex; align-items: center; gap: 7px; padding: 5px 11px; border-radius: 8px; border: 1px solid var(--tag-bd); background: var(--tag-bg); font-family: var(--font-mono); font-size: 10.5px; font-weight: 700; letter-spacing: 0.14em; color: var(--tag-c); }
.tag-sm { padding: 4px 10px; border-radius: 7px; font-size: 10px; }
.tag-blue { --tag-c: #9cc2ff; --tag-bg: rgba(77,141,255,0.12); --tag-bd: rgba(77,141,255,0.4); }
.tag-orange { --tag-c: #ffb08a; --tag-bg: rgba(255,138,76,0.12); --tag-bd: rgba(255,138,76,0.4); }
.tag-green { --tag-c: #7ee6ac; --tag-bg: rgba(52,209,126,0.12); --tag-bd: rgba(52,209,126,0.4); }
.tag-red { --tag-c: #ff9fae; --tag-bg: rgba(240,85,107,0.12); --tag-bd: rgba(240,85,107,0.4); }
.tag-gray { --tag-c: #aab4c9; --tag-bg: rgba(255,255,255,0.06); --tag-bd: rgba(255,255,255,0.2); }
.tag-pin { --tag-c: var(--cyan); --tag-bg: rgba(47,125,255,0.1); --tag-bd: rgba(77,141,255,0.45); }
.tag-row { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.tag-row-7 { gap: 7px; }
.h2-slash { font-family: var(--font-mono); font-size: 19px; color: var(--accent); margin-inline-end: 12px; }
.section-head-44 { max-width: 640px; margin-bottom: 44px; }
.text-16 { margin: 18px 0 0; color: var(--muted); font-size: 16px; text-wrap: pretty; }
.eyebrow-12 { font-size: 12px; letter-spacing: 0.18em; }
.eyebrow-13 { font-size: 13px; }
.btn-row-12 { gap: 12px; align-items: center; }
.btn-md { padding: 13px 22px; font-size: 14.5px; }
.btn-sm { padding: 12px 21px; border-radius: 11px; font-size: 14px; gap: 9px; }
.btn-xs { padding: 10px 16px; border-radius: 10px; font-size: 13px; gap: 8px; box-shadow: 0 10px 26px -10px var(--glow-btn); }
.btn-ghost-md { display: inline-flex; align-items: center; gap: 9px; padding: 11px 18px; border-radius: 10px; background: rgba(255,255,255,0.06); border: 1px solid var(--border-lit); color: var(--text); font-family: var(--font-display); font-weight: 600; font-size: 13.5px; transition: background 0.18s ease; }
.btn-ghost-md:hover { background: rgba(255,255,255,0.11); }
.status-list { position: relative; }
.status-wrap { position: relative; padding-top: 8px; padding-bottom: 104px; display: flex; flex-direction: column; gap: 26px; }
.st-game { scroll-margin-top: 130px; border: 1px solid var(--border); border-radius: 18px; background: rgb(14 21 36 / 0.6); padding: 26px 28px 12px; }
.st-game-head { display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; margin-bottom: 18px; }
.st-game-title { margin: 0; font-family: var(--font-display); font-weight: 700; font-size: 24px; letter-spacing: 0.02em; text-transform: uppercase; color: #ffffff; }
.st-game-title a { display: inline-flex; align-items: center; gap: 10px; color: #ffffff; transition: color 0.15s ease; }
.st-game-title a:hover { color: var(--cyan); }
.st-game-arrow { opacity: 0.7; }
.st-game-meta { display: inline-flex; align-items: center; gap: 8px; font-family: var(--font-mono); font-size: 11.5px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--muted-2); }
.st-dot-sm { width: 7px; height: 7px; border-radius: 50%; }
.st-labels { padding: 0 0 10px; border-bottom: 1px solid var(--border); }
.st-prod { display: grid; grid-template-columns: 1fr 170px 150px; gap: 14px; align-items: center; }
.st-row { padding: 20px 0 22px; border-top: 1px solid var(--border); }
.st-row-first { border-top: none; }
.st-prod-name { margin: 0; font-family: var(--font-display); font-weight: 700; font-size: 18px; letter-spacing: -0.01em; color: #ffffff; }
.st-date { font-family: var(--font-mono); font-size: 13px; font-weight: 500; letter-spacing: 0.04em; color: #dfe5f2; }
.st-buy-cell { justify-self: end; }
.st-buy { display: inline-flex; align-items: center; gap: 8px; padding: 9px 16px; border-radius: 10px; border: 1px solid rgba(77,141,255,0.45); color: var(--cyan); font-family: var(--font-display); font-weight: 600; font-size: 13.5px; transition: background 0.18s ease, color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease; }
.st-buy:hover { background: var(--accent); border-color: var(--accent); color: #ffffff; box-shadow: 0 12px 32px -10px var(--glow-btn); }
.st-dash { display: inline-block; padding-inline-end: 22px; color: var(--muted-2); font-weight: 600; }
.st-tbl { margin-block: 16px 0; margin-inline: 26px 0; border: 1px solid var(--border); border-radius: 12px; overflow: clip; background: rgba(5,8,15,0.35); }
.st-mrow { display: grid; grid-template-columns: minmax(0, 1fr) 190px; border-top: 1px solid var(--border); }
.st-mhead { border-top: none; background: rgba(255,255,255,0.025); }
.st-mcell { padding: 10px 18px; }
.st-mcell-b { border-inline-start: 1px solid var(--border); }
.st-mname { padding: 13px 18px; font-size: 14.5px; color: var(--text); }
.st-mstate { padding: 13px 18px; border-inline-start: 1px solid var(--border); display: inline-flex; align-items: center; gap: 8px; font-family: var(--font-mono); font-size: 12px; font-weight: 700; letter-spacing: 0.12em; }
.st-on { color: #7ee6ac; --st-dot: var(--ok); }
.st-up { color: #9cc2ff; --st-dot: var(--cyan); }
.st-out { color: #a3abbd; --st-dot: var(--muted-2); }
.st-tone-ok { --st-c: #7ee6ac; --st-b: rgba(52,209,126,0.35); --st-d: var(--ok); --st-dot: var(--ok); }
.st-tone-cyan { --st-c: #9cc2ff; --st-b: rgba(77,141,255,0.45); --st-d: var(--cyan); --st-dot: var(--cyan); }
.st-tone-muted { --st-c: #aab3c5; --st-b: rgba(170,179,197,0.3); --st-d: #8a93a6; --st-dot: var(--muted-2); }
.st-tone-ember { --st-c: #ffb08a; --st-b: rgba(255,138,76,0.4); --st-d: var(--ember); --st-dot: var(--ember); }
.st-tone-danger { --st-c: #ff9fae; --st-b: rgba(240,85,107,0.4); --st-d: var(--danger); --st-dot: var(--danger); }
.st-tone-amber { --st-c: #ffc46b; --st-b: rgba(255,170,60,0.4); --st-d: #ffaa3c; --st-dot: #ffaa3c; }
.st-mstate[class*="st-tone-"] { color: var(--st-c); }
.st-mdot { width: 7px; height: 7px; border-radius: 50%; flex-shrink: 0; background: var(--st-dot); box-shadow: 0 0 9px var(--st-dot); }
.st-pause { display: flex; align-items: center; justify-content: space-between; gap: 18px; flex-wrap: wrap; padding: 22px 26px; border: 1px solid var(--border); border-radius: 16px; background: rgb(14 21 36 / 0.6); }
.st-pause-title { margin: 0; font-family: var(--font-display); font-weight: 600; font-size: 17px; color: #ffffff; }
.st-pause-text { margin: 4px 0 0; font-size: 14.5px; color: var(--muted); }
.st-legend { border: 1px solid var(--border); border-radius: 18px; background: rgb(14 21 36 / 0.6); padding: 22px 28px 24px; }
.st-legend-title { margin: 0 0 16px; }
.st-legend-grid { margin: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px 32px; }
.st-legend-item { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; min-width: 0; }
.st-legend-item dt, .st-legend-item dd { margin: 0; }
.st-legend-badge { padding: 7px 12px; border: 1px solid var(--st-b); border-radius: 8px; background: rgba(5,8,15,0.45); }
.st-legend-text { font-size: 14px; line-height: 1.55; color: var(--muted); }
.st-mlegend-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.st-mlegend-head { display: flex; flex-direction: column; gap: 4px; }
.st-mlegend-name { font-family: var(--font-display); font-weight: 600; font-size: 16px; line-height: 1.3; color: #ffffff; }
.st-mlegend-sub { font-family: var(--font-mono); font-size: 10.5px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--muted-2); }
@media (max-width: 860px) {
  .st-legend { padding: 20px 20px 22px; }
  .st-legend-grid { grid-template-columns: minmax(0, 1fr); gap: 16px; }
}
.filters-grid { display: grid; grid-template-columns: max-content 1fr; gap: 16px 14px; align-items: center; margin-top: 38px; }
.filters-grid .tool-search { align-self: start; }
.filters-grid .chip-row { align-self: start; padding-top: 10px; }
.seg { display: inline-flex; padding: 6px; gap: 6px; border: 1px solid var(--border-lit); border-radius: 14px; background: rgb(14 21 36 / 0.72); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }
.seg-tab { display: inline-flex; border: 0; background: transparent; cursor: pointer; align-items: center; gap: 10px; padding: 13px 40px; border-radius: 9px; font-family: var(--font-display); font-weight: 600; font-size: 15.5px; color: var(--muted); transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease; }
.seg-tab:hover { color: #ffffff; }
.seg-tab[aria-pressed="true"] { background: var(--accent); color: #ffffff; box-shadow: 0 10px 26px -10px var(--glow-btn); }
.seg-count { font-family: var(--font-mono); font-size: 11px; font-weight: 700; background: rgba(255,255,255,0.16); border-radius: 6px; padding: 2.5px 8px; }
.rss-link { margin-inline-start: auto; display: inline-flex; align-items: center; gap: 8px; padding: 9px 14px; border-radius: 10px; border: 1px solid var(--border); font-family: var(--font-mono); font-size: 12px; font-weight: 500; letter-spacing: 0.1em; color: var(--muted); transition: color 0.15s ease, border-color 0.15s ease; }
.rss-link:hover { color: #ffffff; border-color: var(--border-lit); }
.feed { position: relative; }
.feed-wrap { position: relative; max-width: 1180px; padding-top: 18px; padding-bottom: 96px; }
.page-articles .feed-wrap { max-width: 1248px; }
.tl-row { display: grid; grid-template-columns: 128px minmax(0, 1fr); column-gap: 28px; margin-bottom: 22px; }
.tl-left { text-align: start; padding: 27px 0 0; }
.tl-ver { margin: 0 0 9px; font-family: var(--font-mono); font-size: 17px; line-height: 1; font-weight: 700; letter-spacing: 0.08em; color: var(--cyan); }
.tl-date { margin-top: 9px; font-family: var(--font-mono); font-size: 13px; font-weight: 500; letter-spacing: 0.04em; color: var(--muted); }
.tl-card { min-width: 0; border: 1px solid var(--border); border-radius: 16px; background: rgb(14 21 36 / 0.6); padding: 22px 26px; transition: border-color 0.2s ease; }
.tl-card:hover { border-color: rgba(77,141,255,0.32); }
.tl-card-news { padding: 24px 28px; }
.tl-tags { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.tl-tag { display: inline-flex; padding: 5px 11px; border-radius: 8px; border: 1px solid var(--border-lit); font-family: var(--font-mono); font-size: 10.5px; font-weight: 500; letter-spacing: 0.14em; color: var(--muted); transition: color 0.15s ease, border-color 0.15s ease; }
a.tl-tag:hover { color: #ffffff; border-color: rgba(77,141,255,0.5); }
.tl-title { margin: 14px 0 0; font-family: var(--font-display); font-weight: 700; font-size: 20px; letter-spacing: -0.01em; line-height: 1.25; color: #ffffff; }
.tl-card-news .tl-title { margin: 0; font-size: 22px; }
.tl-title a { color: #ffffff; transition: color 0.15s ease; }
.tl-title a:hover { color: var(--cyan); }
.tl-lead { margin: 12px 0 0; font-size: 15px; color: #c2c9da; text-wrap: pretty; }
.tl-group { margin-top: 14px; }
.tl-group-h { display: flex; align-items: center; gap: 7px; margin: 0 0 9px; font-family: var(--font-mono); font-size: 11px; font-weight: 500; letter-spacing: 0.16em; text-transform: uppercase; color: var(--muted-2); }
.tl-group-slash { color: var(--accent); }
.tl-items { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 7px; }
.tl-item { display: flex; gap: 11px; font-size: 14.5px; line-height: 1.55; color: #c2c9da; }
.tl-item-mark { font-family: var(--font-mono); font-weight: 700; color: var(--cyan); flex-shrink: 0; }
.btn-more-sm { display: inline-flex; align-items: center; gap: 8px; margin-top: 14px; padding: 8px 15px; border-radius: 9px; border: 1px solid var(--border-lit); background: transparent; color: var(--muted); font-family: var(--font-display); font-weight: 600; font-size: 13px; cursor: pointer; transition: color 0.15s ease, border-color 0.15s ease, background 0.15s ease; }
.btn-more-sm:hover { color: #ffffff; border-color: rgba(77,141,255,0.5); background: rgba(47,125,255,0.08); }
.more-chev { transition: transform 0.25s ease; }
.btn-more-sm.is-open .more-chev { transform: rotate(180deg); }
.tl-post { margin: 14px 0 0; font-size: 14px; color: var(--muted); text-wrap: pretty; }
.callout { margin-top: 16px; padding: 13px 17px; border: 1px solid rgba(255,138,76,0.3); background: rgba(255,138,76,0.07); border-radius: 12px; }
.callout-label { margin: 0 0 4px; font-family: var(--font-mono); font-size: 10.5px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: var(--ember); }
.callout-text { margin: 0; font-size: 14.5px; color: #e8ddd2; }
.tl-foot { display: flex; align-items: center; gap: 9px; margin-top: 18px; padding-top: 14px; border-top: 1px solid var(--border); }
.tl-foot-text { letter-spacing: 0.14em; }
.tl-banner { position: relative; margin: 16px 0 2px; height: 300px; border-radius: 13px; overflow: clip; border: 1px solid var(--border); background: linear-gradient(150deg, #14305c, #0a1526); }
.tl-banner:has(> img) { height: auto; }
.tl-banner img { display: block; width: 100%; height: auto; }
.tl-para { margin: 12px 0 0; font-size: 15.5px; color: #c2c9da; text-wrap: pretty; }
.promo { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; margin-top: 18px; padding: 15px 20px; border: 1px dashed rgba(77,141,255,0.45); border-radius: 13px; background: rgba(47,125,255,0.06); }
.promo-body { flex: 1 1 220px; min-width: 0; }
.promo-label { font-size: 10.5px; }
.promo-code { font-family: var(--font-mono); font-size: 19px; font-weight: 700; letter-spacing: 0.12em; color: #ffffff; margin-top: 3px; }
.promo-note { font-size: 13px; color: var(--muted); margin-top: 4px; }
.btn-copy { display: inline-flex; align-items: center; gap: 8px; padding: 11px 20px; border-radius: 10px; border: 1px solid rgba(77,141,255,0.45); background: transparent; color: var(--cyan); font-family: var(--font-display); font-weight: 600; font-size: 14px; cursor: pointer; transition: background 0.18s ease, color 0.18s ease, border-color 0.18s ease; }
.btn-copy:hover { border-color: var(--cyan); }
.btn-copy.is-copied { background: var(--accent); color: #ffffff; }
.sub-strip { margin-top: 40px; padding: 28px 32px; border: 1px solid var(--border); border-radius: 18px; background: linear-gradient(130deg, rgba(15,98,221,0.16), rgb(14 21 36 / 0.6) 58%); display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap; }
.page-articles .sub-strip { margin-top: 48px; }
.sub-strip-text { max-width: 560px; }
.sub-strip-title { margin: 10px 0 6px; font-family: var(--font-display); font-weight: 600; letter-spacing: -0.01em; font-size: 21px; color: #ffffff; }
.sub-strip-lead { margin: 0; font-size: 14.5px; color: var(--muted); text-wrap: pretty; }
.launch { position: relative; padding: 48px 0 104px; }
.dl-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.dl-card, .fmt-card { display: flex; flex-direction: column; background: var(--surface); border: 1px solid var(--border); border-radius: 16px; padding: 24px; transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease; }
.dl-card:hover, .fmt-card:hover { --lift: 4px; transform: translateY(calc(var(--lift) * -1)); border-color: rgba(77,141,255,0.5); background: linear-gradient(180deg, rgba(47,125,255,0.10), var(--surface-2) 55%); box-shadow: 0 0 34px -10px rgba(47,125,255,0.45), inset 0 1px 0 rgba(125,164,255,0.18); }
.dl-head { display: flex; align-items: center; gap: 14px; }
.dl-icon { width: 44px; height: 44px; flex-shrink: 0; display: grid; place-items: center; border-radius: 11px; color: var(--cyan); background: rgba(47,125,255,0.10); border: 1px solid rgba(47,125,255,0.25); }
.dl-text { min-width: 0; }
.dl-kind { font-size: 10.5px; }
.dl-name { margin: 3px 0 0; font-family: var(--font-display); font-weight: 600; font-size: 16.5px; line-height: 1.25; }
.dl-foot { margin-top: 20px; padding-top: 15px; border-top: 1px solid var(--border); display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.dl-host { font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.06em; color: var(--muted-2); }
.dl-link { display: inline-flex; align-items: center; gap: 8px; font-family: var(--font-display); font-weight: 600; font-size: 14px; color: var(--cyan); transition: color 0.15s ease; }
.dl-link:hover { color: #ffffff; }
.dl-link svg { stroke: currentColor; }
.questions { position: relative; padding: 0 0 120px; }
.faq-rail { position: sticky; top: 118px; }
.rail-rule { display: block; height: 1px; background: var(--border); margin: 26px 0; }
.page-faq .faq-lead { margin-top: 0; }
.wholesale { position: relative; padding: 44px 0 96px; }
.opt-grid { display: grid; grid-template-columns: 0.9fr 1.1fr; gap: 64px; align-items: start; }
.rule-list { margin-top: 28px; display: flex; flex-direction: column; gap: 12px; }
.rule-row { display: flex; gap: 14px; padding: 16px 18px; border: 1px solid var(--border); border-radius: 12px; background: var(--surface); }
.rule-n { font-family: var(--font-mono); font-size: 12px; font-weight: 700; color: var(--cyan); flex-shrink: 0; line-height: 1.7; }
.rule-text { margin: 0; font-size: 15px; color: var(--text); }
.opt-calc { margin-top: 18px; display: flex; flex-wrap: wrap; gap: 10px; }
.tier-row { align-self: end; display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.tier { position: relative; display: flex; flex-direction: column; gap: 6px; padding: 30px 28px 26px; border: 1px solid var(--border-lit); border-radius: 16px; background: var(--surface); overflow: hidden; }
.tier-max { border-color: rgba(77,141,255,0.5); background: linear-gradient(180deg, rgba(47,125,255,0.12), var(--surface) 60%); box-shadow: 0 0 34px -10px rgba(47,125,255,0.4), inset 0 1px 0 rgba(125,164,255,0.18); }
.tier-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.tier-kicker { padding-top: 3px; }
.tier-kicker-cyan { color: var(--cyan); }
.tier-ico { color: rgba(125,164,255,0.5); line-height: 0; flex-shrink: 0; }
.tier-badge { font-family: var(--font-mono); font-size: 10px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: #9cc2ff; background: rgba(47,125,255,0.16); border: 1px solid rgba(77,141,255,0.45); border-radius: 7px; padding: 5px 9px; flex-shrink: 0; white-space: nowrap; }
.tier-num { font-family: var(--font-display); font-weight: 700; letter-spacing: -0.03em; font-size: clamp(48px, 5vw, 64px); line-height: 1; color: #ffffff; }
.tier-num-glow { text-shadow: 0 0 30px rgba(47,125,255,0.5); }
.tier-sub { font-size: 14px; color: var(--muted); margin-top: 4px; }
.tier-note { grid-column: 1 / -1; display: flex; gap: 12px; align-items: flex-start; padding: 14px 18px; border: 1px dashed var(--border-lit); border-radius: 12px; }
.info-ico { flex-shrink: 0; margin-top: 3px; }
.tier-note-text { margin: 0; font-size: 13.5px; color: var(--muted); }
.formats { position: relative; padding: 0 0 96px; }
.fmt-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.fmt-card { gap: 16px; padding: 26px; }
.fmt-title { margin: 6px 0 0; font-family: var(--font-display); font-weight: 600; font-size: 18px; line-height: 1.25; }
.fmt-text { margin: 10px 0 0; font-size: 14.5px; color: var(--muted); text-wrap: pretty; }
.fmt-foot { margin-top: auto; padding-top: 14px; border-top: 1px solid var(--border); display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.fmt-value { font-family: var(--font-display); font-weight: 700; font-size: 17px; color: var(--cyan); white-space: nowrap; }
.contacts { position: relative; padding: 0 0 110px; }
.contact-row { position: relative; overflow: hidden; display: flex; align-items: center; justify-content: space-between; gap: 28px; padding: 40px 44px; border: 1px solid rgba(77,141,255,0.35); border-radius: 20px; background: linear-gradient(120deg, rgba(47,125,255,0.14), rgb(14 21 36 / 0.85) 55%); }
.sup-shine-slow { background: linear-gradient(105deg, transparent 22%, rgba(77,141,255,0.08) 40%, rgba(190,215,255,0.18) 50%, rgba(77,141,255,0.08) 60%, transparent 78%); animation-duration: 4.2s; }
.contact-text { position: relative; max-width: 520px; }
.contact-title { margin: 12px 0 0; font-family: var(--font-display); font-weight: 600; letter-spacing: -0.02em; font-size: clamp(24px, 3vw, 32px); line-height: 1.15; color: #ffffff; }
.contact-lead { margin: 12px 0 0; color: var(--muted); font-size: 15.5px; text-wrap: pretty; }
.contact-actions { position: relative; display: flex; flex-direction: column; gap: 12px; flex-shrink: 0; }
.btn-hud-primary { justify-content: center; gap: 10px; padding: 13px 26px; background: linear-gradient(120deg, #3585ff 0%, var(--accent) 52%, #0046ad 100%); border-color: rgba(125,175,255,0.55); box-shadow: 0 10px 26px -10px var(--glow-btn); color: #ffffff; font-family: var(--font-display); font-weight: 600; font-size: 15px; transition: filter 0.18s ease, box-shadow 0.18s ease; }
.btn-hud-primary:hover { filter: brightness(1.13); box-shadow: 0 12px 30px -8px var(--glow-btn), 0 0 20px -4px rgba(47,125,255,0.8); background: linear-gradient(120deg, #3585ff 0%, var(--accent) 52%, #0046ad 100%); border-color: rgba(125,175,255,0.55); color: #ffffff; }
.btn-hud-copy { justify-content: center; gap: 10px; padding: 12px 26px; background: rgba(255,255,255,0.04); font-family: var(--font-display); font-weight: 600; font-size: 15px; cursor: pointer; }
.btn-hud-copy:hover { background: rgba(255,255,255,0.09); border-color: var(--border-lit); color: var(--text); }
.btn-hud-copy.is-copied, .btn-hud-copy.is-copied:hover { border-color: rgba(52,209,126,0.55); color: #7ee6ac; }
.btn-hud-nick { font-family: var(--font-mono); font-size: 14px; letter-spacing: 0.02em; }
.btn-hud-copy .copy-done { display: none; }
.btn-hud-copy.is-copied .copy-done { display: inline; }
.btn-hud-copy.is-copied .copy-ico { display: none; }
.contact-hint { margin: 2px 0 0; text-align: center; font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.06em; color: var(--muted-2); }
.blog-grid { display: grid; grid-template-columns: minmax(0, 1fr) 332px; gap: 28px; }
.blog-main { min-width: 0; }
.blog-feat { container: blogfeat / inline-size; display: grid; grid-template-columns: 1fr 1fr; border: 1px solid var(--border); border-radius: 18px; background: rgb(14 21 36 / 0.6); margin-bottom: 20px; color: var(--text); transition: border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease; }
a.blog-feat:hover { --lift: 3px; border-color: rgba(77,141,255,0.4); transform: translateY(calc(var(--lift) * -1)); box-shadow: 0 24px 50px -24px rgba(0,0,0,0.8); }
.blog-feat-media { position: relative; aspect-ratio: 16 / 9; border-inline-end: 1px solid var(--border); border-start-start-radius: 17px; border-end-start-radius: 17px; overflow: hidden; background: linear-gradient(150deg, #14305c, #0a1526); }
.blog-feat-media img, .art-cover img, .rel-cover img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.blog-feat-body { padding: 28px 30px; display: flex; flex-direction: column; min-width: 0; }
.blog-feat-title { margin: 16px 0 0; font-family: var(--font-display); font-weight: 700; letter-spacing: -0.015em; font-size: clamp(22px, 2.2vw, 28px); line-height: 1.2; color: #ffffff; }
.blog-feat-desc { margin: 12px 0 0; font-size: 15px; color: #c2c9da; text-wrap: pretty; }
.blog-feat-foot { margin-top: auto; padding-top: 22px; display: flex; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap; }
.blog-feat-meta { font-family: var(--font-mono); font-size: 12px; letter-spacing: 0.08em; color: var(--muted-2); }
@media (min-width: 901px) {
  .blog-feat-body { contain: size; overflow: hidden; padding: 20px 26px; }
  .blog-feat-body > * { flex-shrink: 0; }
  .blog-feat .tag-row { max-height: 30px; overflow: hidden; }
  .blog-feat-title { margin-top: 10px; font-size: clamp(22px, 2.75cqi, 26px); line-height: 1.2; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
  .blog-feat-desc { margin-top: 8px; font-size: 14px; line-height: 1.5; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
  .blog-feat-foot { padding-top: 12px; flex-wrap: nowrap; }
  .blog-feat-meta { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .blog-feat .btn-read { flex-shrink: 0; white-space: nowrap; }
  @container blogfeat (min-width: 972px) { .blog-feat-desc { -webkit-line-clamp: 3; } }
  @container blogfeat (max-width: 879px) { .blog-feat-desc { -webkit-line-clamp: 1; } }
  @container blogfeat (max-width: 800px) { .blog-feat-body { padding: 17px 22px; } }
  @container blogfeat (max-width: 764px) { .blog-feat-desc { display: none; } }
}
.btn-read { display: inline-flex; align-items: center; gap: 9px; padding: 10px 18px; border-radius: 10px; background: var(--accent); color: #ffffff; font-family: var(--font-display); font-weight: 600; font-size: 13.5px; box-shadow: 0 10px 26px -10px var(--glow-btn); }
.art-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(292px, 100%), 1fr)); gap: 20px; }
.art-card { display: flex; flex-direction: column; min-width: 0; border: 1px solid var(--border); border-radius: 16px; background: rgb(14 21 36 / 0.6); color: var(--text); transition: border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease; }
a.art-card:hover { --lift: 3px; border-color: rgba(77,141,255,0.4); transform: translateY(calc(var(--lift) * -1)); box-shadow: 0 22px 44px -24px rgba(0,0,0,0.8); }
.art-cover { position: relative; aspect-ratio: 16 / 9; border-bottom: 1px solid var(--border); border-radius: 15px 15px 0 0; overflow: hidden; flex-shrink: 0; background: linear-gradient(150deg, #14305c, #0a1526); }
.art-body { padding: 20px 22px 18px; display: flex; flex-direction: column; flex: 1; }
.art-title { margin: 13px 0 0; font-family: var(--font-display); font-weight: 700; font-size: 18px; letter-spacing: -0.01em; line-height: 1.3; color: #ffffff; }
.art-desc { margin: 9px 0 0; font-size: 13.5px; line-height: 1.55; color: var(--muted); text-wrap: pretty; }
.art-meta { margin-top: auto; padding-top: 16px; display: flex; align-items: center; gap: 8px; font-family: var(--font-mono); font-size: 11.5px; letter-spacing: 0.06em; color: var(--muted-2); }
.blog-rail, .article-rail { min-width: 0; }
.rail-inner, .article-rail-inner { position: sticky; top: 112px; display: flex; flex-direction: column; gap: 20px; }
.rail-card { border: 1px solid var(--border); border-radius: 16px; background: rgb(14 21 36 / 0.6); padding: 22px; }
.rail-card-top { padding: 22px 22px 12px; }
.rail-card-promo { background: linear-gradient(150deg, rgba(15,98,221,0.16), rgb(14 21 36 / 0.6) 60%); }
.page-article .rail-card { padding: 20px; }
.rail-eyebrow { margin: 0; font-family: var(--font-mono); font-size: 11px; font-weight: 500; letter-spacing: 0.18em; text-transform: uppercase; color: var(--cyan); }
.rail-eyebrow .slash { color: var(--accent); margin-inline-end: 8px; }
.rail-card-top .rail-eyebrow { margin-bottom: 6px; }
.top-list { display: flex; flex-direction: column; }
.top-item { display: flex; gap: 14px; align-items: baseline; padding: 12px 2px; border-bottom: 1px solid var(--border); color: var(--muted); font-size: 14px; font-weight: 500; line-height: 1.4; transition: color 0.15s ease; }
.top-item:last-child { border-bottom-color: transparent; }
a.top-item:hover { color: #ffffff; }
.top-n { font-family: var(--font-mono); font-size: 17px; font-weight: 700; color: var(--cyan); flex-shrink: 0; text-shadow: 0 0 14px var(--glow-c); }
.rail-title { margin: 10px 0 6px; font-family: var(--font-display); font-weight: 600; letter-spacing: -0.01em; font-size: 17.5px; color: #ffffff; }
.rail-title-sm { font-size: 16.5px; line-height: 1.3; }
.rail-text { margin: 0 0 16px; font-size: 13.5px; color: var(--muted); text-wrap: pretty; }
.rail-text-sm { font-size: 13px; margin-bottom: 14px; }
.pg-head.has-emblem { position: relative; align-items: flex-start; --sn-emblem-h: clamp(120px, 12vw, 168px); }
.pg-aside { display: flex; flex-direction: column; align-items: flex-end; gap: 12px; align-self: flex-start; flex-shrink: 0; margin-top: -34px; }
.pg-aside > .pg-stats { padding-bottom: 6px; }
.sn-emblem { display: block; height: var(--sn-emblem-h); aspect-ratio: 914 / 456; pointer-events: none; }
.sn-emblem img { display: block; width: 100%; height: 100%; }
html.js .sn-emblem img { visibility: hidden; }
html.js .sn-emblem.sn-off img { visibility: visible; }
.sn-stage { position: absolute; inset: 0; pointer-events: none; }
.sn-core { position: absolute; left: var(--sn-x, 0px); top: var(--sn-y, 0px); width: var(--sn-w, 0px); height: var(--sn-h, 0px); will-change: transform; }
.sn-heart { position: absolute; left: var(--sn-star-x, 0px); top: var(--sn-star-y, 0px); width: var(--sn-heart, 0px); height: var(--sn-heart, 0px); translate: -50% -50%; opacity: 0; transition: opacity 0.45s ease; pointer-events: none; }
.sn-heart::before { content: ""; position: absolute; inset: 0; border-radius: 50%; background: radial-gradient(closest-side, rgba(170, 205, 255, 0.95), rgba(77, 141, 255, 0.7) 30%, rgba(15, 98, 221, 0.28) 62%, rgba(0, 84, 202, 0) 100%); animation: snHeart 1.5s ease-in-out infinite paused; }
.sn-stage.is-strained .sn-heart { opacity: 1; transition-duration: 0.4s; }
.sn-stage.is-strained .sn-heart::before { animation-play-state: running; }
@keyframes snHeart { 0%, 100% { scale: 0.86; opacity: 0.72; } 50% { scale: 1.06; opacity: 1; } }
.sn-stage.is-strained .sn-core { animation: snShiver 0.9s infinite; }
@keyframes snShiver {
  0%, 100% { translate: 0 0; animation-timing-function: ease-in-out; }
  11% { translate: 0.5px -0.35px; animation-timing-function: ease-in-out; }
  22% { translate: -0.45px 0.3px; animation-timing-function: ease-in-out; }
  33% { translate: 0.3px 0.5px; animation-timing-function: ease-in-out; }
  44% { translate: -0.5px -0.2px; animation-timing-function: ease-in-out; }
  56% { translate: 0.45px 0.25px; animation-timing-function: ease-in-out; }
  67% { translate: -0.25px -0.5px; animation-timing-function: ease-in-out; }
  78% { translate: 0.5px 0.35px; animation-timing-function: ease-in-out; }
  89% { translate: -0.4px 0.4px; animation-timing-function: ease-in-out; }
}
.sn-fx { position: absolute; z-index: 3; left: var(--sn-sky-x, 0px); top: var(--sn-sky-y, 0px); width: var(--sn-sky-w, 0px); height: var(--sn-sky-h, 0px); pointer-events: none; will-change: transform; }
.pg-top.sn-hit { cursor: pointer; }
.sn-wave { animation: snWave 0.85s; }
html.js .is-first-load [data-reveal].reveal-in.sn-wave { animation: revealIn 0.7s ease backwards, snWave 0.85s; }
@keyframes snWave {
  0% { translate: 0 0; animation-timing-function: cubic-bezier(0.2, 0.7, 0.35, 1); }
  15% { translate: var(--sn-wave-x) var(--sn-wave-y); animation-timing-function: ease-in-out; }
  42% { translate: calc(var(--sn-wave-x) * -0.42) calc(var(--sn-wave-y) * -0.42); animation-timing-function: ease-in-out; }
  68% { translate: calc(var(--sn-wave-x) * 0.15) calc(var(--sn-wave-y) * 0.15); animation-timing-function: ease-in-out; }
  100% { translate: 0 0; }
}
@media (max-width: 980px) {
  .pg-head.has-emblem { --sn-emblem-h: clamp(84px, calc(22vw - 20px), 110px); margin-top: calc(var(--sn-emblem-h) - 40px); }
  .pg-aside { align-self: flex-start; align-items: flex-start; margin-top: 0; }
  .sn-emblem { position: absolute; inset-inline-end: 0; top: calc(-8px - var(--sn-emblem-h)); }
}
@media (prefers-reduced-motion: reduce) {
  html.js .sn-emblem img { visibility: visible; }
  .sn-stage { display: none; }
}
.article-head-wrap { position: relative; padding-top: 190px; }
.article-tags { margin-top: 22px; }
.article-title { margin: 16px 0 0; max-width: 880px; font-family: var(--font-display); font-weight: 700; letter-spacing: -0.025em; font-size: clamp(34px, 4.4vw, 54px); line-height: 1.05; color: #ffffff; text-wrap: balance; }
.article-meta { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin: 18px 0 0; font-family: var(--font-mono); font-size: 12px; letter-spacing: 0.08em; color: var(--muted); }
.article-sec { position: relative; }
.article-wrap { position: relative; padding-top: 30px; padding-bottom: 96px; }
.article-grid { display: grid; grid-template-columns: minmax(0, 1fr) 304px; gap: 40px; }
.article-main { min-width: 0; max-width: 800px; }
.article-cover { position: relative; margin: 0 0 34px; height: clamp(240px, 34vw, 420px); border: 1px solid var(--border); border-radius: 18px; overflow: clip; background: linear-gradient(150deg, #14305c, #0a1526); }
.article-h2 { margin: 40px 0 0; scroll-margin-top: 130px; font-family: var(--font-display); font-weight: 700; letter-spacing: -0.015em; font-size: 27px; line-height: 1.2; color: #ffffff; }
.article-p { margin: 16px 0 0; font-size: 16.5px; line-height: 1.75; color: #c2c9da; text-wrap: pretty; }
.article-link { color: var(--cyan); text-decoration: underline; text-underline-offset: 3px; }
.yt { position: relative; margin: 18px 0 0; aspect-ratio: 16 / 9; border: 1px solid var(--border); border-radius: 16px; overflow: clip; background: #000; }
.yt iframe { width: 100%; height: 100%; border: 0; display: block; }
.yt-link { position: absolute; inset: 0; display: grid; place-items: center; background: radial-gradient(closest-side, rgba(47,125,255,0.18), transparent); }
.yt-poster, .yt-bg { position: absolute; inset: 0; width: 100%; height: 100%; }
.yt-poster { object-fit: contain; transition: transform 0.4s ease; }
.yt-bg { object-fit: cover; transform: scale(1.15); filter: blur(28px) saturate(1.3) brightness(0.45); pointer-events: none; }
.yt-link.has-poster { background: radial-gradient(closest-side, rgba(5,8,15,0.5), rgba(5,8,15,0.08)); }
.yt:hover .yt-poster { transform: scale(1.03); }
.yt-play { display: grid; place-items: center; width: 76px; height: 76px; border-radius: 50%; background: rgba(5,8,15,0.62); border: 1px solid rgba(255,255,255,0.18); color: #ffffff; transition: transform 0.18s ease, background 0.18s ease; }
.yt-link:hover .yt-play { transform: scale(1.08); background: rgba(15,98,221,0.55); }
.article-fig { position: relative; margin: 18px 0 0; aspect-ratio: 1024 / 675; border: 1px solid var(--border); border-radius: 16px; overflow: clip; background: linear-gradient(150deg, #14305c, #0a1526); }
.article-h3 { margin: 28px 0 0; font-family: var(--font-display); font-weight: 600; letter-spacing: -0.01em; font-size: 20px; line-height: 1.3; color: #ffffff; }
.article-list { margin-top: 14px; }
.article-p strong, .article-list strong, .note-box strong { color: #ffffff; font-weight: 600; }
.qa { margin: 14px 0 0; padding: 18px 20px; border: 1px solid var(--border); border-radius: 14px; background: rgb(14 21 36 / 0.6); }
.qa-q { margin: 0; font-family: var(--font-display); font-weight: 600; font-size: 16px; color: #ffffff; }
.qa-a { margin: 8px 0 0; font-size: 15.5px; line-height: 1.7; color: #c2c9da; }
.need-list { list-style: none; margin: 20px 0 0; padding: 22px 26px; display: flex; flex-direction: column; gap: 13px; border: 1px solid var(--border); border-radius: 14px; background: rgb(14 21 36 / 0.5); }
.need-item { display: flex; gap: 12px; align-items: flex-start; font-size: 15.5px; line-height: 1.55; color: #c2c9da; }
.li-check { flex-shrink: 0; margin-top: 3px; }
.astep { display: flex; gap: 18px; margin-top: 14px; padding: 22px 24px; border: 1px solid var(--border); border-radius: 14px; background: rgb(14 21 36 / 0.5); }
.astep-first { margin-top: 20px; }
.astep-n { display: grid; place-items: center; width: 36px; height: 36px; flex-shrink: 0; border: 1px solid rgba(77,141,255,0.35); border-radius: 10px; background: rgba(47,125,255,0.08); font-family: var(--font-mono); font-size: 13px; font-weight: 700; color: var(--cyan); }
.astep-body { min-width: 0; flex: 1; }
.astep-h { margin: 4px 0 8px; font-family: var(--font-display); font-weight: 600; letter-spacing: -0.01em; font-size: 18.5px; color: #ffffff; }
.astep-p { margin: 0; font-size: 15.5px; line-height: 1.65; color: #c2c9da; text-wrap: pretty; }
.code-path { display: block; margin-top: 12px; padding: 12px 16px; border-radius: 10px; background: rgba(0,0,0,0.35); border: 1px solid var(--border); font-family: var(--font-mono); font-size: 12.5px; line-height: 1.6; color: #9cc2ff; word-break: break-all; white-space: pre-wrap; }
.shot { margin: 16px 0 0; }
.shot-18 { margin-top: 18px; }
.shot-box { position: relative; height: 300px; border: 1px solid var(--border); border-radius: 12px; overflow: clip; background: linear-gradient(150deg, #14305c, #0a1526); }
.shot-box-lg { height: 320px; border-radius: 14px; }
.article-cover:has(> img, > .zoom), .article-fig:has(> img, > .zoom), .shot-box:has(> img, > .zoom) { height: auto; aspect-ratio: auto; }
.article-cover img, .article-fig img, .shot-box img { display: block; width: 100%; height: auto; }
.shot-cap { margin-top: 9px; font-family: var(--font-mono); font-size: 11.5px; letter-spacing: 0.08em; color: var(--muted-2); }
.note-box { margin-top: 18px; padding: 14px 18px; }
.note-box .callout-text { line-height: 1.6; }
.rec-list { list-style: none; margin: 16px 0 0; padding: 0; display: flex; flex-direction: column; gap: 9px; }
.rec-item { display: flex; gap: 11px; font-size: 15.5px; line-height: 1.6; color: #c2c9da; }
.cta-strip { margin-top: 22px; padding: 26px 30px; border: 1px solid var(--border); border-radius: 16px; background: linear-gradient(130deg, rgba(15,98,221,0.18), rgb(14 21 36 / 0.6) 58%); display: flex; align-items: center; justify-content: space-between; gap: 22px; flex-wrap: wrap; }
.cta-strip-text { max-width: 460px; }
.cta-strip-title { margin: 0 0 6px; font-family: var(--font-display); font-weight: 600; letter-spacing: -0.01em; font-size: 19.5px; color: #ffffff; }
.cta-strip-lead { margin: 0; font-size: 14.5px; color: var(--muted); text-wrap: pretty; }
.brief { margin-top: 20px; padding: 26px 28px; border: 1px dashed rgba(77,141,255,0.4); border-radius: 16px; background: rgba(47,125,255,0.05); display: grid; grid-template-columns: repeat(auto-fit, minmax(min(210px, 100%), 1fr)); gap: 26px; }
.brief-h { margin: 0 0 11px; font-family: var(--font-mono); font-size: 11px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: var(--cyan); }
.brief-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.brief-item { display: flex; gap: 10px; font-size: 14px; line-height: 1.55; color: #c2c9da; }
.related { margin-top: 52px; }
.related-head { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.related-title { margin: 0; font-family: var(--font-display); font-weight: 700; letter-spacing: -0.015em; font-size: 23px; color: #ffffff; }
.related-title .h2-slash { font-size: 17px; }
.related-all { font-family: var(--font-mono); font-size: 12px; letter-spacing: 0.1em; color: var(--muted); transition: color 0.15s ease; }
.related-all:hover { color: #ffffff; }
.rel-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin-top: 20px; }
.rel-card { display: flex; flex-direction: column; min-width: 0; border: 1px solid var(--border); border-radius: 14px; background: rgb(14 21 36 / 0.6); color: var(--text); transition: border-color 0.2s ease, transform 0.2s ease; }
a.rel-card:hover { --lift: 3px; border-color: rgba(77,141,255,0.4); transform: translateY(calc(var(--lift) * -1)); }
.rel-cover { position: relative; aspect-ratio: 16 / 9; border-bottom: 1px solid var(--border); border-radius: 13px 13px 0 0; overflow: hidden; flex-shrink: 0; background: linear-gradient(150deg, #14305c, #0a1526); }
.rel-body { padding: 16px 18px; display: flex; flex-direction: column; flex: 1; }
.rel-title { margin: 0; font-family: var(--font-display); font-weight: 600; letter-spacing: -0.005em; font-size: 15.5px; line-height: 1.35; color: #ffffff; }
.rel-meta { margin-top: auto; padding-top: 12px; display: flex; align-items: center; gap: 8px; font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.06em; color: var(--muted-2); }
.toc { border: 1px solid var(--border); border-radius: 16px; background: rgb(14 21 36 / 0.6); padding: 20px 18px; }
.toc-eyebrow { margin: 0 0 12px; padding: 0 10px; }
.toc-list { display: flex; flex-direction: column; gap: 2px; }
.toc-link { display: flex; align-items: center; gap: 9px; padding: 9px 10px; border-radius: 9px; font-size: 13.5px; font-weight: 500; color: var(--muted); transition: color 0.18s ease, background 0.18s ease; }
.toc-link:hover { color: #ffffff; }
.toc-link.is-active { color: #ffffff; background: rgba(47,125,255,0.13); }
.toc-mark { font-family: var(--font-mono); font-size: 10.5px; font-weight: 700; color: var(--muted-2); }
.toc-link.is-active .toc-mark { color: var(--cyan); }
.toc-progress { margin-top: 16px; padding: 12px 10px 2px; border-top: 1px solid var(--border); }
.toc-progress-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 8px; }
.toc-progress-head .mono-label { font-size: 10.5px; }
.toc-pct { font-family: var(--font-mono); font-size: 12px; font-weight: 700; color: var(--cyan); }
.toc-bar { height: 4px; border-radius: 3px; background: rgba(255,255,255,0.08); overflow: clip; }
.toc-bar-fill { height: 100%; width: var(--progress, 0%); border-radius: 3px; background: linear-gradient(90deg, var(--accent), var(--cyan)); }
.share-eyebrow { margin-bottom: 12px; }
.share-row { display: flex; align-items: center; gap: 8px; }
.btn-share { flex: 1; display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 10px 14px; border-radius: 10px; border: 1px solid var(--border-lit); background: transparent; color: var(--muted); font-family: var(--font-display); font-weight: 600; font-size: 13px; cursor: pointer; transition: background 0.18s ease, color 0.18s ease, border-color 0.18s ease; }
.btn-share:hover { border-color: var(--cyan); }
.btn-share.is-copied { background: var(--accent); color: #ffffff; border-color: rgba(77,141,255,0.6); }
.share-ico { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 10px; border: 1px solid var(--border-lit); color: var(--muted); transition: color 0.18s ease, border-color 0.18s ease; }
.share-ico:hover { color: #ffffff; border-color: rgba(77,141,255,0.5); }
.legal-orn { position: absolute; top: -200px; left: 50%; transform: translateX(-50%); width: 1400px; height: 640px; background: radial-gradient(1000px 480px at 50% 0%, rgba(0,84,202,0.20), transparent 70%); pointer-events: none; z-index: -1; }
.legal-top { position: relative; }
.legal-wrap { max-width: 1024px; margin: 0 auto; padding: 0 24px; }
.legal-top .legal-wrap { padding-top: 176px; padding-bottom: 40px; }
.legal-title { margin: 18px 0 0; font-family: var(--font-display); font-weight: 700; font-size: clamp(32px, 4.4vw, 50px); line-height: 1.08; letter-spacing: -0.03em; color: #ffffff; }
.legal-sec { position: relative; padding: 0 0 120px; }
.legal-card { background: var(--surface); border: 1px solid var(--border); border-radius: 20px; padding: clamp(26px, 4.5vw, 54px); font-size: 15px; line-height: 1.78; color: #b6bdcf; overflow-wrap: break-word; }
.legal-body p { margin: 0 0 12px; }
.legal-body p:last-child { margin-bottom: 0; }
.legal-body .legal-tight { margin-bottom: 6px; }
.legal-body .legal-space { margin-top: 26px; }
.legal-body h2 { margin: 26px 0 12px; font: inherit; font-weight: 600; color: var(--text); }
.legal-body strong { font-weight: 600; color: var(--text); }
.legal-body a { color: var(--cyan); transition: color 0.15s ease; }
.legal-body a:hover { color: #ffffff; }
@media (max-width: 1120px) {
  .blog-grid, .article-grid { grid-template-columns: minmax(0, 1fr); }
  .rail-inner, .article-rail-inner { position: static; }
  .toc-progress { display: none; }
}
@media (max-width: 980px) {
  .pg-head-inner { flex-direction: column; align-items: flex-start; gap: 22px; }
  .faq-grid, .opt-grid, .fmt-grid { grid-template-columns: 1fr; }
  .faq-rail { position: static; }
  .dl-grid { grid-template-columns: repeat(2, 1fr); }
  .rel-grid { grid-template-columns: 1fr; }
}
@media (max-width: 900px) {
  .filters-grid { display: flex; flex-wrap: wrap; }
  .filters-grid .chip-row { padding-top: 0; }
  .tl-row { grid-template-columns: 1fr; }
  .tl-left { display: flex; align-items: center; gap: 12px; padding: 0 0 10px; }
  .tl-left div { margin: 0; }
  .sub-strip, .cta-strip { flex-direction: column; align-items: flex-start; }
  .blog-feat { grid-template-columns: 1fr; }
  .blog-feat-media { border-radius: 17px 17px 0 0; }
}
@media (max-width: 760px) {
  .st-labels { display: none; }
  .st-prod { grid-template-columns: 1fr; justify-items: start; gap: 10px; }
  .st-tbl { margin-inline-start: 0; }
  .astep, .contact-row { flex-direction: column; align-items: flex-start; }
  .tier-row { grid-template-columns: 1fr; }
}
@media (max-width: 640px) { .dl-grid { grid-template-columns: 1fr; } }
@media (max-width: 480px) {
  .st-game { padding-inline: 20px; }
  .st-mrow { grid-template-columns: minmax(0, 1fr) 108px; }
  .st-mcell, .st-mname, .st-mstate { padding-inline: 10px; }
  .st-mname { font-size: 14px; }
  .st-mstate { gap: 6px; letter-spacing: 0.06em; }
  .seg { padding: 4px; gap: 4px; }
  .seg-tab { padding: 10px 9px; gap: 6px; font-size: 13px; }
  .pg-stats { --stat-gap: clamp(10px, 23.6vw - 63px, 26px); flex-wrap: wrap; column-gap: calc(2 * var(--stat-gap) + 1px); row-gap: 14px; align-items: stretch; clip-path: inset(-24px -24px -24px -8px); }
  .pg-stats:dir(rtl) { clip-path: inset(-24px -8px -24px -24px); }
  .pg-stats > div { position: relative; flex: 1 1 0; max-width: max-content; }
  .pg-stats > .pg-stat-sep { display: none; }
  .pg-stats > .pg-stat-sep + div::before { content: ""; position: absolute; top: 50%; inset-inline-start: calc(-1px - var(--stat-gap)); width: 1px; height: 34px; margin-top: -17px; background: rgba(255,255,255,0.14); }
  .pg-stat-num { white-space: nowrap; }
}
@media (max-width: 400px) { .pg-stat-label { letter-spacing: 0.1em; } }
@media (max-width: 400px) {
  .pg-title { font-size: clamp(32px, 10.4vw, 40px); }
  .legal-title { font-size: clamp(26px, 8.2vw, 32px); }
}
@media (max-width: 340px) { .seg-tab { padding-inline: 7px; font-size: 12.5px; } .seg-tab > svg { display: none; } }
.tool-row-status { margin-top: 36px; }
.tool-search-status { flex: 1 1 300px; max-width: 560px; --tool-h: 52px; --tool-r: 14px; }
.page-status .empty-box { padding: 70px 30px; }
.empty-text-gap { margin-bottom: 22px; }
.docs-orn-1 { top: 0; height: 700px; background: radial-gradient(1100px 520px at 50% 0%, rgba(0,84,202,0.20), transparent 70%); }
.docs-orn-2 { top: 900px; background: radial-gradient(760px 350px at 8% 50%, rgba(0,84,202,0.13), transparent); }
.star-docs-1 { top: 140px; right: 7%; color: rgba(190,210,255,0.85); animation: starFloatB 31.4s ease-in-out -4.2s infinite; }
.star-docs-2 { top: 560px; left: 4%; color: rgba(190,210,255,0.6); animation: starFloatA 36.8s ease-in-out -12.6s infinite; }
.docs-sec { position: relative; padding: 168px 0 110px; }
.docs-wrap { max-width: 1288px; margin: 0 auto; padding: 0 24px; }
.side-toggle { display: none; align-items: center; justify-content: space-between; gap: 12px; width: 100%; box-sizing: border-box; margin: 0 0 16px; padding: 12px 16px; border-radius: 12px; border: 1px solid var(--border-lit); background: rgba(255,255,255,0.04); color: var(--text); font-family: var(--font-display); font-weight: 600; font-size: 14px; cursor: pointer; }
.side-toggle-text { display: inline-flex; align-items: center; gap: 10px; }
.side-toggle-slash { font-family: var(--font-mono); font-size: 11px; font-weight: 700; color: var(--cyan); }
.side-toggle .acc-chev { color: currentColor; transition: transform 0.2s ease; }
.side-toggle[aria-expanded="true"] .acc-chev { transform: rotate(180deg); }
.docs-grid { display: grid; grid-template-columns: 300px minmax(0, 1fr) 212px; gap: 48px; align-items: start; }
.doc-side-wrap { align-self: stretch; }
.doc-side { position: sticky; top: 116px; height: calc(100vh - 190px); overflow-x: hidden; overflow-y: auto; scrollbar-gutter: stable; box-sizing: border-box; display: flex; flex-direction: column; gap: 2px; padding-block: 16px 18px; padding-inline: 14px 6px; border-radius: 18px; border: 1px solid var(--border-lit); background: linear-gradient(180deg, rgba(21,32,54,0.62), rgba(12,18,32,0.55)); box-shadow: inset 0 1px 0 rgba(255,255,255,0.07), 0 24px 60px -30px rgba(0,0,0,0.8); scrollbar-width: thin; scrollbar-color: rgba(255,255,255,0.16) transparent; }
.doc-side.has-scroll { overscroll-behavior: contain; }
.doc-side::-webkit-scrollbar { width: 5px; }
.doc-side::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.14); border-radius: 4px; }
.doc-search { position: relative; margin-bottom: 12px; flex-shrink: 0; }
.doc-search .search-ico { inset-inline-start: 14px; top: 50%; transform: translateY(-50%); width: 15px; height: 15px; }
.doc-search-input { width: 100%; box-sizing: border-box; height: 44px; padding-block: 0; padding-inline: 40px 38px; border-radius: 12px; border: 1px solid var(--border-lit); background: rgb(14 21 36 / 0.7); color: var(--text); font-family: var(--font-body); font-size: 14px; outline: none; transition: border-color 0.18s ease, box-shadow 0.18s ease; }
.doc-search-input::-webkit-search-cancel-button { display: none; }
.doc-search-input:focus { border-color: rgba(77,141,255,0.6); box-shadow: 0 0 0 3px rgba(15,98,221,0.18); }
.doc-search-clear { position: absolute; inset-inline-end: 8px; top: 50%; transform: translateY(-50%); width: 28px; height: 28px; display: grid; place-items: center; border: none; border-radius: 8px; background: rgba(255,255,255,0.06); color: var(--muted); cursor: pointer; transition: background 0.15s ease, color 0.15s ease; }
.doc-search-clear:hover { background: rgba(255,255,255,0.12); color: #ffffff; }
.doc-search-clear svg { width: 13px; height: 13px; }
.doc-side-found { margin: 0 0 8px; padding: 0 10px; font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.08em; color: var(--muted-2); }
.doc-sec { display: flex; flex-direction: column; }
.doc-sec-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding-block: 9px; padding-inline: 10px 8px; border-radius: 9px; cursor: pointer; list-style: none; transition: background 0.15s ease; -webkit-user-select: none; user-select: none; }
.doc-sec-head::-webkit-details-marker { display: none; }
.doc-sec-head:hover { background: rgba(255,255,255,0.04); }
.doc-sec-title { display: inline-flex; align-items: center; gap: 9px; min-width: 0; }
.doc-sec-ico { flex-shrink: 0; opacity: 0.9; }
.doc-sec-emoji { flex-shrink: 0; width: 18px; font-family: 'Segoe UI Emoji', 'Apple Color Emoji', 'Noto Color Emoji', sans-serif; font-size: 14px; line-height: 1; text-align: center; }
.doc-sec-label { font-family: var(--font-mono); font-size: 11.5px; font-weight: 500; letter-spacing: 0.14em; text-transform: uppercase; color: var(--muted); text-align: start; }
.doc-sec-meta { display: inline-flex; align-items: center; gap: 8px; color: var(--muted-2); flex-shrink: 0; }
.doc-sec-count { font-family: var(--font-mono); font-size: 10.5px; font-variant-numeric: tabular-nums; }
.doc-sec-meta .chevron { transition: transform 0.22s ease; }
.doc-sec[open] > .doc-sec-head .chevron, .doc-sub[open] > .doc-sub-head .chevron { transform: rotate(180deg); }
.doc-sec-body { display: flex; flex-direction: column; gap: 2px; padding: 2px 0 12px; }
.doc-sec > .doc-sec-body { margin-block: 2px 10px; margin-inline-start: 19px; padding-block: 0; padding-inline-start: 7px; border-inline-start: 1px solid rgba(255,255,255,0.09); }
.doc-sub { display: flex; flex-direction: column; }
.doc-sub-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding-block: 9px; padding-inline: 12px 8px; border-radius: 10px; cursor: pointer; list-style: none; transition: background 0.15s ease; -webkit-user-select: none; user-select: none; }
.doc-sub-head::-webkit-details-marker { display: none; }
.doc-sub-head:hover { background: rgba(255,255,255,0.04); }
.doc-sub-label { font-family: var(--font-mono); font-size: 11px; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; color: var(--muted); text-align: start; }
.doc-sub-body { display: flex; flex-direction: column; gap: 2px; padding-bottom: 4px; }
.doc-sec-root { padding: 0 0 8px; }
.doc-link { display: flex; align-items: center; gap: 10px; width: 100%; box-sizing: border-box; text-align: start; padding: 10px 12px; border-radius: 10px; color: var(--muted); font-family: var(--font-display); font-weight: 600; font-size: 15px; line-height: 1.4; transition: color 0.15s ease, background 0.15s ease; }
.doc-sec .doc-link { position: relative; }
.doc-sub-body > .doc-link { padding-inline-start: 26px; font-size: 14px; }
.doc-sub-body .doc-link-text { text-wrap: pretty; }
.doc-sec-root > .doc-link { position: relative; padding-inline-start: 37px; }
.doc-link:hover { color: #ffffff; background: rgba(255,255,255,0.05); }
.doc-link[aria-current="page"] { color: #ffffff; background: rgba(47,125,255,0.14); }
.doc-link-slash { display: none; position: absolute; top: 50%; inset-inline-start: 13px; transform: translateY(-50%); font-family: var(--font-mono); font-size: 11px; font-weight: 700; color: var(--cyan); line-height: 1; }
.doc-sec .doc-link .doc-link-slash { inset-inline-start: -26px; }
.doc-link[aria-current="page"] .doc-link-slash { display: block; }
.doc-side-empty { margin: 4px 0 0; font-family: var(--font-mono); font-size: 12px; letter-spacing: 0.06em; color: var(--muted-2); }
.doc-sec-locked { margin: 0; padding: 8px 12px; font-size: 13px; line-height: 1.5; color: var(--muted-2); text-wrap: pretty; }
html.has-doc-keys [data-doc-folder] .doc-sec-count, html.has-doc-keys .doc-sec-locked { visibility: hidden; }
.doc-main { min-width: 0; }
.doc-main .crumbs { font-size: 12px; letter-spacing: 0.12em; }
.crumbs-mid { color: var(--muted); }
.doc-h1 { margin: 16px 0 12px; font-family: var(--font-display); font-weight: 700; letter-spacing: -0.025em; font-size: clamp(30px, 3.8vw, 42px); line-height: 1.08; color: #ffffff; text-wrap: balance; }
.doc-h1-index { margin: 16px 0 14px; font-size: clamp(34px, 4.4vw, 50px); line-height: 1.04; letter-spacing: -0.03em; }
.doc-lead { margin: 0; font-size: 16.5px; line-height: 1.7; color: var(--muted); max-width: 620px; text-wrap: pretty; }
.doc-lead-index { max-width: 600px; }
.doc-meta { display: flex; align-items: center; gap: 14px; margin-top: 20px; font-family: var(--font-mono); font-size: 11.5px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--muted-2); }
.doc-rule { display: block; height: 1px; background: var(--border); margin: 28px 0 32px; }
.doc-rule-art { margin: 28px 0 36px; }
.intro-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.doc-card { display: flex; flex-direction: column; gap: 14px; padding: 18px 18px 15px; border: 1px solid var(--border); border-radius: 15px; background: var(--surface); text-align: start; font-family: var(--font-display); transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease; }
.doc-card:hover { --lift: 3px; transform: translateY(calc(var(--lift) * -1)); border-color: rgba(77,141,255,0.5); background: linear-gradient(180deg, rgba(47,125,255,0.10), var(--surface-2) 55%); box-shadow: 0 0 30px -10px rgba(47,125,255,0.45); }
.doc-card-head { display: flex; align-items: flex-start; gap: 14px; }
.doc-card-icon { width: 40px; height: 40px; flex-shrink: 0; display: grid; place-items: center; border-radius: 10px; color: var(--cyan); background: rgba(47,125,255,0.10); border: 1px solid rgba(47,125,255,0.25); }
.doc-card-text { min-width: 0; }
.doc-card-t { display: block; font-family: var(--font-display); font-weight: 600; font-size: 16px; color: #ffffff; }
.doc-card-d { display: block; margin-top: 4px; font-family: var(--font-body); font-size: 13.5px; line-height: 1.5; color: var(--muted); }
.doc-card-foot { display: flex; justify-content: flex-end; width: 100%; margin-top: auto; }
.doc-card .card-arrow { width: 36px; height: 36px; }
.doc-card .card-arrow:hover { background: var(--accent); border-color: var(--accent); color: #ffffff; box-shadow: 0 12px 32px -10px var(--glow-btn); filter: brightness(1.16); }
.doc-intro-body { margin-top: 44px; }
.pn-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 52px; }
.pn-grid-index { margin-top: 44px; }
.pn-card { display: flex; flex-direction: column; gap: 6px; padding: 16px 18px; border: 1px solid var(--border); border-radius: 13px; background: var(--surface); transition: border-color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease; }
.pn-card:hover { --lift: 2px; border-color: rgba(77,141,255,0.5); transform: translateY(calc(var(--lift) * -1)); box-shadow: 0 0 26px -10px rgba(47,125,255,0.45); }
.pn-next { align-items: flex-end; text-align: end; }
.pn-label { font-family: var(--font-mono); font-size: 10.5px; letter-spacing: 0.16em; color: var(--muted-2); }
.pn-title { font-family: var(--font-display); font-weight: 600; font-size: 15.5px; color: var(--text); }
.toc-wrap { align-self: stretch; }
.doc-toc { position: sticky; top: 116px; max-height: calc(100vh - 150px); overflow-y: auto; overscroll-behavior: contain; scrollbar-width: none; display: flex; flex-direction: column; }
.doc-toc::-webkit-scrollbar { display: none; }
.doc-toc > * { border-inline-start: 1px solid var(--border); padding-inline-start: 18px; }
.doc-toc-label { font-size: 10.5px; font-weight: 500; padding-bottom: 10px; }
.doc-toc-link { text-align: start; padding-block: 5px; font-family: var(--font-body); font-size: 13.5px; line-height: 1.45; color: var(--muted); transition: color 0.15s ease, border-color 0.15s ease; }
.doc-toc-link:hover { color: #ffffff; }
.doc-toc-link.is-active { color: #ffffff; border-inline-start: 2px solid var(--cyan); padding-inline-start: 17px; }
.doc-toc-sub { padding-inline-start: 30px; font-size: 12.5px; }
.doc-toc-sub.is-active { padding-inline-start: 29px; }
.doc-toc-progress { padding-block: 16px 2px; }
.doc-body { --doc-gutter: 46px; display: flex; flex-direction: column; gap: 14px; }
.doc-body h2 { display: grid; grid-template-columns: var(--doc-gutter) minmax(0, 1fr); align-items: baseline; margin: 40px 0 8px; font-family: var(--font-display); font-weight: 600; font-size: 23px; letter-spacing: -0.015em; line-height: 1.25; color: #ffffff; scroll-margin-top: 120px; text-wrap: balance; }
.doc-body h2:first-child { margin-top: 0; }
.doc-body h2::before { content: '//'; font-family: var(--font-mono); font-size: 16px; font-weight: 700; letter-spacing: 0; color: var(--cyan); }
.doc-body h2.doc-h-num::before { content: none; }
.doc-body .doc-h-n { font-family: var(--font-display); font-size: 34px; font-weight: 700; line-height: 1; letter-spacing: -0.02em; color: var(--cyan); text-shadow: 0 0 22px rgba(47,125,255,0.45); font-variant-numeric: tabular-nums; }
.doc-body h2 ~ :not(h2) { margin-inline-start: var(--doc-gutter); }
.doc-body h3 { margin: 16px 0 0; font-family: var(--font-display); font-weight: 600; font-size: 17px; color: var(--text); scroll-margin-top: 120px; }
.doc-body p { margin: 0; font-size: 15.5px; line-height: 1.75; color: var(--muted); text-wrap: pretty; }
.doc-body strong { color: var(--text); font-weight: 600; }
.doc-body code { font-family: var(--font-mono); font-size: 0.9em; background: rgba(255,255,255,0.07); border: 1px solid var(--border); border-radius: 5px; padding: 1px 6px; }
.doc-body a { color: var(--cyan); transition: color 0.15s ease; }
.doc-body a:hover { color: #ffffff; }
.doc-body ul { margin-block: 0; padding-inline-start: 20px; color: var(--muted); font-size: 15px; line-height: 1.7; }
.doc-body p.doc-links { display: flex; flex-wrap: wrap; gap: 20px; margin-top: 2px; }
.doc-body p.doc-links a { display: inline-flex; align-items: center; gap: 8px; font-family: var(--font-display); font-weight: 600; font-size: 14px; }
.doc-body p.doc-links a::after { content: '↗'; font-size: 13px; }
.doc-body ol.doc-steps { list-style: none; margin-block: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; counter-reset: step; }
.doc-body ol.doc-steps li { counter-increment: step; display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: 16px; padding: 15px 18px; border: 1px solid var(--border); border-radius: 13px; background: var(--surface); transition: border-color 0.18s ease; }
.doc-body ol.doc-steps li:hover { border-color: rgba(77,141,255,0.4); }
.doc-body ol.doc-steps li::before { content: counter(step); grid-row: 1 / span 2; min-width: 12px; font-family: var(--font-display); font-size: 17px; font-weight: 700; line-height: 1.3; color: var(--cyan); }
.doc-body .doc-step-t { display: block; font-family: var(--font-display); font-weight: 600; font-size: 15.5px; line-height: 1.4; color: var(--text); }
.doc-body .doc-step-d { display: block; margin-top: 5px; font-size: 14px; line-height: 1.6; color: var(--muted); }
.doc-body dl.doc-specs { margin-block: 0; border: 1px solid var(--border); border-radius: 13px; background: var(--surface); overflow: hidden; }
.doc-body dl.doc-specs > div { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 18px; padding: 13px 18px; border-top: 1px solid var(--border); }
.doc-body dl.doc-specs > div:first-child { border-top: none; }
.doc-body dl.doc-specs dt { font-size: 14px; color: var(--muted); }
.doc-body dl.doc-specs dd { margin: 0; font-family: var(--font-mono); font-size: 13px; line-height: 1.6; color: var(--text); }
.doc-body .doc-note { display: flex; flex-direction: column; gap: 7px; padding: 15px 19px; border: 1px solid rgba(77,141,255,0.35); border-radius: 13px; background: rgba(47,125,255,0.07); }
.doc-body .doc-note--warn { border-color: rgba(255,138,76,0.35); background: rgba(255,138,76,0.06); }
.doc-body .doc-note__label { font-family: var(--font-mono); font-size: 11px; font-weight: 700; letter-spacing: 0.16em; color: var(--cyan); }
.doc-body .doc-note--warn .doc-note__label { color: var(--ember); }
.doc-body .doc-note__body { display: flex; flex-direction: column; gap: 8px; }
.doc-body .doc-note__body p { font-size: 14.5px; line-height: 1.65; }
.doc-code { position: relative; }
.doc-code pre { margin: 0; padding: 16px 52px 16px 18px; border: 1px solid var(--border); border-radius: 13px; background: var(--surface); overflow-x: auto; font-family: var(--font-mono); font-size: 13px; line-height: 1.6; color: var(--text); }
.doc-code pre code { padding: 0; border: none; background: none; font-size: inherit; }
.doc-copy { position: absolute; top: 10px; inset-inline-end: 10px; display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; border-radius: 8px; border: 1px solid var(--border-lit); background: rgba(14,21,36,0.9); color: var(--muted); font-family: var(--font-mono); font-size: 10.5px; letter-spacing: 0.1em; text-transform: uppercase; cursor: pointer; transition: color 0.15s ease, background 0.15s ease, border-color 0.15s ease; }
.doc-copy:hover { color: #ffffff; background: rgba(255,255,255,0.1); }
.doc-copy.is-copied { color: var(--ok); border-color: rgba(52,209,126,0.45); }
@media (max-width: 1140px) {
  .toc-wrap { display: none; }
  .docs-grid { grid-template-columns: 284px minmax(0, 1fr); }
}
@media (max-width: 940px) {
  .docs-grid { grid-template-columns: 1fr; gap: 0 48px; }
  .doc-side { position: static; height: auto; max-height: none; }
  .doc-side-wrap { margin-bottom: 26px; }
  .side-toggle { display: flex; }
  html.js .doc-side-wrap:not(.is-open) { display: none; }
}
@media (max-width: 640px) {
  .intro-grid { grid-template-columns: 1fr; }
  .pn-grid { grid-template-columns: 1fr; }
  .pn-spacer { display: none; }
  .pn-next { align-items: flex-start; text-align: start; }
  .doc-body dl.doc-specs > div { grid-template-columns: 1fr; gap: 4px; }
  .doc-body { --doc-gutter: 32px; }
  .doc-body h2 { font-size: 20px; }
  .doc-body .doc-h-n { font-size: 28px; }
}
.meth-card.has-dg { grid-template-areas: 'hd' 'dg' 'ti' 'sb' 'tx' 'rq'; grid-template-rows: auto auto auto auto minmax(0, 1fr) auto; }
.meth-card.meth-wide { grid-template-columns: minmax(240px, 1fr) minmax(0, 2fr); grid-template-areas: 'hd hd' 'dg ti' 'dg sb' 'dg tx' 'dg rq'; grid-template-rows: auto auto auto minmax(0, 1fr) auto; }
.meth-head { grid-area: hd; }
.meth-title { grid-area: ti; }
.meth-sub { grid-area: sb; }
.meth-text { grid-area: tx; flex: initial; }
.meth-req { grid-area: rq; }
.meth-n-label { color: var(--muted-2); text-transform: uppercase; margin-inline-end: 8px; }
.meth-dg { grid-area: dg; position: relative; margin-top: 4px; display: flex; align-items: center; justify-content: center; border: 1px solid var(--border); border-radius: 12px; background-color: rgba(5,8,15,0.45); background-image: radial-gradient(ellipse 62% 58% at 50% 46%, rgba(15,98,221,0.2), transparent), radial-gradient(rgba(125,164,255,0.09) 1px, transparent 1.5px); background-size: auto, 12px 12px; overflow: hidden; }
.meth-dg-in { position: relative; width: 100%; max-width: 320px; margin: 0 auto; }
.meth-dg-svg { display: block; width: 100%; height: auto; }
.meth-dg-lab { position: absolute; top: 77%; transform: translateX(-50%); white-space: nowrap; line-height: 1; font-family: var(--font-mono); font-size: 8.5px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: var(--muted); }
.meth-dg-lab.at-12 { left: 12.08%; }
.meth-dg-lab.at-31 { left: 30.83%; }
.meth-dg-lab.at-49 { left: 48.75%; }
.meth-dg-lab.at-50 { left: 50%; }
.meth-dg-lab.at-67 { left: 67.5%; }
.meth-dg-lab.at-68 { left: 68.33%; }
.meth-dg-lab.at-87 { left: 86.67%; }
@keyframes mthGo { 0% { transform: translateX(0); opacity: 0; } 12% { opacity: 1; } 88% { opacity: 1; } 100% { transform: translateX(44px); opacity: 0; } }
@keyframes mthBack { 0% { transform: translateX(44px); opacity: 0; } 12% { opacity: 1; } 88% { opacity: 1; } 100% { transform: translateX(0); opacity: 0; } }
@keyframes mthScan { 0% { transform: translateY(0); opacity: 0; } 8% { opacity: 0.8; } 92% { opacity: 0.8; } 100% { transform: translateY(26px); opacity: 0; } }
@keyframes mthLed { 0%, 100% { opacity: 1; } 50% { opacity: 0.15; } }
@keyframes mthCursor { 0%, 49% { opacity: 1; } 50%, 100% { opacity: 0; } }
.mth-glow { filter: drop-shadow(0 0 3px #4d8dff); }
.mth-go { animation: mthGo 1.8s linear infinite; }
.mth-back { animation: mthBack 1.8s linear infinite; }
.mth-ph-a-2 { animation-delay: -0.9s; }
.mth-ph-b-1 { animation-delay: -0.45s; }
.mth-ph-b-2 { animation-delay: -1.35s; }
.mth-scan { animation: mthScan 2.4s linear infinite; }
.mth-led { animation: mthLed 1.4s ease-in-out infinite; filter: drop-shadow(0 0 3px #34d17e); }
.mth-cursor { animation: mthCursor 1s steps(1) infinite; }
.mth-packet { animation: mthBack 2.1s linear infinite; }
.mth-pk-2 { animation-delay: -0.7s; }
.mth-pk-3 { animation-delay: -1.4s; }
@media (max-width: 1120px) { .meth-grid > .meth-c3p { flex-basis: calc(50% - 7px); } .meth-grid > .meth-card:last-child:nth-child(odd) { flex-basis: 100%; } }
@media (min-width: 981px) and (max-width: 1120px) { .meth-card.has-dg:last-child:nth-child(odd) { grid-template-columns: minmax(240px, 1fr) minmax(0, 2fr); grid-template-areas: 'hd hd' 'dg ti' 'dg sb' 'dg tx' 'dg rq'; grid-template-rows: auto auto auto minmax(0, 1fr) auto; } }
@media (max-width: 980px) { .meth-card.meth-wide { grid-template-columns: minmax(0, 1fr); grid-template-areas: 'hd' 'dg' 'ti' 'sb' 'tx' 'rq'; grid-template-rows: auto auto auto auto minmax(0, 1fr) auto; } }
@media (max-width: 640px) { .meth-grid > .meth-card { flex-basis: 100%; } }
@media (prefers-reduced-motion: reduce) { .mth-anim { animation: none !important; } }
.pager { display: flex; align-items: center; justify-content: center; gap: 6px; flex-wrap: wrap; margin-top: 24px; }
.pager-top { margin: 0 0 26px; }
.pager-pages { display: contents; }
.pager-btn { display: inline-flex; align-items: center; justify-content: center; min-width: 40px; height: 40px; padding: 0 12px; border-radius: 10px; border: 1px solid var(--border-lit); background: rgba(255,255,255,0.04); color: var(--muted); font-family: var(--font-mono); font-size: 13px; font-weight: 600; cursor: pointer; transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease, opacity 0.18s ease; }
.pager-btn:hover { background: rgba(255,255,255,0.09); border-color: rgba(77,141,255,0.45); color: #ffffff; }
.pager-btn[aria-current="page"] { background: var(--accent); border-color: rgba(77,141,255,0.55); color: #ffffff; cursor: default; }
.pager-btn:disabled { opacity: 0.35; cursor: default; pointer-events: none; }
.pager-arrow { width: 40px; padding: 0; color: var(--text); }
.pager-gap { display: inline-flex; align-items: center; justify-content: center; min-width: 24px; height: 40px; font-family: var(--font-mono); font-size: 13px; color: var(--muted-2); }
.tag-amber { --tag-c: #ffc46b; --tag-bg: rgba(255,170,60,0.12); --tag-bd: rgba(255,170,60,0.4); }
.ins-lat-head { filter: drop-shadow(0 0 5px rgba(125,178,255,1)); }
.ins-rc { overflow: visible; }
.ins-rc-base { fill: none; stroke: rgba(255,255,255,0.18); stroke-width: 1.5; stroke-dasharray: 3 4; stroke-linecap: round; }
.ins-rc-trace { fill: none; stroke: var(--cyan); stroke-width: 1.8; stroke-linecap: round; filter: drop-shadow(0 0 4px rgba(77,141,255,0.8)); }
.ins-cpu-dot, .ins-ram-bar { transition: background 0.3s ease; }
html.js .dot-cyan.ins-cpu-dot { animation: insGlow 2.6s ease-in-out infinite; }
@keyframes insGlow { 0%, 100% { box-shadow: 0 0 5px rgba(77,141,255,0.9); } 50% { box-shadow: 0 0 8px rgba(77,141,255,0.9); } }
.ins-up-chip { position: relative; overflow: hidden; }
.ins-up-shine { position: absolute; inset: 0; background: linear-gradient(105deg, transparent 22%, rgba(77,141,255,0.12) 40%, rgba(190,215,255,0.35) 50%, rgba(77,141,255,0.12) 60%, transparent 78%); transform: translateX(var(--shine, -100%)); pointer-events: none; }
.ins-up-dot { box-shadow: 0 0 var(--beat, 8px) var(--cyan); }
.ins-up-lab { transition: color 0.5s ease; }
.ins-up-lab.is-lit { color: var(--text); }
@media (prefers-reduced-motion: reduce) { html.js .dot-cyan.ins-cpu-dot { animation: none; } }

.bundle-sec { position: relative; padding: 0 0 104px; }
.star-bundle-1 { top: -30px; right: 6%; color: rgba(125,164,255,0.6); animation: starFloatB 33.1s ease-in-out -11.4s infinite; }
.bundle-promo { position: relative; overflow: hidden; display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); gap: 40px 56px; align-items: center; padding: 46px 48px; border: 1px solid rgba(77,141,255,0.38); border-radius: 22px; background: linear-gradient(115deg, rgba(47,125,255,0.16), rgb(14 21 36 / 0.72) 58%); box-shadow: 0 30px 70px -40px rgba(0,0,0,0.8), 0 0 40px -18px rgba(47,125,255,0.5); }
.bp-glow { position: absolute; top: -140px; inset-inline-start: -80px; width: 460px; height: 340px; background: radial-gradient(closest-side, rgba(47,125,255,0.3), transparent); pointer-events: none; }
.bp-copy { position: relative; min-width: 0; }
.bp-title { color: #ffffff; }
.bp-text { margin: 16px 0 0; font-size: 16.5px; color: var(--muted); max-width: 520px; text-wrap: pretty; }
.bp-prices { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 22px; }
.bp-price { display: inline-flex; align-items: center; gap: 8px; margin: 0; padding: 9px 14px; border: 1px solid var(--border-lit); border-radius: 10px; background: rgba(5,8,15,0.45); font-family: var(--font-display); font-weight: 700; font-size: 15px; line-height: inherit; color: #ffffff; cursor: pointer; user-select: none; -webkit-user-select: none; transition: border-color 0.25s ease, background 0.25s ease; }
.bp-price:hover { border-color: rgba(77,141,255,0.45); }
.bp-price[aria-pressed="true"] { border-color: rgba(77,141,255,0.45); background: rgba(15,98,221,0.14); }
.bp-price-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--ember); box-shadow: 0 0 8px rgba(255,138,76,0.7); flex-shrink: 0; transition: background 0.25s ease, box-shadow 0.25s ease; }
.bp-price[aria-pressed="true"] .bp-price-dot { background: var(--cyan); box-shadow: 0 0 8px var(--glow-c); }
.bp-cta { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 22px; margin-top: 26px; }
.bp-scope { display: inline-flex; align-items: center; gap: 7px; font-family: var(--font-mono); font-size: 11.5px; letter-spacing: 0.08em; color: var(--muted-2); }
.bp-panel-wrap { position: relative; border-radius: 38px 0 38px 0; box-shadow: 0 26px 40px rgba(0,0,0,0.5), 0 0 26px rgba(47,125,255,0.16); }
.bp-panel-frame { clip-path: polygon(22px 0, 100% 0, 100% calc(100% - 22px), calc(100% - 22px) 100%, 0 100%, 0 22px); padding: 1px; background: linear-gradient(155deg, rgba(125,164,255,0.65), rgba(125,164,255,0.12) 42%, rgba(47,125,255,0.55)); }
.bp-panel { position: relative; clip-path: polygon(21.5px 0, 100% 0, 100% calc(100% - 21.5px), calc(100% - 21.5px) 100%, 0 100%, 0 21.5px); background: #070b14; padding: 22px 24px 24px; }
.bp-panel-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-inline-start: 22px; font-family: var(--font-mono); font-size: 10.5px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; }
.bp-panel-eyebrow { color: var(--cyan); }
.bp-panel-badge { color: var(--muted-2); font-weight: 500; }
.bp-legend { margin: 8px 0 0; padding-inline-start: 22px; font-family: var(--font-mono); font-size: 10.5px; letter-spacing: 0.06em; color: var(--muted-2); }
.bp-bars { display: flex; flex-direction: column; gap: 16px; margin-top: 22px; }
.bp-bar-block { display: flex; flex-direction: column; gap: 8px; }
.bp-bar-head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--muted-2); }
.bp-bar-head-bnd { color: var(--cyan); }
.bp-bar-sub { letter-spacing: 0.06em; text-transform: none; opacity: 0.8; }
.bp-bar-price { font-family: var(--font-display); font-weight: 700; font-size: 22px; letter-spacing: -0.01em; text-transform: none; color: #ffffff; }
.bp-bar-price-sep { font-weight: 600; font-size: 16px; letter-spacing: 0; color: var(--muted); text-decoration: line-through; }
.bp-bar { display: flex; gap: 2px; height: 12px; border-radius: 4px; background: rgba(255,255,255,0.06); border: 1px solid var(--border); overflow: hidden; box-sizing: border-box; }
.bp-seg { flex: 1; min-width: 0; background: repeating-linear-gradient(135deg, rgba(145,153,172,0.38) 0 4px, rgba(145,153,172,0.14) 4px 8px); }
.bp-bar-svg { display: block; height: 12px; }
.bp-track { fill: rgba(255,255,255,0.06); stroke: var(--border); stroke-width: 1; }
.bp-fill { fill: url(#bpFill); filter: drop-shadow(0 0 8px var(--glow-c)); }
.bp-brace-svg { display: block; height: 26px; overflow: hidden; }
.bp-brace { fill: none; stroke: rgba(126,230,172,0.55); stroke-width: 1; }
.bp-brace-cost { stroke: rgba(77,141,255,0.6); }
.bp-save, .bp-cost { font-family: var(--font-mono); font-size: 10.5px; font-weight: 700; letter-spacing: 0.06em; fill: #7ee6ac; }
.bp-cost { fill: var(--cyan); }
.bp-foot { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 14px; padding-top: 18px; border-top: 1px solid var(--border); }
.bp-saving { font-family: var(--font-display); font-weight: 700; font-size: clamp(40px, 4.4vw, 56px); line-height: 1; letter-spacing: -0.03em; color: #7ee6ac; }
.bp-life { text-align: end; font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.08em; color: var(--muted-2); line-height: 1.6; }
.bp-life-saving { color: #7ee6ac; font-weight: 700; }
.bp-slot { display: inline-grid; }
.bp-legend.bp-slot { display: grid; }
.bp-slot > * { grid-area: 1 / 1; }
.bp-slot-end { justify-items: end; }
.bp-ghost { visibility: hidden; }
.bundle-promo [data-bp="compare"], .bundle-promo [data-bp="legend"], .bundle-promo [data-bp="other"], .bundle-promo [data-bp="otherSaving"] { transition: opacity 0.18s ease; }
.bundle-promo.is-swapping [data-bp="compare"], .bundle-promo.is-swapping [data-bp="legend"], .bundle-promo.is-swapping [data-bp="other"], .bundle-promo.is-swapping [data-bp="otherSaving"] { opacity: 0; }
@media (max-width: 980px) { .bundle-promo { grid-template-columns: 1fr; padding: 32px 28px; } }
.bundle-card { border-color: rgba(77,141,255,0.45); box-shadow: 0 0 30px -14px rgba(47,125,255,0.55); }
.cover-bundle { --grad: #1c3a7a; }
.bundle-card-badge { font-family: var(--font-mono); font-size: 10px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: #ffffff; background: var(--accent); border: 1px solid rgba(125,175,255,0.55); border-radius: 7px; padding: 5px 9px; box-shadow: 0 8px 22px -8px var(--glow-btn); }
.plan-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.plan-pick { padding: 20px 20px 18px; border-radius: 14px; }
.plan-label { font-family: var(--font-mono); font-size: 10.5px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--muted-2); }
.pick:has(.pick-input:checked) .plan-label { color: #ffffff; }
.plan-price { display: block; margin-top: 12px; font-family: var(--font-display); font-weight: 700; font-size: 40px; letter-spacing: -0.02em; line-height: 1; color: #ffffff; }
.plan-sub { display: block; margin-top: 8px; font-size: 13px; line-height: 1.45; color: var(--muted); }
.plan-foot { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--border); font-family: var(--font-mono); font-size: 10.5px; letter-spacing: 0.06em; text-transform: uppercase; }
.plan-sep { color: var(--muted-2); text-decoration: line-through; }
.plan-saving { color: #7ee6ac; font-weight: 700; }
.bnd-note { display: flex; gap: 12px; align-items: flex-start; padding: 14px 16px; border: 1px solid var(--border); border-radius: 12px; background: rgba(5,8,15,0.35); }
.bnd-note svg { width: 16px; height: 16px; flex-shrink: 0; margin-top: 3px; color: var(--cyan); }
.bnd-note-text { margin: 0; font-size: 13.5px; color: var(--muted); text-wrap: pretty; }
.sum-sep { font-family: var(--font-mono); font-size: 12px; color: var(--muted-2); text-decoration: line-through; }
.bnd-why-n { font-family: var(--font-mono); font-size: 12px; font-weight: 700; letter-spacing: 0.14em; color: var(--cyan); margin-bottom: 12px; }
.bnd-why-title { color: #ffffff; text-wrap: balance; }
@media (max-width: 980px) { .bnd-why .grid-4 { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px) { .bnd-why .grid-4 { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 640px) { .plan-grid { grid-template-columns: 1fr; } }
.bnd-badge { font-family: var(--font-mono); font-size: 10.5px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: #ffffff; background: var(--accent); border: 1px solid rgba(125,175,255,0.55); border-radius: 7px; padding: 5px 10px; box-shadow: 0 8px 22px -8px var(--glow-btn); }
.btn-outline-lg { padding: 14px 24px; border-radius: 12px; font-size: 15px; }
.bnd-launcher-wrap { position: relative; border-radius: 45px 0 45px 0; box-shadow: 0 34px 44px rgba(0,0,0,0.55), 0 0 30px rgba(47,125,255,0.18); }
.bnd-launcher-frame { clip-path: polygon(26px 0, 100% 0, 100% calc(100% - 26px), calc(100% - 26px) 100%, 0 100%, 0 26px); padding: 1px; background: linear-gradient(155deg, rgba(125,164,255,0.65), rgba(125,164,255,0.12) 42%, rgba(47,125,255,0.55)); }
.bnd-launcher { position: relative; clip-path: polygon(25.5px 0, 100% 0, 100% calc(100% - 25.5px), calc(100% - 25.5px) 100%, 0 100%, 0 25.5px); background: #070b14; padding: 14px 14px 16px; }
.bnd-lch-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 4px 6px 12px 30px; font-family: var(--font-mono); font-size: 10.5px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; }
.bnd-lch-eyebrow { color: var(--cyan); }
.bnd-lch-eyebrow .slash, .bnd-why-n .slash, .bp-panel-eyebrow .slash { color: var(--accent); margin-inline-end: 8px; }
.bnd-lch-foot { display: inline-flex; align-items: center; gap: 8px; color: var(--muted-2); font-weight: 500; }
.live-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--ok); box-shadow: 0 0 8px var(--ok); animation: blinkDot 2.2s ease-in-out infinite; }
@keyframes blinkDot { 0%, 100% { opacity: 1; } 50% { opacity: 0.3; } }
.lch-list { position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr) auto auto; column-gap: 12px; row-gap: 4px; overflow-y: auto; scrollbar-width: none; scroll-behavior: smooth; max-height: var(--lch-max, none); }
.lch-list::-webkit-scrollbar { display: none; }
.lch-list[data-scroll] { -webkit-mask-image: linear-gradient(180deg, transparent, #000000 6%, #000000 94%, transparent); mask-image: linear-gradient(180deg, transparent, #000000 6%, #000000 94%, transparent); }
.lch-hl { position: absolute; top: 0; left: 0; right: 0; box-sizing: border-box; height: var(--lch-h, 0px); border-radius: 8px; border: 1px solid rgba(77,141,255,0.45); background: rgba(15,98,221,0.16); opacity: 0; transform: translateY(var(--lch-y, 0px)); transition: transform 0.32s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.16s ease; pointer-events: none; }
.lch-list[data-lch-ready] .lch-hl { opacity: 1; }
.lch-list.is-fade .lch-hl { opacity: 0; }
.lch-list.is-jump .lch-hl { transition: opacity 0.16s ease; }
.lch-row { position: relative; grid-column: 1 / -1; display: grid; grid-template-columns: subgrid; align-items: center; padding: 8px 12px; border-radius: 8px; border: 1px solid transparent; }
.lch-n { font-family: var(--font-mono); font-size: 10px; font-weight: 700; letter-spacing: 0.12em; color: rgba(125,164,255,0.6); }
.lch-main { display: flex; align-items: center; gap: 10px; min-width: 0; }
.lch-chk { position: relative; width: 16px; height: 16px; border-radius: 5px; flex-shrink: 0; display: inline-grid; place-items: center; border: 1px solid var(--border-lit); background: rgba(5,8,15,0.6); }
.lch-chk::before { content: ""; position: absolute; inset: -1px; border-radius: 5px; background: var(--accent); box-shadow: 0 0 10px -2px var(--glow-btn); opacity: 0; transition: opacity 0.14s ease; }
.lch-chk svg { position: relative; width: 11px; height: 11px; opacity: 0; transform: scale(0.5); transition: opacity 0.14s ease, transform 0.14s ease; }
.lch-row.is-done .lch-chk::before, .lch-row.is-done .lch-chk svg { opacity: 1; transform: none; }
.lch-row.is-on .lch-chk::before { opacity: 1; transition: opacity 0.16s ease 0.12s; }
.lch-row.is-on .lch-chk svg { opacity: 1; transform: none; transition: opacity 0.16s ease 0.12s, transform 0.16s ease 0.12s; }
.lch-name { font-family: var(--font-display); font-weight: 600; font-size: 14px; color: var(--text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: color 0.16s ease; }
.lch-row.is-on .lch-name { color: #ffffff; transition-delay: 0.12s; }
.lch-tag { font-family: var(--font-mono); font-size: 9px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: #ffffff; background: var(--accent); border-radius: 5px; padding: 3px 7px; opacity: 0; transform: translateX(-4px); transition: opacity 0.1s ease, transform 0.1s ease; }
.lch-row.is-on .lch-tag { opacity: 1; transform: none; transition: opacity 0.16s ease 0.12s, transform 0.16s ease 0.12s; }
.lch-count { justify-self: end; display: inline-flex; align-items: center; gap: 8px; font-family: var(--font-mono); font-size: 9.5px; letter-spacing: 0.06em; color: var(--muted-2); white-space: nowrap; }
.lch-status { padding: 0; background: none; border: 0; }
.bnd-key { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 10px; padding: 11px 14px; border-radius: 10px; border: 1px solid rgba(77,141,255,0.35); background: rgba(15,98,221,0.1); }
.bnd-key-label { display: inline-flex; align-items: center; gap: 10px; font-family: var(--font-mono); font-size: 10.5px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: #cfe0ff; }
.bnd-key-label svg { width: 15px; height: 15px; color: var(--cyan); flex-shrink: 0; }
.bnd-key-code { font-family: var(--font-mono); font-size: 11px; font-weight: 700; letter-spacing: 0.18em; color: var(--cyan); }
@media (max-width: 480px) {
  .lch-list { grid-template-columns: auto minmax(0, 1fr) auto; }
  .lch-tag, .lch-count { grid-column: 3; grid-row: 1; justify-self: end; }
  .lch-count { transition: opacity 0.1s ease; }
  .lch-row.is-on .lch-count { opacity: 0; transition: opacity 0.16s ease 0.12s; }
}
@media (prefers-reduced-motion: reduce) { .live-dot { animation: none; } .lch-list { scroll-behavior: auto; } }
.stats-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 24px 44px; margin-top: 48px; padding: 20px 26px; border: 1px solid var(--border); border-radius: 14px; background: rgb(14 21 36 / 0.6); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); }
.stats-num { font-family: var(--font-display); font-weight: 700; font-size: 28px; letter-spacing: -0.02em; line-height: 1.1; color: #ffffff; }
.stats-num-green { color: #7ee6ac; }
.stats-label { margin-top: 4px; font-size: 11px; letter-spacing: 0.16em; }
.stats-sep { width: 1px; height: 34px; background: rgba(255,255,255,0.14); }
.ledger { display: flex; flex-direction: column; margin-top: 40px; border: 1px solid var(--border); border-radius: 16px; background: var(--surface); overflow: hidden; }
.ledger-row { display: grid; grid-template-columns: minmax(200px, 0.7fr) minmax(0, 2fr); gap: 14px 28px; align-items: start; padding: 16px 20px; border-top: 1px solid var(--border); transition: background 0.2s ease; }
.ledger-row:first-child { border-top: 0; }
.ledger-row:hover { background: rgba(255,255,255,0.02); }
.ledger-game { display: flex; align-items: center; gap: 14px; min-width: 0; padding-top: 2px; }
.ledger-n { width: 42px; height: 42px; border-radius: 10px; flex-shrink: 0; display: grid; place-items: center; border: 1px solid var(--border-lit); background: linear-gradient(150deg, var(--grad, #14305c), #0a1526); font-family: var(--font-mono); font-size: 11px; font-weight: 700; letter-spacing: 0.08em; color: #cfe0ff; }
.ledger-text { min-width: 0; }
.ledger-name { font-family: var(--font-display); font-weight: 700; font-size: 17px; letter-spacing: -0.01em; color: #ffffff; }
.ledger-count { margin-top: 2px; font-family: var(--font-mono); font-size: 10.5px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--muted-2); }
.ledger-products { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.prod-row { display: grid; grid-template-columns: minmax(0, 1fr) auto auto auto auto; align-items: center; gap: 12px; padding: 8px; padding-inline-start: 12px; border-radius: 10px; transition: background 0.18s ease; }
.prod-row:hover { background: rgba(15,98,221,0.14); }
.prod-name { min-width: 0; font-family: var(--font-display); font-weight: 600; font-size: 15px; line-height: 1.3; color: var(--text); overflow-wrap: anywhere; transition: color 0.18s ease; }
.prod-row:hover .prod-name { color: #ffffff; }
.prod-type { font-family: var(--font-mono); font-size: 9.5px; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; color: var(--muted); border: 1px solid var(--border-lit); border-radius: 6px; padding: 4px 7px; white-space: nowrap; }
.prod-sep { font-family: var(--font-mono); font-size: 10.5px; letter-spacing: 0.06em; color: var(--muted-2); white-space: nowrap; }
.prod-arrow { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 8px; border: 1px solid rgba(77,141,255,0.45); color: var(--cyan); flex-shrink: 0; transition: background 0.18s ease, color 0.18s ease, border-color 0.18s ease; }
.prod-arrow svg { width: 13px; height: 13px; }
.prod-row:hover .prod-arrow { background: var(--accent); border-color: var(--accent); color: #ffffff; }
.ledger-growth { align-items: center; border-top: 1px dashed rgba(77,141,255,0.35); background: linear-gradient(90deg, rgba(47,125,255,0.1), transparent 60%); }
.ledger-growth .ledger-game { padding-top: 0; }
.ledger-n-plus { border: 1px dashed rgba(125,175,255,0.6); background: rgba(15,98,221,0.12); font-size: 18px; color: var(--cyan); }
.ledger-growth-title { text-wrap: balance; }
.ledger-growth-text { margin: 0; padding-inline-start: 12px; font-size: 14.5px; color: var(--muted); text-wrap: pretty; }
@media (max-width: 860px) { .ledger-row { grid-template-columns: 1fr; } }
@media (max-width: 760px) { .stats-bar { gap: 20px 28px; } }
@media (max-width: 640px) { .prod-sep { display: none; } }
@media (max-width: 480px) { .prod-type { display: none; } }
@media (max-width: 400px) {
  .ledger-row { padding-inline: 14px; }
  .prod-row { gap: 8px; padding-inline-start: 8px; }
}
.doc-body img { display: block; max-width: 100%; height: auto; border-radius: 12px; border: 1px solid var(--border); background: rgba(5,8,15,0.4); }
.doc-body p + p:has(> .doc-figure:only-child), .doc-body p:has(> .doc-figure:only-child) + p:has(> .doc-figure:only-child) { margin-top: 10px; }
.doc-link-lock { display: inline-flex; margin-inline-start: auto; color: var(--muted-2); flex-shrink: 0; }
.doc-link-lock svg { width: 12px; height: 12px; }
.doc-link[aria-current="page"] .doc-link-lock, .doc-link:hover .doc-link-lock { color: var(--cyan); }
.doc-link-lock .lock-shackle-open, .doc-link.is-unlocked .doc-link-lock .lock-shackle { display: none; }
.doc-link.is-unlocked .doc-link-lock .lock-shackle-open { display: inline; }
.doc-link.is-unlocked .doc-link-lock { color: rgba(126,230,172,0.7); }
.doc-link.is-unlocked[aria-current="page"] .doc-link-lock, .doc-link.is-unlocked:hover .doc-link-lock { color: #7ee6ac; }
.doc-lock-card { position: relative; overflow: hidden; margin-top: 8px; padding: 30px 30px 28px; border: 1px solid rgba(77,141,255,0.38); border-radius: 18px; background: linear-gradient(135deg, rgba(47,125,255,0.14), rgb(14 21 36 / 0.7) 60%); }
.doc-lock-glow { position: absolute; top: -120px; inset-inline-start: -60px; width: 360px; height: 280px; background: radial-gradient(closest-side, rgba(47,125,255,0.28), transparent); pointer-events: none; }
.doc-lock-icon { position: relative; display: grid; place-items: center; width: 46px; height: 46px; border-radius: 12px; border: 1px solid rgba(77,141,255,0.45); background: rgba(47,125,255,0.14); color: var(--cyan); }
.doc-lock-icon svg { width: 20px; height: 20px; }
.doc-lock-title { position: relative; margin: 18px 0 0; font-family: var(--font-display); font-weight: 600; font-size: 21px; letter-spacing: -0.01em; color: #ffffff; text-wrap: balance; }
.doc-lock-text { position: relative; margin: 10px 0 0; font-size: 15px; line-height: 1.65; color: var(--muted); max-width: 560px; text-wrap: pretty; }
.doc-lock-form { position: relative; display: flex; flex-wrap: wrap; gap: 10px; margin-top: 20px; max-width: 560px; }
.doc-lock-input { flex: 1 1 220px; font-family: var(--font-mono); letter-spacing: 0.08em; }
.doc-lock-form .btn-primary { border: 0; cursor: pointer; }
.doc-lock-form.is-busy button { opacity: 0.6; pointer-events: none; }
.doc-lock-error { position: relative; margin: 12px 0 0; font-family: var(--font-mono); font-size: 12.5px; letter-spacing: 0.04em; color: #ff9fae; }
.doc-lock-nojs { position: relative; margin: 12px 0 0; font-family: var(--font-mono); font-size: 12.5px; letter-spacing: 0.04em; color: #9cc2ff; }
.doc-lock-stub .doc-lock-text { margin-top: 18px; }
.doc-lock-cta { position: relative; margin-top: 20px; }
@media (max-width: 640px) { .doc-lock-card { padding: 24px 20px; } }
.cookie { position: fixed; inset-inline: 16px; bottom: 46px; z-index: 95; display: flex; align-items: center; gap: 10px 16px; width: fit-content; margin-inline: auto; padding-block: 9px; padding-inline: 20px 9px; border: 1px solid rgba(77,141,255,0.45); border-radius: 14px; background: rgb(10 16 30 / 0.96); box-shadow: 0 18px 50px -12px rgb(0 0 0 / 0.8), 0 0 26px -6px rgba(77,141,255,0.38), inset 0 1px 0 rgba(125,164,255,0.16); animation: cookieIn 0.45s cubic-bezier(0.22, 1, 0.36, 1) backwards; }
.cookie.has-chat { inset-inline: auto; left: 50%; box-sizing: border-box; width: max-content; max-width: calc(100% - 16px - var(--chat-zone)); translate: min(-50%, calc(50vw - var(--chat-zone) - 100%)); }
@keyframes cookieIn { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }
.cookie-text { margin: 0; font-size: 14px; line-height: 1.5; color: var(--muted); text-wrap: pretty; }
.cookie-link { color: var(--text); text-decoration: underline; text-underline-offset: 2px; white-space: nowrap; transition: color 0.15s ease; }
.cookie-link:hover { color: #ffffff; }
.cookie-ok { flex-shrink: 0; justify-content: center; min-width: 64px; padding: 6px 16px; border: 0; border-radius: 10px; font-size: 13.5px; line-height: 1.45; box-shadow: 0 8px 20px -10px var(--glow-btn); cursor: pointer; }
.cookie-close { flex-shrink: 0; display: inline-grid; place-items: center; width: 32px; height: 32px; padding: 0; border: 0; border-radius: 9px; background: transparent; color: var(--muted-2); cursor: pointer; transition: color 0.15s ease, background 0.15s ease; }
.cookie-close:hover { color: #ffffff; background: rgba(255,255,255,0.07); }
.cookie-close svg { width: 15px; height: 15px; }
@media (max-width: 640px) {
  .cookie { inset-inline: 0; bottom: 0; width: auto; max-width: none; flex-wrap: wrap; gap: 12px; padding: 16px 16px calc(14px + env(safe-area-inset-bottom)); border-width: 1px 0 0; border-radius: 16px 16px 0 0; }
  .cookie.has-chat { inset-inline: 12px; bottom: 76px; width: auto; max-width: none; translate: none; border-width: 1px; border-radius: 14px; }
  .cookie-text { flex: 1 1 100%; padding-inline-end: 34px; }
  .cookie-ok { flex: 1 1 auto; padding-block: 9px; }
  .cookie-close { position: absolute; top: 10px; inset-inline-end: 8px; }
}
.notice { position: fixed; left: 16px; bottom: calc(96px + var(--notice-lift, 0px)); z-index: 94; display: flex; align-items: flex-start; gap: 6px; width: 340px; max-width: calc(100% - 32px); padding-block: 12px; padding-inline: 16px 10px; border: 1px solid rgba(77,141,255,0.45); border-radius: 14px; background: rgb(10 16 30 / 0.96); box-shadow: 0 18px 50px -12px rgb(0 0 0 / 0.8), 0 0 26px -6px rgba(77,141,255,0.38), inset 0 1px 0 rgba(125,164,255,0.16); animation: cookieIn 0.45s cubic-bezier(0.22, 1, 0.36, 1) backwards; }
.notice-text { flex: 1; min-width: 0; margin: 0; font-size: 14px; line-height: 1.5; color: var(--text); }
.notice-emoji { margin-inline-end: 6px; }
.notice-close { flex-shrink: 0; display: inline-grid; place-items: center; width: 28px; height: 28px; margin-top: -2px; padding: 0; border: 0; border-radius: 9px; background: transparent; color: var(--muted-2); cursor: pointer; transition: color 0.15s ease, background 0.15s ease; }
.notice-close:hover { color: #ffffff; background: rgba(255,255,255,0.07); }
.notice-close svg { width: 14px; height: 14px; }
@media (max-width: 640px) {
  .notice { inset-inline: 12px; width: auto; max-width: none; bottom: calc(76px + var(--notice-lift, 0px)); }
}
:root { --chat-zone: 264px; --nc-offset-bottom: 32px; }
@media (max-width: 640px) {
  :root { --nc-offset-bottom: 0px; }
}
.doc-body a.doc-figure { position: relative; display: block; width: fit-content; max-width: 100%; border-radius: 12px; cursor: zoom-in; color: inherit; }
a.zoom { position: relative; display: block; cursor: zoom-in; color: inherit; }
.gal-shot { position: absolute; inset: 0; display: block; cursor: zoom-in; }
.doc-body a.doc-figure img { transition: border-color 0.15s ease, box-shadow 0.15s ease; }
.doc-body a.doc-figure::after, a.zoom::after, .gal-shot::after { content: ''; position: absolute; top: 10px; inset-inline-end: 10px; width: 32px; height: 32px; border-radius: 8px; border: 1px solid rgba(125,175,255,0.4); background: rgba(10,16,28,0.85) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e6eefc' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 3h6v6M9 21H3v-6M21 3l-7 7M3 21l7-7'/%3E%3C/svg%3E") center / 16px no-repeat; opacity: 0; transition: opacity 0.15s ease; pointer-events: none; }
.doc-body a.doc-figure:hover::after, .doc-body a.doc-figure:focus-visible::after, a.zoom:hover::after, a.zoom:focus-visible::after, .gal-shot:hover::after, .gal-shot:focus-visible::after { opacity: 1; }
.gal-shot::after { top: 14px; inset-inline-end: 64px; z-index: 1; }
.doc-body a.doc-figure:hover img, .doc-body a.doc-figure:focus-visible img { border-color: rgba(125,175,255,0.6); box-shadow: 0 0 0 3px rgba(47,125,255,0.18); }
.lb { position: fixed; inset: 0; width: 100%; height: 100%; max-width: none; max-height: none; margin: 0; padding: 0; border: 0; background: transparent; color: var(--text); overflow: hidden; }
.lb[open] { display: grid; place-items: center; animation: lbIn 0.22s ease; }
.lb::backdrop { background: rgba(3,6,12,0.86); backdrop-filter: blur(8px); }
.lb[open]::backdrop { animation: lbFade 0.22s ease; }
.lb-figure { margin: 0; }
.lb-img { display: block; width: auto; height: auto; max-width: min(96vw, 1400px); max-height: 92vh; border-radius: 12px; border: 1px solid var(--border); background: rgba(5,8,15,0.6); box-shadow: 0 30px 80px rgba(0,0,0,0.6); }
.lb-btn { position: absolute; display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; border-radius: 999px; border: 1px solid var(--border); background: rgba(14,21,36,0.85); color: var(--text); cursor: pointer; transition: background 0.15s ease, border-color 0.15s ease; }
.lb-btn:hover, .lb-btn:focus-visible { background: rgba(47,125,255,0.28); border-color: rgba(125,175,255,0.6); }
.lb-btn svg { width: 18px; height: 18px; }
.lb-close { top: 16px; inset-inline-end: 16px; }
.lb-nav { top: 50%; transform: translateY(-50%); }
.lb-prev { inset-inline-start: 16px; }
.lb-next { inset-inline-end: 16px; }
.lb-counter { position: absolute; bottom: 16px; left: 50%; transform: translateX(-50%); font-family: var(--font-mono); font-size: 12px; letter-spacing: 0.08em; color: var(--muted); }
html:has(.lb[open]) { overflow: hidden; }
@keyframes lbIn { from { opacity: 0; transform: scale(0.96); } }
@keyframes lbFade { from { opacity: 0; } }
@media (prefers-reduced-motion: reduce) { .lb[open], .lb[open]::backdrop { animation: none; } }
@media (max-width: 640px) { .lb-img { max-width: 100vw; max-height: 100vh; border-radius: 0; border: 0; } .lb-btn { width: 40px; height: 40px; } .lb-nav { top: auto; bottom: 14px; transform: none; } .lb-counter { bottom: auto; top: 22px; inset-inline-start: 16px; transform: none; } }
.doc-body p.doc-pt { margin-top: 8px; }
.doc-body h2 + p.doc-pt { margin-top: 0; }
.doc-pt-n { font-family: var(--font-mono); font-size: 14px; font-weight: 600; color: var(--cyan); margin-inline-end: 8px; }
html.has-doc-keys .doc-lock:not(.is-locked) .doc-lock-card { visibility: hidden; }
.gal-video { position: absolute; inset: 0; display: block; cursor: pointer; }
.gal-video img { transition: transform 0.4s ease; }
.gal-video:hover img, .gal-video:focus-visible img { transform: scale(1.03); }
.gal-video:hover .gal-play-btn, .gal-video:focus-visible .gal-play-btn { transform: scale(1.12); background: rgba(15,98,221,0.55); box-shadow: 0 0 36px -4px rgba(47,125,255,0.85); }
.gal-iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; background: #000; }
.gal-item.is-playing .gal-video { display: none; }
html:not([lang="ru"]) .calc-page [data-lang-ru], html[lang="ru"] .calc-page [data-lang-en] { display: none !important; }
.calc-top { position: sticky; top: 0; z-index: 20; border-bottom: 1px solid var(--border); background: rgba(5,8,15,0.82); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); }
.calc-top-row { display: flex; align-items: center; gap: 22px; min-height: 66px; }
.calc-brand { line-height: 0; flex-shrink: 0; }
.calc-logo { display: block; width: auto; height: 38px; }
.calc-back { display: inline-flex; align-items: center; gap: 8px; font-family: var(--font-mono); font-size: 12px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--muted); transition: color 0.15s ease; }
.calc-back:hover { color: #ffffff; }
.calc-back svg { width: 14px; height: 14px; }
.calc-langs { display: inline-flex; gap: 2px; margin-inline-start: auto; padding: 3px; border: 1px solid var(--border-lit); border-radius: 10px; background: rgba(255,255,255,0.03); }
.calc-lang { padding: 6px 12px; border: 0; border-radius: 7px; background: transparent; color: var(--muted); font-family: var(--font-mono); font-size: 12px; font-weight: 700; letter-spacing: 0.1em; cursor: pointer; transition: color 0.15s ease, background 0.15s ease; }
.calc-lang:hover { color: #ffffff; }
.calc-lang.active { background: var(--accent); color: #ffffff; }
.calc { padding: 56px 0 72px; }
.calc-head { max-width: 780px; }
.calc-title { margin: 14px 0 0; font-family: var(--font-display); font-weight: 700; letter-spacing: -0.025em; font-size: clamp(32px, 4.4vw, 48px); line-height: 1.08; color: #ffffff; }
.calc-region { display: inline-flex; align-items: center; gap: 9px; margin: 18px 0 0; padding: 6px 13px; border: 1px solid rgba(77,141,255,0.35); border-radius: 999px; background: rgba(47,125,255,0.08); font-family: var(--font-mono); font-size: 12px; letter-spacing: 0.1em; text-transform: uppercase; color: #9cc2ff; }
.calc-region-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--ok); box-shadow: 0 0 10px var(--ok); }
.calc-lead { margin: 16px 0 0; font-size: 16px; line-height: 1.65; color: var(--muted); text-wrap: pretty; }
.calc-terms { margin-top: 28px; padding: 16px 20px; border: 1px dashed var(--border-lit); border-radius: 14px; background: rgb(14 21 36 / 0.55); }
.calc-terms-title { margin: 0 0 8px; font-family: var(--font-mono); font-size: 11.5px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--cyan); }
.calc-terms-title strong { font-weight: 600; }
.calc-terms-list { display: flex; flex-direction: column; gap: 4px; margin: 0; padding-inline-start: 20px; font-size: 14.5px; line-height: 1.55; color: #c2c9da; }
.calc-table-wrap { margin-top: 24px; overflow-x: auto; border: 1px solid var(--border); border-radius: 16px; background: var(--surface); box-shadow: 0 26px 60px -30px rgba(0,0,0,0.7); }
.calc-table { width: 100%; border-collapse: separate; border-spacing: 0; font-size: 13px; }
.calc-table th, .calc-table td { padding: 10px 8px; border-bottom: 1px solid var(--border); text-align: center; vertical-align: middle; }
.calc-table tbody tr:last-child > * { border-bottom: 0; }
.calc-th { background: var(--surface-2); font-family: var(--font-mono); font-size: 11.5px; font-weight: 700; letter-spacing: 0.1em; color: var(--muted); white-space: nowrap; }
.calc-table .calc-game { position: sticky; inset-inline-start: 0; z-index: 1; min-width: 150px; padding-inline: 16px 12px; border-inline-end: 1px solid var(--border); background: var(--surface); text-align: start; }
.calc-table thead .calc-game { background: var(--surface-2); }
.calc-game-name { display: block; font-family: var(--font-display); font-size: 14px; font-weight: 600; color: #ffffff; white-space: nowrap; }
.calc-row-total { display: block; margin-top: 3px; font-family: var(--font-mono); font-size: 11.5px; color: var(--cyan); }
.calc-table .price-cell { min-width: 92px; }
.calc-table .highlight-col { background: rgba(47,125,255,0.07); }
.calc-table thead .highlight-col { background: rgba(47,125,255,0.16); color: #9cc2ff; }
.calc-table tbody tr:hover td { background-color: rgba(255,255,255,0.025); }
.calc-table tbody tr:hover td.highlight-col { background-color: rgba(47,125,255,0.11); }
.calc-qty { display: block; width: 64px; margin: 0 auto; padding: 6px; border: 1px solid var(--border-lit); border-radius: 8px; background: rgba(5,8,15,0.6); color: #ffffff; font-family: var(--font-mono); font-size: 13px; text-align: center; transition: border-color 0.15s ease, box-shadow 0.15s ease; }
.calc-qty:focus { outline: none; border-color: var(--cyan); box-shadow: 0 0 0 3px rgba(77,141,255,0.25); }
.calc-cell-price { display: block; margin-top: 5px; font-family: var(--font-mono); font-size: 10.5px; color: var(--muted-2); white-space: nowrap; }
.calc-summary { display: grid; grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr); gap: 16px; margin-top: 16px; }
.calc-card { padding: 22px 24px; border: 1px solid var(--border); border-radius: 16px; background: var(--surface); }
.calc-card-title { margin: 0 0 10px; font-family: var(--font-mono); font-size: 11.5px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--cyan); }
.calc-line { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 9px 0; border-bottom: 1px dashed var(--border); font-size: 14.5px; color: var(--muted); }
.calc-line strong { font-family: var(--font-mono); font-size: 15px; color: #ffffff; }
.calc-line-final { border-bottom: 0; }
.calc-line-final strong { font-family: var(--font-display); font-size: 26px; color: var(--cyan); }
.calc-page .badge { display: inline-flex; padding: 3px 10px; border-radius: 999px; font-family: var(--font-mono); font-size: 12px; font-weight: 700; }
.calc-page .bg-secondary { background: rgba(255,255,255,0.08); color: var(--muted); }
.calc-page .bg-warning { background: rgba(255,138,76,0.16); color: #ffb08a; }
.calc-page .bg-primary { background: var(--accent); color: #ffffff; }
.calc-page .d-none { display: none !important; }
.calc-error { margin-top: 12px; padding: 10px 14px; border: 1px solid rgba(240,85,107,0.4); border-radius: 10px; background: rgba(240,85,107,0.08); font-size: 13.5px; line-height: 1.5; color: #ff9fae; }
.calc-output-box { min-height: 104px; max-height: 220px; overflow-y: auto; padding: 14px 16px; border: 1px solid var(--border-lit); border-radius: 12px; background: rgba(0,0,0,0.35); font-family: var(--font-mono); font-size: 12.5px; line-height: 1.6; color: #9cc2ff; white-space: pre-wrap; word-break: break-all; }
.calc-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 14px; }
.calc-actions button { cursor: pointer; }
.calc-actions .btn-primary { border: 0; }
.calc-tg svg { width: 16px; height: 16px; }
.calc-foot { padding: 26px 0 34px; border-top: 1px solid var(--border); }
@media (max-width: 860px) {
  .calc { padding: 36px 0 56px; }
  .calc-summary { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 560px) {
  .calc-top-row { gap: 14px; }
  .calc-logo { height: 30px; }
  .calc-back { font-size: 10.5px; letter-spacing: 0.08em; }
  .calc-table .calc-game { min-width: 120px; padding-inline: 12px 8px; }
}
.hero-bg:dir(rtl) { transform: scaleX(-1); }
.hero-shade:dir(rtl) { background: linear-gradient(270deg, rgb(5 8 15 / calc(var(--hero-dim) + 0.36)) 0%, rgb(5 8 15 / var(--hero-dim)) 44%, rgb(5 8 15 / 0.12) 100%); }
.star-hero-1:dir(rtl) { right: auto; left: 7%; animation-name: starFloatA; }
.star-hero-2:dir(rtl) { right: auto; left: 21%; animation-name: starFloatA; }
.star-hero-3:dir(rtl) { right: auto; left: 13%; animation-name: starFloatA; }
.facts-mask:dir(rtl) { direction: ltr; }
.facts-group:dir(rtl) { direction: rtl; }
.facts-track:dir(rtl) { animation-direction: reverse; }
.cmp-stage:dir(rtl) { direction: ltr; }
.ai-view:dir(rtl) { direction: ltr; }
.fx-thumb:dir(rtl) { left: auto; right: var(--pos, 38%); transform: translate(6px, -50%); transition: right 0.8s ease; }
.fx-tgl.is-on span:dir(rtl) { transform: translateX(-16px); }
.gal-prev:dir(rtl) { background: linear-gradient(270deg, rgba(5,8,15,0.6), transparent); }
.gal-next:dir(rtl) { background: linear-gradient(90deg, rgba(5,8,15,0.6), transparent); }
.cta-row:dir(rtl) { background: linear-gradient(270deg, rgba(47,125,255,0.14), rgb(14 21 36 / 0.6) 55%); }
.ledger-growth:dir(rtl) { background: linear-gradient(270deg, rgba(47,125,255,0.1), transparent 60%); }
.toc-bar-fill:dir(rtl) { background: linear-gradient(270deg, var(--accent), var(--cyan)); }
.lch-tag:dir(rtl) { transform: translateX(4px); }
.doc-body p.doc-links a:dir(rtl)::after { content: '↖'; }
.doc-code:dir(rtl) { direction: ltr; }
.code-path:dir(rtl) { direction: ltr; text-align: left; }
:is(code, kbd, samp):dir(rtl) { direction: ltr; unicode-bidi: isolate; }
:is(input[type="email"], input[name="promo"], .doc-lock-input):dir(rtl) { direction: ltr; text-align: right; }
:is(input[type="email"], input[name="promo"], .doc-lock-input):dir(rtl):placeholder-shown { direction: rtl; }
:is(.fact-num, .stats-num, .tier-num, .tl-date, .st-date, .tariff-price, .plan-price, .sum-price, .sum-sep, .sum-saving, .plan-saving, .bp-bar-price, .bp-saving, .bp-life-saving, .mock-num, .ins-lat-val, .toc-pct, .support-hours, .version-chip, .promo-code, .bnd-key-code, .spark-code, .spark-off):dir(rtl) { direction: ltr; unicode-bidi: isolate; }
:is(.fact-num, .stats-num, .tier-num, .tl-date, .st-date, .tariff-price, .plan-price, .promo-code):dir(rtl) { width: fit-content; }
.stat-num:dir(rtl) { display: block; }
.stat-num:dir(rtl) .stat-unit { margin-inline: 4px; }
:is(.fx-procsub, .fmt-value):dir(rtl) { unicode-bidi: plaintext; }
[lang|="zh"] {
  --font-body: 'Inter', var(--sys-sc), system-ui, sans-serif;
  --font-display: 'Space Grotesk', 'Inter', var(--sys-sc), system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', var(--sys-sc), sans-serif;
}
[lang|="ko"] {
  --font-body: 'Inter', var(--sys-kr), system-ui, sans-serif;
  --font-display: 'Space Grotesk', 'Inter', var(--sys-kr), system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', var(--sys-kr), sans-serif;
}
[lang|="ja"] {
  --font-body: 'Inter', var(--sys-jp), system-ui, sans-serif;
  --font-display: 'Space Grotesk', 'Inter', var(--sys-jp), system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', var(--sys-jp), sans-serif;
}
[lang|="ar"] {
  --font-body: 'Inter', system-ui, var(--sys-ar), sans-serif;
  --font-display: 'Space Grotesk', 'Inter', system-ui, var(--sys-ar), sans-serif;
  --font-mono: 'JetBrains Mono', system-ui, var(--sys-ar), sans-serif;
}
@font-face { font-family: 'NM Mono'; font-style: normal; font-display: swap; font-weight: 100 800; src: url(/assets/fonts/jetbrains-mono-latin-wght-normal.woff2) format('woff2-variations'); unicode-range: U+0000-001F,U+0021-009F,U+00A1-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: 'NM Mono'; font-style: normal; font-display: swap; font-weight: 100 800; src: url(/assets/fonts/jetbrains-mono-latin-ext-wght-normal.woff2) format('woff2-variations'); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: 'NM Mono'; font-style: normal; font-display: swap; font-weight: 100 800; src: url(/assets/fonts/jetbrains-mono-cyrillic-wght-normal.woff2) format('woff2-variations'); unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; }
@font-face { font-family: 'NM Mono'; font-style: normal; font-display: swap; font-weight: 100 800; src: url(/assets/fonts/jetbrains-mono-cyrillic-ext-wght-normal.woff2) format('woff2-variations'); unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F; }
:root:lang(ar) { --font-mono: 'NM Mono', system-ui, var(--sys-ar), sans-serif; }
:root:lang(ko) { --font-mono: 'NM Mono', var(--sys-kr), sans-serif; }
:root:lang(ar) :is(pre, code, kbd, samp, .code-path) { --font-mono: 'JetBrains Mono', system-ui, var(--sys-ar), sans-serif; }
:root:lang(ko) :is(pre, code, kbd, samp, .code-path) { --font-mono: 'JetBrains Mono', var(--sys-kr), sans-serif; }
:root:is(:lang(zh), :lang(ja), :lang(ko), :lang(ar)) *,
:root:is(:lang(zh), :lang(ja), :lang(ko), :lang(ar)) *::before,
:root:is(:lang(zh), :lang(ja), :lang(ko), :lang(ar)) *::after { letter-spacing: normal !important; }
:root:lang(ar) :is(.h2, .pg-title, .notfound-title, .payment-title, .pd-title, .article-title, .legal-title, .doc-h1, .doc-h1-index, .contact-title, .cta-title) { line-height: 1.3; }
:root:is(:lang(zh), :lang(ja), :lang(ko)) :is(.h2, .pg-title, .notfound-title, .payment-title, .pd-title, .article-title, .legal-title, .doc-h1, .doc-h1-index, .contact-title, .cta-title) { line-height: 1.22; }
:root:is(:lang(zh), :lang(ja), :lang(ko), :lang(ar)) :is(.st-badge, .tag-badge, .mock-head, .cmp-tag, .card-from, .gal-tab, .pd-quick-label span, .meth-sub, .meth-req-label, .meth-req-item, .board-link, .tariff-label, .gw-note, .sum-region, .sum-methods-label, .gw-chip, .field-label, .pay-note, .fx-corner-label, .fx-tag, .fx-log, .fx-chip, .fx-any, .fx-sync, .fx-wdet, .fx-mchip, .fx-pchip, .fx-safe, .fx-procsub, .tag, .tag-sm, .tl-tag, .callout-label, .promo-label, .dl-kind, .tier-badge, .pn-label, .doc-toc-label, .doc-copy, .bp-panel-head, .bp-legend, .bundle-card-badge, .plan-label, .plan-foot, .bnd-badge, .bnd-lch-head, .lch-count, .bnd-key-label, .ledger-count, .prod-type, .mm-label) { font-size: 11.5px; }
:root:is(:lang(zh), :lang(ja), :lang(ko), :lang(ar)) :is(.meth-dg-lab, .tariff-badge, .lch-tag, .fx-wname, .st-badge-sm, .prod-badges .tag-badge, .prod-badges .st-badge) { font-size: 10.5px; }
:root:is(:lang(zh), :lang(ja), :lang(ko), :lang(ar)) .fx-half > .fx-axis { font-size: 10px; }
@media (max-width: 359px) { :root:is(:lang(zh), :lang(ja), :lang(ko), :lang(ar)) .fx-half > .fx-axis { font-size: 9px; } }
:root:is(:lang(de), :lang(fr), :lang(es), :lang(pt), :lang(it)) :is(h1, h2, h3, h4, .card-title, .prod-title, .meth-title, .fx-title, .feat-title, .tl-title, .art-title, .rel-title, .dl-name, .doc-card-t, .step-heading, .astep-h) {
  -webkit-hyphens: auto; hyphens: auto; hyphenate-limit-chars: 8 4 4;
}
:root:lang(ko) body { word-break: keep-all; overflow-wrap: break-word; }
:root:lang(ja) body { line-break: strict; }
:root:is(:lang(zh), :lang(ja), :lang(ko)) :is(h1, h2, h3, h4, summary, .h2, .card-title, .prod-title, .meth-title, .fx-title, .feat-title, .tl-title, .art-title, .rel-title, .dl-name, .doc-card-t, .step-heading, .astep-h, .faq-q, .cta-title) { text-wrap: balance; }
:root:is(:lang(zh), :lang(ja)) :is(p, li) { text-wrap: pretty; }
:root:is(:lang(zh), :lang(ja)) :is(.bnd-lch-head, .prod-name, .article-main :is(p, li) a) { word-break: keep-all; overflow-wrap: break-word; }
:root:is(:lang(zh), :lang(ja)) .bnd-lch-eyebrow { white-space: nowrap; }
@media (min-width: 401px) and (max-width: 760px) {
  :root:lang(es) .hero-stats { column-gap: 22px; }
}