/* vy-shared-chrome.css — CANONICAL VYSHKA header+footer for static service pages.
   Source of truth: vyshka.cloud main page SPA build (topbar--home-r60 + eco-menu + eco-footer),
   bundle index-D8SU6Hop.css, extracted 2026-09-14 by header-unify.
   Fonts point to the same woff2 assets as the SPA. Do not hand-edit extracted sections. */

@font-face{font-family:Onest;font-style:normal;font-weight:400 600;font-display:optional;src:url(https://vyshka.cloud/vy-app/assets/onest-cyrillic-DXI_y_WF.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Onest;font-style:normal;font-weight:400 600;font-display:optional;src:url(https://vyshka.cloud/vy-app/assets/onest-latin-CUIqqgP9.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:Unbounded;font-style:normal;font-weight:500 600;font-display:optional;src:url(https://vyshka.cloud/vy-app/assets/unbounded-cyrillic-C627f1f8.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Unbounded;font-style:normal;font-weight:500 600;font-display:optional;src:url(https://vyshka.cloud/vy-app/assets/unbounded-latin-D5afBTBx.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 {
  --vy-accent: #1a56db;
  --vy-bg: #f6f8fc;
  --vy-border: #e2e8f4;
  --vy-border-hover: #6d83a4;
  --vy-border-soft: #e2e8f4;
  --vy-border-strong: #8797b3;
  --vy-brand: #1a56db;
  --vy-brand-breathe-duration: 4.2s;
  --vy-brand-breathe-ease: cubic-bezier(.4, 0, .2, 1);
  --vy-brand-hover: #1748b4;
  --vy-brand-iris: var(--vy-brand);
  --vy-brand-mark-size: 32px;
  --vy-brand-radius: 28%;
  --vy-brand-soft: #eaf0ff;
  --vy-control-comfortable: 48px;
  --vy-control-min: 44px;
  --vy-cyan: var(--vy-accent);
  --vy-dur-base: .16s;
  --vy-dur-fast: 80ms;
  --vy-ease: cubic-bezier(.4, 0, .2, 1);
  --vy-focus-color: #1a56db;
  --vy-font-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;
  --vy-fs-lg: 16px;
  --vy-fs-md: 14px;
  --vy-fs-sm: 13px;
  --vy-glow-violet: none;
  --vy-grad-brand: linear-gradient(135deg, var(--vy-brand), #1f65d6);
  --vy-grad-violet: var(--vy-grad-primary);
  --vy-icon-size: 24px;
  --vy-icon-stroke: 1.8;
  --vy-panel: #ffffff;
  --vy-panel-2: #eef2fa;
  --vy-panel-3: #eaf0ff;
  --vy-r-sm: 12px;
  --vy-rail-w: 88px;
  --vy-red: #b91c1c;
  --vy-right-rail-w: 300px;
  --vy-shadow-pop: 0 12px 32px rgba(24, 39, 75, .1);
  --vy-sp-1: 4px;
  --vy-sp-2: 8px;
  --vy-sp-3: 12px;
  --vy-sp-4: 16px;
  --vy-sp-5: 24px;
  --vy-text: #0f172a;
  --vy-text-mute: #5b6884;
  --vy-text-on-accent: #ffffff;
  --vy-text-sub: #516180;
  --vy-topbar-compress: 0px;
  --vy-topbar-h: 96px;
  --vy-z-dropdown: 200;
  --vy-z-sticky: 100;
}


/* scoped vars from SPA (defined on .home.ecosystem-home / .r62-service-system in bundle) */
.vy-chrome {
  --eh-bg: var(--vy-bg, #f6f8fc);
  --eh-surface: var(--vy-panel, #fff);
  --eh-soft: var(--vy-panel-2, #eef3fc);
  --eh-ink: var(--vy-text, #0f172a);
  --eh-muted: var(--vy-text-sub, #516180);
  --eh-line: var(--vy-border-soft, #e2e8f4);
  --eh-brand: var(--vy-brand, #1a56db);
  --eh-link: var(--vy-accent, #1a56db);
  --eh-brand-soft: var(--vy-brand-soft, #eaf0ff);
  --vy-shell-gutter: 32px;
  font-family: var(--vy-font);
}
@media (max-width:1100px) { .vy-chrome { --vy-shell-gutter: 24px; } }

/* ---- extracted from SPA bundle ---- */
.vy-brand-mark { position:relative;flex:none;isolation:isolate }
.vy-brand-mark, .vy-brand-lockup>.vy-brand-mark { width:var(--vy-brand-mark-size);height:var(--vy-brand-mark-size) }
.vy-brand-mark__svg { display:block;max-width:none;overflow:visible }
.vy-brand-mark__svg { width:100%;height:100%;transform-origin:50% 50% }
.vy-product-mark>.vy-brand-mark__svg { width:100%;height:100% }
.vy-brand-mark[data-motion=breathe]:before { content:"";position:absolute;z-index:-1;inset:-14%;border-radius:var(--vy-brand-radius);pointer-events:none;background:radial-gradient(circle,rgba(26,86,219,.18),transparent 70%);background:radial-gradient(circle,color-mix(in srgb,var(--vy-brand-iris) 24%,transparent),transparent 70%);opacity:.36;transform:scale(.94);animation:vy-brand-halo var(--vy-brand-breathe-duration) var(--vy-brand-breathe-ease) infinite }
.vy-product-mark[data-motion=breathe]>.vy-brand-mark__svg, .vy-brand-mark[data-motion=breathe]>.vy-brand-mark__svg { will-change:transform;animation:vy-brand-breathe var(--vy-brand-breathe-duration) var(--vy-brand-breathe-ease) infinite }
@media (prefers-reduced-motion:reduce) {
.vy-brand-mark[data-motion=breathe]:before { animation:none;opacity:.26;transform:none }
.vy-product-mark[data-motion=breathe]>.vy-brand-mark__svg, .vy-brand-mark[data-motion=breathe]>.vy-brand-mark__svg { animation:none;transform:none;will-change:auto }
}
html.vy-reduce-motion .vy-brand-mark[data-motion=breathe]:before, html.vy-reduce-motion .vy-product-mark[data-motion=breathe]>.vy-brand-mark__svg, html.vy-reduce-motion .vy-brand-mark[data-motion=breathe]>.vy-brand-mark__svg { animation:none;transform:none;will-change:auto }
@media (forced-colors:active) {
.vy-brand-mark__field { fill:CanvasText;stroke:CanvasText }
.vy-brand-mark__tower { stroke:Canvas }
.vy-brand-mark__beacon { fill:Canvas }
}
.vy-brand-mark__svg stop:first-child { stop-color:var(--vy-brand) }
.vy-brand-mark__svg stop:nth-child(2) { stop-color:#1f65d6 }
.vy-brand-mark__svg stop:last-child { stop-color:var(--vy-brand-hover) }
.sr-only { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0 }
@media (prefers-reduced-motion:reduce) {
[data-vy-live=true].vy-icon, [data-vy-live=true]>.vy-icon, .topbar__ring, .rail__btn[aria-current=page] .vy-icon { animation:none!important;transform:none!important;opacity:1!important }
}
html.vy-theme-light .vy-btn--danger { background:#dc262614;border-color:#dc262659 }
html.vy-theme-light .vy-btn--danger:hover:not(:disabled) { background:#dc262624 }
.vy-btn { display:inline-flex;align-items:center;justify-content:center;min-width:0;min-height:44px;gap:var(--vy-sp-2);height:var(--vy-control-min);padding:0 var(--vy-sp-4);border-radius:var(--vy-r-sm);border:1px solid transparent;font-size:var(--vy-fs-md);font-weight:500;color:var(--vy-text);white-space:nowrap;-webkit-user-select:none;user-select:none;transition:background var(--vy-dur-base) var(--vy-ease),border-color var(--vy-dur-base) var(--vy-ease),box-shadow var(--vy-dur-base) var(--vy-ease),color var(--vy-dur-base) var(--vy-ease),transform var(--vy-dur-fast) var(--vy-ease) }
.vy-btn svg { width:18px;height:18px;flex:none }
.vy-btn:active:not(:disabled) { transform:translateY(1px) }
.vy-btn--sm { height:var(--vy-control-min);min-height:44px;padding:0 var(--vy-sp-3);font-size:var(--vy-fs-sm) }
.vy-btn--lg { height:var(--vy-control-comfortable);min-height:48px;padding:0 var(--vy-sp-5);font-size:var(--vy-fs-lg) }
.vy-btn--icon { width:var(--vy-control-min);height:var(--vy-control-min);min-width:44px;min-height:44px;padding:0;flex:none }
.vy-btn--primary { background:var(--vy-brand);color:var(--vy-text-on-accent);box-shadow:var(--vy-glow-violet) }
.vy-btn--primary:hover:not(:disabled) { background:var(--vy-brand-hover);color:var(--vy-text-on-accent) }
.vy-btn--secondary { background:var(--vy-panel-2);border-color:var(--vy-border);color:var(--vy-text) }
.vy-btn--secondary:hover:not(:disabled) { background:var(--vy-panel-3);border-color:var(--vy-border-hover);color:var(--vy-text) }
.vy-btn--ghost { background:transparent;color:var(--vy-text-sub) }
.vy-btn--ghost:hover:not(:disabled) { background:var(--vy-panel-2);color:var(--vy-text) }
.vy-btn--danger { background:#f8717124;border-color:#f8717161;color:var(--vy-red) }
.vy-btn--danger:hover:not(:disabled) { background:#f871713d;border-color:var(--vy-red);color:var(--vy-red) }
.vy-btn:disabled, .vy-btn[aria-disabled=true] { background:var(--vy-panel-2);border-color:var(--vy-border);color:var(--vy-text-sub);box-shadow:none;cursor:not-allowed }
.vy-icon { width:var(--vy-icon-size);height:var(--vy-icon-size);flex:none;fill:none;stroke:currentColor;stroke-width:var(--vy-icon-stroke);stroke-linecap:round;stroke-linejoin:round }
.vy-icon--sm { width:18px;height:18px }
.vy-icon--lg { width:28px;height:28px }
.vy-empty .vy-btn { min-height:var(--vy-control-min) }
@media (pointer:coarse) {
.vy-btn { min-height:var(--vy-control-min) }
.vy-btn--icon { width:var(--vy-control-min);height:var(--vy-control-min) }
}
@media (prefers-reduced-motion:no-preference) {
[data-vy-live=true].vy-icon, [data-vy-live=true]>.vy-icon, .topbar__ring, .rail__btn[aria-current=page] .vy-icon { animation:none;transform-origin:center;backface-visibility:hidden }
}
.vy-btn { transition:transform .08s ease,filter .15s ease }
.vy-btn:active:not(:disabled) { transform:scale(.97) }
.vy-btn:active:not(:disabled) { transform:translateY(1px) scale(.97) }
.vy-btn:hover:not(:disabled):not([aria-disabled=true]) { transform:translateY(-1px) }
@media (prefers-reduced-motion:reduce) {
.vy-btn { transition:none }
.vy-btn:active, .vy-btn:hover:not(:disabled):not([aria-disabled=true]) { transform:none }
}
.vysemb__external .vy-btn, .vysemb__missing .vy-btn, .vysemb__cloud .vy-btn { outline:2px solid var(--vy-focus-color);outline-offset:3px }
.vysemb__cloud-actions .vy-btn, .vysemb__cloud-details .vy-btn { min-height:var(--r62-control-min);font-size:13px;font-weight:550;padding:10px 12px;max-width:100%;white-space:normal;border-radius:14px;box-shadow:none }
@media (max-width:480px) {
.vysemb__cloud-actions .vy-btn, .vysemb__cloud-details .vy-btn { min-height:44px }
}
.vysemb__missing) .vy-btn { min-height:48px;max-width:100%;padding:12px 18px;border-radius:var(--r62-radius-control);white-space:normal;font-size:14px;box-shadow:none;transition:transform var(--r62-motion-fast) var(--r62-ease) }
.vysemb__missing) .vy-btn:active { transform:scale(.98) }
.vysemb__external .vy-btn:active, .vysemb__missing .vy-btn:active) { transform:none }
@media (prefers-reduced-motion:reduce) {
.vysemb__external .vy-btn:active, .vysemb__missing .vy-btn:active) { transform:none }
}
.vysemb__native-host .sr-only { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0 }
.ecosystem-home .vy-icon { display:inline-flex;flex:none;width:22px;height:22px }
.ecosystem-home .vy-icon>svg { width:100%;height:100% }
.ecosystem-home .eh-primary-button .vy-icon, .ecosystem-home .eh-secondary-button .vy-icon { width:20px;height:20px;flex:none }
.ecosystem-home .eh-text-link .vy-icon { width:18px;height:18px }
.ecosystem-home .eh-entry>.vy-icon { margin-left:auto;width:16px;height:16px;color:var(--eh-muted) }
.ecosystem-home .eh-tour-format .vy-icon { width:17px;height:17px }
.ecosystem-home .eh-tour-tabs .vy-icon { width:20px;height:20px }
.ecosystem-home .eh-figure-top .vy-icon { width:19px;height:19px;color:var(--eh-link) }
.ecosystem-home .eh-chat-intro>.vy-icon { color:var(--eh-link);width:28px;height:28px }
.ecosystem-home .eh-illustrated-composer>span:not(.vy-icon) { flex:1;font-size:.625rem }
.ecosystem-home .eh-illustrated-composer .vy-icon { width:16px;height:16px }
.ecosystem-home .eh-illustrated-composer.is-active>.vy-icon:nth-last-child(2) { color:var(--eh-link) }
.ecosystem-home .eh-invite-chain .vy-icon { width:50px;height:50px;padding:13px;border-radius:18px;background:var(--eh-surface) }
.ecosystem-home .eh-invite-chain>.is-active .vy-icon { background:var(--eh-brand-soft) }
.ecosystem-home .eh-link-illustration>span:not(.vy-icon) { flex:1 }
.ecosystem-home .eh-text-input>.vy-icon { color:var(--eh-link) }
.ecosystem-home .eh-text-input>.vy-icon:last-child { margin-left:auto;width:18px }
.ecosystem-home .eh-transcript-illustration .vy-icon { width:17px;height:17px;color:var(--eh-link) }
.ecosystem-home .eh-export-illustration>.vy-icon { margin-left:auto;color:var(--eh-link) }
.ecosystem-home .eh-tools-figure>p .vy-icon { width:16px;height:16px }
.ecosystem-home .eh-card-action .vy-icon { width:18px;height:18px }
.ecosystem-home .eh-together-link .vy-icon { width:34px;height:34px }
.ecosystem-home .eh-work-links .vy-icon { width:17px;height:17px;color:var(--eh-link) }
.ecosystem-home .eh-personal-links a>span:not(.vy-icon) { min-width:0;overflow-wrap:anywhere }
.ecosystem-home .eh-personal-links a>.vy-icon:first-child { color:var(--eh-link) }
.ecosystem-home .eh-personal-links a>.vy-icon:last-child { margin-left:auto;width:16px;height:16px }
.ecosystem-home .eh-member-guide[open]>summary>.vy-icon { transform:rotate(180deg) }
@media (max-width:1100px) {
.ecosystem-home .eh-entry>.vy-icon { display:none }
}
@media (max-width:900px) {
.ecosystem-home .eh-entry>.vy-icon { display:inline-flex }
.ecosystem-home .eh-tour-tabs .vy-icon { width:18px;height:18px }
}
@media (max-width:600px) {
.ecosystem-home .eh-entry>.vy-icon { position:absolute;right:15px;top:29px }
.ecosystem-home .eh-chat-intro>.vy-icon { width:24px;height:24px }
.ecosystem-home .eh-illustrated-composer>span:not(.vy-icon) { font-size:.5625rem }
.ecosystem-home .eh-illustrated-composer .vy-icon { width:13px;height:13px }
.ecosystem-home .eh-together-link .vy-icon { width:28px;height:28px }
.ecosystem-home .eh-work-links .vy-icon { width:15px;height:15px }
}
.ecosystem-home .eh-scene-product .vy-icon { width:17px;height:17px }
.ecosystem-home .eh-conversation-chip>span:not(.vy-icon) { font-size:.75rem;font-weight:500;line-height:1.55 }
.ecosystem-home .eh-photo-call>p .vy-icon { width:17px;height:17px }
.ecosystem-home .eh-photo-screen>.vy-icon { width:56px;height:56px }
.ecosystem-home .vy-hero-video__control .vy-icon { width:18px;height:18px;flex:none }
@media (max-width:1100px) {
.ecosystem-home .eh-conversation-chip>span:not(.vy-icon) { font-size:.625rem }
.ecosystem-home .eh-conversation-chip .vy-icon { width:19px;height:19px }
}
@media (max-width:900px) {
.ecosystem-home .eh-conversation-chip>span:not(.vy-icon) { font-size:.75rem }
}
@media (max-width:600px) {
.ecosystem-home .eh-scene-product .vy-icon { width:15px;height:15px }
.ecosystem-home .eh-conversation-chip>span:not(.vy-icon) { font-size:.5625rem }
.ecosystem-home .eh-conversation-chip .vy-icon { width:18px;height:18px }
}
.shell:has(.ecosystem-home) .topbar__context { font-size:1.75rem;white-space:normal;overflow-wrap:anywhere;overflow:visible }
.shell:has(.ecosystem-home) .topbar__eyebrow { font-size:.5625rem;white-space:normal;overflow-wrap:anywhere;overflow:visible }
.shell:has(.ecosystem-home) .topbar__login, .shell:has(.ecosystem-home) .topbar__search, .shell:has(.ecosystem-home) .topbar__appearance .topbar__density { font-size:.75rem }
@media (max-width:600px) {
.shell:has(.ecosystem-home) .topbar__context { font-size:1.25rem }
.shell:has(.ecosystem-home) .topbar__eyebrow { font-size:.4375rem }
}
.ecosystem-home .eh-member-hero .eh-entry>.vy-icon:last-child { display:none }
.services.svc-page .svc-icon .vy-icon { width:24px;height:24px }
.services.svc-page .svc-card-foot>.vy-icon { width:20px;height:20px;transition:transform var(--r62-motion-soft) var(--r62-ease) }
@media (hover:hover) and (pointer:fine) {
.services.svc-page .svc-card:hover .svc-card-foot>.vy-icon { transform:translate(3px) }
}
.svc-card:hover .svc-card-foot>.vy-icon, .vysemb__external .vy-btn:active, .vysemb__missing .vy-btn:active) { transform:none }
@media (prefers-reduced-motion:reduce) {
.svc-card:hover .svc-card-foot>.vy-icon, .vysemb__external .vy-btn:active, .vysemb__missing .vy-btn:active) { transform:none }
}
.home__actions .vy-btn svg { width:20px;height:20px }
.home__text-action .vy-icon { width:18px;height:18px }
.home__context>.vy-icon { width:18px;color:var(--vy-text-sub) }
.home__icon .vy-icon { width:22px;height:22px }
.home__card-action .vy-icon { width:16px;height:16px }
.home__profile-hint>.vy-icon { width:20px;height:20px;color:var(--vy-accent) }
@media (max-width:350px) {
.home__actions>.vy-btn { width:100% }
}
.overview-view .overview-action-icon>.vy-icon { width:23px;height:23px }
.overview-view .overview-arrow>.vy-icon { width:20px;height:20px }
.overview-view .overview-context b .vy-icon { width:18px;height:18px }
.overview-view .overview-orbit-node>.vy-icon { width:21px;height:21px }
.overview-view .overview-invite-button .vy-icon { width:19px;height:19px }
.services .svc-hero-actions .vy-icon { width:19px;height:19px }
.services .svc-orbit-label .vy-icon { width:22px;height:22px }
.services .svc-search>.vy-icon { width:20px;height:20px;flex:none }
.services .svc-card-foot>.vy-icon { width:20px;height:20px;flex:none }
.overview-view .overview-text-button .vy-icon { width:17px;height:17px }
.shell[data-view=home]>.topbar { grid-column:1;grid-row:1;width:min(1180px,calc(100% - 56px));margin-inline:auto;padding:env(safe-area-inset-top,0px) 0 0;gap:20px;background:var(--vy-bg) }
.topbar.topbar--home-r60 .topbar__brand { display:flex;margin-right:auto;min-width:0 }
.topbar.topbar--home-r60 .home-brand-r16 { gap:10px }
.topbar.topbar--home-r60 .home-brand-r16>span:not(.home-brand-r16__mark) { font-size:23px;font-weight:500;letter-spacing:-.9px }
.topbar.topbar--home-r60 .topbar__title, .topbar.topbar--home-r60 .topbar__theme, .topbar.topbar--home-r60 .topbar__appearance { display:none }
.topbar.topbar--home-r60 .topbar__actions { margin-left:0;gap:8px;min-width:0 }
.topbar.topbar--home-r60 .topbar__search { max-width:245px;border-radius:16px;background:var(--vy-panel);box-shadow:none }
.topbar.topbar--home-r60 .topbar__login { border-radius:16px;background:var(--vy-brand);box-shadow:none;min-height:44px }
.home-r60 .vy-icon { display:inline-flex;width:22px;height:22px;flex:none }
.r60-quick-card>.vy-icon { width:17px;height:17px;color:var(--vy-text-mute) }
.r60-category-top>.vy-icon { width:19px;height:19px;color:var(--vy-text-sub);transition:transform .18s ease }
@media (hover:hover) {
.r60-category:hover .r60-category-top>.vy-icon { transform:translate(3px) }
}
.r60-book .vy-icon { width:75px;height:75px }
@media (max-width:1050px) {
.r60-floating .vy-icon { width:18px;height:18px }
}
@media (max-width:760px) {
.shell[data-view=home]>.topbar { width:calc(100% - 32px);gap:8px }
.topbar.topbar--home-r60 .home-brand-r16>span:not(.home-brand-r16__mark) { font-size:19px }
.topbar.topbar--home-r60 .topbar__search { display:none }
.r60-quick-card>.vy-icon { display:none }
.r60-quick .r60-icon .vy-icon { width:18px;height:18px }
.r60-category-top>.vy-icon { width:16px }
.r60-book .vy-icon { width:55px;height:55px }
}
@media (max-width:370px) {
.shell[data-view=home]>.topbar { width:calc(100% - 24px) }
.topbar.topbar--home-r60 .home-brand-r16 { gap:7px }
.topbar.topbar--home-r60 .home-brand-r16>span:not(.home-brand-r16__mark) { font-size:17px }
.topbar.topbar--home-r60 .topbar__actions { gap:5px }
.topbar.topbar--home-r60 .topbar__login { padding-inline:12px }
}
.eco-discovery__icon .vy-icon { width:23px;height:23px }
.eco-footer { margin:38px 0 0;padding:30px;display:grid;grid-template-columns:minmax(190px,.8fr) minmax(0,2fr);gap:26px;border:1px solid var(--vy-border-soft);border-radius:28px;background:var(--vy-panel) }
.eco-footer__brand { display:inline-flex;align-items:center;gap:12px;color:var(--vy-text);text-decoration:none;min-height:44px }
.eco-footer__brand>span { display:block;width:38px;height:38px }
.eco-footer__brand strong { font-size:20px;letter-spacing:.04em }
.eco-footer__intro p { margin:14px 0;font-size:13px;line-height:1.8;color:var(--vy-text-sub) }
.eco-footer__quick { display:grid;justify-items:start;gap:4px }
.eco-footer__quick a { display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:13px;color:var(--vy-accent,var(--vy-brand));text-decoration:none }
.eco-footer__quick .vy-icon { width:17px;height:17px }
.eco-footer__groups { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-content:start;align-items:start }
.eco-footer__group { border:1px solid var(--vy-border-soft);border-radius:16px;background:var(--vy-bg) }
.eco-footer__group summary { display:flex;align-items:center;gap:9px;padding:14px;min-height:54px;cursor:pointer;list-style:none }
.eco-footer__group summary::-webkit-details-marker { display:none }
.eco-footer__group summary strong { flex:1;font-size:13px }
.eco-footer__group summary span { color:var(--vy-text-sub);font-size:12px }
.eco-footer__group .vy-icon { width:18px;height:18px;flex-shrink:0;color:var(--vy-accent,var(--vy-brand)) }
.eco-footer__group summary>.vy-icon:last-child { width:16px;height:16px;color:var(--vy-text-sub) }
.eco-footer__group[open] summary>.vy-icon:last-child { transform:rotate(180deg) }
.eco-footer__group>div { display:grid;padding:0 8px 8px }
.eco-footer__group a { display:flex;align-items:center;min-height:44px;padding:9px 8px;border-radius:10px;color:var(--vy-text);text-decoration:none;font-size:13px;line-height:1.5 }
.eco-footer__group a:hover { background:var(--vy-panel);color:var(--vy-accent,var(--vy-brand)) }
.eco-footer__note { grid-column:1/-1;border-top:1px solid var(--vy-border-soft);padding-top:18px;margin:0;font-size:12px;line-height:1.7;color:var(--vy-text-sub) }
.eco-footer :is(a,summary):focus-visible { outline:3px solid var(--vy-brand);outline-offset:3px }
@media (max-width:1050px) {
.eco-footer { grid-template-columns:1fr }
.eco-footer__intro { display:grid;grid-template-columns:1fr 1fr;gap:6px 20px }
.eco-footer__intro p { margin:0 }
.eco-footer__quick { grid-column:2;grid-row:1/3;align-content:center }
}
@media (max-width:600px) {
.eco-footer { padding:22px 16px;gap:22px;border-radius:24px }
.eco-footer__intro { display:block }
.eco-footer__intro p { margin:12px 0 }
.eco-footer__quick { display:flex;flex-wrap:wrap;gap:8px 24px }
.eco-footer__groups { grid-template-columns:1fr }
.eco-footer__group summary { min-height:56px }
}
.academy-promo__eyebrow .vy-icon { width:18px;height:18px }
.academy-promo__button .vy-icon { width:18px;height:18px }
.eh-academy-shortcut .vy-icon { width:19px;height:19px }
@media (max-width:600px) {
.academy-promo__eyebrow .vy-icon { width:16px;height:16px }
}
.topbar .home-brand-r16 { display:inline-flex;align-items:center;gap:10px;color:var(--vy-text,#182238);white-space:nowrap }
.topbar .home-brand-r16>.home-brand-r16__mark { display:block;width:38px;height:38px;flex:none }
.topbar .home-brand-r16>span:not(.home-brand-r16__mark) { font-family:inherit;font-size:19px;font-weight:800;letter-spacing:-.65px;line-height:1 }
.vy-theme-dark .topbar .home-brand-r16 { color:#f0effa }
@media (max-width:600px) {
.topbar .home-brand-r16 { gap:7px }
.topbar .home-brand-r16>.home-brand-r16__mark { width:32px;height:32px }
.topbar .home-brand-r16>span:not(.home-brand-r16__mark) { font-size:16px }
}
.rail .home-brand-r16 { display:flex;align-items:center;justify-content:center }
.rail .home-brand-r16>.home-brand-r16__mark { display:block;width:42px;height:42px;flex:none }
.rail .home-brand-r16>span:not(.home-brand-r16__mark) { display:none }
.home-brand-r16__mark>svg { display:block;width:100%;height:100% }
.topbar__menu { display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 14px;border:1px solid var(--vy-border-soft);border-radius:14px;background:var(--vy-panel);color:var(--vy-text);font:inherit;font-size:13px;font-weight:650;cursor:pointer }
.topbar__menu .vy-icon { width:19px;height:19px }
.topbar__menu:hover { background:var(--vy-brand-soft,var(--vy-panel)) }
.eco-menu { width:min(640px,calc(100% - 24px));max-height:calc(100dvh - 32px);margin:auto;padding:0;overflow:auto;overscroll-behavior:contain;border:1px solid var(--vy-border-soft);border-radius:28px;background:var(--vy-panel);color:var(--vy-text);box-shadow:0 24px 100px #1220413d }
.eco-menu::backdrop { background:#0d192f70;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px) }
.eco-menu__content { padding:24px }
.eco-menu__head { display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px }
.eco-menu__head>div { display:flex;gap:12px;align-items:center }
.eco-menu__head>div>span { width:40px;height:40px }
.eco-menu__head h2 { margin:0;font-size:22px;line-height:1.2;letter-spacing:.01em }
.eco-menu__head p { margin:5px 0 0;font-size:12px;color:var(--vy-text-sub) }
.eco-menu__close { display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border:1px solid var(--vy-border-soft);border-radius:14px;background:transparent;color:var(--vy-text);cursor:pointer }
.eco-menu__close .vy-icon { width:20px;height:20px }
.eco-menu__quick { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px }
.eco-menu__quick a { display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-height:78px;padding:12px 4px;border:1px solid var(--vy-border-soft);border-radius:16px;font-size:12px;color:var(--vy-text);text-decoration:none;background:var(--vy-bg) }
.eco-menu__quick .vy-icon { width:22px;height:22px;color:var(--vy-accent,var(--vy-brand)) }
.eco-menu__catalog { display:flex;align-items:center;gap:12px;margin:16px 0;min-height:70px;padding:14px;border:1px solid var(--vy-border-soft);border-radius:18px;color:var(--vy-text);background:var(--vy-bg);text-decoration:none }
.eco-menu__catalog-copy { flex:1;min-width:0 }
.eco-menu__catalog strong { display:block;font-size:15px }
.eco-menu__catalog small { display:block;margin-top:5px;font-size:12px;color:var(--vy-text-sub);line-height:1.5 }
.eco-menu__catalog .vy-icon { width:20px;height:20px;flex-shrink:0;color:var(--vy-accent,var(--vy-brand)) }
.eco-menu__groups { display:grid;gap:8px }
.eco-menu__groups details { border:1px solid var(--vy-border-soft);border-radius:16px;overflow:hidden }
.eco-menu__groups summary { display:flex;align-items:center;gap:10px;min-height:52px;padding:12px 14px;cursor:pointer;list-style:none }
.eco-menu__groups summary::-webkit-details-marker { display:none }
.eco-menu__groups summary strong { flex:1;font-size:14px }
.eco-menu__groups summary>span { color:var(--vy-text-sub);font-size:12px }
.eco-menu__groups summary .vy-icon { width:18px;height:18px;color:var(--vy-text-sub) }
.eco-menu__groups details[open] summary .vy-icon { transform:rotate(180deg) }
.eco-menu__groups details>div { padding:0 8px 8px }
.eco-menu__groups a { display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:10px 12px;color:var(--vy-text);border-radius:10px;text-decoration:none;font-size:14px;line-height:1.4 }
.eco-menu__groups a .vy-icon { width:16px;height:16px;flex-shrink:0;color:var(--vy-text-sub) }
.eco-menu__groups a:hover, .eco-menu__quick a:hover { background:var(--vy-bg);color:var(--vy-accent,var(--vy-brand)) }
.eco-menu__density { display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;color:var(--vy-text-sub);font-size:12px }
.eco-menu__density select { min-height:44px;padding:8px 12px;border:1px solid var(--vy-border-soft);border-radius:12px;background:var(--vy-panel);color:var(--vy-text);font:inherit }
.eco-menu :is(a,summary):focus-visible, .topbar__menu:focus-visible { outline:3px solid var(--vy-brand);outline-offset:3px }
@media (max-width:960px) {
.shell .topbar .topbar__search { display:none }
}
@media (max-width:600px) {
.shell .topbar .topbar__brand { display:flex;width:92px;min-width:80px;height:38px;flex:1 }
.shell .topbar .topbar__brand-lockup { width:112px;height:34px }
.shell .topbar .topbar__brand .vy-brand-lockup { --vy-brand-mark-size:28px;--vy-brand-wordmark-width:72px;gap:7px }
.shell .topbar .topbar__brand .vy-brand-wordmark { display:block }
.topbar .topbar__title, .topbar .topbar__appearance { display:none }
.topbar .topbar__actions { gap:6px }
.topbar__menu { padding-inline:10px;font-size:12px;gap:6px }
.eco-menu__content { padding:18px }
.eco-menu__quick { grid-template-columns:repeat(2,minmax(0,1fr)) }
.eco-menu__quick a { flex-direction:row;justify-content:flex-start;padding:12px;min-height:54px }
}
.eco-menu__global-search { display:flex;align-items:center;gap:12px;min-height:48px;padding:12px 14px;margin-top:12px;border:1px solid var(--vy-border-soft);border-radius:14px;background:var(--vy-bg);color:var(--vy-text);text-decoration:none;font-size:14px }
.eco-menu__global-search>span:not(.vy-icon) { flex:1 }
.eco-menu__global-search .vy-icon { width:19px;height:19px;flex-shrink:0;color:var(--vy-accent,var(--vy-brand)) }
.eco-menu { --eco-inset:20px;width:min(600px,calc(100% - 24px));max-height:calc(100dvh - 24px);overflow:clip;border-radius:26px;box-shadow:0 20px 64px #12204133 }
.eco-menu::backdrop { background:#0d192f7a;-webkit-backdrop-filter:none;backdrop-filter:none }
.eco-menu__content { display:flex;flex-direction:column;max-height:calc(100dvh - 26px);overflow:clip;padding:0 }
.eco-menu__head { flex:none;margin:0;padding:16px var(--eco-inset) 12px;border-bottom:1px solid var(--vy-border-soft) }
.eco-menu__head>div { min-width:0;gap:10px }
.eco-menu__head>div>span { flex:none;width:36px;height:36px }
.eco-menu__head h2 { font-size:20px }
.eco-menu__head p { margin-top:3px;line-height:1.4 }
.eco-menu__close { background:var(--vy-bg);border-color:transparent;border-radius:50% }
.eco-menu__body { min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--vy-border-soft) transparent;padding:12px var(--eco-inset);scroll-padding-block:8px }
.eco-menu__quick { gap:6px }
.eco-menu__quick a { min-height:64px;padding:8px 4px;gap:6px;border-radius:14px;line-height:1.35;text-align:center;overflow-wrap:anywhere }
.eco-menu__catalog { min-height:58px;padding:10px 12px;margin:12px 0;border-radius:16px }
.eco-menu__catalog small { margin-top:2px;line-height:1.4 }
.eco-menu__groups { gap:6px }
.eco-menu__groups details { border-radius:14px }
.eco-menu__groups summary { min-height:48px;padding:10px 12px }
.eco-menu__groups summary>span:not(.vy-icon) { display:grid;place-items:center;min-width:24px;height:24px;padding:0 5px;border-radius:8px;background:var(--vy-bg);font-variant-numeric:tabular-nums }
.eco-menu__groups summary .vy-icon { transition:transform .16s ease }
.eco-menu__groups a { min-width:0;overflow-wrap:anywhere }
.eco-menu__density { flex:none;margin:0;padding:10px var(--eco-inset) 12px;border-top:1px solid var(--vy-border-soft);background:var(--vy-panel) }
.eco-menu__density select { max-width:60%;font-size:13px }
.eco-menu__global-search { margin-top:10px }
.eco-menu :is(a,summary):focus-visible { outline-width:2px;outline-offset:-3px }
.eco-menu[data-density=compact] { --eco-inset:16px;width:min(560px,calc(100% - 24px)) }
.eco-menu[data-density=compact] .eco-menu__head { padding-block:12px 10px }
.eco-menu[data-density=compact] .eco-menu__quick a { min-height:52px;padding-block:6px;gap:4px }
.eco-menu[data-density=compact] .eco-menu__quick .vy-icon { width:20px;height:20px }
.eco-menu[data-density=compact] .eco-menu__catalog { margin-block:10px;min-height:54px;padding-block:8px }
.eco-menu[data-density=compact] .eco-menu__groups summary { min-height:44px;padding-block:8px }
.eco-menu[data-density=compact] .eco-menu__body { padding-block:10px }
.eco-menu[data-density=compact] .eco-menu__density { padding-block:8px }
@media (max-width:600px) {
.eco-menu { --eco-inset:14px;border-radius:22px }
.eco-menu__quick a { flex-direction:row;justify-content:flex-start;padding:10px;min-height:48px;gap:8px;text-align:left }
.eco-menu[data-density=compact] .eco-menu__quick a { min-height:44px }
}
@media (max-height:480px) {
.eco-menu { --eco-inset:14px;border-radius:20px }
.eco-menu__head, .eco-menu[data-density=compact] .eco-menu__head { padding-block:8px }
.eco-menu__head p { display:none }
.eco-menu__density, .eco-menu[data-density=compact] .eco-menu__density { padding-block:6px }
.eco-menu__quick a { flex-direction:row;min-height:44px;gap:6px }
}
@media (prefers-reduced-motion:no-preference) {
.eco-menu[open] { animation:eco-menu-enter .16s ease-out both }
.eco-menu :is(a,summary) { transition:background-color .12s ease,color .12s ease }
}
@media (prefers-reduced-motion:reduce) {
.eco-menu__groups summary .vy-icon { transition:none }
}
.vy-icon svg { width:100%;height:100%;display:block }
.rail__logo .vy-brand-mark { width:40px;height:40px;transition:filter .15s ease }
.rail__logo:hover .vy-brand-mark { filter:none }
.rail__btn .vy-icon { transition:color .15s ease }
.rail__btn:hover .vy-icon { color:var(--vy-cyan) }
.rail__btn[aria-current=page] .vy-icon { animation:none;transform:none }
@media (prefers-reduced-motion:reduce) {
.rail__btn[aria-current=page] .vy-icon { animation:none;opacity:1;transform:none }
}
html.vy-reduce-motion .rail__btn[aria-current=page] .vy-icon { animation:none;opacity:1;transform:none }
.topbar .vy-tip:after { display:none }
.topbar { grid-column:2;grid-row:1;display:flex;align-items:center;gap:12px;min-width:0;min-height:0;height:100%;max-width:100%;padding:env(safe-area-inset-top,0px) 24px 0;background:var(--vy-bg);border:0;position:sticky;z-index:var(--vy-z-sticky) }
.shell--norrail .topbar { grid-column:2 }
.topbar:after { content:none }
.topbar__brand { display:flex;align-items:center;gap:var(--vy-sp-2);min-height:46px;min-width:46px;font-weight:600;letter-spacing:.08em;font-size:var(--vy-fs-md);color:var(--vy-text);text-decoration:none;white-space:nowrap }
.topbar__brand-lockup { display:inline-flex;align-items:center;min-width:0;transition:filter .15s ease }
.topbar__brand:hover .topbar__brand-lockup { filter:none }
.topbar__brand .vy-brand-lockup { --vy-brand-mark-size: 30px;--vy-brand-wordmark-width: 92px }
.topbar__ring { width:30px;height:30px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;font-size:9.5px;font-weight:600;color:#fff;border:2px solid transparent;background:var(--vy-grad-violet) padding-box,var(--vy-grad-brand) border-box }
.topbar__brand-text { overflow:hidden;text-overflow:ellipsis }
.topbar__search { flex:1;max-width:360px;min-width:44px;display:flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border-radius:12px;border:1px solid var(--vy-border-soft);background:var(--vy-panel);color:var(--vy-text-sub);cursor:pointer;font:inherit;font-size:13px;text-align:left;white-space:nowrap;overflow:hidden }
.topbar__search-label { flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis }
.topbar__search kbd { flex:none;margin-left:auto;font-family:var(--vy-font-mono);font-size:10.5px;padding:2px 6px;border-radius:6px;border:1px solid var(--vy-border);background:var(--vy-panel-3);color:var(--vy-text-sub) }
.topbar__spacer { flex:1 }
.topbar__user { white-space:nowrap;cursor:pointer }
.topbar__user .vy-avatar { transition:transform .15s ease }
.topbar__user:hover .vy-avatar { transform:none }
.topbar__brand, .topbar__search { min-height:44px }
.topbar__user { min-height:44px;display:inline-flex;align-items:center }
.topbar .vy-btn--icon { min-width:44px;min-height:44px }
.topbar .vy-btn { min-height:44px }
.csp .vy-btn { min-height:44px }
.services__foot .vy-btn { flex:none }
.voice-mini__live .vy-icon { width:22px;height:22px }
.topbar__panel { display:none }
@media (max-width:1100px) {
.topbar .vy-pill--badge { display:none }
.topbar__panel { display:inline-flex }
}
@media (max-width:860px) {
.topbar__search kbd { display:none }
}
@media (max-width:767px) {
.topbar, .shell .topbar, .shell--norrail .topbar { grid-column:1;grid-row:1;gap:var(--vy-sp-1);padding:env(safe-area-inset-top,0px) max(var(--vy-sp-2),env(safe-area-inset-right,0px)) 0 max(var(--vy-sp-2),env(safe-area-inset-left,0px)) }
.topbar__user { display:none }
.topbar__brand .vy-brand-lockup { min-width:var(--vy-brand-mark-size) }
.topbar__brand .vy-brand-wordmark, .topbar__panel { display:none }
}
@media (min-width:768px) {
.topbar__brand { display:none }
}
@media (hover:none) and (pointer:coarse) {
.topbar .vy-btn--icon { transition:transform .15s var(--vy-ease, ease-out) }
.topbar .vy-btn--icon:active { transform:none }
}
@media (prefers-reduced-motion:reduce) {
.topbar .vy-btn--icon:active { transform:none }
}
.topbar .vy-btn, .topbar .vy-btn--icon, .topbar__brand, .topbar__user { transition:transform .08s var(--vy-ease, ease-out) }
.topbar .vy-btn:active, .topbar .vy-btn--icon:active, .topbar__brand:active, .topbar__user:active { transform:none }
.topbar__brand:focus-visible, .topbar__user:focus-visible { outline:2px solid var(--vy-cyan);outline-offset:2px }
.topbar .vy-btn:focus-visible, .topbar .vy-btn--icon:focus-visible { outline:2px solid var(--vy-cyan);outline-offset:2px }
@media (prefers-reduced-motion:reduce) {
.topbar .vy-btn:active, .topbar .vy-btn--icon:active, .topbar__brand:active, .topbar__user:active { transform:none }
}
.topbar__search { transition:border-color .14s var(--vy-ease),background .14s var(--vy-ease) }
.topbar__search:hover, .topbar__search:focus-within { border-color:var(--vy-border-strong);background:var(--vy-panel-2) }
.topbar__context { flex:none;color:var(--vy-text);font-size:17px;font-weight:600;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap }
.topbar__density { display:inline-flex;flex:none }
.topbar__density select { height:44px;font-size:12px;background:transparent;border:1px solid transparent;color:var(--vy-text-sub);width:160px }
.topbar__user { min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;text-decoration:none }
@media (max-width:1180px) {
.topbar__density { display:none }
}
@media (max-width:767px) {
.topbar__context { flex:1;min-width:0;font-size:15px;max-width:none }
.topbar .topbar__brand { display:flex;min-width:32px;width:32px }
.topbar .topbar__search { flex:none;width:44px;padding:0;display:inline-flex;justify-content:center;background:transparent;border-color:transparent }
.topbar__search-label, .topbar__search kbd, .topbar__spacer, .topbar .topbar__user { display:none }
.bottom-nav__item .vy-icon { width:22px;height:22px }
}
.rail__logo .vy-brand-mark { width:44px;height:44px }
.rail__btn .vy-icon { width:23px;height:23px }
.rail__btn[aria-current=page] .vy-icon { color:inherit }
.rail__tool .vy-icon { width:19px;height:19px }
.shell .topbar { gap:18px;padding:calc(20px + env(safe-area-inset-top,0px)) var(--vy-shell-gutter) 20px }
.topbar .topbar__brand { display:none }
.topbar__title { min-width:0;flex:1 }
.topbar__eyebrow { display:flex;align-items:center;gap:8px;color:var(--vy-text-sub);font-size:9px;font-weight:600;letter-spacing:.13em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis }
.topbar__eyebrow i { width:7px;height:7px;flex:none;border-radius:2px;transform:rotate(-10deg);background:var(--vy-brand) }
.topbar__context { display:block;margin-top:9px;max-width:none;font-size:clamp(24px,2.3vw,32px);font-weight:600;line-height:1.1;letter-spacing:-.025em }
.topbar__actions { display:flex;flex:none;align-items:center;gap:8px;min-width:0 }
.topbar .topbar__search { flex:none;width:clamp(180px,25vw,360px);max-width:100%;padding:10px 14px;gap:11px;min-height:44px;border:1px solid var(--vy-border-soft);border-radius:14px;background:color-mix(in srgb,var(--vy-panel) 85%,transparent);font-size:12px }
.topbar__search .vy-icon { width:19px;height:19px;flex:none }
.topbar__search kbd { font-size:9px;padding:3px 5px;margin-left:24px;background:transparent;border-color:var(--vy-border-soft) }
.topbar__actions>.vy-btn--icon, .topbar__appearance>summary { display:grid;place-items:center;flex:none;width:44px;height:44px;padding:0;border:1px solid var(--vy-border-soft);border-radius:14px;background:transparent;color:var(--vy-text) }
.topbar__actions>.vy-btn--icon .vy-icon, .topbar__appearance>summary .vy-icon { width:19px;height:19px }
.topbar__appearance { position:relative;flex:none }
.topbar__appearance>summary { cursor:pointer;list-style:none }
.topbar__appearance>summary::-webkit-details-marker { display:none }
.topbar__appearance[open]>summary { background:var(--vy-panel) }
.topbar__appearance .topbar__density { position:absolute;z-index:var(--vy-z-dropdown);top:calc(100% + 10px);right:0;display:grid;gap:10px;width:224px;padding:16px;border:1px solid var(--vy-border-soft);border-radius:16px;background:var(--vy-panel);box-shadow:var(--vy-shadow-pop);font-size:12px;color:var(--vy-text-sub) }
.topbar__appearance .topbar__density select { width:100%;border-color:var(--vy-border-soft);border-radius:10px;padding:8px;background:var(--vy-panel) }
.topbar__user .vy-avatar { width:42px;height:42px }
.topbar__login { display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:10px 15px;background:var(--vy-brand);color:var(--vy-text-on-accent);font-size:12px;font-weight:600;border:1px solid var(--vy-brand);border-radius:14px;text-decoration:none }
.topbar__login:hover { text-decoration:none;background:var(--vy-brand-hover) }
:root[data-vy-density=compact] .topbar { padding-block:10px }
:root[data-vy-density=compact] .topbar__eyebrow { font-size:8px }
:root[data-vy-density=compact] .topbar__context { font-size:22px;margin-top:5px }
@media (max-width:1100px) {
.shell .topbar { padding-block:18px;gap:12px }
.topbar .topbar__search { width:clamp(160px,23vw,280px) }
.topbar__search kbd { display:none }
}
@media (max-width:960px) {
.topbar__search-label { display:none }
.topbar .topbar__search { width:44px;padding:0;justify-content:center }
}
@media (min-width:601px) and (max-width:767px) {
.shell .topbar, .shell.shell--norrail .topbar { grid-column:2;grid-row:1;padding:16px 18px }
.topbar .topbar__user { display:inline-flex }
}
@media (max-width:600px) {
.shell .topbar, .shell.shell--norrail .topbar { grid-column:1;gap:8px;padding:max(12px,env(safe-area-inset-top,0px)) 14px 12px;border-bottom:1px solid var(--vy-border-soft) }
.topbar__eyebrow { font-size:7px;letter-spacing:.03em;gap:4px }
.topbar__eyebrow i { width:5px;height:5px }
.topbar__context { font-size:20px;line-height:1.1;margin-top:7px }
.topbar__actions { gap:4px }
.topbar .topbar__search { width:44px;padding:0 }
.topbar .topbar__user { display:none }
.topbar__login { padding-inline:10px }
.topbar__appearance .topbar__density { right:-4px;width:204px }
:root[data-vy-density=compact] .topbar { padding-block:12px }
:root[data-vy-density=compact] .topbar__context { font-size:20px;margin-top:7px }
}
.shell--messenger .topbar, :root[data-vy-density=compact] .shell--messenger .topbar { padding:env(safe-area-inset-top,0px) 16px 0;border-bottom:1px solid var(--vy-border-soft) }
.shell--messenger .topbar__context { display:none }
.shell--messenger .topbar__eyebrow { font-size:9px;letter-spacing:.06em }
.shell--messenger .topbar__search { min-height:44px;padding-block:8px }
.shell--messenger .topbar__actions>.vy-btn--icon, .shell--messenger .topbar__appearance>summary { border-color:transparent }
@media (max-width:600px) {
.shell.shell--messenger .topbar { display:none }
}


/* ---- static-page context overrides (vy-chrome) ---- */
.vy-chrome *, .vy-chrome *::before, .vy-chrome *::after { box-sizing: border-box; }
.vy-chrome--topbar {
  position: sticky; top: 0; z-index: 80;
  display: block; width: 100%;
  background: var(--vy-bg, #f6f8fc);
  padding: 0;
  border: 0;
  grid-column: auto; grid-row: auto; height: auto; max-height: none;
}
.vy-chrome--topbar .topbar__in {
  display: flex; align-items: center; gap: 12px;
  width: 100%; max-width: 1180px; margin: 0 auto;
  padding: env(safe-area-inset-top, 0px) 24px 0 24px;
  min-height: 64px;
}
.vy-chrome--topbar .topbar__brand { margin-right: auto; }
.vy-chrome--topbar .topbar__menu { font: inherit; }
.vy-chrome--footerbar {
  display: block; width: 100%;
  max-width: 1180px; margin: 38px auto 0;
  padding: 0 24px 40px;
}
.vy-chrome--footerbar .eco-footer { margin: 0; width: 100%; }
.vy-chrome .eco-menu { position: fixed; inset: 0; width: auto; margin: auto; }
@media (max-width: 600px) {
  .vy-chrome--topbar .topbar__in { padding: env(safe-area-inset-top,0px) 16px 0 16px; }
  .vy-chrome--footerbar { padding: 0 16px 32px; }
  .vy-chrome--topbar .home-brand-r16>span:not(.home-brand-r16__mark) { font-size: 17px; }
  .vy-chrome--topbar .topbar__actions { gap: 5px; }
  .vy-chrome--topbar .topbar__login { padding-inline: 12px; }
}