@font-face{font-family:"Michroma";font-style:normal;font-weight:400;font-display:swap;src:url(/sky/fonts/michroma-normal-400-latin-ext.389fd1a84c.woff2) format("woff2");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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}@font-face{font-family:"Michroma";font-style:normal;font-weight:400;font-display:swap;src:url(/sky/fonts/michroma-normal-400-latin.754fdb31c9.woff2) format("woff2");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:"Readex Pro";font-style:normal;font-weight:300 700;font-display:swap;src:url(/sky/fonts/readex-pro-normal-300-700-latin-ext.5145634444.woff2) format("woff2");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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}@font-face{font-family:"Readex Pro";font-style:normal;font-weight:300 700;font-display:swap;src:url(/sky/fonts/readex-pro-normal-300-700-latin.7074eeb987.woff2) format("woff2");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}
:root {
  --bg: #EDF2F6; --card: #FFFFFF; --tint: #E2EAF2; --ink: #0B1626; --mute: #4A5A6F; --line: rgba(11, 22, 38, .13); --line-2: rgba(11, 22, 38, .24);
  --link: #0A6A49;
  --g1: #3DF0A2; --g2: #7DB7FF; --g3: #B98CFF; --amber: #FFC96B;
  --n-bg: #070C18; --n-card: #0E182C; --n-ink: #E6EEF9; --n-mute: #A3B3CA; --n-line: rgba(160, 190, 230, .2); --n-link: #7DF5BF;
  --cta: #3DF0A2; --cta-h: #74F6BE; --cta-ink: #03140C;
  --f-d: "Michroma", "Eurostile", "Arial Black", sans-serif;
  --f-b: "Readex Pro", "Segoe UI", system-ui, sans-serif;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) { --bg: #060A14; --card: #0C1526; --tint: #09111F; --ink: #E3EBF6; --mute: #9DADC3; --line: rgba(160, 190, 230, .14); --line-2: rgba(160, 190, 230, .28); --link: #7DF5BF; color-scheme: dark; }
}
:root[data-theme="dark"] { --bg: #060A14; --card: #0C1526; --tint: #09111F; --ink: #E3EBF6; --mute: #9DADC3; --line: rgba(160, 190, 230, .14); --line-2: rgba(160, 190, 230, .28); --link: #7DF5BF; color-scheme: dark; }
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-padding-top: 84px; }
body { margin: 0; background: var(--bg); color: var(--ink); font: 300 17px/1.65 var(--f-b); overflow-x: hidden; }
img { max-width: 100%; height: auto; display: block; }
a { color: var(--link); text-underline-offset: 3px; text-decoration-thickness: 1px; }
b, strong { font-weight: 500; }
h1, h2, h3 { font-family: var(--f-d); font-weight: 400; margin: 0; line-height: 1.25; letter-spacing: .01em; }
p { margin: 0 0 .9em; }
p:last-child { margin-bottom: 0; }
.bor-icon { width: 16px; height: 16px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; vertical-align: -3px; }
.bor-mark { width: 36px; height: 36px; flex: none; }
.bor-vh { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.bor-skip { position: absolute; left: 16px; top: -60px; z-index: 60; background: var(--cta); color: var(--cta-ink); padding: 10px 14px; border-radius: 8px; }
.bor-skip:focus { top: 10px; }
:focus-visible { outline: 3px solid var(--g2); outline-offset: 2px; }
.bor-wrap { max-width: 1240px; margin: 0 auto; padding: 0 24px; }
.bor-js .bor-nojs { display: none; }
html:not(.bor-js) .bor-jsonly { display: none !important; }
.bor-head { position: sticky; top: 0; z-index: 40; background: var(--n-bg); color: var(--n-ink); border-bottom: 1px solid transparent; border-image: linear-gradient(90deg, transparent, var(--g1), var(--g2), var(--g3), transparent) 1; }
.bor-head__in { max-width: 1240px; margin: 0 auto; padding: 10px 24px; display: flex; align-items: center; gap: 18px; min-height: 64px; }
.bor-logo { display: flex; align-items: center; gap: 10px; color: var(--n-ink); text-decoration: none; flex: none; }
.bor-logo__t { display: flex; flex-direction: column; line-height: 1.1; }
.bor-logo__t b { font: 400 14px/1.1 var(--f-d); letter-spacing: .14em; text-transform: uppercase; }
.bor-logo__t small { font-size: 11.5px; color: var(--n-mute); margin-top: 3px; }
.bor-live { margin: 0; display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--n-mute); padding: 6px 12px; border: 1px solid var(--n-line); border-radius: 999px; white-space: nowrap; }
.bor-live b { color: var(--n-ink); font-weight: 500; }
.bor-dot { display: inline-block; width: 9px; height: 9px; border-radius: 50%; background: #3A475C; flex: none; }
.bor-dot--on { background: var(--g1); box-shadow: 0 0 0 3px rgba(61, 240, 162, .16), 0 0 12px rgba(61, 240, 162, .8); }
.bor-dot--wait { background: var(--amber); box-shadow: 0 0 10px rgba(255, 201, 107, .7); }
.bor-dot--part { background: var(--g2); box-shadow: 0 0 10px rgba(125, 183, 255, .7); }
.bor-nav { flex: 1; min-width: 0; }
.bor-nav ul { list-style: none; margin: 0; padding: 0; display: flex; justify-content: flex-end; gap: 4px; flex-wrap: wrap; }
.bor-nav a { display: block; padding: 8px 9px; color: var(--n-mute); text-decoration: none; font-size: 13.5px; letter-spacing: .02em; border-radius: 8px; }
.bor-nav a:hover { color: var(--n-ink); background: rgba(255, 255, 255, .05); }
.bor-nav a[aria-current="page"] { color: var(--n-ink); box-shadow: inset 0 -2px 0 var(--g1); border-radius: 0; }
.bor-head__end { display: flex; align-items: center; gap: 8px; flex: none; }
.bor-cta { display: inline-flex; align-items: center; gap: 6px; }
.bor-theme, .bor-burger { display: inline-grid; place-items: center; width: 38px; height: 38px; border-radius: 10px; border: 1px solid var(--n-line); background: transparent; color: var(--n-ink); cursor: pointer; }
.bor-theme .bor-icon, .bor-burger .bor-icon { width: 18px; height: 18px; }
.bor-burger { display: none; }
.bor-paid { display: inline-flex; align-items: center; gap: 8px; background: var(--cta); color: var(--cta-ink); text-decoration: none; font: 500 14.5px/1 var(--f-b); padding: 11px 16px; border-radius: 10px; box-shadow: 0 0 22px rgba(61, 240, 162, .42); }
.bor-paid:hover { background: var(--cta-h); color: var(--cta-ink); }
.bor-paid--lg { font-size: 16.5px; padding: 15px 22px; }
.bor-ad { display: inline-block; font: 500 10.5px/1 var(--f-b); letter-spacing: .1em; text-transform: uppercase; color: var(--n-mute); border: 1px solid var(--n-line); border-radius: 5px; padding: 4px 6px; }
.bor-onl { display: inline-flex; align-items: center; gap: 6px; color: var(--n-ink); text-decoration: none; font-size: 13.5px; border: 1px solid var(--n-line); border-radius: 10px; padding: 9px 12px; }
.bor-hero { position: relative; overflow: hidden; background: linear-gradient(180deg, #050914 0%, #0A1630 55%, #10233F 100%); color: var(--n-ink); isolation: isolate; }
.bor-sky { position: absolute; inset: 0; width: 100%; height: 100%; z-index: -2; display: block; }
.bor-hero::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(4, 8, 18, .78) 0%, rgba(4, 8, 18, .35) 55%, rgba(4, 8, 18, .1) 100%), linear-gradient(0deg, rgba(4, 8, 18, .6), transparent 45%); }
.bor-hero a { color: var(--n-link); }
.bor-hero__g { display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr); gap: 40px; align-items: center; padding-top: 56px; padding-bottom: 56px; min-height: 640px; }
.bor-disc { font-size: 13px; color: var(--n-mute); margin-bottom: 26px; }
.bor-kick { font: 400 12px/1.4 var(--f-d); letter-spacing: .22em; text-transform: uppercase; color: var(--g1); text-shadow: 0 0 14px rgba(61, 240, 162, .55); margin-bottom: 16px; }
.bor-hero h1 { font-size: clamp(32px, 3.9vw, 52px); line-height: 1.16; margin-bottom: 20px; text-shadow: 0 2px 24px rgba(0, 0, 0, .5); }
.bor-lede { font-size: 18.5px; line-height: 1.6; color: #D6E2F2; max-width: 56ch; }
.bor-by { display: flex; flex-wrap: wrap; gap: 6px 18px; font-size: 13.5px; color: var(--n-mute); margin: 16px 0 0; }
.bor-by span { display: inline-flex; align-items: center; gap: 6px; }
.bor-tags { display: flex; flex-wrap: wrap; gap: 8px; margin: 20px 0 0; }
.bor-tags span { font-size: 13.5px; padding: 6px 12px; border-radius: 999px; border: 1px solid var(--n-line); background: rgba(10, 18, 34, .55); }
.bor-skycap { font-size: 12px; color: var(--n-mute); margin: 18px 0 0; opacity: .85; }
.bor-panel { background: rgba(9, 15, 30, .86); color: var(--n-ink); border: 1px solid var(--n-line); border-radius: 18px; padding: 22px 24px; box-shadow: 0 0 0 1px rgba(61, 240, 162, .06), 0 18px 50px -24px rgba(0, 0, 0, .7); }
.bor-panel a { color: var(--n-link); }
.bor-panel__top { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 4px 16px; margin-bottom: 16px; }
.bor-panel__h { font-size: 17px; letter-spacing: .04em; }
.bor-panel__s { font-size: 12.5px; color: var(--n-mute); margin: 0; }
.bor-dial__g { display: grid; grid-template-columns: minmax(0, 250px) minmax(0, 1fr); gap: 22px; align-items: center; }
.bor-dial__svg { width: 100%; height: auto; display: block; overflow: visible; }
.bor-d-face { fill: rgba(125, 183, 255, .03); stroke: rgba(160, 190, 230, .22); stroke-width: 1; }
.bor-d-ring { fill: none; stroke: rgba(160, 190, 230, .1); stroke-width: 12; }
.bor-d-arcs path { fill: none; stroke-width: 12; stroke-linecap: round; }
.bor-d-arcs path.bor-d-un { stroke-dasharray: 2 5; stroke-linecap: butt; opacity: .8; }
.bor-dial__svg text { font: 400 8.5px/1 var(--f-d); fill: var(--n-mute); letter-spacing: .06em; }
.bor-d-hand { stroke: #F4F8FF; stroke-width: 2; stroke-linecap: round; filter: drop-shadow(0 0 4px rgba(255, 255, 255, .8)); }
.bor-d-hub { fill: #F4F8FF; }
.bor-ctl { display: flex; align-items: flex-end; gap: 10px; flex-wrap: wrap; margin-bottom: 12px; }
.bor-ctl--range { align-items: center; flex-wrap: nowrap; }
.bor-field { display: flex; flex-direction: column; gap: 5px; font-size: 12.5px; color: var(--n-mute); }
.bor-sel { position: relative; display: inline-block; }
.bor-sel select { appearance: none; font: 400 15px/1 var(--f-b); color: var(--n-ink); background: #0B1427; border: 1px solid var(--n-line); border-radius: 10px; padding: 10px 34px 10px 12px; min-height: 42px; }
.bor-sel::after { content: ""; position: absolute; right: 13px; top: 50%; width: 7px; height: 7px; border-right: 2px solid var(--n-mute); border-bottom: 2px solid var(--n-mute); transform: translateY(-70%) rotate(45deg); pointer-events: none; }
.bor-now { min-height: 42px; padding: 0 14px; border-radius: 10px; border: 1px solid var(--g1); color: var(--n-ink); background: transparent; font: 500 14px/1 var(--f-b); cursor: pointer; }
.bor-now[aria-pressed="true"] { background: rgba(61, 240, 162, .16); box-shadow: 0 0 14px rgba(61, 240, 162, .35); }
.bor-range { flex: 1; min-width: 0; accent-color: var(--g1); height: 28px; }
.bor-clock { font: 400 16px/1 var(--f-d); min-width: 96px; text-align: right; color: #F4F8FF; text-shadow: 0 0 12px rgba(125, 183, 255, .6); white-space: nowrap; }
.bor-lights { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.bor-lights li { display: grid; grid-template-columns: 12px minmax(0, 1fr); column-gap: 10px; align-items: center; padding: 8px 10px; border-radius: 10px; background: rgba(255, 255, 255, .03); }
.bor-lights b { font-weight: 500; font-size: 14.5px; }
.bor-lights__s { grid-column: 2; font-size: 13px; color: var(--n-mute); line-height: 1.35; }
.bor-lights li.bor-on { background: rgba(61, 240, 162, .07); }
.bor-dial__sum { font-size: 13px; color: var(--n-mute); margin: 14px 0 0; }
.bor-route__g { display: grid; grid-template-columns: minmax(0, 1fr); gap: 18px; }
.bor-route__side { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 8px 24px; align-items: start; }
.bor-route__side .bor-pick { grid-column: 1 / -1; }
.bor-route__side .bor-km { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 18px; margin: 0; }
.bor-stars { width: 100%; max-width: 760px; height: auto; display: block; margin: 0 auto; }
.bor-s-ring { fill: none; stroke: rgba(160, 190, 230, .16); stroke-dasharray: 3 6; }
.bor-s-rl { font: 400 8.5px/1 var(--f-d); fill: var(--n-mute); }
.bor-s-line { stroke: rgba(160, 190, 230, .18); stroke-width: 1; }
.bor-s-line.bor-sel-on { stroke: var(--g1); stroke-width: 2; filter: drop-shadow(0 0 4px rgba(61, 240, 162, .9)); }
.bor-s-star circle { fill: #DCE8FF; filter: drop-shadow(0 0 4px rgba(125, 183, 255, .9)); }
.bor-s-star text { font: 400 12px/1 var(--f-b); fill: #C9D6EA; }
.bor-s-star.bor-sel-on circle { fill: var(--g1); filter: drop-shadow(0 0 6px rgba(61, 240, 162, 1)); }
.bor-s-star.bor-sel-on text { fill: #FFFFFF; font-weight: 500; }
.bor-s-here { fill: var(--g1); }
.bor-s-here2 { fill: rgba(61, 240, 162, .18); stroke: rgba(61, 240, 162, .5); }
.bor-s-pa { font: 400 10px/1 var(--f-d); fill: var(--g1); letter-spacing: .06em; }
.bor-s-n path { fill: var(--n-mute); }
.bor-s-n text { font: 400 10px/1 var(--f-d); fill: var(--n-mute); }
.bor-pick { display: flex; align-items: center; gap: 10px; margin: 0 0 12px; font-size: 13px; color: var(--n-mute); }
.bor-km { list-style: none; margin: 0 0 14px; padding: 0; display: grid; gap: 4px; }
.bor-km button { width: 100%; display: flex; justify-content: space-between; gap: 10px; background: transparent; border: 0; border-bottom: 1px dashed var(--n-line); color: var(--n-ink); font: 300 14px/1.2 var(--f-b); padding: 7px 4px; cursor: pointer; text-align: left; }
.bor-km button b { font: 400 12.5px/1.2 var(--f-d); color: var(--n-mute); white-space: nowrap; }
.bor-km button[aria-pressed="true"] { color: var(--g1); border-bottom-color: var(--g1); }
.bor-km button[aria-pressed="true"] b { color: var(--g1); }
.bor-out { background: rgba(255, 255, 255, .04); border-radius: 12px; padding: 14px 16px; font-size: 15px; }
.bor-go { display: inline-flex; align-items: center; gap: 8px; font-weight: 500; }
.bor-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 14px; }
.bor-chip { font: 400 14px/1 var(--f-b); color: var(--n-mute); background: transparent; border: 1px solid var(--n-line); border-radius: 999px; padding: 9px 14px; cursor: pointer; }
.bor-chip--yes { color: var(--n-ink); border-color: rgba(61, 240, 162, .45); }
.bor-chip[aria-pressed="true"] { background: var(--n-ink); color: var(--n-bg); border-color: var(--n-ink); }
.bor-game__s { font: 400 11.5px/1.2 var(--f-d); letter-spacing: .14em; text-transform: uppercase; margin-bottom: 6px; color: var(--n-mute); }
.bor-game__s--yes { color: var(--g1); text-shadow: 0 0 10px rgba(61, 240, 162, .55); }
.bor-game__n { font: 400 20px/1.2 var(--f-d); margin-bottom: 10px; }
.bor-game__h { font-size: 13.5px; color: var(--n-mute); }
.bor-adtop { background: var(--n-bg); color: var(--n-ink); border-top: 1px solid var(--n-line); border-bottom: 1px solid var(--n-line); }
.bor-adtop a { color: var(--n-link); }
.bor-adtop__in { display: flex; align-items: center; justify-content: space-between; gap: 30px; padding-top: 22px; padding-bottom: 22px; }
.bor-adtop__in > div { max-width: 800px; }
.bor-ad__h { font: 400 15px/1.3 var(--f-d); letter-spacing: .06em; display: flex; align-items: center; gap: 10px; margin-bottom: 8px; }
.bor-endad { background: var(--n-bg); color: var(--n-ink); border: 1px solid rgba(61, 240, 162, .35); border-radius: 18px; padding: 22px 24px; display: flex; flex-direction: column; gap: 10px; align-items: flex-start; align-self: start; }
.bor-endad a { color: var(--n-link); }
.bor-endad p { margin: 0; }
.bor-endad .bor-ad, .bor-adtop .bor-ad { color: var(--n-mute); }
.bor-adtop .bor-paid, .bor-endad .bor-paid, .bor-head .bor-paid { color: var(--cta-ink); }
.bor-rg { display: flex; gap: 10px; align-items: flex-start; font-size: 13.5px; line-height: 1.45; color: var(--n-mute); margin: 12px 0 0; }
.bor-age { flex: none; display: inline-grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; border: 1px solid var(--g1); color: var(--g1); font: 400 11px/1 var(--f-d); }
.bor-ch { padding: 72px 0; }
.bor-ch--alt { background: var(--tint); }
.bor-ch__g { display: grid; grid-template-columns: minmax(0, 290px) minmax(0, 1fr); gap: 44px; }
.bor-ch__l { position: sticky; top: 96px; align-self: start; }
.bor-ch__k { display: flex; align-items: center; gap: 10px; font: 400 11px/1.3 var(--f-d); letter-spacing: .2em; text-transform: uppercase; color: var(--mute); margin-bottom: 14px; }
.bor-ch__l h2 { font-size: clamp(22px, 2.1vw, 28px); line-height: 1.3; }
.bor-ch__b { min-width: 0; display: grid; gap: 28px; }
.bor-two { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, .75fr); gap: 32px; align-items: start; }
.bor-two--tool { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.bor-two--pic { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; }
.bor-prose { font-size: 17.5px; max-width: 68ch; }
.bor-prose--wide { max-width: 80ch; }
.bor-more { display: inline-flex; align-items: center; gap: 8px; margin-top: 6px; font-weight: 500; text-decoration: none; border-bottom: 1px solid currentColor; padding-bottom: 2px; }
.bor-side { background: var(--card); border: 1px solid var(--line); border-radius: 16px; padding: 18px 20px; }
.bor-closes, .bor-steps { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.bor-closes li { display: grid; gap: 2px; padding-left: 16px; border-left: 2px solid var(--g1); }
.bor-closes b, .bor-steps b { font: 400 13px/1.3 var(--f-d); letter-spacing: .04em; }
.bor-closes span, .bor-steps span { font-size: 14.5px; color: var(--mute); }
.bor-steps { counter-reset: st; }
.bor-steps li { counter-increment: st; display: grid; grid-template-columns: 34px minmax(0, 1fr); column-gap: 12px; }
.bor-steps li::before { content: counter(st); grid-row: span 2; display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; border: 1px solid var(--g1); font: 400 12px/1 var(--f-d); color: var(--link); }
.bor-steps--wide { background: var(--card); border: 1px solid var(--line); border-radius: 16px; padding: 18px 20px; margin-bottom: 22px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.bor-shot { margin: 0; position: relative; border-radius: 16px; overflow: hidden; background: #0A1222; }
.bor-shot img { width: 100%; height: 100%; object-fit: cover; }
.bor-shot figcaption { position: absolute; left: 12px; bottom: 12px; font-size: 11.5px; padding: 5px 10px; border-radius: 999px; background: rgba(5, 9, 20, .78); color: #DCE6F4; }
.bor-shot--wide { aspect-ratio: 2 / 1; }
.bor-shot--win { aspect-ratio: 3 / 2; border: 1px solid rgba(125, 183, 255, .35); box-shadow: 0 0 40px -8px rgba(61, 240, 162, .35); }
.bor-list { margin: 0 0 14px; padding: 0; list-style: none; display: grid; gap: 12px; }
.bor-list li { padding: 12px 14px 12px 40px; position: relative; background: var(--card); border: 1px solid var(--line); border-radius: 12px; }
.bor-list li::before { content: ""; position: absolute; left: 16px; top: 21px; width: 9px; height: 9px; border-radius: 50%; background: var(--g1); box-shadow: 0 0 10px rgba(61, 240, 162, .8); }
.bor-faq { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 28px; }
.bor-faq__i { border-top: 1px solid var(--line-2); padding-top: 14px; }
.bor-faq__i h3 { font-size: 15px; line-height: 1.4; margin-bottom: 8px; letter-spacing: .02em; }
.bor-faq__i p { font-size: 16px; }
.bor-hero--in .bor-hero__g { min-height: 420px; padding-top: 44px; padding-bottom: 44px; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); }
.bor-hero__g--nopic { grid-template-columns: minmax(0, 1fr) !important; }
.bor-hero__g--nopic .bor-hero__t { max-width: 760px; }
.bor-hero--in h1 { font-size: clamp(28px, 3.2vw, 42px); }
.bor-back { display: inline-flex; align-items: center; gap: 6px; font-size: 13.5px; text-decoration: none; margin-bottom: 20px; }
.bor-page { display: grid; grid-template-columns: minmax(0, 240px) minmax(0, 1fr); gap: 48px; padding-top: 48px; padding-bottom: 20px; }
.bor-toc { position: sticky; top: 92px; align-self: start; border-left: 1px solid var(--line-2); padding-left: 16px; }
.bor-toc__h { font: 400 10.5px/1.3 var(--f-d); letter-spacing: .2em; text-transform: uppercase; color: var(--mute); margin-bottom: 10px; }
.bor-toc ol { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; font-size: 14.5px; }
.bor-toc a { text-decoration: none; color: var(--ink); }
.bor-toc a:hover { color: var(--link); }
.bor-col { min-width: 0; max-width: 820px; }
.bor-sec { margin-bottom: 56px; font-size: 17.5px; }
.bor-sec > h2 { font-size: clamp(20px, 1.9vw, 25px); margin-bottom: 18px; padding-bottom: 12px; border-bottom: 1px solid var(--line); }
.bor-sec .bor-panel { margin-bottom: 24px; }
.bor-sec .bor-shot { margin-top: 22px; aspect-ratio: 3 / 2; }
.bor-notes { margin-top: 22px; background: var(--card); border: 1px solid var(--line); border-radius: 14px; padding: 16px 18px; }
.bor-notes__h { font: 400 10.5px/1.3 var(--f-d); letter-spacing: .2em; text-transform: uppercase; color: var(--mute); margin-bottom: 8px; }
.bor-notes__l { margin: 0; padding-left: 18px; font-size: 15px; display: grid; gap: 6px; }
.bor-scroll { overflow-x: auto; background: var(--card); border: 1px solid var(--line); border-radius: 14px; }
.bor-table { width: 100%; min-width: 700px; border-collapse: collapse; font-size: 14.5px; }
.bor-table th, .bor-table td { text-align: left; vertical-align: top; padding: 10px 12px; border-bottom: 1px solid var(--line); }
.bor-table thead th { font: 400 10.5px/1.3 var(--f-d); letter-spacing: .12em; text-transform: uppercase; color: var(--mute); }
.bor-table tbody th { font-weight: 500; }
.bor-table caption { caption-side: bottom; text-align: left; font-size: 13px; color: var(--mute); padding: 10px 12px; }
.bor-next { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin: 10px 0 0; }
.bor-next a { display: flex; flex-direction: column; gap: 6px; padding: 16px 18px; border-radius: 14px; background: var(--n-bg); color: var(--n-ink); text-decoration: none; border: 1px solid var(--n-line); }
.bor-next a:hover { border-color: var(--g1); }
.bor-next span { font: 400 10px/1.3 var(--f-d); letter-spacing: .18em; text-transform: uppercase; color: var(--g1); }
.bor-next b { font-weight: 500; font-size: 16px; line-height: 1.35; }
.bor-next .bor-icon { color: var(--g1); margin-top: auto; }
.bor-next--lost { grid-template-columns: repeat(4, minmax(0, 1fr)); padding: 40px 0; }
.bor-hold { padding: 60px 24px; }
.bor-foot { margin-top: 56px; background: var(--n-bg); color: var(--n-ink); padding: 48px 0 26px; position: relative; }
.bor-foot::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 2px; background: linear-gradient(90deg, transparent, var(--g1), var(--g2), var(--g3), transparent); }
.bor-foot a { color: var(--n-link); }
.bor-foot h2 { font-size: 12px; letter-spacing: .2em; text-transform: uppercase; margin-bottom: 14px; color: var(--n-mute); }
.bor-foot__g { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) minmax(0, 1fr); gap: 30px; }
.bor-foot__g p { font-size: 15px; color: var(--n-mute); }
.bor-foot__g ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; font-size: 14.5px; }
.bor-foot__brand { display: flex; align-items: center; gap: 12px; font: 400 16px/1 var(--f-d); letter-spacing: .14em; text-transform: uppercase; color: var(--n-ink) !important; }
.bor-foot__fine { margin-top: 30px; padding-top: 18px; border-top: 1px solid var(--n-line); font-size: 13px; color: var(--n-mute); }
.bor-foot__fine p { margin-bottom: 6px; }
@media (max-width: 1280px) {
  .bor-logo__t small { display: none; }
}
@media (max-width: 1180px) {
  .bor-live { display: none; }
  .bor-nav a { padding: 8px 7px; font-size: 13px; }
}
@media (max-width: 1000px) {
  .bor-head__in { flex-wrap: wrap; gap: 10px; padding: 8px 16px; min-height: 58px; }
  .bor-logo { margin-right: auto; }
  .bor-burger { display: inline-grid; }
  .bor-nav { order: 5; flex-basis: 100%; display: none; }
  .bor-head.bor-open .bor-nav { display: block; }
  .bor-nav ul { justify-content: flex-start; padding: 6px 0 10px; }
  .bor-nav li { flex: 1 1 45%; }
  .bor-hero__g, .bor-hero--in .bor-hero__g { grid-template-columns: minmax(0, 1fr); min-height: 0; gap: 28px; }
  .bor-ch__g { grid-template-columns: minmax(0, 1fr); gap: 22px; }
  .bor-ch__l { position: static; }
  .bor-page { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .bor-toc { position: static; }
  .bor-toc ol { display: flex; flex-wrap: wrap; gap: 8px; }
  .bor-toc a { display: inline-block; padding: 6px 10px; border: 1px solid var(--line-2); border-radius: 999px; font-size: 13.5px; }
}
@media (max-width: 760px) {
  body { font-size: 16.5px; }
  .bor-wrap { padding: 0 16px; }
  .bor-head__in { padding: 8px 12px; }
  .bor-logo__t small { display: none; }
  .bor-hero__g { padding-top: 32px; padding-bottom: 32px; }
  .bor-hero h1 { font-size: 27px; }
  .bor-hero--in h1 { font-size: 24px; }
  .bor-lede { font-size: 17px; }
  .bor-panel { padding: 18px 16px; }
  .bor-dial__g { grid-template-columns: minmax(0, 1fr); }
  .bor-dial__svg { max-width: 280px; margin: 0 auto; }
  .bor-route__side, .bor-route__side .bor-km { grid-template-columns: minmax(0, 1fr); }
  .bor-two, .bor-two--tool, .bor-two--pic, .bor-faq, .bor-next, .bor-next--lost, .bor-steps--wide { grid-template-columns: minmax(0, 1fr); }
  .bor-ch { padding: 48px 0; }
  .bor-adtop__in { flex-direction: column; align-items: flex-start; gap: 16px; }
  .bor-foot__g { grid-template-columns: minmax(0, 1fr); }
  .bor-foot { margin-top: 24px; }
  .bor-shot--wide { aspect-ratio: 3 / 2; }
}
@media (max-width: 480px) {
  .bor-logo__t { display: none; }
  .bor-cta .bor-paid { padding: 10px 12px; font-size: 13.5px; }
  .bor-onl { padding: 8px 10px; font-size: 12.5px; }
  .bor-theme, .bor-burger { width: 36px; height: 36px; }
  .bor-head__end { gap: 6px; }
}
@media (prefers-reduced-motion: reduce) {
  * { transition: none !important; scroll-behavior: auto !important; }
}