@font-face{font-family:"Exo 2";font-style:normal;font-weight:400 800;font-display:swap;src:url(/chart/fonts/exo-2-normal-400-800-latin-ext.a3b66800e9.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:"Exo 2";font-style:normal;font-weight:400 800;font-display:swap;src:url(/chart/fonts/exo-2-normal-400-800-latin.4a259dde31.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:"Hind";font-style:normal;font-weight:400;font-display:swap;src:url(/chart/fonts/hind-normal-400-latin-ext.c40c3cface.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:"Hind";font-style:normal;font-weight:400;font-display:swap;src:url(/chart/fonts/hind-normal-400-latin.aca5dec430.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:"Hind";font-style:normal;font-weight:500;font-display:swap;src:url(/chart/fonts/hind-normal-500-latin-ext.a568491cbb.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:"Hind";font-style:normal;font-weight:500;font-display:swap;src:url(/chart/fonts/hind-normal-500-latin.16ab274f0e.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:"Hind";font-style:normal;font-weight:600;font-display:swap;src:url(/chart/fonts/hind-normal-600-latin-ext.7325c3ea8a.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:"Hind";font-style:normal;font-weight:600;font-display:swap;src:url(/chart/fonts/hind-normal-600-latin.078751117e.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 {
  --sea-950: #03152A; --sea-900: #06203A; --sea-800: #0A2D51; --sea-700: #0F4275; --sea-line: #9CC8F0;
  --bg: #F2F6FA; --card: #FFFFFF; --ink: #0B1F35; --muted: #4A6177; --rule: #D3DFEA; --soft: #E6EEF6;
  --link: #0E55D2; --blue: #1257F0; --blue-h: #0A44C8;
  --g: #1DB874; --r: #EE4F57; --y: #F3B23B;
  --head: "Exo 2", "Segoe UI", system-ui, sans-serif; --body: "Hind", "Segoe UI", system-ui, sans-serif;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) { --bg: #04172B; --card: #0A2441; --ink: #E5EEF8; --muted: #9DB2C7; --rule: #1C3D61; --soft: #0D2C4E; --link: #82B6FF; color-scheme: dark; }
}
:root[data-theme="dark"] { --bg: #04172B; --card: #0A2441; --ink: #E5EEF8; --muted: #9DB2C7; --rule: #1C3D61; --soft: #0D2C4E; --link: #82B6FF; color-scheme: dark; }
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--bg); color: var(--ink); font: 400 17px/1.62 var(--body); }
img { max-width: 100%; height: auto; display: block; }
a { color: var(--link); text-underline-offset: 2px; }
a[href^="tel:"] { white-space: nowrap; }
h1, h2, h3 { font-family: var(--head); line-height: 1.15; margin: 0; letter-spacing: -0.01em; }
p { margin: 0 0 0.85em; }
.snd-wrap { width: min(1180px, 100% - 32px); margin-inline: auto; }
.snd-vh { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.snd-skip { position: absolute; left: -999px; top: 8px; background: #fff; color: #000; padding: 8px 12px; z-index: 50; }
.snd-skip:focus { left: 8px; }
.snd-i { width: 16px; height: 16px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; vertical-align: -3px; }
.snd-i--buoy { width: 26px; height: 26px; stroke-width: 1.6; }
:focus-visible { outline: 3px solid #5FA8FF; outline-offset: 2px; }
.snd-head { background: var(--sea-900); color: #fff; position: relative; z-index: 20; margin-bottom: 14px; }
.snd-head > .snd-neat { position: absolute; left: 0; right: 0; top: 100%; }
.snd-head__w { width: min(1180px, 100% - 32px); margin-inline: auto; display: flex; align-items: center; gap: 18px; min-height: 64px; }
.snd-logo { display: flex; align-items: center; gap: 10px; color: #fff; text-decoration: none; font-family: var(--head); font-weight: 600; font-size: 17px; letter-spacing: 0.02em; white-space: nowrap; }
.snd-logo b { font-weight: 800; color: #8FD0FF; }
.snd-logo__m svg { width: 30px; height: 30px; fill: none; stroke: #8FD0FF; stroke-width: 1.6; display: block; }
.snd-nav { margin-left: auto; }
.snd-nav ul { list-style: none; display: flex; gap: 4px; margin: 0; padding: 0; }
.snd-nav a { color: #DCEBFA; text-decoration: none; font: 600 14px/1 var(--head); letter-spacing: 0.03em; padding: 10px 9px; border-radius: 8px; display: block; white-space: nowrap; }
.snd-nav a:hover, .snd-nav a[aria-current] { background: rgba(143, 208, 255, 0.14); color: #fff; }
.snd-burger, .snd-theme { background: none; border: 1px solid rgba(220, 235, 250, 0.35); color: #fff; width: 38px; height: 38px; border-radius: 10px; display: grid; place-items: center; cursor: pointer; flex: none; }
.snd-burger { display: none; }
.snd-burger .snd-i, .snd-theme .snd-i { width: 19px; height: 19px; }
.snd-cta { display: flex; align-items: center; gap: 6px; flex: none; }
.snd-paid { display: inline-flex; align-items: center; gap: 8px; background: var(--blue); color: #fff; text-decoration: none; font: 700 15px/1 var(--head); letter-spacing: 0.02em; padding: 11px 18px; border-radius: 999px; box-shadow: 0 0 0 3px rgba(18, 87, 240, 0.25); white-space: nowrap; }
.snd-paid:hover { background: var(--blue-h); }
.snd-paid--lg { font-size: 17px; padding: 15px 26px; }
.snd-ad { display: inline-block; font: 700 11px/1 var(--head); letter-spacing: 0.06em; text-transform: uppercase; border: 1px solid currentColor; border-radius: 4px; padding: 3px 5px; opacity: 0.85; }
.snd-onl { color: #fff; font: 600 14px/1 var(--head); text-decoration: none; border: 1px solid rgba(220, 235, 250, 0.35); padding: 10px 14px; border-radius: 999px; display: inline-flex; gap: 6px; align-items: center; white-space: nowrap; }
.snd-neat { height: 10px; background: repeating-linear-gradient(90deg, #F2F7FC 0 28px, var(--sea-950) 28px 56px); border-top: 2px solid var(--sea-950); border-bottom: 2px solid #F2F7FC; }
.snd-disc { margin: 0; background: var(--sea-800); color: #C7DCF0; text-align: center; font-size: 13px; padding: 6px 16px; }
.snd-hero { position: relative; background: radial-gradient(120% 90% at 70% 45%, #0D3B68 0%, var(--sea-900) 55%, var(--sea-950) 100%); color: #fff; min-height: clamp(560px, 74vh, 680px); overflow: hidden; display: flex; align-items: flex-end; }
.snd-chart { position: absolute; inset: 0; width: 100%; height: 100%; }
.snd-iso { fill: none; stroke: var(--sea-line); stroke-opacity: 0.16; stroke-width: 1.1; }
.snd-ring { fill: none; stroke: #CFE6FF; stroke-opacity: 0.42; stroke-width: 1; stroke-dasharray: 5 6; }
.snd-ring__t { fill: #CFE6FF; fill-opacity: 0.75; font: 600 13px var(--head); letter-spacing: 0.04em; }
.snd-rose { stroke: #CFE6FF; stroke-opacity: 0.5; stroke-width: 1.4; }
.snd-route { fill: none; stroke: #FFFFFF; stroke-opacity: 0.55; stroke-width: 1.6; stroke-dasharray: 2 7; stroke-linecap: round; }
.snd-bear { stroke: #8FD0FF; stroke-opacity: 0.55; stroke-width: 1.2; }
.snd-mk text { fill: #fff; font: 700 17px var(--head); letter-spacing: 0.01em; paint-order: stroke; stroke: var(--sea-900); stroke-width: 4px; stroke-linejoin: round; }
.snd-mk .snd-mk__s { font: 500 13.5px var(--body); fill: #C9E2FA; }
.snd-mk--f circle { fill: #fff; stroke: var(--sea-900); stroke-width: 3; }
.snd-mk--f .snd-mk__h { fill: none; stroke: #fff; stroke-opacity: 0.5; stroke-width: 1.2; }
.snd-mk--b rect { fill: var(--y); }
.snd-mk--b text { font-size: 14px; font-weight: 600; }
.snd-mk--c circle { fill: var(--g); stroke: #fff; stroke-width: 3; }
.snd-mk--c .snd-pulse { fill: var(--g); fill-opacity: 0.25; stroke: none; transform-origin: center; transform-box: fill-box; animation: snd-pulse 2.8s ease-out infinite; }
.snd-mk--c text { font-size: 20px; }
@keyframes snd-pulse { 0% { transform: scale(0.6); opacity: 1; } 100% { transform: scale(2.4); opacity: 0; } }
.snd-north circle { fill: none; stroke: #CFE6FF; stroke-opacity: 0.6; }
.snd-north path { fill: #fff; }
.snd-north text { fill: #fff; font: 700 12px var(--head); }
.snd-hero__w { position: relative; padding-block: 48px 40px; display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; }
.snd-cart { max-width: 560px; background: rgba(4, 22, 42, 0.82); border: 1px solid rgba(207, 230, 255, 0.55); outline: 1px solid rgba(207, 230, 255, 0.25); outline-offset: 5px; padding: 26px 28px 20px; border-radius: 4px; }
.snd-kick { font: 700 13px/1.2 var(--head); letter-spacing: 0.16em; text-transform: uppercase; color: #8FD0FF; margin-bottom: 12px; }
.snd-cart h1 { font-size: clamp(34px, 4.4vw, 54px); font-weight: 800; color: #fff; letter-spacing: -0.02em; margin-bottom: 14px; }
.snd-lede { font-size: 18px; color: #DCEBFA; }
.snd-lede a { color: #A9D6FF; }
.snd-by { display: flex; flex-wrap: wrap; gap: 6px 18px; font-size: 14px; color: #B9D3EC; margin: 4px 0 0; }
.snd-by a { color: #fff; }
.snd-legend { display: flex; flex-direction: column; gap: 6px; font: 600 13px var(--head); color: #CFE6FF; margin: 0 0 6px; letter-spacing: 0.03em; }
.snd-legend span { display: flex; align-items: center; gap: 8px; }
.snd-legend span::before { content: ""; width: 12px; height: 12px; border-radius: 50%; border: 1px dashed #CFE6FF; }
.snd-legend .snd-legend__c::before { background: var(--g); border: 2px solid #fff; }
.snd-legend .snd-legend__f::before { background: #fff; border: 2px solid var(--sea-900); }
.snd-legend .snd-legend__b::before { background: var(--y); border-radius: 0; border: 0; }
.snd-lights { background: var(--sea-800); color: #fff; padding: 30px 0 34px; border-top: 1px solid rgba(207, 230, 255, 0.2); }
.snd-lights--c { background: var(--sea-900); }
.snd-lights__h { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 8px 24px; margin-bottom: 18px; }
.snd-lights__h h2 { font-size: 26px; }
.snd-lights__h p { margin: 0; color: #C7DCF0; font-size: 14px; display: flex; flex-wrap: wrap; gap: 6px 14px; align-items: center; }
.snd-key { display: inline-flex; align-items: center; gap: 6px; }
.snd-key::before { content: ""; width: 10px; height: 10px; border-radius: 50%; }
.snd-key--g::before { background: var(--g); } .snd-key--r::before { background: var(--r); } .snd-key--y::before { background: var(--y); }
.snd-lights__ctl { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 18px 24px; align-items: center; margin-bottom: 20px; }
.snd-days { border: 0; margin: 0; padding: 0; display: flex; gap: 4px; flex-wrap: wrap; }
.snd-day input { position: absolute; opacity: 0; pointer-events: none; }
.snd-day span { display: block; font: 700 14px/1 var(--head); padding: 10px 11px; border-radius: 8px; border: 1px solid rgba(207, 230, 255, 0.35); color: #DCEBFA; cursor: pointer; }
.snd-day input:checked + span { background: #fff; color: var(--sea-900); border-color: #fff; }
.snd-day input:focus-visible + span { outline: 3px solid #5FA8FF; outline-offset: 2px; }
.snd-clock { display: grid; grid-template-columns: 84px minmax(0, 1fr); align-items: center; gap: 4px 12px; }
.snd-clock__o { font: 800 22px/1 var(--head); grid-row: span 2; }
.snd-range { width: 100%; accent-color: #8FD0FF; margin: 0; }
.snd-ticks { display: flex; justify-content: space-between; font-size: 11px; color: #9FC0DF; }
.snd-now { background: #fff; color: var(--sea-900); border: 0; border-radius: 999px; font: 700 14px/1 var(--head); padding: 11px 16px; cursor: pointer; white-space: nowrap; }
.snd-lights__l { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; }
.snd-light { background: rgba(3, 21, 42, 0.55); border: 1px solid rgba(207, 230, 255, 0.18); border-radius: 12px; padding: 14px 14px 12px; display: grid; grid-template-columns: 22px minmax(0, 1fr); gap: 4px 10px; align-content: start; }
.snd-light__n { font: 700 15px/1.25 var(--head); }
.snd-light__s { grid-column: 2; font-size: 14px; line-height: 1.4; color: #C7DCF0; }
.snd-lamp { width: 18px; height: 18px; border-radius: 50%; background: #4E6782; margin-top: 1px; }
.snd-light[data-state="open"] .snd-lamp, .snd-lamp--g { background: var(--g); box-shadow: 0 0 0 4px rgba(29, 184, 116, 0.22), 0 0 16px var(--g); }
.snd-light[data-state="closed"] .snd-lamp, .snd-lamp--r { background: var(--r); box-shadow: 0 0 0 4px rgba(238, 79, 87, 0.18); }
.snd-light[data-state="unknown"] .snd-lamp, .snd-lamp--y { background: var(--y); box-shadow: 0 0 0 4px rgba(243, 178, 59, 0.2), 0 0 14px var(--y); }
.snd-light[data-state="open"] { border-color: rgba(29, 184, 116, 0.55); }
.snd-lights__sum { margin: 16px 0 0; color: #C7DCF0; font-size: 15px; }
.snd-jsonly { display: none; }
.snd-js .snd-jsonly { display: grid; }
.snd-js .snd-rangec__o.snd-jsonly { display: block; }
.snd-js .snd-nojs { display: none; }
.snd-adtop { background: var(--card); border-bottom: 1px solid var(--rule); }
.snd-adtop__w { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 18px 32px; align-items: center; padding-block: 22px; }
.snd-adtop__h, .snd-endad__h { font: 700 18px/1.2 var(--head); margin-bottom: 6px; display: flex; gap: 8px; align-items: center; }
.snd-adtop p { margin-bottom: 6px; font-size: 15.5px; }
.snd-rg { display: flex; gap: 10px; align-items: flex-start; font-size: 14px; color: var(--muted); margin: 8px 0 0; }
.snd-age { font: 800 13px/1 var(--head); border: 2px solid currentColor; border-radius: 50%; width: 34px; height: 34px; display: grid; place-items: center; flex: none; color: var(--ink); }
.snd-endad { background: var(--card); border: 1px solid var(--rule); border-left: 5px solid var(--blue); border-radius: 12px; padding: 22px; align-self: start; }
.snd-endad .snd-paid { margin: 8px 0 14px; }
.snd-sec { padding: 54px 0; border-bottom: 1px solid var(--rule); }
.snd-sec--first { padding-top: 60px; }
.snd-note { display: grid; grid-template-columns: 250px minmax(0, 1fr); gap: 20px 48px; }
.snd-note__h { display: flex; flex-direction: column; gap: 12px; color: var(--blue); }
.snd-note__h h2 { font-size: 27px; font-weight: 800; color: var(--ink); }
.snd-note__b { min-width: 0; }
.snd-text { max-width: 74ch; }
.snd-split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 28px 40px; align-items: start; }
.snd-split--pic { align-items: center; }
.snd-morep { margin: 18px 0 0; }
.snd-more { display: inline-flex; align-items: center; gap: 8px; font: 700 15px/1.2 var(--head); color: var(--link); text-decoration: none; border-bottom: 2px solid currentColor; padding-bottom: 2px; }
.snd-frame { margin: 24px 0 0; }
.snd-frame img { border-radius: 12px; width: 100%; }
.snd-frame figcaption { display: flex; gap: 10px; font-size: 13px; color: var(--muted); margin-top: 8px; }
.snd-frame__k { font: 700 11px/1.6 var(--head); letter-spacing: 0.1em; text-transform: uppercase; color: var(--blue); }
.snd-split .snd-frame { margin-top: 0; }
.snd-help { margin: 0; padding: 0; list-style: none; display: grid; gap: 12px; }
.snd-help li { background: var(--card); border: 1px solid var(--rule); border-radius: 12px; padding: 14px 16px 14px 46px; position: relative; }
.snd-help li::before { content: ""; position: absolute; left: 16px; top: 19px; width: 14px; height: 14px; border-radius: 50%; background: var(--g); box-shadow: 0 0 0 4px rgba(29, 184, 116, 0.18); }
.snd-notes { list-style: none; margin: 18px 0 0; padding: 12px 0 0; border-top: 1px dashed var(--rule); font-size: 14.5px; color: var(--muted); display: grid; gap: 6px; }
.snd-notes li::before { content: "◦ "; color: var(--blue); }
.snd-tool { background: var(--card); border: 1px solid var(--rule); border-radius: 16px; padding: 20px 20px 18px; box-shadow: 0 10px 30px -18px rgba(6, 32, 58, 0.35); }
.snd-tool__h { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 4px 16px; margin-bottom: 14px; padding-bottom: 10px; border-bottom: 1px dashed var(--rule); }
.snd-tool__h h3 { font-size: 21px; font-weight: 800; }
.snd-tool__h p { margin: 0; font-size: 13.5px; color: var(--muted); }
.snd-opts { border: 0; padding: 0; margin: 0 0 14px; display: flex; flex-wrap: wrap; gap: 8px; }
.snd-opt input { position: absolute; opacity: 0; pointer-events: none; }
.snd-opt span { display: block; font: 600 14px/1.2 var(--head); padding: 9px 12px; border-radius: 999px; border: 1px solid var(--rule); cursor: pointer; background: var(--bg); }
.snd-opt input:checked + span { background: var(--blue); color: #fff; border-color: var(--blue); }
.snd-opt input:focus-visible + span { outline: 3px solid #5FA8FF; outline-offset: 2px; }
.snd-course__l { list-style: none; counter-reset: c; margin: 0; padding: 0 0 0 4px; position: relative; }
.snd-course__l::before { content: ""; position: absolute; left: 17px; top: 14px; bottom: 14px; border-left: 2px dashed var(--blue); opacity: 0.5; }
.snd-course__l li { counter-increment: c; position: relative; padding: 6px 0 10px 44px; font-size: 15.5px; }
.snd-course__l li::before { content: counter(c); position: absolute; left: 0; top: 2px; width: 28px; height: 28px; border-radius: 50%; background: var(--blue); color: #fff; font: 800 14px/28px var(--head); text-align: center; box-shadow: 0 0 0 4px var(--card); }
.snd-course__go { margin: 4px 0 0; }
.snd-field { display: grid; gap: 6px; margin: 0 0 14px; }
.snd-field label { font: 700 13px var(--head); letter-spacing: 0.08em; text-transform: uppercase; color: var(--muted); }
.snd-field select { font: 600 16px var(--body); padding: 10px 12px; border-radius: 10px; border: 1px solid var(--rule); background: var(--bg); color: var(--ink); }
.snd-rangec__g { display: grid; grid-template-columns: minmax(0, 1fr) 240px; gap: 20px; align-items: center; }
.snd-big { font: 800 18px/1 var(--head); margin-bottom: 8px; color: var(--muted); }
.snd-big b { font-size: 56px; color: var(--ink); letter-spacing: -0.03em; }
.snd-mini { margin: 0; }
.snd-mini svg { width: 100%; height: auto; display: block; background: var(--sea-900); border-radius: 50%; }
.snd-mini .snd-ring { stroke: #CFE6FF; stroke-opacity: 0.35; }
.snd-mini .snd-ring__t { font-size: 11px; }
.snd-mini figcaption { font-size: 12px; color: var(--muted); text-align: center; margin-top: 6px; }
.snd-dot { fill: #CFE6FF; }
.snd-dot--on { fill: var(--y); r: 6px; }
.snd-dot--c { fill: var(--g); stroke: #fff; stroke-width: 2; }
.snd-mini .snd-bear { stroke: var(--y); stroke-opacity: 0.9; stroke-width: 1.5; stroke-dasharray: 3 4; }
.snd-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 14px; }
.snd-chip { font: 600 14px/1.2 var(--head); padding: 9px 12px 9px 28px; border-radius: 999px; border: 1px solid var(--rule); background: var(--bg); color: var(--ink); cursor: pointer; position: relative; }
.snd-chip::before { content: ""; position: absolute; left: 11px; top: 50%; width: 9px; height: 9px; margin-top: -4.5px; border-radius: 50%; background: var(--g); }
.snd-chip--screen::before { background: #5FA8FF; }
.snd-chip--no::before { background: var(--r); }
.snd-chip[aria-pressed="true"] { background: var(--blue); color: #fff; border-color: var(--blue); }
.snd-finder__o { background: var(--soft); border-radius: 12px; padding: 14px 16px; }
.snd-finder__o p { margin-bottom: 6px; font-size: 15.5px; }
.snd-finder__t { display: flex; gap: 10px; align-items: center; font: 700 17px/1.3 var(--head); }
.snd-scroll { overflow-x: auto; }
.snd-table { width: 100%; border-collapse: collapse; font-size: 15px; background: var(--card); border: 1px solid var(--rule); border-radius: 12px; overflow: hidden; margin-top: 18px; }
.snd-table caption { caption-side: top; text-align: left; font-size: 13.5px; color: var(--muted); padding: 0 0 8px; }
.snd-table th, .snd-table td { padding: 10px 12px; text-align: left; border-bottom: 1px solid var(--rule); vertical-align: top; }
.snd-table thead th { font: 700 13px var(--head); letter-spacing: 0.06em; text-transform: uppercase; color: var(--muted); background: var(--soft); }
.snd-table tbody th { font-family: var(--head); font-weight: 700; white-space: nowrap; }
.snd-table--towns td:nth-child(2) { font: 700 16px var(--head); }
.snd-qa { display: grid; gap: 10px; max-width: 860px; }
.snd-qa__i { background: var(--card); border: 1px solid var(--rule); border-radius: 12px; padding: 0 18px; }
.snd-qa__i summary { cursor: pointer; font: 700 17px/1.35 var(--head); padding: 15px 28px 15px 0; list-style: none; position: relative; }
.snd-qa__i summary::-webkit-details-marker { display: none; }
.snd-qa__i summary::after { content: "+"; position: absolute; right: 0; top: 12px; font-size: 22px; color: var(--blue); }
.snd-qa__i[open] summary::after { content: "−"; }
.snd-qa__i p { padding-bottom: 14px; margin: 0; }
.snd-band { position: relative; background: var(--sea-900); color: #fff; padding: 26px 0 46px; overflow: hidden; }
.snd-band__iso { position: absolute; inset: 0; background: repeating-radial-gradient(ellipse at 82% 30%, transparent 0 38px, rgba(156, 200, 240, 0.13) 38px 39px); }
.snd-band .snd-wrap { position: relative; }
.snd-back { display: inline-flex; gap: 6px; align-items: center; color: #CFE6FF; text-decoration: none; font: 600 14px var(--head); margin-bottom: 18px; }
.snd-band__g { display: grid; grid-template-columns: minmax(0, 1fr); gap: 32px; align-items: center; }
.snd-band__g--pic { grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); }
.snd-band__g:not(.snd-band__g--pic) { grid-template-columns: minmax(0, 1fr) 320px; }
.snd-bandc { margin: 0; justify-self: end; width: 100%; max-width: 320px; }
.snd-bandc svg { width: 100%; height: auto; display: block; }
.snd-bandc__t { fill: #fff; font: 700 15px var(--head); paint-order: stroke; stroke: var(--sea-900); stroke-width: 4px; }
.snd-bandc figcaption { font-size: 12px; color: #9FC0DF; text-align: center; }
.snd-cart--in { max-width: 640px; }
.snd-cart--in h1 { font-size: clamp(30px, 3.6vw, 44px); }
.snd-band .snd-frame figcaption { color: #B9D3EC; }
.snd-band .snd-frame__k { color: #8FD0FF; }
.snd-see { background: var(--soft); }
.snd-see h2 { font-size: 22px; margin-bottom: 16px; }
.snd-rel { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.snd-rel a { display: flex; flex-direction: column; gap: 4px; background: var(--card); border: 1px solid var(--rule); border-radius: 12px; padding: 16px; text-decoration: none; color: var(--ink); font: 700 17px/1.3 var(--head); height: 100%; }
.snd-rel a .snd-i { color: var(--blue); margin-top: auto; }
.snd-rel__k { font: 700 11px var(--head); letter-spacing: 0.12em; text-transform: uppercase; color: var(--blue); }
.snd-hold { padding: 80px 0; }
.snd-foot { background: var(--sea-900); color: #DCEBFA; font-size: 15px; }
.snd-foot a { color: #fff; }
.snd-foot__g { display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: 32px; padding: 40px 0 26px; }
.snd-foot h2 { font-size: 14px; letter-spacing: 0.12em; text-transform: uppercase; color: #8FD0FF; margin-bottom: 12px; }
.snd-foot ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 7px; }
.snd-foot__n { display: flex; gap: 10px; align-items: center; font: 800 19px var(--head); color: #fff; }
.snd-foot__n .snd-i { color: #8FD0FF; }
.snd-foot__fine { border-top: 1px solid rgba(207, 230, 255, 0.2); padding: 18px 0 30px; font-size: 13.5px; color: #B9D3EC; }
@media (max-width: 1100px) {
  .snd-nav a { padding: 10px 6px; font-size: 13px; }
  .snd-lights__l { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .snd-note { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  .snd-note__h { flex-direction: row; align-items: center; }
}
@media (max-width: 980px) {
  .snd-burger { display: grid; }
  .snd-nav { position: absolute; left: 0; right: 0; top: calc(100% + 14px); background: var(--sea-900); border-top: 1px solid rgba(207, 230, 255, 0.2); display: none; padding: 10px 16px 18px; }
  .snd-head--open .snd-nav { display: block; }
  .snd-nav ul { flex-direction: column; gap: 2px; }
  .snd-nav a { font-size: 16px; padding: 12px 8px; }
  .snd-theme { margin-left: auto; }
  .snd-lights__ctl { grid-template-columns: minmax(0, 1fr); }
  .snd-split, .snd-band__g--pic, .snd-band__g:not(.snd-band__g--pic) { grid-template-columns: minmax(0, 1fr); }
  .snd-bandc { display: none; }
  .snd-rel { grid-template-columns: minmax(0, 1fr); }
  .snd-foot__g { grid-template-columns: minmax(0, 1fr); gap: 22px; }
}
@media (max-width: 720px) {
  body { font-size: 16.5px; }
  .snd-hero { display: block; min-height: 0; }
  .snd-chart { position: relative; height: 330px; }
  .snd-mk__s, .snd-ring__t, .snd-mk--b text { display: none; }
  .snd-mk text { font-size: 30px; stroke-width: 6px; }
  .snd-mk--c text { font-size: 32px; }
  .snd-north { display: none; }
  .snd-hero__w { flex-direction: column; align-items: stretch; padding-block: 0 26px; margin-top: -40px; }
  .snd-cart { padding: 20px 18px 16px; }
  .snd-legend { flex-direction: row; flex-wrap: wrap; gap: 6px 14px; }
  .snd-lights__l { grid-template-columns: minmax(0, 1fr); }
  .snd-adtop__w { grid-template-columns: minmax(0, 1fr); }
  .snd-rangec__g { grid-template-columns: minmax(0, 1fr); }
  .snd-mini { max-width: 260px; }
  .snd-sec { padding: 40px 0; }
  .snd-table--week thead { display: none; }
  .snd-table--week tr { display: block; border-bottom: 1px solid var(--rule); padding: 8px 0; }
  .snd-table--week th, .snd-table--week td { display: block; border: 0; padding: 3px 12px; }
  .snd-table--week td::before { content: attr(data-l) ": "; font-weight: 600; color: var(--muted); }
}
@media (max-width: 480px) {
  .snd-head__w { gap: 8px; }
  .snd-logo__t { display: none; }
  .snd-paid { padding: 10px 13px; font-size: 14px; }
  .snd-day span { padding: 9px 8px; font-size: 13px; }
}
@media (prefers-reduced-motion: reduce) {
  .snd-mk--c .snd-pulse { animation: none; opacity: 0.4; }
  * { scroll-behavior: auto !important; }
}