:root {
    color-scheme: light;

    /* Samolet Accelerator: high-altitude cabin palette */
    --flight-night: #102833;
    --flight-night-soft: #173743;
    --flight-night-muted: #24505e;
    --flight-mist: #dce7eb;
    --flight-mist-deep: #cfdee3;
    --flight-cloud: #f1f5f4;
    --flight-cloud-strong: #f7f9f8;
    --flight-ink: #142c36;
    --flight-muted: #526c76;
    --flight-subtle: #718790;
    --flight-blue: #177db8;
    --flight-blue-hover: #116795;
    --flight-cyan: #45b6c1;
    --flight-amber: #edb45d;
    --flight-coral: #dd766b;
    --flight-success: #15846c;
    --flight-danger: #c95761;
    --flight-line: rgba(24, 61, 73, 0.16);
    --flight-line-strong: rgba(24, 61, 73, 0.28);
    --flight-line-on-dark: rgba(218, 238, 241, 0.18);

    /* Semantic tokens */
    --color-page: var(--flight-mist);
    --color-band: var(--flight-mist-deep);
    --color-surface: var(--flight-cloud);
    --color-surface-raised: var(--flight-cloud-strong);
    --color-text: var(--flight-ink);
    --color-text-muted: var(--flight-muted);
    --color-border: var(--flight-line);
    --color-action: var(--flight-blue);
    --color-action-hover: var(--flight-blue-hover);
    --color-focus: var(--flight-cyan);

    --font-sans: "IBM Plex Sans", "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
    --font-display: var(--font-sans);
    --font-body: var(--font-sans);
    --content-max: 1240px;
    --content-gutter: clamp(18px, 3vw, 32px);
    --section-space: clamp(76px, 9vw, 124px);
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 24px;
    --space-6: 32px;
    --space-7: 48px;
    --radius-xs: 4px;
    --radius-sm: 6px;
    --radius: 8px;
    --shadow-sm: 0 8px 20px rgba(14, 44, 55, 0.07);
    --shadow-md: 0 18px 46px rgba(14, 44, 55, 0.1);
    --shadow-action: 0 12px 28px rgba(17, 103, 149, 0.22);

    /* Compatibility with the previous UI layers */
    --sky-page: var(--flight-mist);
    --sky-surface: var(--flight-cloud);
    --sky-surface-soft: var(--flight-mist-deep);
    --sky-primary: var(--flight-blue);
    --sky-primary-hover: var(--flight-blue-hover);
    --sky-cyan: var(--flight-cyan);
    --sky-ink: var(--flight-ink);
    --sky-muted: var(--flight-muted);
    --sky-line: var(--flight-line);
    --sky-highlight: var(--flight-amber);
    --sky-success: var(--flight-success);
    --sky-danger: var(--flight-danger);
    --bg: var(--color-page);
    --bg-soft: var(--color-band);
    --panel: var(--color-surface);
    --panel-2: var(--color-surface-raised);
    --panel-strong: var(--color-surface-raised);
    --text: var(--color-text);
    --muted: var(--color-text-muted);
    --line: var(--color-border);
    --line-soft: rgba(24, 61, 73, 0.09);
    --yellow: var(--color-action);
    --yellow-soft: var(--flight-cyan);
    --shadow: var(--shadow-md);

    --admin-bg: #0c2029;
    --admin-bg-2: #102833;
    --admin-surface: #15343f;
    --admin-surface-2: #193c48;
    --admin-surface-3: #204854;
    --admin-border: rgba(210, 235, 239, 0.14);
    --admin-border-strong: rgba(210, 235, 239, 0.25);
    --admin-text: #edf5f5;
    --admin-muted: #9bb0b7;
    --admin-gold: #53bdc5;
    --admin-gold-soft: #8ad5d7;
    --admin-green: #54c49d;
    --admin-red: #ef8179;
    --admin-blue: #66b9e7;
    --admin-radius-sm: 6px;
    --admin-radius-md: 8px;
    --admin-radius-lg: 8px;
    --admin-shadow: 0 18px 46px rgba(0, 0, 0, 0.22);
    --admin-shadow-soft: 0 9px 28px rgba(0, 0, 0, 0.16);
}

html {
    background: var(--color-page);
    scroll-behavior: smooth;
}

body,
.home-page,
body:not(.home-page):not(.admin-body) {
    color: var(--color-text) !important;
    background: var(--color-page) !important;
    font-family: var(--font-body) !important;
    font-size: 16px;
    line-height: 1.58;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

/* Keep the accessibility shortcut off-canvas until it receives keyboard focus. */
body:not(.admin-body) .skip-link {
    position: fixed;
    z-index: 10000;
    top: 10px;
    left: 10px;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    padding: 10px 14px;
    color: var(--flight-night) !important;
    background: var(--flight-amber) !important;
    border: 2px solid #ffffff;
    border-radius: var(--radius-sm);
    box-shadow: var(--shadow-md);
    font-size: 14px;
    font-weight: 750;
    text-decoration: none;
    transform: translateY(calc(-100% - 20px));
    transition: transform 160ms ease;
}

body:not(.admin-body) .skip-link:focus {
    transform: translateY(0);
}

body::before {
    display: block !important;
    position: fixed !important;
    z-index: 0 !important;
    inset: 0 auto 0 clamp(14px, 3vw, 42px) !important;
    width: 1px !important;
    height: auto !important;
    opacity: 1 !important;
    background: rgba(24, 61, 73, 0.09) !important;
    pointer-events: none;
}

body::after {
    display: block !important;
    position: fixed !important;
    z-index: 0 !important;
    inset: 118px -8vw auto auto !important;
    width: min(680px, 66vw) !important;
    height: 190px !important;
    border: 0 !important;
    border-top: 1px dashed rgba(23, 125, 184, 0.2) !important;
    border-radius: 50% !important;
    background: none !important;
    opacity: 1 !important;
    transform: rotate(-6deg);
    pointer-events: none;
}

body > * {
    position: relative;
    z-index: 1;
}

.container,
body:not(.home-page):not(.admin-body) .container {
    width: min(100%, calc(var(--content-max) + (var(--content-gutter) * 2))) !important;
    max-width: none !important;
    margin-inline: auto !important;
    padding-inline: var(--content-gutter) !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
strong,
b {
    letter-spacing: 0 !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--color-text);
    font-family: var(--font-display) !important;
    font-weight: 700;
    line-height: 1.08;
    text-wrap: balance;
}

p,
li,
label,
input,
select,
textarea,
button {
    font-family: var(--font-body) !important;
}

p,
li {
    text-wrap: pretty;
}

a {
    color: inherit;
    text-underline-offset: 0.2em;
    text-decoration-thickness: 1px;
}

a:not(.btn):not(.premium-button):not(.logo):not(.vip-brand):hover {
    color: var(--color-action);
}

::selection {
    color: var(--flight-night);
    background: rgba(69, 182, 193, 0.35);
}

:focus-visible,
body:not(.admin-body) :focus-visible {
    outline: 3px solid var(--color-focus) !important;
    outline-offset: 3px !important;
}

.site-header,
body:not(.home-page):not(.admin-body) .site-header,
.home-page .site-header,
.payment-hub-header {
    color: #edf5f5 !important;
    background: rgba(16, 40, 51, 0.96) !important;
    border-bottom: 1px solid var(--flight-line-on-dark) !important;
    box-shadow: 0 12px 34px rgba(9, 29, 37, 0.18) !important;
    backdrop-filter: blur(18px) saturate(115%) !important;
}

.header-wrap,
body:not(.home-page):not(.admin-body) .header-wrap {
    min-height: 76px;
    gap: clamp(16px, 2.5vw, 34px);
}

.vip-brand,
.vip-brand .logo-text strong,
body:not(.home-page):not(.admin-body) .logo-text strong,
.home-page .vip-brand .logo-text strong {
    color: #f3f7f7 !important;
    letter-spacing: 0 !important;
}

.vip-brand {
    gap: 11px !important;
}

.vip-brand .logo-text strong {
    max-width: min(40vw, 270px);
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 1.08 !important;
    overflow-wrap: anywhere;
}

.vip-brand .logo-text small,
body:not(.home-page):not(.admin-body) .logo-text small,
.home-page .vip-brand .logo-text small {
    color: #9fb6be !important;
    letter-spacing: 0 !important;
}

.vip-brand-mark,
body:not(.home-page):not(.admin-body) .site-header .logo img,
body:not(.home-page):not(.admin-body) .site-footer .logo img {
    background: #e7eff1 !important;
    border: 1px solid rgba(223, 239, 242, 0.34) !important;
    border-radius: var(--radius-sm) !important;
    box-shadow: inset 0 0 0 1px rgba(16, 40, 51, 0.05) !important;
}

.vip-brand-mark > img,
.vip-product-mark > img {
    filter: none !important;
}

.desktop-nav {
    gap: clamp(18px, 2.2vw, 30px) !important;
}

.desktop-nav a,
body:not(.home-page):not(.admin-body) .desktop-nav a,
.payment-hub-account-link {
    position: relative;
    color: #b8c9ce !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    transition: color 160ms ease;
}

.desktop-nav a::after {
    position: absolute;
    right: 0;
    bottom: -10px;
    left: 0;
    height: 2px;
    content: "";
    background: var(--flight-cyan);
    transform: scaleX(0);
    transform-origin: center;
    transition: transform 160ms ease;
}

.desktop-nav a:hover,
body:not(.home-page):not(.admin-body) .desktop-nav a:hover,
.payment-hub-account-link:hover {
    color: #ffffff !important;
}

.desktop-nav a:hover::after {
    transform: scaleX(1);
}

.btn,
.premium-button,
.header-cta,
.payment-hub-account-link {
    min-height: 48px;
    border-radius: var(--radius-sm) !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    transition: color 160ms ease, background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease !important;
}

.btn:hover,
.premium-button:hover,
.header-cta:hover {
    transform: translateY(-1px);
}

.btn:active,
.premium-button:active,
.header-cta:active {
    transform: translateY(0);
}

.btn-primary,
.premium-button-primary,
.header-cta,
body:not(.home-page):not(.admin-body) .btn-primary,
body:not(.home-page):not(.admin-body) .header-cta,
body:not(.home-page):not(.admin-body) button.btn-primary,
.payment-hub-interface .btn-primary {
    color: #ffffff !important;
    background: var(--color-action) !important;
    border-color: var(--color-action) !important;
    box-shadow: var(--shadow-action) !important;
}

.btn-primary:hover,
.premium-button-primary:hover,
.header-cta:hover,
body:not(.home-page):not(.admin-body) .btn-primary:hover,
body:not(.home-page):not(.admin-body) .header-cta:hover,
body:not(.home-page):not(.admin-body) button.btn-primary:hover {
    color: #ffffff !important;
    background: var(--color-action-hover) !important;
    border-color: var(--color-action-hover) !important;
    box-shadow: 0 15px 34px rgba(17, 103, 149, 0.28) !important;
}

.btn-ghost,
.btn-quiet,
.premium-button-secondary,
body:not(.home-page):not(.admin-body) .btn-ghost {
    color: var(--flight-ink) !important;
    background: rgba(247, 249, 248, 0.72) !important;
    border-color: var(--flight-line-strong) !important;
    box-shadow: none !important;
}

.btn-ghost:hover,
.btn-quiet:hover,
.premium-button-secondary:hover,
body:not(.home-page):not(.admin-body) .btn-ghost:hover {
    color: var(--flight-blue-hover) !important;
    background: var(--flight-cloud-strong) !important;
    border-color: rgba(23, 125, 184, 0.42) !important;
}

.site-header .header-cta {
    color: var(--flight-night) !important;
    background: var(--flight-amber) !important;
    border-color: var(--flight-amber) !important;
    box-shadow: 0 10px 24px rgba(237, 180, 93, 0.18) !important;
}

.site-header .header-cta:hover {
    color: var(--flight-night) !important;
    background: #f3c174 !important;
    border-color: #f3c174 !important;
}

.mobile-menu {
    color: #edf5f5 !important;
    background: var(--flight-night-soft) !important;
    border-color: var(--flight-line-on-dark) !important;
    border-radius: var(--radius) !important;
    box-shadow: 0 22px 50px rgba(6, 23, 30, 0.28) !important;
}

.mobile-menu-link,
.burger {
    color: #dce9eb !important;
    border-color: var(--flight-line-on-dark) !important;
}

.mobile-menu-link:hover {
    color: #ffffff !important;
    background: rgba(69, 182, 193, 0.11) !important;
}

.burger span {
    background: #e8f1f2 !important;
}

.site-footer,
body:not(.home-page):not(.admin-body) .site-footer,
.home-page .site-footer {
    color: #e8f1f2 !important;
    background: var(--flight-night) !important;
    border-top: 1px solid var(--flight-line-on-dark) !important;
}

.site-footer p,
.site-footer small,
.site-footer .footer-lead,
.site-footer .footer-disclaimer,
.site-footer .footer-copy {
    color: #9db2b9 !important;
}

.site-footer a {
    color: #c9d9dd !important;
}

.site-footer a:hover,
.footer-title {
    color: #ffffff !important;
}

.home-page {
    --page-bg: var(--flight-mist);
    --surface-primary: var(--flight-cloud);
    --surface-secondary: var(--flight-mist-deep);
    --surface-elevated: var(--flight-cloud-strong);
    --border-primary: var(--flight-line);
    --border-secondary: var(--flight-line-strong);
    --text-primary: var(--flight-ink);
    --text-secondary: var(--flight-muted);
    --text-tertiary: var(--flight-subtle);
    --accent-peach: var(--flight-blue);
    --accent-peach-hover: var(--flight-blue-hover);
    --accent-pink: var(--flight-cyan);
    --accent-pink-dark: #338f99;
    --accent-orange: var(--flight-amber);
    --success: var(--flight-success);
    --premium-radius: var(--radius);
    --premium-radius-sm: var(--radius-sm);
}

.premium-home-main,
.premium-hero,
.premium-section {
    color: var(--flight-ink) !important;
    background: transparent !important;
}

.premium-section {
    padding-block: var(--section-space) !important;
    border-top: 1px solid rgba(24, 61, 73, 0.08);
}

.premium-section:nth-of-type(even),
.premium-secure,
.premium-faq {
    background: rgba(207, 222, 227, 0.58) !important;
}

.premium-section-heading {
    gap: var(--space-4) !important;
    margin-bottom: clamp(34px, 5vw, 58px) !important;
}

.premium-section-heading h2 {
    max-width: 820px;
}

.premium-product-name,
.premium-kicker,
.premium-benefit-copy > span,
.section-kicker {
    color: var(--flight-blue-hover) !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
}

.premium-hero h1,
.premium-section h2,
.premium-section h3,
.premium-section strong,
.premium-section b,
.premium-faq-item summary,
.premium-comparison-table strong {
    color: var(--flight-ink) !important;
    letter-spacing: 0 !important;
}

.premium-hero-lead,
.premium-section p,
.premium-section small,
.premium-section-heading > p:last-child,
.premium-benefit-copy p {
    color: var(--flight-muted) !important;
}

.premium-hero-offer-v2,
.premium-benefit-card,
.premium-advantage-card,
.premium-connection-card,
.premium-download-card,
.premium-device-hub,
.premium-pricing-card,
.premium-tariff-card,
.premium-support-card,
.premium-faq-item,
.premium-payment-showcase,
.premium-payment-showcase-offer,
.premium-comparison-shell {
    color: var(--flight-ink) !important;
    background: var(--flight-cloud) !important;
    border: 1px solid var(--flight-line) !important;
    border-radius: var(--radius) !important;
    box-shadow: var(--shadow-sm) !important;
}

.premium-hero-offer-v2,
.premium-benefit-card,
.premium-advantage-card,
.premium-connection-card,
.premium-download-card,
.premium-pricing-card,
.premium-tariff-card,
.premium-support-card,
.premium-payment-showcase-offer {
    transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease !important;
}

.premium-benefit-card:hover,
.premium-advantage-card:hover,
.premium-tariff-card:hover {
    border-color: rgba(23, 125, 184, 0.3) !important;
    box-shadow: var(--shadow-md) !important;
    transform: translateY(-2px);
}

.premium-benefit-card::before,
.premium-benefits-bento::before,
.premium-support-bubbles-orbit,
.premium-hero-orbit {
    opacity: 0.12 !important;
    filter: none !important;
}

.premium-benefit-visual,
.premium-device-hub-head,
.premium-device-hub-item,
.premium-connection-switch,
.premium-badges span,
.premium-reliability-benefits span,
.premium-faq-signals span,
.premium-support-contact-item {
    color: var(--flight-ink) !important;
    background: rgba(220, 231, 235, 0.72) !important;
    border-color: var(--flight-line) !important;
    border-radius: var(--radius-sm) !important;
}

.premium-connection-switch button {
    color: var(--flight-muted) !important;
}

.premium-connection-switch button:hover {
    color: var(--flight-blue-hover) !important;
}

.premium-connection-switch button.is-active,
.premium-carousel-dots button.is-active {
    color: #ffffff !important;
    background: var(--flight-blue) !important;
    border-color: var(--flight-blue) !important;
}

.premium-tariff-card.is-highlighted,
.premium-tariff-card.is-featured,
.seo-tariff-card.is-featured {
    border-color: var(--flight-blue) !important;
    box-shadow: 0 20px 48px rgba(17, 103, 149, 0.16) !important;
}

.premium-tariff-card.is-highlighted::before,
.premium-tariff-card.is-featured::before,
.seo-tariff-card.is-featured::before,
.premium-tariff-badge {
    color: var(--flight-night) !important;
    background: var(--flight-amber) !important;
}

.premium-quality-level,
.premium-device-hub-flow span i,
.premium-comparison-row,
.premium-comparison-head {
    color: var(--flight-muted) !important;
    background: rgba(220, 231, 235, 0.64) !important;
    border-color: var(--flight-line) !important;
}

.premium-quality-level.is-active,
.premium-device-hub-flow span.is-active i,
.premium-device-hub-flow span.is-done i {
    color: #ffffff !important;
    background: var(--flight-blue) !important;
    border-color: var(--flight-blue) !important;
    box-shadow: none !important;
}

.premium-access-pass::after {
    content: "Самолёт" !important;
    right: 18px !important;
    color: rgba(23, 125, 184, 0.08) !important;
    font-size: clamp(34px, 6vw, 68px) !important;
    letter-spacing: 0 !important;
}

/* The map now owns its complete visual system in premium-map.css. */

body:not(.home-page):not(.admin-body) {
    --premium-page-bg: var(--flight-mist);
    --premium-surface: var(--flight-cloud);
    --premium-surface-2: var(--flight-mist-deep);
    --premium-surface-3: var(--flight-cloud-strong);
    --premium-border: var(--flight-line);
    --premium-border-strong: var(--flight-line-strong);
    --premium-text: var(--flight-ink);
    --premium-muted: var(--flight-muted);
    --premium-peach: var(--flight-blue);
    --premium-peach-hover: var(--flight-blue-hover);
    --premium-pink: var(--flight-cyan);
    --premium-orange: var(--flight-amber);
    --premium-success: var(--flight-success);
    --premium-danger: var(--flight-danger);
}

body:not(.home-page):not(.admin-body) h1,
body:not(.home-page):not(.admin-body) h2,
body:not(.home-page):not(.admin-body) h3,
body:not(.home-page):not(.admin-body) strong,
body:not(.home-page):not(.admin-body) b {
    color: var(--flight-ink);
}

.card,
.account-card,
.account-auth-card,
.account-auth-aside,
.account-access-card,
.account-status-tile,
.account-plan-card,
.account-recovery-card,
.order-card,
.order-main,
.order-secondary-panel,
.order-support-band,
.payment-help-card,
.payment-help-support,
.legal-page article,
.legal-content,
.seo-device-card,
.seo-card,
.seo-info-card,
.seo-flow-card,
.seo-tariff-card,
.checkout-card,
.checkout-overview,
.checkout-payment-panel,
.checkout-payment-card,
.order-device-panel,
.order-qr-card,
.order-key-strip {
    color: var(--flight-ink) !important;
    background: var(--flight-cloud) !important;
    border-color: var(--flight-line) !important;
    border-radius: var(--radius) !important;
    box-shadow: var(--shadow-sm) !important;
}

input,
select,
textarea,
.input,
.checkout-email-field {
    min-height: 48px;
    color: var(--flight-ink) !important;
    background: var(--flight-cloud-strong) !important;
    border: 1px solid var(--flight-line-strong) !important;
    border-radius: var(--radius-sm) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7) !important;
    transition: border-color 160ms ease, box-shadow 160ms ease, background-color 160ms ease !important;
}

textarea {
    min-height: 112px;
}

input:hover,
select:hover,
textarea:hover {
    border-color: rgba(23, 125, 184, 0.35) !important;
}

input:focus,
select:focus,
textarea:focus {
    background: #ffffff !important;
    border-color: var(--flight-blue) !important;
    box-shadow: 0 0 0 4px rgba(69, 182, 193, 0.16) !important;
    outline: none !important;
}

input::placeholder,
textarea::placeholder {
    color: #7b9098 !important;
    opacity: 1;
}

input:disabled,
select:disabled,
textarea:disabled,
button:disabled,
.btn[aria-disabled="true"] {
    cursor: not-allowed;
    opacity: 0.56;
}

label {
    color: var(--flight-ink);
    font-weight: 600;
}

.account-note,
.order-note,
.legal-page p,
.seo-page p,
.payment-help-page p,
.checkout-legal-note {
    color: var(--flight-muted) !important;
}

.account-status-pill--success,
.status-success,
.is-success {
    color: #08634f !important;
    background: #d9efe8 !important;
    border-color: #9dcebe !important;
}

.account-status-pill--pending,
.status-pending {
    color: #755017 !important;
    background: #f6e7c9 !important;
    border-color: #dfbf80 !important;
}

.account-alert-error,
.status-error,
.is-error {
    color: #8c3139 !important;
    background: #f5dfe0 !important;
    border-color: #dfadb1 !important;
}

.subscription-terms-backdrop {
    background: rgba(8, 27, 35, 0.68) !important;
    backdrop-filter: blur(8px);
}

.subscription-terms-dialog {
    color: var(--flight-ink) !important;
    background: var(--flight-cloud-strong) !important;
    border: 1px solid var(--flight-line) !important;
    border-radius: var(--radius) !important;
    box-shadow: 0 28px 76px rgba(8, 27, 35, 0.28) !important;
}

.admin-body {
    color: var(--admin-text) !important;
    background: var(--admin-bg) !important;
}

.admin-sidebar,
.admin-topbar,
.admin-login-card,
.admin-panel-card,
.admin-metric-card,
.admin-dashboard-answer,
.admin-dashboard-audience-card,
.admin-order-meta-card,
.admin-subscription-charge-card,
.admin-settings-card,
.admin-settings-edit-card {
    color: var(--admin-text) !important;
    background: var(--admin-surface) !important;
    border-color: var(--admin-border) !important;
    border-radius: var(--admin-radius-md) !important;
    box-shadow: var(--admin-shadow-soft) !important;
}

.admin-sidebar-logo,
.admin-sidebar-brand,
.admin-sidebar-user,
.admin-topbar,
.admin-body h1,
.admin-body h2,
.admin-body h3,
.admin-body strong,
.admin-body b {
    color: var(--admin-text) !important;
}

.admin-sidebar-logo em {
    color: var(--admin-gold) !important;
    font-size: 10px !important;
    letter-spacing: 0 !important;
    overflow-wrap: anywhere;
}

.admin-sidebar-nav a,
.admin-nav-link,
.admin-mobile-nav a,
.admin-settings-tab,
.admin-page-link {
    color: var(--admin-muted) !important;
    border-radius: var(--admin-radius-sm) !important;
}

.admin-sidebar-nav a:hover,
.admin-sidebar-nav a.is-active,
.admin-nav-link:hover,
.admin-nav-link.is-active,
.admin-settings-tab.is-active,
.admin-page-link.is-active {
    color: #eff9f9 !important;
    background: rgba(83, 189, 197, 0.11) !important;
    border-color: rgba(83, 189, 197, 0.3) !important;
}

.admin-body table,
.admin-body th,
.admin-body td {
    color: var(--admin-text) !important;
    background: var(--admin-surface) !important;
    border-color: var(--admin-border) !important;
}

.admin-body th,
.admin-body .section-kicker,
.admin-body .admin-eyebrow {
    color: var(--admin-gold-soft) !important;
}

.admin-body p,
.admin-body small,
.admin-body .admin-muted,
.admin-body .admin-note {
    color: var(--admin-muted);
}

.admin-body input,
.admin-body select,
.admin-body textarea {
    color: var(--admin-text) !important;
    background: var(--admin-bg-2) !important;
    border-color: var(--admin-border-strong) !important;
    box-shadow: none !important;
}

.admin-body input:focus,
.admin-body select:focus,
.admin-body textarea:focus {
    color: #ffffff !important;
    background: #0e252f !important;
    border-color: var(--admin-gold) !important;
    box-shadow: 0 0 0 3px rgba(83, 189, 197, 0.14) !important;
}

@media (max-width: 900px) {
    :root {
        --section-space: clamp(64px, 10vw, 88px);
    }

    .header-wrap,
    body:not(.home-page):not(.admin-body) .header-wrap {
        min-height: 68px;
    }
}

@media (max-width: 680px) {
    :root {
        --content-gutter: 18px;
    }

    body::before {
        left: 9px !important;
    }

    body::after {
        top: 96px !important;
        width: 88vw !important;
        height: 120px !important;
        opacity: 0.7 !important;
    }

    .vip-brand {
        gap: 8px !important;
    }

    .vip-brand .logo-text strong {
        max-width: 178px;
        font-size: 14px !important;
    }

    .vip-brand .logo-text small {
        max-width: 178px;
        font-size: 8px !important;
    }

    .premium-section-heading {
        margin-bottom: 30px !important;
    }

    .btn,
    .premium-button,
    .header-cta {
        min-height: 46px;
    }
}



/* Step 3: first-screen composition */
.premium-hero,
.home-page .premium-hero {
    min-height: clamp(610px, calc(100svh - 130px), 740px) !important;
    position: relative;
    padding: clamp(34px, 5vh, 54px) 0 34px !important;
    overflow: hidden;
    background: #d9e6eb !important;
    border-top: 0 !important;
    border-bottom: 1px solid rgba(24, 61, 73, 0.12) !important;
}

.premium-hero::before {
    position: absolute !important;
    z-index: 0 !important;
    top: 18% !important;
    right: -8vw !important;
    width: min(760px, 64vw) !important;
    height: 240px !important;
    content: "" !important;
    background: none !important;
    border: 0 !important;
    border-top: 1px dashed rgba(23, 125, 184, 0.2) !important;
    border-radius: 50% !important;
    filter: none !important;
    transform: rotate(-7deg);
    pointer-events: none;
}

.premium-hero::after {
    position: absolute;
    right: 0;
    bottom: 66px;
    left: 0;
    z-index: 0;
    height: 1px;
    content: "";
    background: rgba(24, 61, 73, 0.07);
    pointer-events: none;
}

.premium-hero-grid,
.home-page .premium-hero-grid {
    min-height: clamp(530px, calc(100svh - 218px), 650px) !important;
    display: grid !important;
    grid-template-columns: minmax(0, 0.94fr) minmax(420px, 1.06fr) !important;
    grid-template-rows: minmax(0, 1fr) auto auto;
    column-gap: clamp(36px, 5vw, 74px) !important;
    row-gap: 20px !important;
    align-items: center !important;
    position: relative;
    z-index: 1;
}

.premium-hero-copy {
    grid-column: 1;
    grid-row: 1;
    align-self: end;
}

.flight-hero-status {
    width: fit-content;
    min-height: 30px;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 20px;
    padding: 6px 10px;
    color: #36545f;
    background: rgba(247, 251, 255, 0.58);
    border: 1px solid rgba(24, 61, 73, 0.13);
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
    line-height: 1;
}

.flight-hero-status-dot {
    width: 7px;
    height: 7px;
    flex: 0 0 7px;
    background: var(--flight-success);
    border-radius: 50%;
    box-shadow: 0 0 0 4px rgba(21, 132, 108, 0.1);
}

.premium-hero .premium-product-name {
    margin: 0 0 12px !important;
    color: var(--flight-blue-hover) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-transform: uppercase;
    letter-spacing: 0.08em !important;
}

.premium-hero .premium-product-name span {
    color: var(--flight-muted) !important;
    background: none !important;
    -webkit-text-fill-color: currentColor;
}

.premium-hero h1,
.home-page .premium-hero h1 {
    max-width: 680px !important;
    margin: 0 !important;
    color: var(--flight-ink) !important;
    font-size: 64px !important;
    font-weight: 700 !important;
    line-height: 0.98 !important;
    letter-spacing: 0 !important;
    text-wrap: balance;
}

.premium-hero h1 em {
    display: block !important;
    margin-top: 5px;
    color: var(--flight-blue) !important;
    font-style: normal;
}

.premium-hero .premium-hero-lead {
    max-width: 590px !important;
    margin: 20px 0 0 !important;
    color: var(--flight-muted) !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
}

.flight-hero-benefits {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 18px;
    margin: 20px 0 0;
    padding: 0;
    list-style: none;
}

.flight-hero-benefits li {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #385660;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.25;
}

.flight-hero-benefits li > span {
    width: 12px;
    height: 1px;
    flex: 0 0 12px;
    background: var(--flight-cyan);
}

.premium-hero .premium-hero-offer-v2 {
    max-width: 680px !important;
    grid-column: 1;
    grid-row: 2;
    align-self: start;
    display: grid !important;
    grid-template-columns: minmax(250px, 1fr) minmax(250px, 0.92fr) !important;
    gap: 18px !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 10px !important;
    color: #edf5f5 !important;
    background: var(--flight-night) !important;
    border: 1px solid rgba(24, 61, 73, 0.16) !important;
    border-radius: 8px !important;
    box-shadow: 0 18px 44px rgba(10, 40, 51, 0.14) !important;
}

.premium-hero .premium-hero-offer-button {
    width: 100% !important;
    min-height: 66px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    margin: 0 !important;
    padding: 11px 14px 11px 17px !important;
    color: var(--flight-night) !important;
    background: var(--flight-amber) !important;
    border: 1px solid var(--flight-amber) !important;
    border-radius: 6px !important;
    box-shadow: none !important;
    text-align: left !important;
}

.premium-hero .premium-hero-offer-button:hover {
    color: var(--flight-night) !important;
    background: #f2c071 !important;
    border-color: #f2c071 !important;
    box-shadow: 0 12px 28px rgba(237, 180, 93, 0.17) !important;
}

.premium-hero .premium-hero-offer-button > .flight-hero-cta-copy {
    min-width: 0;
    display: grid;
    gap: 4px;
    color: var(--flight-night) !important;
    font-size: inherit !important;
    line-height: 1.1;
}

.flight-hero-cta-copy strong {
    color: var(--flight-night) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.1;
    white-space: nowrap;
}

.flight-hero-cta-copy small {
    color: rgba(16, 40, 51, 0.68) !important;
    font-size: 9px !important;
    font-weight: 600;
    line-height: 1.2;
}

.premium-hero .premium-hero-offer-button > .flight-hero-cta-arrow {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    display: grid;
    place-items: center;
    color: #eef5f5 !important;
    background: var(--flight-night);
    border-radius: 4px;
    font-size: 17px !important;
    font-weight: 500 !important;
    line-height: 1;
    transition: transform 160ms ease;
}

.premium-hero-offer-button:hover .flight-hero-cta-arrow {
    transform: translateX(2px);
}

.premium-hero .premium-hero-offer-summary {
    min-width: 0;
    display: grid !important;
    gap: 8px !important;
    padding: 2px 8px 2px 2px !important;
}

.premium-hero .premium-hero-offer-price {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: baseline !important;
    justify-content: flex-start !important;
    gap: 5px !important;
    color: #edf5f5 !important;
    white-space: nowrap !important;
}

.premium-hero .premium-hero-offer-price > span,
.premium-hero .premium-hero-offer-price > del {
    color: #87a1a9 !important;
    font-size: 12px !important;
}

.premium-hero .premium-hero-offer-price > del {
    text-decoration-color: #66828b;
    text-decoration-thickness: 1px;
}

.premium-hero .premium-hero-offer-price > strong {
    color: #ffffff !important;
    font-size: 25px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
}

.premium-hero .premium-hero-offer-price > em {
    color: #b6c8cd !important;
    font-size: 12px !important;
    font-style: normal;
}

.premium-hero .premium-hero-offer-discount {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
}

.premium-hero .premium-hero-offer-discount > b {
    padding: 4px 6px !important;
    color: var(--flight-night) !important;
    background: var(--flight-cyan) !important;
    border-radius: 4px !important;
    box-shadow: none !important;
    font-size: 10px !important;
    font-weight: 700 !important;
}

.premium-hero .premium-hero-offer-discount > span {
    color: #8fa8b0 !important;
    font-size: 10px !important;
    line-height: 1.25 !important;
}

.flight-hero-visual {
    min-width: 0;
    grid-column: 2;
    grid-row: 1 / 3;
    align-self: center;
    position: relative;
}

.flight-hero-visual::before,
.flight-hero-visual::after {
    position: absolute;
    z-index: 0;
    content: "";
    pointer-events: none;
}

.flight-hero-visual::before {
    top: 10%;
    right: -8%;
    bottom: 17%;
    left: 4%;
    border: 1px solid rgba(23, 125, 184, 0.14);
    border-radius: 50%;
    transform: rotate(-9deg);
}

.flight-hero-visual::after {
    top: 18%;
    right: 2%;
    bottom: 25%;
    left: 14%;
    border-top: 1px dashed rgba(69, 182, 193, 0.3);
    border-radius: 50%;
    transform: rotate(13deg);
}

.premium-hero .premium-hero-art {
    width: min(100%, 620px) !important;
    aspect-ratio: 4 / 3;
    position: relative;
    z-index: 1;
    margin: 0 auto -18px !important;
    overflow: hidden;
}

.premium-hero .premium-hero-art::before {
    display: none !important;
}

.premium-hero .premium-hero-art picture,
.premium-hero .premium-hero-art img {
    width: 100% !important;
    height: 100% !important;
    display: block;
}

.premium-hero .premium-hero-art picture {
    position: relative;
    z-index: 1;
}

.premium-hero .premium-hero-art img {
    object-fit: cover !important;
    object-position: center !important;
    filter: none !important;
    mix-blend-mode: normal;
}

.premium-hero .premium-hero-orbit {
    z-index: 0 !important;
    opacity: 1 !important;
    background: none !important;
    border-color: rgba(23, 125, 184, 0.12) !important;
    filter: none !important;
}

.premium-hero .premium-hero-orbit-two {
    border-color: rgba(69, 182, 193, 0.16) !important;
}

.flight-hero-telemetry {
    width: min(92%, 540px);
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 0 auto;
    padding: 0;
    background: rgba(247, 251, 255, 0.62);
    border-top: 1px solid rgba(24, 61, 73, 0.16);
    border-bottom: 1px solid rgba(24, 61, 73, 0.16);
    backdrop-filter: blur(12px);
}

.flight-hero-telemetry > div {
    min-width: 0;
    padding: 10px 13px;
    border-right: 1px solid rgba(24, 61, 73, 0.12);
}

.flight-hero-telemetry > div:last-child {
    border-right: 0;
}

.flight-hero-telemetry dt {
    color: var(--flight-subtle);
    font-size: 8px;
    font-weight: 600;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.flight-hero-telemetry dd {
    margin: 4px 0 0;
    color: var(--flight-ink);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.15;
    white-space: nowrap;
}

.flight-hero-route {
    height: 12px;
    grid-column: 1 / -1;
    grid-row: 3;
    display: grid;
    grid-template-columns: 42px 6px 1fr;
    align-items: center;
    gap: 8px;
    align-self: end;
}

.flight-hero-route span {
    height: 1px;
    background: rgba(24, 61, 73, 0.1);
}

.flight-hero-route span:first-child {
    background: var(--flight-blue);
}

.flight-hero-route i {
    width: 6px;
    height: 6px;
    border: 1px solid var(--flight-amber);
    border-radius: 50%;
}

@media (max-width: 1180px) {
    .premium-hero h1,
    .home-page .premium-hero h1 {
        font-size: 54px !important;
    }

    .premium-hero-grid,
    .home-page .premium-hero-grid {
        grid-template-columns: minmax(0, 0.98fr) minmax(380px, 1.02fr) !important;
        column-gap: 34px !important;
    }

    .premium-hero .premium-hero-offer-v2 {
        grid-template-columns: minmax(225px, 1fr) minmax(210px, 0.86fr) !important;
        gap: 12px !important;
    }
}

@media (max-width: 920px) {
    .premium-hero,
    .home-page .premium-hero {
        min-height: clamp(620px, calc(100svh - 118px), 720px) !important;
    }

    .premium-hero-grid,
    .home-page .premium-hero-grid {
        grid-template-columns: minmax(0, 1fr) minmax(330px, 0.82fr) !important;
        column-gap: 24px !important;
    }

    .premium-hero h1,
    .home-page .premium-hero h1 {
        font-size: 46px !important;
    }

    .premium-hero .premium-hero-lead {
        font-size: 14px !important;
    }

    .premium-hero .premium-hero-offer-v2 {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .premium-hero .premium-hero-offer-summary {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        gap: 10px !important;
        padding: 0 5px 2px !important;
    }
}

@media (max-width: 760px) {
    .premium-hero,
    .home-page .premium-hero {
        min-height: calc(100svh - 118px) !important;
        padding: 24px 0 24px !important;
    }

    .premium-hero::before {
        top: 29% !important;
        right: -42vw !important;
        width: 120vw !important;
        height: 150px !important;
    }

    .premium-hero::after {
        bottom: 45px;
    }

    .premium-hero-grid,
    .home-page .premium-hero-grid {
        min-height: 0 !important;
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-rows: auto auto auto auto !important;
        row-gap: 14px !important;
        align-items: start !important;
    }

    .premium-hero-copy {
        display: block !important;
        grid-column: 1;
        grid-row: 1;
        align-self: start;
    }

    .flight-hero-status {
        min-height: 26px;
        margin-bottom: 13px;
        padding: 5px 8px;
        font-size: 9px;
    }

    .premium-hero .premium-product-name {
        margin-bottom: 8px !important;
        font-size: 10px !important;
    }

    .premium-hero h1,
    .home-page .premium-hero h1 {
        max-width: 520px !important;
        font-size: 42px !important;
        line-height: 0.98 !important;
    }

    .premium-hero h1 em {
        margin-top: 3px;
    }

    .premium-hero .premium-hero-lead {
        max-width: 520px !important;
        margin-top: 13px !important;
        font-size: 13px !important;
        line-height: 1.4 !important;
    }

    .flight-hero-benefits {
        gap: 6px 14px;
        margin-top: 13px;
    }

    .flight-hero-benefits li {
        font-size: 10px;
    }

    .flight-hero-benefits li > span {
        width: 9px;
        flex-basis: 9px;
    }

    .flight-hero-visual {
        width: min(100%, 330px);
        grid-column: 1;
        grid-row: 2;
        justify-self: center;
    }

    .premium-hero .premium-hero-art {
        width: min(100%, 290px) !important;
        aspect-ratio: 5 / 4;
        margin: -8px auto -26px !important;
    }

    .flight-hero-telemetry {
        width: min(100%, 330px);
    }

    .flight-hero-telemetry > div {
        padding: 7px 9px;
    }

    .flight-hero-telemetry dt {
        font-size: 7px;
    }

    .flight-hero-telemetry dd {
        font-size: 10px;
    }

    .premium-hero .premium-hero-offer-v2 {
        width: 100% !important;
        max-width: 520px !important;
        grid-column: 1;
        grid-row: 3;
        grid-template-columns: minmax(0, 1.08fr) minmax(150px, 0.92fr) !important;
        gap: 8px !important;
        justify-self: start;
        padding: 8px !important;
    }

    .premium-hero .premium-hero-offer-button {
        min-height: 58px !important;
        padding: 9px 10px 9px 12px !important;
    }

    .flight-hero-cta-copy strong {
        font-size: 13px !important;
    }

    .flight-hero-cta-copy small {
        font-size: 8px !important;
    }

    .premium-hero .premium-hero-offer-button > .flight-hero-cta-arrow {
        width: 30px;
        height: 30px;
        flex-basis: 30px;
    }

    .premium-hero .premium-hero-offer-summary {
        display: grid !important;
        align-content: center;
        gap: 6px !important;
        padding: 0 3px !important;
    }

    .premium-hero .premium-hero-offer-price > span,
    .premium-hero .premium-hero-offer-price > del,
    .premium-hero .premium-hero-offer-price > em {
        font-size: 9px !important;
    }

    .premium-hero .premium-hero-offer-price > strong {
        font-size: 19px !important;
    }

    .premium-hero .premium-hero-offer-discount > span {
        font-size: 8px !important;
    }

    .flight-hero-route {
        grid-column: 1;
        grid-row: 4;
        margin-top: 2px;
    }
}

@media (max-width: 420px) {
    .premium-hero h1,
    .home-page .premium-hero h1 {
        font-size: 36px !important;
    }

    .premium-hero .premium-hero-lead {
        font-size: 12px !important;
    }

    .flight-hero-benefits {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 6px;
    }

    .flight-hero-benefits li {
        align-items: flex-start;
        font-size: 9px;
    }

    .flight-hero-benefits li > span {
        margin-top: 5px;
    }

    .premium-hero .premium-hero-art {
        width: 250px !important;
        margin-top: -12px !important;
    }

    .premium-hero .premium-hero-offer-v2 {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .premium-hero .premium-hero-offer-summary {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        padding: 0 4px 2px !important;
    }
}

/* Step 6: inner product screens */
.inner-app-page {
    min-height: 100vh;
    color: var(--flight-ink) !important;
    background: var(--flight-mist) !important;
}

.inner-app-page main {
    overflow: hidden;
}

.inner-app-page .section-panel,
.inner-app-page .section {
    padding-block: 72px;
}

.inner-app-page h1 {
    font-size: 46px;
    line-height: 1.02;
}

.inner-app-page h2 {
    font-size: 30px;
    line-height: 1.08;
}

.inner-app-page h3 {
    font-size: 19px;
    line-height: 1.15;
}

.inner-app-page .section-kicker,
.inner-app-page .seo-eyebrow {
    margin: 0 0 12px;
    color: var(--flight-blue) !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase;
}

.inner-app-page .section-kicker::before,
.inner-app-page .seo-eyebrow::before {
    content: "";
    width: 28px;
    height: 1px;
    margin-right: 10px;
    background: currentColor;
}

.inner-app-page .section-subtitle {
    color: var(--flight-muted) !important;
    font-size: 17px !important;
    line-height: 1.62 !important;
}

.inner-app-page .btn,
.inner-app-page button[type="submit"] {
    min-height: 48px;
    border-radius: var(--radius-sm) !important;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 0 !important;
    transition: color 160ms ease, background-color 160ms ease, border-color 160ms ease, transform 160ms ease, box-shadow 160ms ease;
}

.inner-app-page .btn-primary,
.inner-app-page button[type="submit"].btn-primary {
    color: var(--flight-night) !important;
    background: var(--flight-amber) !important;
    border-color: var(--flight-amber) !important;
    box-shadow: 0 10px 24px rgba(122, 84, 29, 0.18) !important;
}

.inner-app-page .btn-primary:hover,
.inner-app-page button[type="submit"].btn-primary:hover {
    color: var(--flight-night) !important;
    background: #f2c477 !important;
    border-color: #f2c477 !important;
    transform: translateY(-1px);
    box-shadow: 0 14px 30px rgba(122, 84, 29, 0.24) !important;
}

.inner-app-page .btn-ghost {
    color: var(--flight-ink) !important;
    background: transparent !important;
    border-color: var(--flight-line-strong) !important;
    box-shadow: none !important;
}

.inner-app-page .btn-ghost:hover {
    color: var(--flight-blue) !important;
    background: rgba(247, 249, 248, 0.72) !important;
    border-color: var(--flight-blue) !important;
}

.inner-app-page input:not([type="hidden"]),
.inner-app-page select,
.inner-app-page textarea {
    min-height: 52px;
    color: var(--flight-ink) !important;
    background: #ffffff !important;
    border: 1px solid var(--flight-line-strong) !important;
    border-radius: var(--radius-sm) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8) !important;
}

.inner-app-page input:not([type="hidden"]):hover,
.inner-app-page select:hover,
.inner-app-page textarea:hover {
    border-color: rgba(23, 125, 184, 0.55) !important;
}

.inner-app-page input:not([type="hidden"]):focus,
.inner-app-page select:focus,
.inner-app-page textarea:focus {
    border-color: var(--flight-blue) !important;
    box-shadow: 0 0 0 3px rgba(23, 125, 184, 0.13) !important;
}

.inner-app-page :disabled,
.inner-app-page [aria-disabled="true"] {
    cursor: not-allowed !important;
    opacity: 0.56 !important;
    transform: none !important;
    box-shadow: none !important;
}

.inner-app-page .account-alert {
    margin: 0 0 18px;
    padding: 15px 17px !important;
    color: var(--flight-ink) !important;
    border: 1px solid var(--flight-line) !important;
    border-left: 4px solid var(--flight-blue) !important;
    border-radius: var(--radius-sm) !important;
    background: rgba(247, 249, 248, 0.9) !important;
    box-shadow: none !important;
}

.inner-app-page .account-alert-success {
    border-left-color: var(--flight-success) !important;
    background: #e7f2ed !important;
}

.inner-app-page .account-alert-error {
    border-left-color: var(--flight-danger) !important;
    background: #f8e8e8 !important;
}

/* Checkout: route briefing plus one focused payment tool. */
.checkout-interface .checkout-page {
    min-height: 720px;
    padding-block: 64px 90px !important;
    background: var(--flight-night) !important;
}

.checkout-interface .checkout-shell--v2 {
    display: grid !important;
    grid-template-columns: minmax(260px, 0.72fr) minmax(520px, 1.28fr) !important;
    gap: 64px !important;
    align-items: start !important;
}

.checkout-interface .checkout-overview {
    position: sticky;
    top: 112px;
    padding: 26px 0 !important;
    color: #edf5f5;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.checkout-interface .checkout-overview .section-kicker {
    color: var(--flight-cyan) !important;
}

.checkout-interface .checkout-overview h1 {
    max-width: 520px;
    margin: 0;
    color: #ffffff !important;
}

.checkout-interface .checkout-overview .section-subtitle {
    max-width: 520px;
    margin: 20px 0 0;
    color: #a9bdc3 !important;
}

.checkout-interface .checkout-benefit-list {
    display: grid;
    gap: 0 !important;
    margin: 34px 0 0 !important;
    padding: 0 !important;
    list-style: none;
    border-top: 1px solid var(--flight-line-on-dark);
}

.checkout-interface .checkout-benefit-list li {
    display: grid !important;
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 14px;
    align-items: center;
    min-height: 66px;
    padding: 12px 0 !important;
    color: #d5e2e5 !important;
    border: 0 !important;
    border-bottom: 1px solid var(--flight-line-on-dark) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.checkout-interface .checkout-benefit-list li > span {
    display: grid;
    width: 28px;
    height: 28px;
    place-items: center;
    color: var(--flight-amber) !important;
    border: 1px solid rgba(237, 180, 93, 0.48) !important;
    border-radius: 50% !important;
    background: transparent !important;
    font-size: 12px;
}

.checkout-interface .checkout-benefit-list strong {
    color: #d5e2e5 !important;
    font-size: 14px;
    font-weight: 600;
}

.checkout-interface .checkout-payment-panel {
    padding: 30px !important;
    color: var(--flight-ink) !important;
    background: var(--flight-cloud-strong) !important;
    border: 1px solid rgba(255, 255, 255, 0.58) !important;
    border-radius: var(--radius) !important;
    box-shadow: 0 28px 72px rgba(4, 19, 25, 0.34) !important;
}

.checkout-interface .checkout-plan-picker {
    margin: -4px 0 26px;
}

.checkout-interface .checkout-plan-picker > p {
    margin: 0 0 11px;
    color: var(--flight-muted) !important;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
}

.checkout-interface .checkout-plan-switch {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px !important;
}

.checkout-interface .checkout-plan-option {
    position: relative;
    display: grid !important;
    min-width: 0;
    min-height: 112px;
    align-content: start;
    gap: 3px;
    padding: 14px !important;
    color: var(--flight-ink) !important;
    text-decoration: none;
    background: transparent !important;
    border: 1px solid var(--flight-line) !important;
    border-radius: var(--radius-sm) !important;
    box-shadow: none !important;
}

.checkout-interface .checkout-plan-option:hover {
    color: var(--flight-ink) !important;
    border-color: var(--flight-blue) !important;
}

.checkout-interface .checkout-plan-option.is-selected {
    color: #ffffff !important;
    background: var(--flight-blue) !important;
    border-color: var(--flight-blue) !important;
}

.checkout-interface .checkout-plan-option span,
.checkout-interface .checkout-plan-option small {
    color: var(--flight-muted) !important;
}

.checkout-interface .checkout-plan-option strong {
    color: var(--flight-ink) !important;
    font-size: 18px;
}

.checkout-interface .checkout-plan-option.is-selected span,
.checkout-interface .checkout-plan-option.is-selected strong,
.checkout-interface .checkout-plan-option.is-selected small {
    color: #ffffff !important;
}

.checkout-interface .checkout-plan-option em {
    width: max-content;
    max-width: 100%;
    margin-top: 6px;
    color: var(--flight-night) !important;
    background: var(--flight-amber) !important;
    border-radius: var(--radius-xs) !important;
    font-size: 10px;
    font-style: normal;
    font-weight: 800;
}

.checkout-interface .checkout-payment-heading {
    display: grid !important;
    grid-template-columns: 52px minmax(0, 1fr) auto;
    gap: 14px !important;
    align-items: center;
    margin: 0 !important;
    padding: 18px 0 !important;
    border-top: 1px solid var(--flight-line) !important;
    border-bottom: 1px solid var(--flight-line) !important;
    background: transparent !important;
}

.checkout-interface .checkout-payment-icon {
    width: 48px !important;
    height: 48px !important;
    border-radius: var(--radius-sm) !important;
    background: var(--flight-night) !important;
}

.checkout-interface .checkout-payment-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.checkout-interface .checkout-payment-copy {
    display: grid;
    gap: 1px;
}

.checkout-interface .checkout-payment-copy span,
.checkout-interface .checkout-payment-copy small {
    color: var(--flight-muted) !important;
}

.checkout-interface .checkout-payment-copy strong,
.checkout-interface .checkout-payment-price {
    color: var(--flight-ink) !important;
}

.checkout-interface .checkout-payment-price {
    font-size: 25px !important;
    white-space: nowrap;
}

.checkout-interface .checkout-form {
    display: grid;
    gap: 18px !important;
    margin-top: 22px;
}

.checkout-interface .checkout-email-field {
    display: grid;
    gap: 7px;
}

.checkout-interface .checkout-email-field > span {
    color: var(--flight-ink) !important;
    font-size: 13px;
    font-weight: 800;
}

.checkout-interface .checkout-email-field small,
.checkout-interface .checkout-legal-note {
    color: var(--flight-muted) !important;
}

.checkout-interface .checkout-renewal-summary {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 1px solid var(--flight-line) !important;
    border-radius: var(--radius-sm) !important;
}

.checkout-interface .checkout-renewal-summary > div {
    display: grid;
    gap: 4px;
    padding: 13px;
    border-right: 1px solid var(--flight-line);
}

.checkout-interface .checkout-renewal-summary > div:last-child {
    border-right: 0;
}

.checkout-interface .checkout-renewal-summary small {
    color: var(--flight-muted) !important;
}

.checkout-interface .checkout-renewal-summary strong {
    color: var(--flight-ink) !important;
    font-size: 13px;
}

.checkout-interface .checkout-form .btn-xl {
    width: 100%;
    min-height: 58px;
    margin-top: 2px;
    font-size: 16px;
}

.checkout-interface .checkout-payment-methods,
.checkout-interface .checkout-payment-trust {
    display: flex !important;
    flex-wrap: wrap;
    gap: 8px 16px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.checkout-interface .checkout-payment-method,
.checkout-interface .checkout-payment-trust span {
    padding: 0 !important;
    color: var(--flight-muted) !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    font-size: 12px;
}

.checkout-interface .checkout-payment-trust b {
    color: var(--flight-success) !important;
}

.checkout-interface .checkout-legal-note {
    margin: 0;
    font-size: 11px !important;
    line-height: 1.55 !important;
}

.checkout-interface .checkout-legal-note a {
    color: var(--flight-blue) !important;
}

.checkout-interface .checkout-details {
    margin-top: 22px;
    padding-top: 18px;
    border-top: 1px solid var(--flight-line);
}

.checkout-interface .checkout-details summary {
    color: var(--flight-blue) !important;
    font-size: 13px;
    font-weight: 800;
}

.checkout-interface .checkout-details dl,
.checkout-interface .checkout-details dl > div {
    color: var(--flight-ink) !important;
    background: transparent !important;
}

/* Order: a clear operational timeline with one primary workspace. */
.order-interface .order-page {
    padding-block: 56px 90px !important;
}

.order-interface .order-shell {
    max-width: 1120px !important;
}

.order-interface .order-main {
    padding: 34px !important;
    background: var(--flight-cloud-strong) !important;
    border: 1px solid rgba(255, 255, 255, 0.7) !important;
    border-radius: var(--radius) !important;
    box-shadow: var(--shadow-md) !important;
}

.order-interface .order-progress {
    display: grid !important;
    grid-template-columns: auto minmax(24px, 1fr) auto minmax(24px, 1fr) auto;
    align-items: center;
    margin: 0 0 34px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
}

.order-interface .order-progress > span {
    display: grid;
    grid-template-columns: 28px auto;
    gap: 8px;
    align-items: center;
    color: var(--flight-subtle) !important;
}

.order-interface .order-progress b {
    display: grid;
    width: 28px;
    height: 28px;
    place-items: center;
    color: var(--flight-muted) !important;
    border: 1px solid var(--flight-line-strong) !important;
    border-radius: 50% !important;
    background: transparent !important;
}

.order-interface .order-progress small {
    color: inherit !important;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
}

.order-interface .order-progress > span.is-current,
.order-interface .order-progress > span.is-done {
    color: var(--flight-ink) !important;
}

.order-interface .order-progress > span.is-current b,
.order-interface .order-progress > span.is-done b {
    color: #ffffff !important;
    background: var(--flight-blue) !important;
    border-color: var(--flight-blue) !important;
}

.order-interface .order-progress > span.is-error b {
    background: var(--flight-danger) !important;
    border-color: var(--flight-danger) !important;
}

.order-interface .order-progress > i {
    width: 100%;
    height: 1px;
    background: var(--flight-line-strong) !important;
}

.order-interface .order-experience {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.order-interface .order-experience-summary {
    padding: 26px 0 34px !important;
    border-top: 1px solid var(--flight-line) !important;
    border-bottom: 1px solid var(--flight-line) !important;
}

.order-interface .order-state-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}

.order-interface .order-state-mark {
    display: grid !important;
    width: 54px !important;
    height: 54px !important;
    place-items: center;
    color: #ffffff !important;
    background: var(--flight-blue) !important;
    border: 0 !important;
    border-radius: var(--radius-sm) !important;
    box-shadow: none !important;
}

.order-interface .order-experience--failed .order-state-mark,
.order-interface .order-experience--email_failed .order-state-mark {
    background: var(--flight-danger) !important;
}

.order-interface .order-experience--pending .order-state-mark,
.order-interface .order-experience--creating .order-state-mark {
    color: var(--flight-night) !important;
    background: var(--flight-amber) !important;
}

.order-interface .order-status {
    display: grid;
    gap: 2px;
    min-width: 150px;
    padding: 10px 12px !important;
    text-align: right;
    background: transparent !important;
    border: 0 !important;
    border-right: 3px solid var(--flight-blue) !important;
    border-radius: 0 !important;
}

.order-interface .order-status span {
    color: var(--flight-muted) !important;
    font-size: 10px;
    text-transform: uppercase;
}

.order-interface .order-status strong {
    color: var(--flight-ink) !important;
}

.order-interface .order-experience-summary h1 {
    max-width: 760px;
    margin: 28px 0 12px;
}

.order-interface .order-experience-summary > p {
    max-width: 720px;
    color: var(--flight-muted) !important;
    font-size: 17px;
}

.order-interface .order-experience-facts {
    display: flex !important;
    flex-wrap: wrap;
    gap: 0 !important;
    margin-top: 24px;
    border-top: 1px solid var(--flight-line);
}

.order-interface .order-experience-facts span {
    padding: 10px 18px 0 0 !important;
    margin-right: 18px;
    color: var(--flight-muted) !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
}

.order-interface .order-connect-workspace {
    margin-top: 34px;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.order-interface .order-connect-workspace-head,
.order-interface .order-secondary-panel-head {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    padding-bottom: 14px;
    border-bottom: 1px solid var(--flight-line);
}

.order-interface .order-connect-workspace-head span,
.order-interface .order-connect-device-head span,
.order-interface .order-key-strip-title span {
    color: var(--flight-blue) !important;
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
}

.order-interface .order-connect-workspace-head strong {
    color: var(--flight-ink) !important;
}

.order-interface .order-connect-panel {
    padding: 26px 0 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.order-interface .order-connect-device-head {
    display: flex;
    gap: 14px;
    align-items: center;
}

.order-interface .order-connect-device-icon {
    display: grid;
    width: 50px !important;
    height: 50px !important;
    place-items: center;
    background: var(--flight-mist) !important;
    border: 1px solid var(--flight-line) !important;
    border-radius: var(--radius-sm) !important;
}

.order-interface .order-connect-device-head h2 {
    margin: 2px 0 0;
    font-size: 24px;
}

.order-interface .order-connect-steps {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0 !important;
    margin: 24px 0 !important;
    padding: 0 !important;
    list-style: none;
    counter-reset: flight-step;
    border-top: 1px solid var(--flight-line);
    border-bottom: 1px solid var(--flight-line);
}

.order-interface .order-connect-steps li {
    counter-increment: flight-step;
    position: relative;
    min-height: 82px;
    padding: 18px 16px 18px 42px !important;
    color: var(--flight-ink) !important;
    border-right: 1px solid var(--flight-line);
    background: transparent !important;
}

.order-interface .order-connect-steps li:last-child {
    border-right: 0;
}

.order-interface .order-connect-steps li::before {
    content: counter(flight-step);
    position: absolute;
    top: 18px;
    left: 12px;
    color: var(--flight-blue);
    font-size: 12px;
    font-weight: 800;
}

.order-interface .order-connect-actions,
.order-interface .order-key-strip-actions,
.order-interface .order-secondary-actions,
.order-interface .order-support-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.order-interface .order-connect-confidence {
    display: flex !important;
    flex-wrap: wrap;
    gap: 12px 24px !important;
    margin-top: 18px;
    color: var(--flight-muted) !important;
}

.order-interface .order-connect-confidence span {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
}

.order-interface .order-connect-confidence b {
    color: var(--flight-success) !important;
}

.order-interface .order-device-picker-compact,
.order-interface .order-connect-alternative,
.order-interface .order-extra-details {
    margin-top: 20px;
    padding-top: 16px;
    border: 0 !important;
    border-top: 1px solid var(--flight-line) !important;
    border-radius: 0 !important;
    background: transparent !important;
}

.order-interface details > summary {
    color: var(--flight-blue) !important;
    font-weight: 800;
}

.order-interface .order-device-tabs {
    display: flex !important;
    flex-wrap: wrap;
    gap: 6px !important;
    margin-top: 14px;
}

.order-interface .order-device-tab {
    min-height: 42px;
    color: var(--flight-muted) !important;
    background: transparent !important;
    border: 1px solid var(--flight-line) !important;
    border-radius: var(--radius-sm) !important;
}

.order-interface .order-device-tab.is-active {
    color: #ffffff !important;
    background: var(--flight-blue) !important;
    border-color: var(--flight-blue) !important;
}

.order-interface .order-key-strip {
    display: grid !important;
    grid-template-columns: 0.58fr 1.42fr auto;
    gap: 24px !important;
    align-items: center;
    margin-top: 34px;
    padding: 24px !important;
    color: #edf5f5 !important;
    background: var(--flight-night) !important;
    border: 0 !important;
    border-radius: var(--radius) !important;
    box-shadow: none !important;
}

.order-interface .order-key-strip-title strong,
.order-interface .order-key-strip-copy p,
.order-interface .order-key-strip-copy small {
    color: #d8e5e7 !important;
}

.order-interface .order-key-strip-value {
    display: block;
    max-width: 100%;
    overflow: hidden;
    color: var(--flight-cyan) !important;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.order-interface .order-key-strip .btn-ghost,
.order-interface .order-support-band .btn-ghost {
    color: #ffffff !important;
    border-color: var(--flight-line-on-dark) !important;
}

.order-interface .order-pending-box {
    margin-top: 26px;
    padding: 20px !important;
    color: var(--flight-ink) !important;
    background: #f5ead7 !important;
    border: 1px solid rgba(180, 123, 37, 0.24) !important;
    border-left: 4px solid var(--flight-amber) !important;
    border-radius: var(--radius-sm) !important;
    box-shadow: none !important;
}

.order-interface .order-access-saved,
.order-interface .order-status-details,
.order-interface .order-purchase-panel {
    margin-top: 24px;
    padding: 22px 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-top: 1px solid var(--flight-line) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.order-interface .order-secondary-grid,
.order-interface .order-lifecycle-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px !important;
    margin-top: 24px;
}

.order-interface .order-secondary-panel,
.order-interface .order-lifecycle-step,
.order-interface .order-telegram-compact {
    padding: 20px !important;
    background: var(--flight-mist) !important;
    border: 1px solid var(--flight-line) !important;
    border-radius: var(--radius-sm) !important;
    box-shadow: none !important;
}

.order-interface .order-support-band {
    display: flex !important;
    justify-content: space-between;
    gap: 28px;
    align-items: center;
    margin: 28px -34px -34px !important;
    padding: 28px 34px !important;
    color: #edf5f5 !important;
    background: var(--flight-night-soft) !important;
    border: 0 !important;
    border-radius: 0 0 var(--radius) var(--radius) !important;
}

.order-interface .order-support-band h2,
.order-interface .order-support-band p,
.order-interface .order-support-band strong {
    color: #edf5f5 !important;
}

.order-interface .order-mobile-sticky-cta {
    border-radius: var(--radius) !important;
    background: var(--flight-night) !important;
    border: 1px solid rgba(237, 180, 93, 0.5) !important;
    box-shadow: 0 18px 42px rgba(4, 19, 25, 0.36) !important;
}

/* Account: restrained access management, clear status and actions. */
.account-interface .account-page {
    padding-block: 58px 92px !important;
}

.account-interface .account-wrap {
    max-width: 1120px !important;
}

.account-interface .account-auth-shell {
    display: grid !important;
    grid-template-columns: minmax(0, 1.12fr) minmax(280px, 0.7fr);
    gap: 0 !important;
    overflow: hidden;
    background: var(--flight-cloud-strong) !important;
    border: 1px solid rgba(255, 255, 255, 0.72) !important;
    border-radius: var(--radius) !important;
    box-shadow: var(--shadow-md) !important;
}

.account-interface .account-card,
.account-interface .account-auth-card,
.account-interface .account-auth-card--primary {
    color: var(--flight-ink) !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.account-interface .account-auth-card--primary {
    padding: 42px !important;
}

.account-interface .account-auth-card h1,
.account-interface .account-auth-card h2,
.account-interface .account-card h1,
.account-interface .account-card h2,
.account-interface .account-card h3 {
    color: var(--flight-ink) !important;
}

.account-interface .account-auth-aside {
    padding: 42px 32px !important;
    color: #edf5f5 !important;
    background: var(--flight-night) !important;
    border: 0 !important;
    border-radius: 0 !important;
}

.account-interface .account-auth-aside h2,
.account-interface .account-auth-aside h3,
.account-interface .account-auth-aside strong,
.account-interface .account-auth-aside p {
    color: #edf5f5 !important;
}

.account-interface .account-auth-points {
    display: grid;
    gap: 0 !important;
    margin-top: 24px;
    border-top: 1px solid var(--flight-line-on-dark);
}

.account-interface .account-auth-point {
    padding: 15px 0 !important;
    border: 0 !important;
    border-bottom: 1px solid var(--flight-line-on-dark) !important;
    border-radius: 0 !important;
    background: transparent !important;
}

.account-interface .account-form {
    display: grid;
    gap: 16px;
}

.account-interface .account-form label {
    display: grid;
    gap: 7px;
    color: var(--flight-ink) !important;
    font-size: 13px;
    font-weight: 800;
}

.account-interface .account-form .btn-xl {
    width: 100%;
    min-height: 56px;
}

.account-interface .account-recovery-details,
.account-interface .account-recovery-form {
    border: 0 !important;
    border-top: 1px solid var(--flight-line) !important;
    border-radius: 0 !important;
    background: transparent !important;
}

.account-interface .account-recovery-details summary {
    color: var(--flight-blue) !important;
    font-weight: 800;
}

.account-interface .account-dashboard-hero,
.account-interface .account-head-shell {
    margin-bottom: 26px;
    padding: 0 0 28px !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid var(--flight-line) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.account-interface .account-head,
.account-interface .account-head-wide {
    display: flex;
    justify-content: space-between;
    gap: 22px;
    align-items: flex-end;
}

.account-interface .account-head-copy p,
.account-interface .account-note,
.account-interface .account-card-copy {
    color: var(--flight-muted) !important;
}

.account-interface .account-hero-actions,
.account-interface .account-main-actions,
.account-interface .account-order-actions,
.account-interface .account-key-actions,
.account-interface .account-direct-key-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
}

.account-interface .account-access-grid,
.account-interface .account-subscription-grid,
.account-interface .account-user-grid,
.account-interface .account-plans-grid,
.account-interface .cards-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px !important;
}

.account-interface .account-access-card,
.account-interface .account-subscription-card,
.account-interface .account-plan-card,
.account-interface .account-purchase-card,
.account-interface .account-ready-card,
.account-interface .account-recovery-card,
.account-interface .account-telegram-card,
.account-interface .account-status-tile {
    padding: 22px !important;
    color: var(--flight-ink) !important;
    background: var(--flight-cloud-strong) !important;
    border: 1px solid rgba(255, 255, 255, 0.72) !important;
    border-radius: var(--radius) !important;
    box-shadow: var(--shadow-sm) !important;
}

.account-interface .account-access-card--active {
    border-top: 3px solid var(--flight-success) !important;
}

.account-interface .account-access-card--expired {
    border-top: 3px solid var(--flight-danger) !important;
}

.account-interface .account-status-pill,
.account-interface .account-card-badge {
    display: inline-flex;
    width: max-content;
    max-width: 100%;
    padding: 6px 9px !important;
    color: var(--flight-blue) !important;
    background: rgba(23, 125, 184, 0.08) !important;
    border: 1px solid rgba(23, 125, 184, 0.2) !important;
    border-radius: var(--radius-xs) !important;
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
}

.account-interface .account-status-pill--success {
    color: var(--flight-success) !important;
    background: rgba(21, 132, 108, 0.08) !important;
    border-color: rgba(21, 132, 108, 0.2) !important;
}

.account-interface .account-status-pill--pending {
    color: #91641f !important;
    background: rgba(237, 180, 93, 0.18) !important;
    border-color: rgba(181, 125, 41, 0.24) !important;
}

.account-interface .account-status-pill--muted {
    color: var(--flight-muted) !important;
    background: rgba(82, 108, 118, 0.08) !important;
    border-color: var(--flight-line) !important;
}

.account-interface .account-status-overview {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.account-interface .account-status-overview-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1px;
    overflow: hidden;
    background: var(--flight-line) !important;
    border: 1px solid var(--flight-line) !important;
    border-radius: var(--radius-sm) !important;
}

.account-interface .account-status-overview-grid .account-status-tile {
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.account-interface .account-direct-key,
.account-interface .account-device-section,
.account-interface .account-history {
    margin-top: 28px;
    padding-top: 26px;
    border-top: 1px solid var(--flight-line);
}

.account-interface .account-direct-key-value {
    overflow: hidden;
    color: var(--flight-cyan) !important;
    background: var(--flight-night) !important;
    border: 0 !important;
    border-radius: var(--radius-sm) !important;
    text-overflow: ellipsis;
}

.account-interface .account-table-wrap {
    overflow-x: auto;
    border: 1px solid var(--flight-line) !important;
    border-radius: var(--radius-sm) !important;
    background: var(--flight-cloud-strong) !important;
}

.account-interface .account-table {
    min-width: 680px;
    color: var(--flight-ink) !important;
}

.account-interface .account-table th {
    color: var(--flight-muted) !important;
    background: var(--flight-mist-deep) !important;
}

.account-interface .account-table td,
.account-interface .account-table th {
    border-color: var(--flight-line) !important;
}

/* Instructions and support: editorial flight manual, no decorative nesting. */
.seo-page .seo-hero {
    padding: 76px 0 64px !important;
    color: #edf5f5 !important;
    background: var(--flight-night) !important;
}

.seo-page .seo-hero-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1.18fr) minmax(280px, 0.52fr);
    gap: 60px !important;
    align-items: center;
}

.seo-page .seo-hero h1 {
    max-width: 800px;
    margin: 0;
    color: #ffffff !important;
    font-size: 52px !important;
    line-height: 1.02 !important;
}

.seo-page .seo-hero p {
    max-width: 700px;
    margin: 20px 0 0;
    color: #adbec3 !important;
    font-size: 17px !important;
    line-height: 1.62 !important;
}

.seo-page .seo-hero-facts {
    display: flex;
    flex-wrap: wrap;
    gap: 0 !important;
    margin-top: 24px;
    border-top: 1px solid var(--flight-line-on-dark);
}

.seo-page .seo-hero-facts span {
    min-height: 40px;
    padding: 11px 18px 0 0 !important;
    margin-right: 18px;
    color: #d8e5e7 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
}

.seo-page .seo-actions {
    gap: 10px;
    margin-top: 28px;
}

.seo-page .seo-hero .btn-ghost {
    color: #ffffff !important;
    border-color: var(--flight-line-on-dark) !important;
}

.seo-page .seo-visual,
.seo-page .seo-app-visual,
.seo-page .seo-device-visual,
.seo-page .seo-device-composition {
    min-height: 250px;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.seo-page .seo-app-visual-icons picture,
.seo-page .seo-app-status-list span {
    border-radius: var(--radius-sm) !important;
    background: rgba(247, 249, 248, 0.05) !important;
    border-color: var(--flight-line-on-dark) !important;
    box-shadow: none !important;
}

.seo-page .seo-device-composition::before {
    border-color: rgba(69, 182, 193, 0.38) !important;
}

.seo-page .seo-section {
    padding: 76px 0 !important;
    color: var(--flight-ink) !important;
    background: var(--flight-mist) !important;
}

.seo-page .seo-section--muted,
.seo-page .seo-support-section,
.seo-page .seo-info-section {
    background: var(--flight-mist-deep) !important;
}

.seo-page .seo-section-head {
    max-width: 760px;
    margin-bottom: 32px;
}

.seo-page .seo-section-head h2,
.seo-page .seo-content h2,
.seo-page .seo-side-card h2,
.seo-page .seo-final-cta h2,
.seo-page .seo-card h2,
.seo-page .seo-info-card h3,
.seo-page .seo-flow-card h2,
.seo-page .seo-support-topic h3,
.seo-page .seo-support-contact h2,
.seo-page .seo-support-checklist h2 {
    color: var(--flight-ink) !important;
}

.seo-page .seo-section-head h2 {
    font-size: 34px !important;
}

.seo-page .seo-section-head p,
.seo-page .seo-content p,
.seo-page .seo-card p,
.seo-page .seo-info-card p,
.seo-page .seo-support-topic p,
.seo-page .seo-support-contact p {
    color: var(--flight-muted) !important;
}

.seo-page .seo-content-grid,
.seo-page .seo-info-layout,
.seo-page .seo-support-contact-grid {
    gap: 42px !important;
}

.seo-page .seo-content section,
.seo-page .seo-side-card,
.seo-page .seo-flow-card,
.seo-page .seo-support-contact,
.seo-page .seo-support-checklist {
    padding: 28px 0 !important;
    color: var(--flight-ink) !important;
    background: transparent !important;
    border: 0 !important;
    border-top: 1px solid var(--flight-line-strong) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.seo-page .seo-content section:first-child,
.seo-page .seo-side-card,
.seo-page .seo-flow-card {
    border-top-color: var(--flight-blue) !important;
}

.seo-page .seo-device-grid,
.seo-page .seo-support-grid,
.seo-page .seo-info-grid,
.seo-page .seo-card-grid {
    gap: 12px !important;
}

.seo-page .seo-device-card,
.seo-page .seo-support-topic,
.seo-page .seo-info-card,
.seo-page .seo-card {
    padding: 22px !important;
    color: var(--flight-ink) !important;
    background: var(--flight-cloud-strong) !important;
    border: 1px solid rgba(255, 255, 255, 0.74) !important;
    border-radius: var(--radius) !important;
    box-shadow: var(--shadow-sm) !important;
}

.seo-page .seo-device-card h3,
.seo-page .seo-card h2,
.seo-page .seo-card h3,
.seo-page .seo-card strong,
.seo-page .seo-info-card h3 {
    color: var(--flight-ink) !important;
}

.seo-page .seo-device-card p,
.seo-page .seo-device-card ol,
.seo-page .seo-card p,
.seo-page .seo-info-card p,
.seo-page .seo-flow-card li,
.seo-page .seo-side-card ol {
    color: var(--flight-muted) !important;
}

.seo-page .seo-device-card li::marker {
    color: var(--flight-blue) !important;
}

.seo-page .seo-info-card > span,
.seo-page .seo-flow-card li::before {
    color: #ffffff !important;
    background: var(--flight-blue) !important;
    border: 0 !important;
    border-radius: var(--radius-xs) !important;
}

.seo-page .seo-support-contact-list {
    border-top: 1px solid var(--flight-line);
}

.seo-page .seo-support-contact-list a {
    padding: 14px 0 !important;
    color: var(--flight-ink) !important;
    text-decoration: none;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid var(--flight-line) !important;
    border-radius: 0 !important;
}

.seo-page .seo-support-contact-list span,
.seo-page .seo-support-checklist li {
    color: var(--flight-muted) !important;
}

.seo-page .seo-support-contact-list strong,
.seo-page .seo-support-checklist li::before {
    color: var(--flight-blue) !important;
}

.seo-page .seo-final-cta {
    display: grid;
    justify-items: start;
    gap: 14px;
    padding: 36px !important;
    color: #edf5f5 !important;
    text-align: left;
    background: var(--flight-night) !important;
    border: 0 !important;
    border-radius: var(--radius) !important;
    box-shadow: none !important;
}

.seo-page .seo-final-cta h2 {
    color: #ffffff !important;
    font-size: 34px !important;
}

.seo-page .seo-final-cta p {
    color: #adbec3 !important;
}

.seo-page .seo-tariff-card,
.seo-page .seo-tariff-conditions article {
    color: var(--flight-ink) !important;
    background: var(--flight-cloud-strong) !important;
    border: 1px solid rgba(255, 255, 255, 0.74) !important;
    border-radius: var(--radius) !important;
    box-shadow: var(--shadow-sm) !important;
}

.seo-page .seo-tariff-card h2,
.seo-page .seo-tariff-price,
.seo-page .seo-tariff-conditions h3 {
    color: var(--flight-ink) !important;
}

.seo-page .seo-tariff-desc,
.seo-page .seo-tariff-includes,
.seo-page .seo-tariff-includes ul,
.seo-page .seo-tariff-price span,
.seo-page .seo-tariff-conditions p {
    color: var(--flight-muted) !important;
}

.seo-page .seo-tariff-badge,
.seo-page .seo-tariff-discount,
.seo-page .seo-tariffs-payline span {
    color: var(--flight-night) !important;
    background: var(--flight-amber) !important;
    border: 0 !important;
    border-radius: var(--radius-xs) !important;
}

.seo-page .seo-mobile-sticky-cta {
    color: var(--flight-night) !important;
    background: var(--flight-amber) !important;
    border-radius: var(--radius) !important;
    box-shadow: 0 16px 36px rgba(4, 19, 25, 0.3) !important;
}

/* Legal pages: calm reading column with visible hierarchy. */
.legal-interface .legal-page {
    padding-block: 72px 104px !important;
}

.legal-interface .legal-content {
    width: min(100%, 920px) !important;
    padding-inline: var(--content-gutter) !important;
    color: var(--flight-ink) !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.legal-interface .legal-content h1 {
    max-width: 760px;
    margin: 0 0 34px;
    padding-bottom: 26px;
    border-bottom: 1px solid var(--flight-line-strong);
}

.legal-interface .legal-content h2 {
    margin: 42px 0 12px;
    padding-top: 18px;
    color: var(--flight-ink) !important;
    border-top: 1px solid var(--flight-line);
    font-size: 23px;
}

.legal-interface .legal-content p,
.legal-interface .legal-content li {
    max-width: 780px;
    color: var(--flight-muted) !important;
    font-size: 16px;
    line-height: 1.78;
}

.legal-interface .legal-content a {
    color: var(--flight-blue) !important;
}

/* Post-payment help: searchable, repeated situations and a dark support band. */
.payment-help-interface .payment-help-page {
    padding-block: 64px 96px !important;
}

.payment-help-interface .payment-help-hero {
    max-width: 850px;
    padding: 0 0 38px !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid var(--flight-line-strong) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.payment-help-interface .payment-help-hero h1 {
    margin: 0;
}

.payment-help-interface .payment-help-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 24px;
}

.payment-help-interface .payment-help-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px !important;
    margin-top: 32px;
}

.payment-help-interface .payment-help-card {
    padding: 26px !important;
    color: var(--flight-ink) !important;
    background: var(--flight-cloud-strong) !important;
    border: 1px solid rgba(255, 255, 255, 0.74) !important;
    border-radius: var(--radius) !important;
    box-shadow: var(--shadow-sm) !important;
}

.payment-help-interface .payment-help-card h2 {
    color: var(--flight-ink) !important;
    font-size: 24px;
}

.payment-help-interface .payment-help-text,
.payment-help-interface .payment-help-steps {
    color: var(--flight-muted) !important;
}

.payment-help-interface .payment-help-steps {
    display: grid;
    gap: 8px;
    margin-block: 20px;
    padding-left: 22px;
}

.payment-help-interface .payment-help-steps li::marker {
    color: var(--flight-blue);
    font-weight: 800;
}

.payment-help-interface .payment-help-card-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
}

.payment-help-interface .payment-help-support {
    display: flex !important;
    justify-content: space-between;
    gap: 30px;
    align-items: center;
    margin-top: 18px;
    padding: 30px !important;
    color: #edf5f5 !important;
    background: var(--flight-night) !important;
    border: 0 !important;
    border-radius: var(--radius) !important;
    box-shadow: none !important;
}

.payment-help-interface .payment-help-support h2,
.payment-help-interface .payment-help-support p {
    color: #edf5f5 !important;
}

.payment-help-interface .payment-help-support .section-kicker {
    color: var(--flight-cyan) !important;
}

.payment-help-interface .payment-help-support .btn-ghost {
    color: #ffffff !important;
    border-color: var(--flight-line-on-dark) !important;
}

.subscription-terms-dialog {
    width: min(620px, calc(100% - 32px)) !important;
    padding: 28px !important;
    color: var(--flight-ink) !important;
    background: var(--flight-cloud-strong) !important;
    border: 1px solid rgba(255, 255, 255, 0.74) !important;
    border-radius: var(--radius) !important;
    box-shadow: 0 30px 90px rgba(4, 19, 25, 0.42) !important;
}

.subscription-terms-dialog h2,
.subscription-terms-dialog li {
    color: var(--flight-ink) !important;
}

.checkout-modal-close {
    width: 40px;
    height: 40px;
    color: var(--flight-ink) !important;
    background: transparent !important;
    border: 1px solid var(--flight-line) !important;
    border-radius: var(--radius-sm) !important;
}

@media (max-width: 980px) {
    .inner-app-page h1 {
        font-size: 38px;
    }

    .checkout-interface .checkout-shell--v2,
    .seo-page .seo-hero-grid,
    .account-interface .account-auth-shell {
        grid-template-columns: 1fr !important;
    }

    .checkout-interface .checkout-shell--v2 {
        gap: 34px !important;
    }

    .checkout-interface .checkout-overview {
        position: static;
        padding-bottom: 0 !important;
    }

    .checkout-interface .checkout-overview .section-subtitle {
        max-width: 700px;
    }

    .checkout-interface .checkout-benefit-list {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .checkout-interface .checkout-benefit-list li {
        grid-template-columns: 28px minmax(0, 1fr);
        align-content: start;
        border-right: 1px solid var(--flight-line-on-dark) !important;
        border-bottom: 0 !important;
        padding-right: 14px !important;
    }

    .checkout-interface .checkout-benefit-list li:last-child {
        border-right: 0 !important;
        padding-left: 14px !important;
    }

    .seo-page .seo-visual {
        min-height: 190px;
    }

    .account-interface .account-auth-aside {
        padding: 30px 42px !important;
    }

    .order-interface .order-key-strip {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 700px) {
    .inner-app-page .section-panel,
    .inner-app-page .section {
        padding-block: 42px;
    }

    .inner-app-page h1,
    .seo-page .seo-hero h1 {
        font-size: 31px !important;
        line-height: 1.05 !important;
    }

    .inner-app-page h2,
    .seo-page .seo-section-head h2,
    .seo-page .seo-final-cta h2 {
        font-size: 25px !important;
    }

    .inner-app-page .section-subtitle,
    .seo-page .seo-hero p {
        font-size: 15px !important;
    }

    .checkout-interface .checkout-page,
    .order-interface .order-page,
    .account-interface .account-page,
    .payment-help-interface .payment-help-page,
    .legal-interface .legal-page {
        padding-block: 34px 70px !important;
    }

    .checkout-interface .checkout-shell--v2 {
        gap: 26px !important;
    }

    .checkout-interface .checkout-overview {
        padding-top: 8px !important;
    }

    .checkout-interface .checkout-benefit-list {
        grid-template-columns: 1fr;
        margin-top: 24px !important;
    }

    .checkout-interface .checkout-benefit-list li,
    .checkout-interface .checkout-benefit-list li:last-child {
        min-height: 52px;
        padding: 10px 0 !important;
        border-right: 0 !important;
        border-bottom: 1px solid var(--flight-line-on-dark) !important;
    }

    .checkout-interface .checkout-payment-panel {
        padding: 20px !important;
    }

    .checkout-interface .checkout-plan-switch {
        grid-template-columns: 1fr !important;
    }

    .checkout-interface .checkout-plan-option {
        grid-template-columns: minmax(0, 1fr) auto;
        min-height: 0;
        align-items: center;
    }

    .checkout-interface .checkout-plan-option small,
    .checkout-interface .checkout-plan-option em {
        grid-column: 1 / -1;
    }

    .checkout-interface .checkout-payment-heading {
        grid-template-columns: 46px minmax(0, 1fr);
    }

    .checkout-interface .checkout-payment-price {
        grid-column: 1 / -1;
        padding-top: 12px;
        border-top: 1px solid var(--flight-line);
    }

    .checkout-interface .checkout-renewal-summary {
        grid-template-columns: 1fr;
    }

    .checkout-interface .checkout-renewal-summary > div {
        border-right: 0;
        border-bottom: 1px solid var(--flight-line);
    }

    .checkout-interface .checkout-renewal-summary > div:last-child {
        border-bottom: 0;
    }

    .order-interface .order-main {
        padding: 20px !important;
    }

    .order-interface .order-progress small {
        display: none;
    }

    .order-interface .order-progress > span {
        grid-template-columns: 28px;
    }

    .order-interface .order-state-header,
    .order-interface .order-support-band,
    .payment-help-interface .payment-help-support,
    .account-interface .account-head,
    .account-interface .account-head-wide {
        align-items: flex-start;
        flex-direction: column;
    }

    .order-interface .order-status {
        min-width: 0;
        padding: 8px 0 8px 12px !important;
        text-align: left;
        border-right: 0 !important;
        border-left: 3px solid var(--flight-blue) !important;
    }

    .order-interface .order-experience-summary h1 {
        margin-top: 22px;
    }

    .order-interface .order-connect-steps,
    .order-interface .order-secondary-grid,
    .order-interface .order-lifecycle-grid,
    .account-interface .account-access-grid,
    .account-interface .account-subscription-grid,
    .account-interface .account-user-grid,
    .account-interface .account-plans-grid,
    .account-interface .cards-grid,
    .payment-help-interface .payment-help-grid {
        grid-template-columns: 1fr !important;
    }

    .order-interface .order-connect-steps li {
        min-height: 0;
        border-right: 0;
        border-bottom: 1px solid var(--flight-line);
    }

    .order-interface .order-connect-steps li:last-child {
        border-bottom: 0;
    }

    .order-interface .order-connect-actions .btn,
    .order-interface .order-key-strip-actions .btn,
    .order-interface .order-support-actions .btn,
    .payment-help-interface .payment-help-actions .btn,
    .payment-help-interface .payment-help-card-actions .btn,
    .account-interface .account-form .btn,
    .seo-page .seo-actions .btn,
    .seo-page .seo-final-cta .btn {
        width: 100%;
    }

    .order-interface .order-support-band {
        margin: 24px -20px -20px !important;
        padding: 24px 20px !important;
    }

    .order-interface .order-key-strip {
        padding: 20px !important;
    }

    .account-interface .account-auth-card--primary,
    .account-interface .account-auth-aside {
        padding: 26px 20px !important;
    }

    .account-interface .account-status-overview-grid {
        grid-template-columns: 1fr;
    }

    .seo-page .seo-hero {
        padding: 44px 0 38px !important;
    }

    .seo-page .seo-hero-grid {
        gap: 30px !important;
    }

    .seo-page .seo-hero-facts span {
        width: 100%;
        margin-right: 0;
    }

    .seo-page .seo-visual,
    .seo-page .seo-device-composition {
        min-height: 150px;
    }

    .seo-page .seo-section {
        padding: 48px 0 !important;
    }

    .seo-page .seo-content-grid,
    .seo-page .seo-info-layout,
    .seo-page .seo-support-contact-grid {
        gap: 24px !important;
    }

    .seo-page .seo-device-card,
    .seo-page .seo-support-topic,
    .seo-page .seo-info-card,
    .seo-page .seo-card,
    .payment-help-interface .payment-help-card {
        padding: 18px !important;
    }

    .seo-page .seo-final-cta,
    .payment-help-interface .payment-help-support {
        padding: 24px 20px !important;
    }

    .legal-interface .legal-content h1 {
        margin-bottom: 24px;
        padding-bottom: 20px;
    }

    .legal-interface .legal-content h2 {
        margin-top: 34px;
        font-size: 21px;
    }

    .legal-interface .legal-content p,
    .legal-interface .legal-content li {
        font-size: 15px;
        line-height: 1.7;
    }
}

/* Step 7: dark operations console */
.admin-body {
    --admin-bg: #07151b;
    --admin-bg-2: #0a1d24;
    --admin-surface: #10252d;
    --admin-surface-2: #132b34;
    --admin-surface-3: #173640;
    --admin-border: rgba(198, 224, 229, 0.13);
    --admin-border-strong: rgba(198, 224, 229, 0.25);
    --admin-text: #edf6f7;
    --admin-muted: #9fb4ba;
    --admin-subtle: #718990;
    --admin-cyan: #53bdc5;
    --admin-blue: #66b9e7;
    --admin-amber: #edb45d;
    --admin-green: #54c49d;
    --admin-red: #ef8179;
    min-height: 100vh;
    color: var(--admin-text) !important;
    background: var(--admin-bg) !important;
    background-image: none !important;
    font-family: var(--font-sans) !important;
    font-size: 14px;
    line-height: 1.45;
}

.admin-body::before,
.admin-body::after {
    display: none !important;
}

.admin-body *,
.admin-body *::before,
.admin-body *::after {
    box-sizing: border-box;
}

.admin-body ::selection {
    color: #07151b;
    background: var(--admin-cyan);
}

.admin-body ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

.admin-body ::-webkit-scrollbar-track {
    background: var(--admin-bg);
}

.admin-body ::-webkit-scrollbar-thumb {
    background: #294851;
    border: 2px solid var(--admin-bg);
    border-radius: 6px;
}

.admin-body a {
    color: var(--admin-blue);
    text-underline-offset: 3px;
}

.admin-body h1,
.admin-body h2,
.admin-body h3,
.admin-body h4,
.admin-body strong,
.admin-body b,
.admin-body dt,
.admin-body dd,
.admin-body code,
.admin-body pre {
    color: var(--admin-text) !important;
}

.admin-body p,
.admin-body small,
.admin-body span,
.admin-body li,
.admin-body label {
    letter-spacing: 0 !important;
}

.admin-body .section-kicker,
.admin-body .admin-eyebrow,
.admin-body .admin-metric-label {
    color: var(--admin-cyan) !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase;
}

.admin-body .section-kicker::before {
    display: none !important;
}

.admin-page {
    min-height: 100vh;
    padding: 0 !important;
}

.admin-workspace {
    display: grid !important;
    grid-template-columns: 236px minmax(0, 1fr) !important;
    gap: 0 !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    align-items: start;
}

.admin-main-column {
    display: grid;
    min-width: 0;
    gap: 14px !important;
    padding: 18px 20px 44px;
}

.admin-sidebar {
    position: sticky !important;
    top: 0 !important;
    z-index: 30;
    display: flex !important;
    min-height: 100vh !important;
    max-height: 100vh;
    flex-direction: column;
    gap: 18px !important;
    overflow-y: auto;
    padding: 18px 14px !important;
    color: var(--admin-text) !important;
    background: #091a21 !important;
    background-image: none !important;
    border: 0 !important;
    border-right: 1px solid var(--admin-border) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.admin-sidebar-brand {
    display: grid;
    gap: 5px !important;
    padding: 0 6px 17px !important;
    color: var(--admin-text) !important;
    text-decoration: none;
    border-bottom: 1px solid var(--admin-border) !important;
}

.admin-sidebar-brand:hover {
    color: var(--admin-text) !important;
}

.admin-sidebar-logo {
    display: flex !important;
    gap: 9px !important;
    align-items: center;
}

.admin-sidebar-logo img {
    width: 30px !important;
    height: 30px !important;
    padding: 3px;
    object-fit: contain;
    background: #ffffff;
    border-radius: 6px;
}

.admin-sidebar-logo em {
    color: var(--admin-cyan) !important;
    font-size: 10px !important;
    font-style: normal;
    font-weight: 800;
    text-transform: uppercase;
}

.admin-sidebar-brand > strong {
    font-size: 22px !important;
    line-height: 1;
}

.admin-view-nav,
.admin-sidebar-nav {
    display: grid;
    gap: 3px !important;
}

.admin-view-link,
.admin-sidebar-nav a {
    position: relative;
    display: flex !important;
    min-height: 42px;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 9px 11px 9px 14px !important;
    color: var(--admin-muted) !important;
    text-decoration: none;
    background: transparent !important;
    background-image: none !important;
    border: 1px solid transparent !important;
    border-radius: 6px !important;
    box-shadow: none !important;
}

.admin-view-link::before,
.admin-sidebar-nav a::before {
    content: "";
    position: absolute;
    top: 9px;
    bottom: 9px;
    left: 0;
    width: 2px;
    background: transparent;
}

.admin-view-link:hover,
.admin-sidebar-nav a:hover {
    color: var(--admin-text) !important;
    background: rgba(83, 189, 197, 0.06) !important;
    border-color: var(--admin-border) !important;
}

.admin-view-link.is-active,
.admin-sidebar-nav a.is-active {
    color: #ffffff !important;
    background: rgba(83, 189, 197, 0.11) !important;
    border-color: rgba(83, 189, 197, 0.2) !important;
}

.admin-view-link.is-active::before,
.admin-sidebar-nav a.is-active::before {
    background: var(--admin-cyan);
}

.admin-view-link > span,
.admin-sidebar-nav a > span {
    display: inline-flex;
    min-height: 22px;
    align-items: center;
    padding: 3px 7px !important;
    color: #c8d9dc !important;
    background: rgba(255, 255, 255, 0.055) !important;
    border: 0 !important;
    border-radius: 4px !important;
    font-size: 10px;
    font-weight: 800;
}

.admin-topbar {
    position: sticky;
    top: 0;
    z-index: 20;
    display: grid !important;
    grid-template-columns: minmax(260px, 0.65fr) minmax(520px, 1.35fr) !important;
    gap: 18px !important;
    align-items: center;
    padding: 14px 16px !important;
    color: var(--admin-text) !important;
    background: rgba(10, 29, 36, 0.97) !important;
    background-image: none !important;
    border: 1px solid var(--admin-border) !important;
    border-radius: 8px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.16) !important;
}

.admin-topbar-main,
.admin-topbar-actions {
    color: var(--admin-text) !important;
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
}

.admin-topbar-main {
    display: grid;
    gap: 3px !important;
}

.admin-topbar-main h1 {
    margin: 0;
    color: #ffffff !important;
    font-size: 24px !important;
    line-height: 1.08;
}

.admin-topbar-main .section-subtitle {
    margin: 0;
    color: var(--admin-muted) !important;
    font-size: 12px !important;
    line-height: 1.35;
}

.admin-topbar-actions {
    display: grid !important;
    grid-template-columns: minmax(280px, 1fr) auto auto !important;
    gap: 12px !important;
    align-items: end;
}

.admin-global-search {
    display: grid;
    gap: 5px !important;
}

.admin-global-search label {
    color: var(--admin-cyan) !important;
    font-size: 9px !important;
    font-weight: 800;
    text-transform: uppercase;
}

.admin-global-search > div {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 6px !important;
}

.admin-body input,
.admin-body select,
.admin-body textarea,
.admin-global-search input {
    min-height: 42px;
    color: #f4f9fa !important;
    -webkit-text-fill-color: #f4f9fa;
    background: #081a21 !important;
    background-image: none !important;
    border: 1px solid var(--admin-border-strong) !important;
    border-radius: 6px !important;
    box-shadow: none !important;
    caret-color: var(--admin-cyan);
}

.admin-body textarea {
    min-height: 96px;
    resize: vertical;
}

.admin-body input::placeholder,
.admin-body textarea::placeholder {
    color: #69828a !important;
    -webkit-text-fill-color: #69828a;
    opacity: 1;
}

.admin-body input:hover,
.admin-body select:hover,
.admin-body textarea:hover {
    border-color: rgba(83, 189, 197, 0.38) !important;
}

.admin-body input:focus,
.admin-body select:focus,
.admin-body textarea:focus {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff;
    background: #0b2028 !important;
    border-color: var(--admin-cyan) !important;
    outline: 0 !important;
    box-shadow: 0 0 0 3px rgba(83, 189, 197, 0.13) !important;
}

.admin-body input[type="checkbox"],
.admin-body input[type="radio"] {
    min-height: 0;
    accent-color: var(--admin-cyan);
}

.admin-body input:disabled,
.admin-body select:disabled,
.admin-body textarea:disabled {
    color: #7f969d !important;
    -webkit-text-fill-color: #7f969d;
    opacity: 0.72;
}

.admin-body .btn,
.admin-body button {
    min-height: 38px;
    padding: 8px 13px;
    border-radius: 6px !important;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0 !important;
    box-shadow: none !important;
}

.admin-body .btn-primary,
.admin-body button.btn-primary {
    color: #07151b !important;
    background: var(--admin-cyan) !important;
    background-image: none !important;
    border-color: var(--admin-cyan) !important;
}

.admin-body .btn-primary:hover,
.admin-body button.btn-primary:hover {
    color: #07151b !important;
    background: #78d0d5 !important;
    border-color: #78d0d5 !important;
}

.admin-body .btn-ghost,
.admin-body button.btn-ghost {
    color: #d8e6e8 !important;
    background: transparent !important;
    background-image: none !important;
    border-color: var(--admin-border-strong) !important;
}

.admin-body .btn-ghost:hover,
.admin-body button.btn-ghost:hover {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.05) !important;
    border-color: var(--admin-cyan) !important;
}

.admin-body .btn-danger,
.admin-body [data-danger-confirm="1"] {
    color: #ffdadd !important;
    background: rgba(239, 129, 121, 0.1) !important;
    border-color: rgba(239, 129, 121, 0.42) !important;
}

.admin-body .btn-danger:hover,
.admin-body [data-danger-confirm="1"]:hover {
    color: #ffffff !important;
    background: rgba(239, 129, 121, 0.2) !important;
    border-color: var(--admin-red) !important;
}

.admin-topbar-meta {
    display: grid;
    gap: 1px !important;
    min-width: 100px;
}

.admin-topbar-meta strong {
    color: #ffffff !important;
    font-size: 12px !important;
}

.admin-topbar-meta span {
    color: var(--admin-subtle) !important;
    font-size: 10px !important;
}

.admin-topbar-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 6px !important;
    justify-content: flex-end;
}

.admin-menu-toggle {
    color: var(--admin-text) !important;
    background: transparent !important;
    border-color: var(--admin-border-strong) !important;
    border-radius: 6px !important;
}

.admin-panel-card,
.admin-body .card,
.admin-metric-card,
.admin-dashboard-answer,
.admin-dashboard-audience-card,
.admin-order-meta-card,
.admin-subscription-charge-card,
.admin-settings-card,
.admin-settings-edit-card,
.admin-health-card,
.admin-chart-card,
.admin-client-crm-card,
.admin-log-entry,
.admin-link-card,
.admin-refund-box {
    color: var(--admin-text) !important;
    background: var(--admin-surface) !important;
    background-image: none !important;
    border: 1px solid var(--admin-border) !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}

.admin-panel-card,
.admin-chart-card,
.admin-settings-edit-card {
    padding: 18px !important;
}

.admin-panel-head {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: flex-start;
    margin-bottom: 16px;
    padding-bottom: 13px;
    border-bottom: 1px solid var(--admin-border);
}

.admin-panel-head h2,
.admin-panel-head h3 {
    margin: 0;
    color: #ffffff !important;
    font-size: 18px !important;
    line-height: 1.15;
}

.admin-dashboard-answers,
.admin-metrics-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px !important;
}

.admin-dashboard-answer,
.admin-metric-card {
    position: relative;
    display: grid;
    min-height: 112px;
    align-content: end;
    gap: 5px !important;
    overflow: hidden;
    padding: 15px !important;
    text-decoration: none;
}

.admin-dashboard-answer::after,
.admin-metric-card::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: auto;
    height: 2px;
    background: var(--admin-cyan) !important;
    border-radius: 0 !important;
    opacity: 0.62;
}

.admin-dashboard-answer--warn::after,
.admin-metric-card--warn::after {
    background: var(--admin-amber) !important;
}

.admin-dashboard-answer--danger::after,
.admin-metric-card--danger::after {
    background: var(--admin-red) !important;
}

.admin-metric-card--success::after {
    background: var(--admin-green) !important;
}

.admin-dashboard-answer strong,
.admin-metric-card strong {
    color: #ffffff !important;
    font-size: 25px !important;
    line-height: 1;
}

.admin-dashboard-answer small,
.admin-metric-card small {
    color: var(--admin-muted) !important;
    font-size: 11px !important;
    line-height: 1.35;
}

.admin-dashboard-link {
    transition: background-color 150ms ease, border-color 150ms ease !important;
}

.admin-dashboard-link:hover,
.admin-dashboard-link:focus-visible {
    color: inherit !important;
    background: var(--admin-surface-2) !important;
    background-image: none !important;
    border-color: rgba(83, 189, 197, 0.42) !important;
    box-shadow: none !important;
    transform: none !important;
}

.admin-dashboard-audience,
.admin-dashboard-status-compact {
    padding: 18px !important;
}

.admin-dashboard-audience-grid,
.admin-dashboard-status-grid,
.admin-order-status-grid,
.admin-order-meta-grid,
.admin-client-crm-grid,
.admin-settings-grid,
.admin-details-source-grid {
    display: grid !important;
    gap: 8px !important;
}

.admin-dashboard-audience-card,
.admin-dashboard-status-item,
.admin-order-status-card,
.admin-order-meta-card,
.admin-status-row,
.admin-funnel-step,
.admin-details-plan-card,
.admin-client-profile-grid article {
    min-height: 76px;
    padding: 13px !important;
    color: var(--admin-text) !important;
    text-decoration: none;
    background: var(--admin-surface-2) !important;
    background-image: none !important;
    border: 1px solid var(--admin-border) !important;
    border-radius: 6px !important;
    box-shadow: none !important;
}

.admin-dashboard-audience-card:hover,
.admin-dashboard-status-item:hover {
    color: #ffffff !important;
    background: var(--admin-surface-3) !important;
    border-color: rgba(83, 189, 197, 0.34) !important;
}

.admin-dashboard-audience-card span,
.admin-dashboard-status-item span,
.admin-status-row span,
.admin-order-meta-card span {
    color: var(--admin-muted) !important;
}

.admin-dashboard-audience-card strong,
.admin-dashboard-status-item strong,
.admin-status-row strong,
.admin-order-meta-card strong {
    color: #ffffff !important;
}

.admin-dashboard-status-item.is-danger,
.admin-health-error,
.admin-order-last-error,
.admin-subscription-charge-error {
    color: #ffdadd !important;
    background: rgba(125, 40, 45, 0.17) !important;
    border-color: rgba(239, 129, 121, 0.35) !important;
}

.admin-filters,
.admin-filters-grid,
.admin-date-range-form,
.admin-subscription-date-form,
.admin-finance-period-panel,
.admin-details-period-panel,
.admin-clients-command-card,
.admin-clients-filter-card,
.admin-logs-desktop-filter-card,
.admin-incidents-bulk-actions,
.admin-settings-tabs,
.admin-order-tabs {
    color: var(--admin-text) !important;
    background: #0c2027 !important;
    background-image: none !important;
    border: 1px solid var(--admin-border) !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}

.admin-filters,
.admin-filters-grid,
.admin-date-range-form,
.admin-subscription-date-form,
.admin-clients-filter-card,
.admin-logs-desktop-filter-card {
    padding: 14px !important;
}

.admin-filters label,
.admin-filters-grid label,
.admin-date-range-form label,
.admin-subscription-date-form label,
.admin-settings-edit-form label,
.admin-client-note-form label {
    color: #cbdadd !important;
    font-size: 11px !important;
    font-weight: 700;
}

.admin-filter-actions,
.admin-action-row,
.admin-action-stack,
.admin-order-head-actions,
.admin-export-actions,
.admin-settings-actions,
.admin-settings-save-row {
    display: flex;
    flex-wrap: wrap;
    gap: 7px !important;
}

.admin-quick-filters,
.admin-incident-quick-filters,
.admin-clients-quick-filters,
.admin-mobile-period-pills,
.admin-clients-mobile-pills,
.admin-settings-tabs,
.admin-order-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 5px !important;
}

.admin-quick-pill,
.admin-mobile-period-pill,
.admin-settings-tab,
.admin-order-tab {
    min-height: 34px;
    padding: 7px 10px !important;
    color: var(--admin-muted) !important;
    text-decoration: none;
    background: transparent !important;
    background-image: none !important;
    border: 1px solid var(--admin-border) !important;
    border-radius: 5px !important;
    box-shadow: none !important;
    font-size: 11px;
    font-weight: 800;
}

.admin-quick-pill:hover,
.admin-mobile-period-pill:hover,
.admin-settings-tab:hover,
.admin-order-tab:hover {
    color: #ffffff !important;
    border-color: var(--admin-cyan) !important;
}

.admin-quick-pill.is-active,
.admin-mobile-period-pill.is-active,
.admin-settings-tab.is-active,
.admin-order-tab.is-active {
    color: #07151b !important;
    background: var(--admin-cyan) !important;
    border-color: var(--admin-cyan) !important;
    box-shadow: none !important;
}

.admin-table-wrap,
.admin-body .account-table-wrap,
.admin-clients-table-wrap,
.admin-incidents-table-wrap,
.admin-logs-table-wrap {
    position: relative;
    overflow: auto;
    color: var(--admin-text) !important;
    background: #091a21 !important;
    background-image: none !important;
    border: 1px solid var(--admin-border) !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    scrollbar-color: #294851 var(--admin-bg);
}

.admin-body table,
.admin-body .account-table,
.admin-table {
    width: 100%;
    color: var(--admin-text) !important;
    background: transparent !important;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 12px;
}

.admin-body th,
.admin-body .account-table th,
.admin-table th {
    position: sticky;
    z-index: 2;
    top: 0;
    height: 42px;
    padding: 10px 12px !important;
    color: #a9c6cb !important;
    background: #0d252d !important;
    background-image: none !important;
    border: 0 !important;
    border-bottom: 1px solid var(--admin-border-strong) !important;
    font-size: 9px !important;
    font-weight: 800;
    letter-spacing: 0 !important;
    text-align: left;
    text-transform: uppercase;
    white-space: nowrap;
}

.admin-body td,
.admin-body .account-table td,
.admin-table td {
    padding: 11px 12px !important;
    color: #dbe8ea !important;
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(198, 224, 229, 0.08) !important;
    vertical-align: middle;
}

.admin-body tbody tr:nth-child(even),
.admin-orders-row:nth-child(even) {
    background: rgba(255, 255, 255, 0.014) !important;
}

.admin-body tbody tr:hover,
.admin-orders-row:hover {
    background: rgba(83, 189, 197, 0.055) !important;
    box-shadow: inset 2px 0 0 var(--admin-cyan) !important;
}

.admin-table-primary,
.admin-table-secondary {
    display: grid;
    gap: 2px;
}

.admin-table-primary strong,
.admin-table-main-link,
.admin-email-link {
    color: #ffffff !important;
    font-weight: 700;
}

.admin-table-primary span,
.admin-table-secondary,
.admin-table-secondary span,
.admin-table td small {
    color: var(--admin-muted) !important;
}

.admin-table-main-link:hover,
.admin-email-link:hover {
    color: var(--admin-cyan) !important;
}

.admin-body .account-status-pill,
.admin-body [class*="status-pill"],
.admin-body [class*="badge"] {
    display: inline-flex;
    width: max-content;
    max-width: 100%;
    min-height: 24px;
    align-items: center;
    padding: 4px 7px !important;
    border-radius: 4px !important;
    font-size: 9px !important;
    font-weight: 800;
    line-height: 1.1;
    text-transform: uppercase;
}

.admin-body .account-status-pill--success,
.admin-body .is-success,
.admin-body .status-success {
    color: #a9efd4 !important;
    background: rgba(84, 196, 157, 0.11) !important;
    border-color: rgba(84, 196, 157, 0.35) !important;
}

.admin-body .account-status-pill--pending,
.admin-body .is-warning,
.admin-body .status-warning {
    color: #f4ce91 !important;
    background: rgba(237, 180, 93, 0.11) !important;
    border-color: rgba(237, 180, 93, 0.35) !important;
}

.admin-body .account-status-pill--danger,
.admin-body .is-danger,
.admin-body .status-error,
.admin-body .account-alert-error {
    color: #ffb8b3 !important;
    background: rgba(239, 129, 121, 0.11) !important;
    border-color: rgba(239, 129, 121, 0.36) !important;
}

.admin-body .account-status-pill--muted {
    color: #b5c6ca !important;
    background: rgba(159, 180, 186, 0.08) !important;
    border-color: rgba(159, 180, 186, 0.22) !important;
}

.admin-body .account-alert {
    margin: 0;
    padding: 12px 14px !important;
    color: #dbe8ea !important;
    background: var(--admin-surface-2) !important;
    border: 1px solid var(--admin-border) !important;
    border-left: 3px solid var(--admin-cyan) !important;
    border-radius: 6px !important;
    box-shadow: none !important;
}

.admin-body .account-alert-success {
    color: #bcefdc !important;
    background: rgba(84, 196, 157, 0.09) !important;
    border-left-color: var(--admin-green) !important;
}

.admin-body .account-alert-error {
    border-left-color: var(--admin-red) !important;
}

.admin-chart-grid,
.admin-finance-chart-grid,
.admin-finance-extra-chart-grid,
.admin-details-chart-grid {
    display: grid !important;
    gap: 10px !important;
}

.admin-chart-card {
    min-width: 0;
}

.admin-chart-canvas {
    min-height: 260px;
    padding: 12px !important;
    background: #091a21 !important;
    border: 1px solid rgba(198, 224, 229, 0.08) !important;
    border-radius: 6px !important;
}

.admin-chart-card--wide .admin-chart-canvas {
    min-height: 320px;
}

.admin-plan-list,
.admin-status-list,
.admin-link-list,
.admin-log-entry-list,
.admin-client-history,
.admin-timeline,
.admin-refund-history {
    display: grid;
    gap: 0 !important;
    border-top: 1px solid var(--admin-border);
}

.admin-plan-row,
.admin-status-row,
.admin-log-entry,
.admin-client-history-item,
.admin-timeline-item {
    padding: 12px 0 !important;
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    border-bottom: 1px solid var(--admin-border) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.admin-plan-row span,
.admin-log-entry small,
.admin-client-history-item span,
.admin-timeline-content span,
.admin-timeline-topline span {
    color: var(--admin-muted) !important;
}

.admin-order-detail-layout,
.admin-orders-layout,
.admin-subscriptions-layout,
.admin-layout-grid,
.admin-settings-split,
.admin-client-profile-grid {
    gap: 12px !important;
}

.admin-order-summary-bar,
.admin-order-status-card,
.admin-order-section,
.admin-order-actions-panel,
.admin-refund-box,
.admin-client-profile,
.admin-subscription-drawer,
.admin-order-drawer {
    color: var(--admin-text) !important;
    background: var(--admin-surface) !important;
    background-image: none !important;
    border: 1px solid var(--admin-border) !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}

.admin-order-summary-bar,
.admin-order-section,
.admin-order-actions-panel,
.admin-refund-box,
.admin-client-profile,
.admin-subscription-drawer,
.admin-order-drawer {
    padding: 18px !important;
}

.admin-order-summary-main h2,
.admin-order-section h2,
.admin-order-section h3,
.admin-client-profile h2,
.admin-subscription-drawer h2,
.admin-order-drawer h2 {
    color: #ffffff !important;
}

.admin-order-instruction,
.admin-refund-note,
.admin-settings-note,
.admin-settings-secret-note,
.admin-technical-details,
.admin-log-details,
.admin-client-status-line {
    color: var(--admin-muted) !important;
    background: #0a1d24 !important;
    background-image: none !important;
    border: 1px solid var(--admin-border) !important;
    border-radius: 6px !important;
}

.admin-technical-details,
.admin-log-details,
.admin-settings-secret-note {
    padding: 12px !important;
}

.admin-technical-details code,
.admin-technical-details pre,
.admin-log-details code,
.admin-log-details pre,
.admin-settings-table code,
.admin-settings-table td,
.admin-settings-table strong,
.admin-settings-card strong,
.admin-settings-edit-card strong {
    color: #edf6f7 !important;
    -webkit-text-fill-color: #edf6f7;
}

.admin-settings-shell,
.admin-settings-edit-form,
.admin-settings-edit-grid,
.admin-settings-plan-editor,
.admin-settings-role-editor {
    gap: 12px !important;
}

.admin-settings-card,
.admin-settings-edit-card {
    overflow: hidden;
}

.admin-settings-card span,
.admin-settings-note,
.admin-settings-secret-note,
.admin-settings-table th {
    color: var(--admin-muted) !important;
}

.admin-pagination {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
}

.admin-pagination-controls {
    display: flex;
    flex-wrap: wrap;
    gap: 4px !important;
}

.admin-page-link,
.admin-pagination-dots {
    display: inline-grid;
    min-width: 34px;
    height: 34px;
    place-items: center;
    color: var(--admin-muted) !important;
    text-decoration: none;
    background: transparent !important;
    border: 1px solid var(--admin-border) !important;
    border-radius: 5px !important;
}

.admin-page-link:hover,
.admin-page-link.is-active {
    color: #07151b !important;
    background: var(--admin-cyan) !important;
    border-color: var(--admin-cyan) !important;
}

.admin-empty-state,
.admin-chart-empty {
    padding: 28px !important;
    color: var(--admin-muted) !important;
    text-align: center;
    background: #091a21 !important;
    background-image: none !important;
    border: 1px dashed var(--admin-border-strong) !important;
    border-radius: 6px !important;
    box-shadow: none !important;
}

.admin-login-interface {
    display: grid;
    min-height: 100vh;
    place-items: center;
    padding: 24px;
}

.admin-login-page {
    width: 100%;
    padding: 0 !important;
}

.admin-login-shell {
    width: min(100%, 500px) !important;
    padding: 0 !important;
}

.admin-login-card {
    padding: 34px !important;
    color: var(--admin-text) !important;
    background: var(--admin-surface) !important;
    background-image: none !important;
    border: 1px solid var(--admin-border-strong) !important;
    border-top: 3px solid var(--admin-cyan) !important;
    border-radius: 8px !important;
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.3) !important;
}

.admin-login-card h1 {
    margin: 0 0 26px;
    color: #ffffff !important;
    font-size: 30px !important;
}

.admin-login-form {
    display: grid;
    gap: 15px;
}

.admin-login-form label {
    display: grid;
    gap: 6px;
    color: #cadadd !important;
    font-size: 12px;
    font-weight: 700;
}

.admin-login-form .btn-xl {
    width: 100%;
    min-height: 50px;
    margin-top: 4px;
}

.admin-client-mobile-card,
.admin-incident-mobile-card,
.admin-log-mobile-card,
.admin-subscription-charge-card,
.admin-finance-mobile-hero,
.admin-details-mobile-hero,
.admin-logs-mobile-hero,
.admin-clients-mobile-hero,
.admin-subscriptions-mobile-hero {
    color: var(--admin-text) !important;
    background: var(--admin-surface) !important;
    background-image: none !important;
    border: 1px solid var(--admin-border) !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}

.admin-client-mobile-card strong,
.admin-incident-mobile-card strong,
.admin-log-mobile-card strong,
.admin-subscription-charge-card strong,
.admin-finance-mobile-hero strong,
.admin-details-mobile-hero strong {
    color: #ffffff !important;
}

.admin-client-mobile-card span,
.admin-incident-mobile-card span,
.admin-log-mobile-card span,
.admin-subscription-charge-card span,
.admin-finance-mobile-hero span,
.admin-details-mobile-hero span {
    color: var(--admin-muted) !important;
}

@media (max-width: 1180px) {
    .admin-workspace {
        grid-template-columns: 210px minmax(0, 1fr) !important;
    }

    .admin-topbar {
        grid-template-columns: 1fr !important;
    }

    .admin-topbar-actions {
        grid-template-columns: minmax(260px, 1fr) auto auto !important;
    }

    .admin-dashboard-answers,
    .admin-metrics-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .admin-workspace {
        display: block !important;
    }

    .admin-main-column {
        padding: 12px 12px 32px;
    }

    .admin-sidebar {
        position: fixed !important;
        top: 0 !important;
        bottom: 0;
        left: 0;
        z-index: 120;
        width: min(300px, calc(100vw - 42px));
        max-height: none;
        transform: translateX(-102%);
        transition: transform 180ms ease;
        box-shadow: 18px 0 46px rgba(0, 0, 0, 0.32) !important;
    }

    .admin-body.admin-menu-open .admin-sidebar,
    .admin-sidebar.is-open {
        transform: translateX(0);
    }

    .admin-sidebar-backdrop:not([hidden]) {
        position: fixed;
        z-index: 110;
        inset: 0;
        display: block;
        width: 100%;
        height: 100%;
        padding: 0;
        background: rgba(1, 8, 11, 0.72) !important;
        border: 0 !important;
        border-radius: 0 !important;
    }

    .admin-menu-toggle {
        display: inline-flex !important;
    }

    .admin-topbar {
        position: relative;
    }

    .admin-dashboard-answers,
    .admin-metrics-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .admin-body {
        font-size: 13px;
    }

    .admin-main-column {
        gap: 9px !important;
        padding: 8px 8px 28px;
    }

    .admin-topbar {
        gap: 8px !important;
        padding: 10px !important;
    }

    .admin-topbar-main {
        display: grid !important;
        grid-template-columns: auto minmax(0, 1fr);
        gap: 8px !important;
        align-items: center;
    }

    .admin-topbar-main h1 {
        font-size: 17px !important;
    }

    .admin-topbar-main .section-kicker,
    .admin-topbar-main .section-subtitle {
        display: none;
    }

    .admin-topbar-actions {
        grid-template-columns: 1fr !important;
        gap: 7px !important;
    }

    .admin-global-search label,
    .admin-topbar-meta,
    .admin-topbar-buttons {
        display: none !important;
    }

    .admin-mobile-actions {
        display: block !important;
    }

    .admin-mobile-actions > summary {
        min-height: 36px;
        padding: 9px 11px;
        color: var(--admin-text) !important;
        background: transparent !important;
        border: 1px solid var(--admin-border) !important;
        border-radius: 6px !important;
        font-weight: 800;
    }

    .admin-mobile-actions-panel {
        display: grid;
        gap: 7px;
        margin-top: 7px;
        padding: 10px;
        background: #091a21 !important;
        border: 1px solid var(--admin-border) !important;
        border-radius: 6px !important;
    }

    .admin-panel-card,
    .admin-chart-card,
    .admin-settings-edit-card,
    .admin-dashboard-audience,
    .admin-dashboard-status-compact,
    .admin-order-summary-bar,
    .admin-order-section,
    .admin-order-actions-panel,
    .admin-refund-box,
    .admin-client-profile,
    .admin-subscription-drawer,
    .admin-order-drawer {
        padding: 13px !important;
    }

    .admin-panel-head {
        display: grid;
        gap: 9px;
        margin-bottom: 12px;
        padding-bottom: 10px;
    }

    .admin-panel-head h2,
    .admin-panel-head h3 {
        font-size: 16px !important;
    }

    .admin-dashboard-answer,
    .admin-metric-card {
        min-height: 96px;
        padding: 12px !important;
    }

    .admin-dashboard-answer strong,
    .admin-metric-card strong {
        font-size: 20px !important;
    }

    .admin-dashboard-answer small,
    .admin-metric-card small {
        font-size: 10px !important;
    }

    .admin-dashboard-audience-grid,
    .admin-dashboard-status-grid,
    .admin-order-status-grid,
    .admin-order-meta-grid,
    .admin-client-crm-grid,
    .admin-settings-grid,
    .admin-details-source-grid {
        grid-template-columns: 1fr !important;
    }

    .admin-filters,
    .admin-filters-grid,
    .admin-date-range-form,
    .admin-subscription-date-form,
    .admin-clients-filter-card,
    .admin-logs-desktop-filter-card {
        padding: 11px !important;
    }

    .admin-filter-actions .btn,
    .admin-action-row .btn,
    .admin-action-stack .btn,
    .admin-order-head-actions .btn,
    .admin-settings-save-row .btn {
        flex: 1 1 auto;
    }

    .admin-chart-canvas,
    .admin-chart-card--wide .admin-chart-canvas {
        min-height: 220px;
        padding: 7px !important;
    }

    .admin-body .account-status-pill,
    .admin-body [class*="status-pill"],
    .admin-body [class*="badge"] {
        font-size: 8px !important;
    }

    .admin-login-interface {
        padding: 14px;
    }

    .admin-login-card {
        padding: 24px 18px !important;
    }

    .admin-login-card h1 {
        font-size: 25px !important;
    }
}

@media (max-width: 420px) {
    .admin-dashboard-answers,
    .admin-metrics-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .admin-dashboard-answer,
    .admin-metric-card {
        min-height: 86px;
    }

    .admin-global-search > div {
        grid-template-columns: minmax(0, 1fr) 66px;
    }

    .admin-global-search .btn {
        padding-inline: 8px;
    }
}

@media (max-width: 340px) {
    .admin-dashboard-answers,
    .admin-metrics-grid {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 360px) {
    .premium-hero,
    .home-page .premium-hero {
        padding-top: 18px !important;
    }

    .flight-hero-status {
        margin-bottom: 10px;
    }

    .premium-hero h1,
    .home-page .premium-hero h1 {
        font-size: 34px !important;
    }

    .premium-hero .premium-hero-art {
        width: 220px !important;
        margin-bottom: -22px !important;
    }

    .flight-hero-telemetry dd {
        font-size: 9px;
    }
}

@media (max-height: 700px) and (max-width: 760px) {
    .premium-hero,
    .home-page .premium-hero {
        min-height: 0 !important;
        padding-top: 16px !important;
    }

    .flight-hero-status {
        display: none;
    }

    .premium-hero .premium-hero-lead {
        margin-top: 9px !important;
    }

    .flight-hero-benefits {
        margin-top: 9px;
    }

    .premium-hero .premium-hero-art {
        width: 190px !important;
        margin: 0 auto -24px !important;
    }

    .flight-hero-telemetry > div {
        padding-block: 6px;
    }
}

@media (orientation: landscape) and (max-height: 500px) and (max-width: 1023px) {
    .premium-hero,
    .home-page .premium-hero {
        min-height: 0 !important;
        padding: 18px 0 22px !important;
    }

    .premium-hero-grid,
    .home-page .premium-hero-grid {
        min-height: 0 !important;
        grid-template-columns: minmax(0, 1fr) minmax(280px, 0.8fr) !important;
        grid-template-rows: auto auto !important;
        column-gap: 24px !important;
    }

    .premium-hero-copy {
        grid-column: 1;
        grid-row: 1;
    }

    .flight-hero-status {
        display: none;
    }

    .premium-hero h1,
    .home-page .premium-hero h1 {
        font-size: 38px !important;
    }

    .flight-hero-visual {
        width: min(100%, 330px);
        grid-column: 2;
        grid-row: 1 / 3;
    }

    .premium-hero .premium-hero-art {
        width: 240px !important;
    }

    .premium-hero .premium-hero-offer-v2 {
        grid-column: 1;
        grid-row: 2;
        grid-template-columns: minmax(220px, 1fr) minmax(190px, 0.85fr) !important;
    }

    .flight-hero-route {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .premium-hero-offer-button .flight-hero-cta-arrow {
        transition: none !important;
    }
}

/* Step 2: aviation shell, navigation and footer */
body::before {
    inset: 0 max(12px, calc((100vw - var(--content-max)) / 2)) !important;
    width: auto !important;
    height: auto !important;
    background: none !important;
    border-right: 1px solid rgba(24, 61, 73, 0.055);
    border-left: 1px solid rgba(24, 61, 73, 0.055);
}

body::after {
    top: 128px !important;
    right: -7vw !important;
    width: min(760px, 68vw) !important;
    height: 210px !important;
    border-top-color: rgba(23, 125, 184, 0.18) !important;
}

.site-header,
body:not(.home-page):not(.admin-body) .site-header,
.home-page .site-header,
.payment-hub-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 80 !important;
    min-height: 82px !important;
    overflow: visible;
    background: rgba(13, 36, 45, 0.97) !important;
    border-bottom: 0 !important;
    box-shadow: 0 14px 36px rgba(7, 28, 36, 0.17) !important;
    transition: background-color 180ms ease, box-shadow 180ms ease !important;
}

.site-header.is-scrolled,
.home-page .site-header.is-scrolled,
.site-header.is-open {
    background: rgba(10, 31, 40, 0.99) !important;
    box-shadow: 0 18px 46px rgba(4, 22, 29, 0.24) !important;
    backdrop-filter: blur(22px) saturate(118%) !important;
}

.header-wrap,
body:not(.home-page):not(.admin-body) .header-wrap,
.home-page .header-wrap {
    min-height: 82px !important;
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: clamp(20px, 3vw, 44px) !important;
}

.flight-header-track,
.flight-footer-track {
    position: absolute;
    right: max(var(--content-gutter), calc((100vw - var(--content-max)) / 2));
    bottom: 0;
    left: max(var(--content-gutter), calc((100vw - var(--content-max)) / 2));
    z-index: 2;
    height: 1px;
    display: grid;
    grid-template-columns: minmax(20px, 0.35fr) 5px minmax(20px, 1.65fr);
    align-items: center;
    gap: 7px;
    pointer-events: none;
}

.flight-header-track span,
.flight-footer-track span {
    height: 1px;
    background: rgba(208, 232, 236, 0.17);
}

.flight-header-track span:first-child,
.flight-footer-track span:first-child {
    background: var(--flight-cyan);
}

.flight-header-track i,
.flight-footer-track i {
    width: 5px;
    height: 5px;
    display: block;
    border: 1px solid var(--flight-amber);
    border-radius: 50%;
}

.site-header .vip-brand,
.home-page .site-header .vip-brand {
    min-width: 0;
    gap: 12px !important;
    padding-block: 8px;
}

.site-header .vip-brand-mark,
.home-page .site-header .vip-brand-mark,
.payment-hub-header .vip-brand-mark {
    width: 44px !important;
    height: 44px !important;
    flex: 0 0 44px !important;
    padding: 5px !important;
    background: #e5eef0 !important;
    border: 1px solid rgba(219, 237, 240, 0.28) !important;
    border-radius: 6px !important;
}

.site-header .vip-brand-mark > img,
.home-page .site-header .vip-brand-mark > img,
.payment-hub-header .vip-brand-mark > img {
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    object-fit: contain !important;
}

.site-header .logo-text,
.home-page .site-header .logo-text {
    min-width: 0;
    gap: 3px !important;
}

.site-header .vip-brand .logo-text strong,
.home-page .site-header .vip-brand .logo-text strong {
    max-width: 260px;
    color: #f2f7f7 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.08 !important;
}

.site-header .vip-brand .logo-text small,
.home-page .site-header .vip-brand .logo-text small {
    max-width: 260px;
    color: #8fa8b0 !important;
    font-size: 9px !important;
    font-weight: 500;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 0.08em !important;
}

.desktop-nav,
.home-page .desktop-nav,
body:not(.home-page):not(.admin-body) .desktop-nav {
    position: relative;
    justify-self: center;
    align-items: stretch !important;
    gap: clamp(3px, 0.45vw, 8px) !important;
    padding: 0 12px;
}

.desktop-nav::before {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    z-index: -1;
    height: 1px;
    content: "";
    background: rgba(196, 220, 225, 0.1);
}

.desktop-nav a,
.home-page .desktop-nav a,
body:not(.home-page):not(.admin-body) .desktop-nav a {
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 10px clamp(8px, 0.8vw, 12px) !important;
    color: #a9bec4 !important;
    background: rgba(13, 36, 45, 0.96);
    border: 0 !important;
    border-radius: 4px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1;
    white-space: nowrap;
}

.desktop-nav a::after {
    display: none;
}

.flight-nav-node {
    width: 5px;
    height: 5px;
    flex: 0 0 5px;
    border: 1px solid rgba(92, 199, 205, 0.8);
    border-radius: 50%;
    transition: background-color 160ms ease, box-shadow 160ms ease;
}

.desktop-nav a:hover,
.home-page .desktop-nav a:hover,
body:not(.home-page):not(.admin-body) .desktop-nav a:hover {
    color: #ffffff !important;
    background: #173943 !important;
}

.desktop-nav a:hover .flight-nav-node {
    background: var(--flight-cyan);
    box-shadow: 0 0 0 4px rgba(69, 182, 193, 0.1);
}

.flight-header-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}

.payment-hub-header .payment-hub-account-link {
    grid-column: 3;
    justify-self: end;
}

.site-header .header-cta,
.home-page .site-header .header-cta {
    min-height: 44px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 10px 16px !important;
    color: var(--flight-night) !important;
    background: var(--flight-amber) !important;
    border: 1px solid var(--flight-amber) !important;
    border-radius: 6px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
}

.flight-action-arrow {
    font-size: 17px;
    font-weight: 500;
    line-height: 1;
    transition: transform 160ms ease;
}

.header-cta:hover .flight-action-arrow,
.mobile-menu-cta:hover .flight-action-arrow {
    transform: translateX(3px);
}

.burger,
.home-page .burger,
body:not(.home-page):not(.admin-body) .burger {
    position: relative;
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    align-content: center;
    gap: 5px;
    padding: 0 11px;
    color: #edf5f5 !important;
    background: #173843 !important;
    border: 1px solid rgba(208, 232, 236, 0.16) !important;
    border-radius: 6px !important;
    box-shadow: none !important;
}

.burger span {
    width: 100%;
    height: 1px;
    display: block;
    background: #e8f1f2 !important;
    border-radius: 0 !important;
    transform-origin: center;
    transition: transform 180ms ease, opacity 180ms ease;
}

.burger[aria-expanded="true"] span:nth-child(1) {
    transform: translateY(6px) rotate(45deg);
}

.burger[aria-expanded="true"] span:nth-child(2) {
    opacity: 0;
}

.burger[aria-expanded="true"] span:nth-child(3) {
    transform: translateY(-6px) rotate(-45deg);
}

body.menu-open {
    overflow: hidden;
}

.mobile-menu,
.home-page .mobile-menu,
body:not(.home-page):not(.admin-body) .mobile-menu {
    position: fixed !important;
    top: 82px !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    z-index: 79 !important;
    width: 100% !important;
    height: calc(100dvh - 82px) !important;
    max-height: calc(100dvh - 82px) !important;
    padding: 0 !important;
    color: #e9f1f2 !important;
    background: #0d242d !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow-y: auto;
    overscroll-behavior: contain;
}

.mobile-menu-shell {
    min-height: 100%;
    display: grid;
    grid-template-rows: auto 1fr auto;
    gap: 0;
    padding-top: clamp(20px, 5vh, 44px) !important;
    padding-bottom: calc(24px + env(safe-area-inset-bottom)) !important;
}

.mobile-menu-route {
    height: 22px;
    display: grid;
    grid-template-columns: 16px 6px 1fr;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
}

.mobile-menu-route span {
    height: 1px;
    background: rgba(199, 222, 226, 0.14);
}

.mobile-menu-route span:first-child {
    background: var(--flight-cyan);
}

.mobile-menu-route i {
    width: 6px;
    height: 6px;
    border: 1px solid var(--flight-amber);
    border-radius: 50%;
}

.mobile-menu nav,
.home-page .mobile-menu nav {
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 0 !important;
}

.mobile-menu nav a.mobile-menu-link,
.home-page .mobile-menu nav a.mobile-menu-link {
    min-height: 64px;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) 24px;
    align-items: center;
    gap: 14px;
    margin: 0;
    padding: 13px 2px !important;
    color: #dce8ea !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(204, 227, 231, 0.11) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-size: clamp(18px, 5vw, 23px) !important;
    font-weight: 600 !important;
    line-height: 1.15;
}

.mobile-menu nav a.mobile-menu-link:hover,
.home-page .mobile-menu nav a.mobile-menu-link:hover {
    color: #ffffff !important;
    background: transparent !important;
}

.mobile-menu-link-index {
    color: #66848d;
    font-size: 11px;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.mobile-menu-link-arrow {
    color: var(--flight-cyan);
    font-size: 16px;
    text-align: right;
    transition: transform 160ms ease;
}

.mobile-menu-link:hover .mobile-menu-link-arrow {
    transform: translate(2px, -2px);
}

.mobile-menu nav a.mobile-menu-link--account,
.home-page .mobile-menu nav a.mobile-menu-link--account {
    margin-top: 0 !important;
    color: #f3c171 !important;
    background: transparent !important;
    border-color: rgba(237, 180, 93, 0.22) !important;
}

.mobile-menu-cta,
.home-page .mobile-menu-cta {
    min-height: 54px !important;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-top: 22px;
    padding: 14px 18px !important;
    color: var(--flight-night) !important;
    background: var(--flight-amber) !important;
    border-color: var(--flight-amber) !important;
    border-radius: 6px !important;
}

.site-footer,
body:not(.home-page):not(.admin-body) .site-footer,
.home-page .site-footer {
    position: relative;
    margin-top: clamp(78px, 9vw, 116px) !important;
    padding: clamp(58px, 7vw, 86px) 0 0 !important;
    color: #dce8ea !important;
    background: #0d242d !important;
    border-top: 0 !important;
    box-shadow: inset 0 1px 0 rgba(208, 232, 236, 0.06);
}

.flight-footer-track {
    top: 0;
    bottom: auto;
}

.footer-grid,
.home-page .footer-grid,
body:not(.home-page):not(.admin-body) .footer-grid {
    display: grid !important;
    grid-template-columns: minmax(280px, 1.35fr) minmax(150px, 0.55fr) minmax(220px, 0.85fr) !important;
    gap: clamp(34px, 6vw, 82px) !important;
    align-items: start;
}

.footer-brand,
.home-page .footer-brand {
    display: grid;
    gap: 18px !important;
    align-content: start;
}

.site-footer .vip-brand {
    width: fit-content;
    gap: 12px !important;
}

.site-footer .vip-brand-mark,
.home-page .site-footer .vip-brand-mark {
    width: 48px !important;
    height: 48px !important;
    flex: 0 0 48px !important;
    padding: 5px !important;
    background: #dce8ea !important;
    border: 1px solid rgba(220, 237, 240, 0.22) !important;
    border-radius: 6px !important;
}

.site-footer .vip-brand-mark > img,
.home-page .site-footer .vip-brand-mark > img {
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    object-fit: contain !important;
}

.site-footer .logo-text {
    gap: 4px;
}

.site-footer .logo-text strong {
    color: #f3f7f7 !important;
    font-size: 17px !important;
}

.site-footer .logo-text small {
    color: #829da5 !important;
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: 0.08em !important;
}

.footer-lead,
.home-page .footer-lead {
    max-width: 42ch !important;
    color: #9bb1b7 !important;
    font-size: 14px;
    line-height: 1.65;
}

.footer-badges,
.home-page .footer-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 0 !important;
    border-top: 1px solid rgba(205, 228, 232, 0.12);
    border-bottom: 1px solid rgba(205, 228, 232, 0.12);
}

.footer-badges span,
.home-page .footer-badges span {
    position: relative;
    min-height: 38px !important;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 8px 14px 8px 0 !important;
    color: #b9cbd0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    font-size: 11px !important;
    font-weight: 600 !important;
}

.footer-badges span + span {
    padding-left: 14px !important;
}

.footer-badges span + span::before {
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 0;
    width: 1px;
    content: "";
    background: rgba(205, 228, 232, 0.13);
}

.footer-nav,
.home-page .footer-nav {
    display: grid;
    gap: 2px !important;
    align-content: start;
}

.footer-title,
.home-page .footer-title {
    margin: 0 0 16px !important;
    color: #79959d !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 0.1em !important;
}

.footer-nav a,
.home-page .footer-nav a,
body:not(.home-page):not(.admin-body) .footer-nav a {
    min-height: 37px;
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 7px 0 !important;
    color: #b5c7cc !important;
    font-size: 13px;
    line-height: 1.3;
    transition: color 160ms ease, transform 160ms ease !important;
}

.footer-nav a::before {
    width: 9px;
    height: 1px;
    flex: 0 0 9px;
    content: "";
    background: rgba(69, 182, 193, 0.48);
    transition: width 160ms ease, background-color 160ms ease;
}

.footer-nav a:hover,
.home-page .footer-nav a:hover,
body:not(.home-page):not(.admin-body) .footer-nav a:hover {
    color: #ffffff !important;
    transform: translateX(2px);
}

.footer-nav a:hover::before {
    width: 14px;
    background: var(--flight-cyan);
}

.footer-bottom {
    display: grid;
    grid-template-columns: minmax(220px, 0.7fr) minmax(0, 1.3fr);
    gap: 32px;
    align-items: start;
    margin-top: clamp(42px, 6vw, 72px) !important;
    padding-top: 22px !important;
    padding-bottom: calc(26px + env(safe-area-inset-bottom)) !important;
    border-top: 1px solid rgba(205, 228, 232, 0.12);
}

.footer-copy,
.footer-disclaimer,
.home-page .footer-copy,
.home-page .footer-disclaimer {
    margin: 0 !important;
    color: #78939b !important;
    font-size: 11px;
    line-height: 1.55;
}

.footer-disclaimer {
    max-width: 760px;
    justify-self: end;
    text-align: right;
}

.site-footer--compact {
    margin-top: clamp(52px, 7vw, 88px) !important;
    padding-top: 26px !important;
}

.payment-hub-footer {
    min-height: 88px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding-bottom: calc(22px + env(safe-area-inset-bottom)) !important;
}

.payment-hub-footer p {
    margin: 0;
}

.payment-hub-footer nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 18px;
}

.payment-hub-footer a {
    color: #a8bdc3 !important;
    font-size: 12px;
}

@media (min-width: 1024px) {
    .desktop-nav,
    .home-page .desktop-nav,
    body:not(.home-page):not(.admin-body) .desktop-nav {
        display: flex !important;
    }

    .burger,
    .home-page .burger,
    body:not(.home-page):not(.admin-body) .burger {
        display: none !important;
    }

    .mobile-menu {
        display: none !important;
    }
}

@media (max-width: 1140px) and (min-width: 1024px) {
    .header-wrap,
    body:not(.home-page):not(.admin-body) .header-wrap,
    .home-page .header-wrap {
        gap: 16px !important;
    }

    .site-header .vip-brand .logo-text small,
    .home-page .site-header .vip-brand .logo-text small {
        display: none;
    }

    .desktop-nav,
    .home-page .desktop-nav {
        padding-inline: 0;
    }

    .desktop-nav a,
    .home-page .desktop-nav a {
        padding-inline: 7px !important;
        font-size: 12px !important;
    }
}

@media (max-width: 1023px) {
    .site-header,
    body:not(.home-page):not(.admin-body) .site-header,
    .home-page .site-header,
    .payment-hub-header,
    .header-wrap,
    body:not(.home-page):not(.admin-body) .header-wrap,
    .home-page .header-wrap {
        min-height: 70px !important;
    }

    .header-wrap,
    body:not(.home-page):not(.admin-body) .header-wrap,
    .home-page .header-wrap {
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 14px !important;
    }

    .desktop-nav,
    .home-page .desktop-nav,
    body:not(.home-page):not(.admin-body) .desktop-nav,
    .site-header .header-cta,
    .home-page .site-header .header-cta {
        display: none !important;
    }

    .burger,
    .home-page .burger,
    body:not(.home-page):not(.admin-body) .burger {
        display: grid !important;
    }

    .payment-hub-header .payment-hub-account-link {
        grid-column: 2;
    }

    .mobile-menu,
    .home-page .mobile-menu,
    body:not(.home-page):not(.admin-body) .mobile-menu {
        top: 70px !important;
        height: calc(100dvh - 70px) !important;
        max-height: calc(100dvh - 70px) !important;
    }
}

@media (max-width: 820px) {
    .footer-grid,
    .home-page .footer-grid,
    body:not(.home-page):not(.admin-body) .footer-grid {
        grid-template-columns: minmax(0, 1.1fr) minmax(140px, 0.9fr) !important;
        gap: 42px 28px !important;
    }

    .footer-brand {
        grid-column: 1 / -1;
    }
}

@media (max-width: 680px) {
    body::before {
        right: 9px !important;
        left: 9px !important;
    }

    body::after {
        top: 104px !important;
        width: 94vw !important;
        height: 130px !important;
    }

    .site-header .vip-brand-mark,
    .home-page .site-header .vip-brand-mark,
    .payment-hub-header .vip-brand-mark {
        width: 40px !important;
        height: 40px !important;
        flex-basis: 40px !important;
    }

    .site-header .vip-brand .logo-text strong,
    .home-page .site-header .vip-brand .logo-text strong {
        max-width: 178px;
        font-size: 14px !important;
    }

    .site-header .vip-brand .logo-text small,
    .home-page .site-header .vip-brand .logo-text small {
        max-width: 174px;
        overflow: hidden;
        font-size: 8px !important;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .mobile-menu nav a.mobile-menu-link,
    .home-page .mobile-menu nav a.mobile-menu-link {
        min-height: 60px;
    }

    .site-footer,
    body:not(.home-page):not(.admin-body) .site-footer,
    .home-page .site-footer {
        margin-top: 68px !important;
        padding-top: 48px !important;
    }

    .footer-grid,
    .home-page .footer-grid,
    body:not(.home-page):not(.admin-body) .footer-grid {
        grid-template-columns: 1fr !important;
        gap: 34px !important;
    }

    .footer-brand {
        grid-column: auto;
    }

    .footer-nav a,
    .home-page .footer-nav a {
        min-height: 42px;
    }

    .footer-bottom {
        grid-template-columns: 1fr;
        gap: 10px;
        margin-top: 38px !important;
        padding-top: 18px !important;
    }

    .footer-disclaimer {
        justify-self: start;
        text-align: left;
    }

    .payment-hub-footer {
        min-height: 0;
        flex-direction: column;
        align-items: flex-start;
        padding-block: 24px calc(24px + env(safe-area-inset-bottom)) !important;
    }

    .payment-hub-footer nav {
        justify-content: flex-start;
    }
}

@media (orientation: landscape) and (max-height: 500px) and (max-width: 1023px) {
    .site-header,
    body:not(.home-page):not(.admin-body) .site-header,
    .home-page .site-header,
    .header-wrap,
    body:not(.home-page):not(.admin-body) .header-wrap,
    .home-page .header-wrap {
        min-height: 58px !important;
    }

    .site-header .vip-brand-mark,
    .home-page .site-header .vip-brand-mark {
        width: 38px !important;
        height: 38px !important;
        flex-basis: 38px !important;
    }

    .mobile-menu,
    .home-page .mobile-menu,
    body:not(.home-page):not(.admin-body) .mobile-menu {
        top: 58px !important;
        height: calc(100dvh - 58px) !important;
        max-height: calc(100dvh - 58px) !important;
    }

    .mobile-menu-shell {
        padding-top: 12px !important;
    }

    .mobile-menu-route {
        display: none;
    }

    .mobile-menu nav a.mobile-menu-link,
    .home-page .mobile-menu nav a.mobile-menu-link {
        min-height: 48px;
        font-size: 16px !important;
    }

    .mobile-menu-cta {
        min-height: 48px !important;
        margin-top: 12px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .burger span,
    .flight-action-arrow,
    .flight-nav-node,
    .mobile-menu-link-arrow,
    .footer-nav a,
    .footer-nav a::before {
        transition: none !important;
    }
}

/* Step 4: premium flight route for every section after the hero */
.home-page .premium-secure,
.home-page .premium-comparison,
.home-page .premium-advantages,
.home-page .premium-faq {
    background: var(--flight-cloud) !important;
}

.home-page .premium-secure,
.home-page .premium-comparison,
.home-page .premium-reviews,
.home-page .premium-advantages,
.home-page .premium-pricing,
.home-page .premium-faq,
.home-page .premium-support,
.home-page .premium-connection {
    position: relative;
    isolation: isolate;
    overflow: clip;
    padding-block: 104px !important;
}

.home-page .premium-secure::after,
.home-page .premium-comparison::after,
.home-page .premium-advantages::after,
.home-page .premium-faq::after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 54px;
    right: max(22px, calc((100vw - var(--content-max)) / 2));
    width: 108px;
    height: 1px;
    background: var(--flight-line-strong);
}

.home-page .premium-secure::before,
.home-page .premium-comparison::before,
.home-page .premium-advantages::before,
.home-page .premium-faq::before {
    content: "";
    position: absolute;
    top: 50px;
    right: max(126px, calc((100vw - var(--content-max)) / 2 + 104px));
    width: 9px;
    height: 9px;
    border: 2px solid var(--flight-blue);
    border-radius: 50%;
    background: var(--flight-cloud);
}

.home-page .premium-section-heading,
.home-page .premium-faq-intro {
    position: relative;
}

.home-page .premium-section-heading {
    display: grid !important;
    grid-template-columns: minmax(0, 0.38fr) minmax(0, 1fr);
    column-gap: 64px !important;
    row-gap: 14px !important;
    align-items: start;
    margin-bottom: 52px !important;
    padding-top: 22px;
    border-top: 1px solid var(--flight-line) !important;
}

.home-page .premium-section-heading .premium-kicker {
    grid-column: 1;
    grid-row: 1 / span 2;
    margin: 3px 0 0 !important;
}

.home-page .premium-section-heading h2 {
    grid-column: 2;
    max-width: 840px;
    margin: 0 !important;
    font-size: 46px !important;
    line-height: 1.08 !important;
    font-weight: 650 !important;
}

.home-page .premium-section-heading > p:last-child {
    grid-column: 2;
    max-width: 720px;
    margin: 0 !important;
    font-size: 17px !important;
    line-height: 1.6 !important;
}

.home-page .premium-kicker {
    font-size: 12px !important;
    line-height: 1.3 !important;
    text-transform: uppercase;
    letter-spacing: 0 !important;
}

/* Capabilities: three independent cabin modules, with unframed artwork inside. */
.home-page .premium-benefits-bento::before,
.home-page .premium-benefit-card::before {
    display: none !important;
}

.home-page .premium-benefits-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 18px !important;
}

.home-page .premium-benefit-card {
    display: grid !important;
    grid-template-rows: minmax(260px, 1fr) auto;
    min-width: 0;
    overflow: hidden;
    background: var(--flight-cloud-strong) !important;
    border: 1px solid var(--flight-line) !important;
    border-radius: var(--radius) !important;
    box-shadow: none !important;
}

.home-page .premium-benefit-visual,
.home-page .premium-benefit-quality,
.home-page .premium-benefit-devices,
.home-page .premium-benefit-infinity {
    position: relative;
    min-height: 260px !important;
    padding: 22px !important;
    overflow: hidden;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.home-page .premium-benefit-eyebrow {
    position: absolute;
    z-index: 2;
    top: 18px;
    left: 20px;
    color: var(--flight-muted) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 0 !important;
}

.home-page .premium-benefit-media,
.home-page .premium-benefit-media img {
    display: block;
    width: 100% !important;
    height: 100% !important;
}

.home-page .premium-benefit-media img {
    object-fit: contain !important;
}

.home-page .premium-benefit-copy {
    min-height: 224px;
    padding: 26px 24px 28px !important;
    border-top: 1px solid var(--flight-line);
}

.home-page .premium-benefit-copy > span {
    display: block;
    margin-bottom: 9px;
    font-size: 12px !important;
    text-transform: uppercase;
    letter-spacing: 0 !important;
}

.home-page .premium-benefit-copy h3 {
    margin: 0 0 12px !important;
    font-size: 25px !important;
    line-height: 1.18 !important;
}

.home-page .premium-benefit-copy p {
    margin: 0 !important;
    font-size: 15px !important;
    line-height: 1.58 !important;
}

/* Connection: a full-width night-flight band, not a card. */
.home-page .premium-connection {
    color: #edf5f5 !important;
    background: var(--flight-night) !important;
    border-top-color: var(--flight-line-on-dark) !important;
}

.home-page .premium-connection::before,
.home-page .premium-reviews::before,
.home-page .premium-pricing::before,
.home-page .premium-support::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 46px;
    right: max(20px, calc((100vw - var(--content-max)) / 2));
    width: 136px;
    height: 1px;
    background: var(--flight-line-on-dark);
}

.home-page .premium-connection-card {
    display: grid !important;
    grid-template-columns: minmax(320px, 0.78fr) minmax(0, 1.22fr) !important;
    gap: 58px !important;
    align-items: center;
    min-height: 560px;
    padding: 0 !important;
    overflow: visible !important;
    color: #edf5f5 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.home-page .premium-connection-card::before,
.home-page .premium-network-stage::before,
.home-page .premium-network-stage::after {
    display: none !important;
}

.home-page .premium-connection-content {
    display: flex !important;
    flex-direction: column;
    align-items: flex-start;
    padding: 0 !important;
}

.home-page .premium-connection-switch {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: min(100%, 344px);
    margin-bottom: 48px !important;
    padding: 4px !important;
    background: #0c2029 !important;
    border: 1px solid var(--flight-line-on-dark) !important;
    border-radius: var(--radius-sm) !important;
}

.home-page .premium-connection-switch button {
    min-height: 42px;
    padding: 8px 12px !important;
    color: #a9bdc3 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 4px !important;
    font-weight: 650 !important;
}

.home-page .premium-connection-switch button:hover {
    color: #ffffff !important;
}

.home-page .premium-connection-switch button.is-active {
    color: #ffffff !important;
    background: var(--flight-blue) !important;
}

.home-page .premium-connection .premium-kicker {
    color: var(--flight-cyan) !important;
}

.home-page .premium-connection-copy h2 {
    max-width: 570px;
    margin: 0 0 20px !important;
    color: #f7f9f8 !important;
    font-size: 46px !important;
    line-height: 1.08 !important;
    font-weight: 650 !important;
}

.home-page .premium-connection-copy > p:not(.premium-kicker) {
    max-width: 560px;
    margin: 0 !important;
    color: #a9bdc3 !important;
    font-size: 17px !important;
    line-height: 1.62 !important;
}

.home-page .premium-badges {
    display: flex !important;
    flex-wrap: wrap;
    gap: 0 !important;
    margin-top: 30px !important;
    border-top: 1px solid var(--flight-line-on-dark);
    border-bottom: 1px solid var(--flight-line-on-dark);
}

.home-page .premium-badges span {
    padding: 12px 16px !important;
    color: #d9e7e9 !important;
    background: transparent !important;
    border: 0 !important;
    border-right: 1px solid var(--flight-line-on-dark) !important;
    border-radius: 0 !important;
    font-size: 12px !important;
}

.home-page .premium-badges span:first-child {
    padding-left: 0 !important;
}

.home-page .premium-badges span:last-child {
    border-right: 0 !important;
}

.home-page .premium-network-stage {
    min-height: 0 !important;
    aspect-ratio: 3 / 2;
    padding: 0 !important;
    overflow: hidden;
    background: transparent !important;
    border: 0 !important;
    border-radius: var(--radius) !important;
    box-shadow: none !important;
}

.home-page .premium-network-artwork,
.home-page .premium-network-artwork img {
    display: block;
    width: 100% !important;
    height: 100% !important;
}

.home-page .premium-network-artwork img {
    object-fit: contain !important;
}

/* Comparison: one route table with dividers instead of stacked cards. */
.home-page .premium-comparison {
    background: var(--flight-mist-deep) !important;
}

.home-page .premium-comparison::before {
    background: var(--flight-mist-deep);
}

.home-page .premium-comparison-journey {
    overflow: hidden !important;
    background: transparent !important;
    border: 0 !important;
    border-top: 1px solid var(--flight-line-strong) !important;
    border-bottom: 1px solid var(--flight-line-strong) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.home-page .premium-comparison-journey::before {
    display: none !important;
}

.home-page .premium-comparison-journey-head,
.home-page .premium-comparison-journey-row {
    display: grid !important;
    grid-template-columns: minmax(260px, 1.08fr) minmax(210px, 0.96fr) minmax(210px, 0.96fr) !important;
    align-items: stretch;
    min-width: 0 !important;
}

.home-page .premium-comparison-journey-head {
    min-height: 86px;
    padding: 0 !important;
    background: transparent !important;
    border-bottom: 1px solid var(--flight-line-strong) !important;
}

.home-page .premium-comparison-journey-head > span,
.home-page .premium-comparison-journey-head > div,
.home-page .premium-comparison-journey-row > div {
    min-width: 0;
    padding: 20px 24px !important;
}

.home-page .premium-comparison-journey-head > div {
    display: grid !important;
    grid-column: 2 / 4;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 0 !important;
}

.home-page .premium-comparison-journey-head > div > span {
    display: flex;
    align-items: center;
    padding: 20px 24px;
    color: var(--flight-muted) !important;
    background: transparent !important;
    border-left: 1px solid var(--flight-line);
    border-top: 0 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    border-radius: 0 !important;
    font-weight: 700;
}

.home-page .premium-comparison-journey-head .is-vip,
.home-page .premium-comparison-vip {
    background: rgba(23, 125, 184, 0.08) !important;
}

.home-page .premium-comparison-journey-head .is-vip {
    color: var(--flight-blue-hover) !important;
    border-color: var(--flight-line) !important;
}

.home-page .premium-comparison-journey-list {
    gap: 0 !important;
}

.home-page .premium-comparison-journey-row {
    min-height: 106px;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid var(--flight-line) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.home-page .premium-comparison-journey-row:last-child {
    border-bottom: 0 !important;
}

.home-page .premium-comparison-journey-row > div {
    display: flex !important;
    gap: 14px;
    align-items: center;
    background: transparent !important;
    border-top: 0 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    border-left: 1px solid var(--flight-line);
    border-radius: 0 !important;
    box-shadow: none !important;
}

.home-page .premium-comparison-journey-row > div:first-child {
    border-left: 0;
}

.home-page .premium-comparison-journey-row > .premium-comparison-vip {
    background: rgba(23, 125, 184, 0.08) !important;
    border-left: 1px solid var(--flight-line) !important;
}

.home-page .premium-comparison-journey-row i {
    display: inline-grid !important;
    flex: 0 0 32px;
    width: 32px !important;
    height: 32px !important;
    place-items: center;
    color: var(--flight-blue-hover) !important;
    background: transparent !important;
    border: 1px solid var(--flight-line-strong) !important;
    border-radius: 50% !important;
    font-size: 12px !important;
    font-style: normal;
}

.home-page .premium-comparison-journey-row small,
.home-page .premium-comparison-journey-head small {
    display: block;
    margin-bottom: 4px;
    color: var(--flight-subtle) !important;
    font-size: 10px !important;
    text-transform: uppercase;
    letter-spacing: 0 !important;
}

.home-page .premium-comparison-journey-row b,
.home-page .premium-comparison-journey-head strong {
    display: block;
    font-size: 15px !important;
    line-height: 1.35 !important;
}

.home-page .premium-comparison-step b,
.home-page .premium-comparison-vip b,
.home-page .premium-comparison-other b {
    color: var(--flight-ink) !important;
}

.home-page .premium-comparison-journey-foot {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
    padding: 24px 0 0 !important;
    background: transparent !important;
    border: 0 !important;
}

.home-page .premium-comparison-journey-foot > span {
    color: var(--flight-muted) !important;
    font-size: 13px !important;
}

.home-page .premium-comparison-journey-foot a {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 46px;
    padding: 10px 18px;
    color: #ffffff !important;
    background: var(--flight-blue) !important;
    border-radius: var(--radius-sm) !important;
    font-weight: 700;
}

.home-page .premium-comparison-journey-foot a:hover {
    background: var(--flight-blue-hover) !important;
}

/* Payment: image and offer rows share a dark runway without nested panels. */
.home-page .premium-reviews,
.home-page .premium-pricing,
.home-page .premium-support {
    color: #edf5f5 !important;
    background: #0c2029 !important;
    border-top-color: var(--flight-line-on-dark) !important;
}

.home-page .premium-payment-showcase {
    display: grid !important;
    grid-template-columns: minmax(0, 0.9fr) minmax(360px, 1.1fr) !important;
    gap: 76px !important;
    align-items: center;
    min-height: 560px;
    padding: 0 !important;
    overflow: visible !important;
    color: #edf5f5 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.home-page .premium-payment-showcase-art {
    min-height: 0 !important;
    aspect-ratio: 3 / 2;
    padding: 0 !important;
    overflow: hidden;
    background: transparent !important;
    border: 0 !important;
    border-radius: var(--radius) !important;
    box-shadow: none !important;
}

.home-page .premium-payment-showcase-artwork,
.home-page .premium-payment-showcase-artwork img {
    display: block;
    width: 100% !important;
    height: 100% !important;
}

.home-page .premium-payment-showcase-artwork img {
    object-fit: contain !important;
}

.home-page .premium-payment-showcase-content {
    padding: 0 !important;
}

.home-page .premium-payment-showcase .premium-kicker,
.home-page .premium-pricing .premium-kicker,
.home-page .premium-support .premium-kicker {
    color: var(--flight-cyan) !important;
}

.home-page .premium-payment-showcase h2,
.home-page .premium-pricing h2,
.home-page .premium-support h2 {
    color: #f7f9f8 !important;
}

.home-page .premium-payment-showcase h2 {
    max-width: 650px;
    margin: 0 0 18px !important;
    font-size: 44px !important;
    line-height: 1.08 !important;
    font-weight: 650 !important;
}

.home-page .premium-payment-showcase-lead,
.home-page .premium-support-contact-content > p:not(.premium-kicker) {
    color: #a9bdc3 !important;
    font-size: 17px !important;
    line-height: 1.6 !important;
}

.home-page .premium-payment-showcase-offers {
    margin-top: 30px !important;
    border-top: 1px solid var(--flight-line-on-dark);
    border-bottom: 1px solid var(--flight-line-on-dark);
}

.home-page .premium-payment-showcase-offer {
    display: grid !important;
    gap: 6px !important;
    padding: 17px 0 !important;
    color: #edf5f5 !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid var(--flight-line-on-dark) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.home-page .premium-payment-showcase-offer:last-child {
    border-bottom: 0 !important;
}

.home-page .premium-payment-showcase-offer strong {
    color: #ffffff !important;
}

.home-page .premium-payment-showcase-offer small,
.home-page .premium-payment-showcase-security span {
    color: #9fb4ba !important;
}

.home-page .premium-payment-showcase-offer em {
    color: var(--flight-night) !important;
    background: var(--flight-amber) !important;
    border-radius: 4px !important;
}

.home-page .premium-payment-showcase-actions {
    margin-top: 28px !important;
}

/* Advantages: artwork remains complete, while the carousel shell stays unframed. */
.home-page .premium-advantages {
    background: var(--flight-cloud) !important;
}

.home-page .premium-advantage-carousel-shell {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.home-page .premium-advantage-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 18px !important;
}

.home-page .premium-advantage-card--artwork {
    aspect-ratio: 3 / 2 !important;
    min-height: 0 !important;
    padding: 0 !important;
    overflow: hidden;
    background: #0c2029 !important;
    border: 1px solid var(--flight-line) !important;
    border-radius: var(--radius) !important;
    box-shadow: none !important;
}

.home-page .premium-advantage-card--artwork::before,
.home-page .premium-advantage-card--artwork::after {
    display: none !important;
}

.home-page .premium-advantage-card-artwork,
.home-page .premium-advantage-card-artwork img {
    display: block;
    width: 100% !important;
    height: 100% !important;
}

.home-page .premium-advantage-card-artwork img {
    object-fit: contain !important;
}

.home-page .premium-carousel-status,
.home-page .premium-carousel-dots {
    margin-top: 18px !important;
}

.home-page .premium-advantage-card-reliability {
    display: grid !important;
    grid-template-columns: minmax(300px, 0.78fr) minmax(0, 1.22fr) !important;
    gap: 54px !important;
    align-items: center;
    margin-top: 54px !important;
    padding: 48px !important;
    overflow: hidden;
    background: var(--flight-mist-deep) !important;
    border: 1px solid var(--flight-line) !important;
    border-radius: var(--radius) !important;
    box-shadow: none !important;
}

.home-page .premium-advantage-card-reliability::before,
.home-page .premium-advantage-card-reliability::after,
.home-page .premium-reliability-panel::before,
.home-page .premium-reliability-panel::after {
    display: none !important;
}

.home-page .premium-reliability-copy h3 {
    margin: 0 0 14px !important;
    font-size: 36px !important;
    line-height: 1.12 !important;
}

.home-page .premium-reliability-benefits {
    display: flex !important;
    flex-wrap: wrap;
    gap: 0 !important;
    margin-top: 26px !important;
    border-top: 1px solid var(--flight-line);
    border-bottom: 1px solid var(--flight-line);
}

.home-page .premium-reliability-benefits span {
    padding: 11px 16px !important;
    color: var(--flight-ink) !important;
    background: transparent !important;
    border: 0 !important;
    border-right: 1px solid var(--flight-line) !important;
    border-radius: 0 !important;
}

.home-page .premium-reliability-benefits span:first-child {
    padding-left: 0 !important;
}

.home-page .premium-reliability-benefits span:last-child {
    border-right: 0 !important;
}

.home-page .premium-reliability-panel {
    min-height: 0 !important;
    aspect-ratio: 3 / 2;
    padding: 0 !important;
    overflow: hidden;
    background: transparent !important;
    border: 0 !important;
    border-radius: var(--radius) !important;
    box-shadow: none !important;
}

.home-page .premium-reliability-artwork,
.home-page .premium-reliability-artwork img {
    display: block;
    width: 100% !important;
    height: 100% !important;
}

.home-page .premium-reliability-artwork img {
    object-fit: contain !important;
}

/* Pricing: one dark split surface, with tariffs presented as instrument rows. */
.home-page .premium-pricing-card {
    display: grid !important;
    grid-template-columns: minmax(0, 0.92fr) minmax(380px, 1.08fr) !important;
    gap: 70px !important;
    align-items: center;
    padding: 0 !important;
    color: #edf5f5 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.home-page .premium-pricing-art {
    min-height: 560px !important;
    padding: 0 !important;
    overflow: hidden;
    background: transparent !important;
    border: 0 !important;
    border-radius: var(--radius) !important;
}

.home-page .premium-pricing-art::before,
.home-page .premium-pricing-art::after,
.home-page .premium-pricing-glow {
    display: none !important;
}

.home-page .premium-pricing-artwork,
.home-page .premium-pricing-artwork img {
    display: block;
    width: 100% !important;
    height: 100% !important;
}

.home-page .premium-pricing-artwork img {
    object-fit: contain !important;
}

.home-page .premium-pricing-content {
    padding: 0 !important;
}

.home-page .premium-pricing-content h2 {
    margin: 0 0 28px !important;
    font-size: 44px !important;
    line-height: 1.1 !important;
}

.home-page .premium-plan-list {
    margin: 0 0 28px !important;
    border-top: 1px solid var(--flight-line-on-dark);
    border-bottom: 1px solid var(--flight-line-on-dark);
}

.home-page .premium-plan-option,
.home-page .premium-plan-option.is-selected {
    display: flex !important;
    min-height: 70px;
    margin: 0 !important;
    padding: 15px 18px !important;
    color: #dce8ea !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid var(--flight-line-on-dark) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.home-page .premium-plan-option:last-child {
    border-bottom: 0 !important;
}

.home-page .premium-plan-option:hover {
    background: rgba(69, 182, 193, 0.06) !important;
}

.home-page .premium-plan-option.is-selected {
    background: rgba(23, 125, 184, 0.16) !important;
    box-shadow: inset 3px 0 0 var(--flight-cyan) !important;
}

.home-page .premium-plan-option::before {
    display: none !important;
}

.home-page .premium-plan-option strong,
.home-page .premium-plan-option b {
    color: #ffffff !important;
}

/* FAQ: flat technical accordion with a fixed briefing column. */
.home-page .premium-faq {
    background: var(--flight-mist-deep) !important;
}

.home-page .premium-faq::before {
    background: var(--flight-mist-deep);
}

.home-page .premium-faq-layout {
    display: grid !important;
    grid-template-columns: minmax(280px, 0.72fr) minmax(0, 1.28fr) !important;
    gap: 86px !important;
    align-items: start;
}

.home-page .premium-faq-intro {
    position: sticky;
    top: 118px;
    padding-top: 22px;
    border-top: 1px solid var(--flight-line-strong);
}

.home-page .premium-faq-intro h2 {
    margin: 0 0 18px !important;
    font-size: 42px !important;
    line-height: 1.1 !important;
}

.home-page .premium-faq-intro > p:not(.premium-kicker) {
    margin: 0 !important;
    font-size: 16px !important;
    line-height: 1.62 !important;
}

.home-page .premium-faq-signals {
    display: flex !important;
    flex-wrap: wrap;
    gap: 0 !important;
    margin-top: 28px !important;
    border-top: 1px solid var(--flight-line);
    border-bottom: 1px solid var(--flight-line);
}

.home-page .premium-faq-signals span {
    padding: 10px 12px !important;
    color: var(--flight-muted) !important;
    background: transparent !important;
    border: 0 !important;
    border-right: 1px solid var(--flight-line) !important;
    border-radius: 0 !important;
    font-size: 11px !important;
}

.home-page .premium-faq-signals span:first-child {
    padding-left: 0 !important;
}

.home-page .premium-faq-signals span:last-child {
    border-right: 0 !important;
}

.home-page .premium-faq-list {
    border-top: 1px solid var(--flight-line-strong);
}

.home-page .premium-faq-item,
.home-page .premium-faq-item[open] {
    margin: 0 !important;
    color: var(--flight-ink) !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid var(--flight-line-strong) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.home-page .premium-faq-item summary {
    min-height: 82px;
    padding: 22px 0 !important;
    color: var(--flight-ink) !important;
    font-size: 18px !important;
    line-height: 1.4 !important;
}

.home-page .premium-faq-item summary i {
    flex: 0 0 34px;
    width: 34px !important;
    height: 34px !important;
    background: transparent !important;
    border: 1px solid var(--flight-line-strong) !important;
    border-radius: 50% !important;
}

.home-page .premium-faq-answer {
    padding: 0 54px 24px 0 !important;
}

.home-page .premium-faq-answer p {
    margin: 0 !important;
    color: var(--flight-muted) !important;
    line-height: 1.68 !important;
}

/* Support: a final flight-control band with flat contact rows. */
.home-page .premium-support-card {
    display: grid !important;
    grid-template-columns: minmax(300px, 0.82fr) minmax(0, 1.18fr) !important;
    gap: 78px !important;
    align-items: center;
    min-height: 480px;
    padding: 0 !important;
    color: #edf5f5 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.home-page .premium-support-bubbles {
    min-height: 400px !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.home-page .premium-support-bubbles-orbit {
    opacity: 0.34 !important;
    filter: none !important;
}

.home-page .premium-support-contact-content {
    padding: 0 !important;
}

.home-page .premium-support-contact-content h2 {
    margin: 0 0 18px !important;
    font-size: 48px !important;
    line-height: 1.06 !important;
}

.home-page .premium-support-contact-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    margin-top: 32px !important;
    border-top: 1px solid var(--flight-line-on-dark);
    border-bottom: 1px solid var(--flight-line-on-dark);
}

.home-page .premium-support-contact-item {
    min-height: 82px;
    padding: 16px 0 !important;
    color: #edf5f5 !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid var(--flight-line-on-dark) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.home-page .premium-support-contact-item:last-child {
    border-bottom: 0 !important;
}

.home-page a.premium-support-contact-item:hover {
    padding-inline: 12px !important;
    background: rgba(69, 182, 193, 0.06) !important;
}

.home-page .premium-support-contact-item small,
.home-page .premium-support-contact-item em {
    color: #91aab1 !important;
}

.home-page .premium-support-contact-item strong {
    color: #ffffff !important;
}

@media (max-width: 1020px) {
    .home-page .premium-benefits-grid,
    .home-page .premium-advantage-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .home-page .premium-benefit-card:last-child,
    .home-page .premium-advantage-card--artwork:last-child {
        grid-column: 1 / -1;
    }

    .home-page .premium-benefit-card:last-child {
        grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
        grid-template-rows: auto;
    }

    .home-page .premium-benefit-card:last-child .premium-benefit-copy {
        display: flex;
        flex-direction: column;
        justify-content: center;
        border-top: 0;
        border-left: 1px solid var(--flight-line);
    }

    .home-page .premium-connection-card,
    .home-page .premium-payment-showcase,
    .home-page .premium-pricing-card,
    .home-page .premium-support-card {
        gap: 44px !important;
    }

    .home-page .premium-connection-copy h2,
    .home-page .premium-payment-showcase h2,
    .home-page .premium-pricing-content h2 {
        font-size: 38px !important;
    }
}

@media (max-width: 860px) {
    .home-page .premium-secure,
    .home-page .premium-comparison,
    .home-page .premium-reviews,
    .home-page .premium-advantages,
    .home-page .premium-pricing,
    .home-page .premium-faq,
    .home-page .premium-support,
    .home-page .premium-connection {
        padding-block: 78px !important;
    }

    .home-page .premium-section-heading {
        grid-template-columns: 1fr;
        gap: 12px !important;
        margin-bottom: 40px !important;
    }

    .home-page .premium-section-heading .premium-kicker,
    .home-page .premium-section-heading h2,
    .home-page .premium-section-heading > p:last-child {
        grid-column: 1;
        grid-row: auto;
    }

    .home-page .premium-section-heading h2 {
        font-size: 38px !important;
    }

    .home-page .premium-connection-card,
    .home-page .premium-payment-showcase,
    .home-page .premium-pricing-card,
    .home-page .premium-support-card,
    .home-page .premium-advantage-card-reliability,
    .home-page .premium-faq-layout {
        grid-template-columns: 1fr !important;
    }

    .home-page .premium-connection-card,
    .home-page .premium-payment-showcase,
    .home-page .premium-pricing-card,
    .home-page .premium-support-card {
        min-height: 0;
    }

    .home-page .premium-network-stage,
    .home-page .premium-payment-showcase-art {
        width: min(100%, 680px);
        justify-self: center;
    }

    .home-page .premium-payment-showcase-art {
        order: 2;
    }

    .home-page .premium-pricing-art {
        min-height: 480px !important;
        order: 2;
    }

    .home-page .premium-support-bubbles {
        min-height: 320px !important;
    }

    .home-page .premium-faq-layout {
        gap: 48px !important;
    }

    .home-page .premium-faq-intro {
        position: static;
    }

    .home-page .premium-comparison-scroll {
        overflow-x: auto !important;
        overscroll-behavior-inline: contain;
        scrollbar-width: thin;
    }

    .home-page .premium-comparison-journey-head,
    .home-page .premium-comparison-journey-row {
        min-width: 760px !important;
    }
}

@media (max-width: 680px) {
    .home-page .premium-secure,
    .home-page .premium-comparison,
    .home-page .premium-reviews,
    .home-page .premium-advantages,
    .home-page .premium-pricing,
    .home-page .premium-faq,
    .home-page .premium-support,
    .home-page .premium-connection {
        padding-block: 64px !important;
    }

    .home-page .premium-secure::after,
    .home-page .premium-secure::before,
    .home-page .premium-comparison::after,
    .home-page .premium-comparison::before,
    .home-page .premium-advantages::after,
    .home-page .premium-advantages::before,
    .home-page .premium-faq::after,
    .home-page .premium-faq::before,
    .home-page .premium-connection::before,
    .home-page .premium-reviews::before,
    .home-page .premium-pricing::before,
    .home-page .premium-support::before {
        display: none;
    }

    .home-page .premium-section-heading {
        margin-bottom: 32px !important;
        padding-top: 16px;
    }

    .home-page .premium-section-heading h2,
    .home-page .premium-connection-copy h2,
    .home-page .premium-payment-showcase h2,
    .home-page .premium-pricing-content h2,
    .home-page .premium-faq-intro h2,
    .home-page .premium-support-contact-content h2 {
        font-size: 32px !important;
        line-height: 1.12 !important;
    }

    .home-page .premium-benefits-grid,
    .home-page .premium-advantage-grid {
        display: flex !important;
        grid-template-columns: none !important;
        gap: 14px !important;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
    }

    .home-page .premium-benefits-grid::-webkit-scrollbar,
    .home-page .premium-advantage-grid::-webkit-scrollbar {
        display: none;
    }

    .home-page .premium-benefit-card,
    .home-page .premium-benefit-card:last-child,
    .home-page .premium-advantage-card--artwork,
    .home-page .premium-advantage-card--artwork:last-child {
        flex: 0 0 calc(100% - 18px);
        grid-column: auto;
        grid-template-columns: 1fr;
        grid-template-rows: minmax(230px, 1fr) auto;
        scroll-snap-align: start;
    }

    .home-page .premium-benefit-card:last-child .premium-benefit-copy {
        border-top: 1px solid var(--flight-line);
        border-left: 0;
    }

    .home-page .premium-benefit-visual {
        min-height: 230px !important;
    }

    .home-page .premium-benefit-copy {
        min-height: 216px;
        padding: 24px 20px !important;
    }

    .home-page .premium-connection-switch {
        width: 100%;
        margin-bottom: 34px !important;
    }

    .home-page .premium-badges,
    .home-page .premium-reliability-benefits {
        display: grid !important;
        grid-template-columns: 1fr;
    }

    .home-page .premium-badges span,
    .home-page .premium-badges span:first-child,
    .home-page .premium-reliability-benefits span,
    .home-page .premium-reliability-benefits span:first-child {
        padding: 10px 0 !important;
        border-right: 0 !important;
        border-bottom: 1px solid var(--flight-line-on-dark) !important;
    }

    .home-page .premium-reliability-benefits span,
    .home-page .premium-reliability-benefits span:first-child {
        border-bottom-color: var(--flight-line) !important;
    }

    .home-page .premium-badges span:last-child,
    .home-page .premium-reliability-benefits span:last-child {
        border-bottom: 0 !important;
    }

    .home-page .premium-comparison-journey-head,
    .home-page .premium-comparison-journey-row {
        min-width: 690px !important;
        grid-template-columns: 250px 220px 220px !important;
    }

    .home-page .premium-comparison-journey-head > span,
    .home-page .premium-comparison-journey-head > div,
    .home-page .premium-comparison-journey-row > div {
        padding: 16px !important;
    }

    .home-page .premium-comparison-journey-head > div {
        padding: 0 !important;
    }

    .home-page .premium-comparison-journey-head > div > span {
        padding: 16px;
    }

    .home-page .premium-comparison-journey-foot {
        align-items: stretch;
        flex-direction: column;
    }

    .home-page .premium-comparison-journey-foot a {
        justify-content: center;
        width: 100%;
    }

    .home-page .premium-payment-showcase,
    .home-page .premium-pricing-card,
    .home-page .premium-support-card,
    .home-page .premium-advantage-card-reliability,
    .home-page .premium-faq-layout {
        gap: 36px !important;
    }

    .home-page .premium-payment-showcase-actions {
        align-items: stretch !important;
        flex-direction: column;
    }

    .home-page .premium-payment-showcase-button {
        width: 100%;
    }

    .home-page .premium-advantage-card-reliability {
        margin-top: 36px !important;
        padding: 24px !important;
    }

    .home-page .premium-reliability-copy h3 {
        font-size: 29px !important;
    }

    .home-page .premium-pricing-art {
        min-height: 380px !important;
    }

    .home-page .premium-plan-option,
    .home-page .premium-plan-option.is-selected {
        min-height: 64px;
        padding: 13px 12px !important;
    }

    .home-page .premium-faq-intro {
        padding-top: 16px;
    }

    .home-page .premium-faq-item summary {
        min-height: 72px;
        padding: 18px 0 !important;
        font-size: 16px !important;
    }

    .home-page .premium-faq-answer {
        padding: 0 44px 20px 0 !important;
    }

    .home-page .premium-support-bubbles {
        min-height: 270px !important;
    }
}

/* Step 5: fare comparison and a single transaction-focused CTA language. */
.home-page .premium-button,
.home-page .btn-primary,
.home-page .header-cta,
.home-page .mobile-menu-cta {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 14px;
    min-height: 52px;
    padding: 12px 20px !important;
    color: var(--flight-night) !important;
    background: var(--flight-amber) !important;
    border: 1px solid var(--flight-amber) !important;
    border-radius: var(--radius-sm) !important;
    box-shadow: 0 12px 28px rgba(237, 180, 93, 0.18) !important;
    font-weight: 750 !important;
    line-height: 1.2 !important;
    text-align: center;
}

.home-page .premium-button:hover,
.home-page .btn-primary:hover,
.home-page .header-cta:hover,
.home-page .mobile-menu-cta:hover {
    color: var(--flight-night) !important;
    background: #f3c174 !important;
    border-color: #f3c174 !important;
    box-shadow: 0 16px 34px rgba(237, 180, 93, 0.24) !important;
    transform: translateY(-1px);
}

.home-page .premium-button:active,
.home-page .btn-primary:active,
.home-page .header-cta:active,
.home-page .mobile-menu-cta:active {
    background: #e3a849 !important;
    border-color: #e3a849 !important;
    box-shadow: 0 6px 16px rgba(237, 180, 93, 0.16) !important;
    transform: translateY(0);
}

.home-page .premium-button > i,
.home-page .premium-button > .flight-hero-cta-arrow,
.home-page .header-cta .flight-action-arrow,
.home-page .mobile-menu-cta .flight-action-arrow {
    display: inline-grid;
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    place-items: center;
    color: var(--flight-night) !important;
    background: rgba(255, 255, 255, 0.35) !important;
    border: 1px solid rgba(16, 40, 51, 0.14) !important;
    border-radius: 50% !important;
    font-size: 16px !important;
    font-style: normal;
    line-height: 1 !important;
}

.home-page .site-header .header-cta {
    min-height: 46px;
    padding: 8px 10px 8px 17px !important;
}

.home-page .premium-hero .premium-hero-offer-button {
    width: 100%;
    min-height: 68px !important;
    padding: 10px 12px 10px 20px !important;
    color: var(--flight-night) !important;
    background: var(--flight-amber) !important;
    border-color: var(--flight-amber) !important;
    border-radius: var(--radius) !important;
    box-shadow: 0 16px 34px rgba(237, 180, 93, 0.2) !important;
}

.home-page .premium-hero .premium-hero-offer-button strong,
.home-page .premium-hero .premium-hero-offer-button small {
    color: var(--flight-night) !important;
}

.home-page .premium-hero .premium-hero-offer-button small {
    opacity: 0.66;
}

.home-page .premium-payment-showcase-button {
    min-width: 258px;
}

.home-page .premium-comparison-journey-foot a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-height: 50px;
    padding: 11px 18px !important;
    color: var(--flight-night) !important;
    background: var(--flight-amber) !important;
    border: 1px solid var(--flight-amber) !important;
    border-radius: var(--radius-sm) !important;
    box-shadow: 0 10px 24px rgba(237, 180, 93, 0.16) !important;
}

.home-page .premium-comparison-journey-foot a:hover {
    color: var(--flight-night) !important;
    background: #f3c174 !important;
    border-color: #f3c174 !important;
}

.home-page .premium-support-contact-email > i {
    display: grid !important;
    width: 40px !important;
    height: 40px !important;
    place-items: center;
    color: var(--flight-night) !important;
    background: var(--flight-amber) !important;
    border: 1px solid var(--flight-amber) !important;
    border-radius: var(--radius-sm) !important;
    font-style: normal;
}

/* Pricing is an unframed comparison deck; only the repeated fares are cards. */
.home-page .premium-pricing-card,
.home-page .premium-pricing-card-refined {
    display: grid !important;
    grid-template-columns: minmax(280px, 0.52fr) minmax(0, 1.48fr) !important;
    gap: 48px !important;
    align-items: center;
    min-height: 650px;
    padding: 0 !important;
    color: #edf5f5 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.home-page .premium-pricing-art {
    min-height: 610px !important;
}

.home-page .premium-pricing-content,
.home-page .premium-pricing-card-refined .premium-pricing-content {
    display: flex !important;
    min-width: 0;
    flex-direction: column;
    padding: 0 !important;
}

.home-page .premium-pricing-content h2,
.home-page .premium-pricing-card-refined .premium-pricing-content h2 {
    max-width: 760px;
    margin: 0 0 30px !important;
    color: #f7f9f8 !important;
    font-size: 46px !important;
    line-height: 1.08 !important;
    font-weight: 650 !important;
}

.home-page .premium-plan-list,
.home-page .premium-pricing-card-refined .premium-plan-list {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
}

.home-page .premium-plan-option,
.home-page .premium-plan-option.is-selected,
.home-page .premium-pricing-card-refined .premium-plan-option,
.home-page .premium-pricing-card-refined .premium-plan-option.is-selected {
    display: flex !important;
    min-width: 0;
    min-height: 326px !important;
    flex-direction: column;
    align-items: stretch !important;
    gap: 0 !important;
    position: relative;
    margin: 0 !important;
    padding: 22px 20px 0 !important;
    overflow: hidden;
    color: #dce8ea !important;
    background: var(--flight-night-soft) !important;
    border: 1px solid var(--flight-line-on-dark) !important;
    border-radius: var(--radius) !important;
    box-shadow: none !important;
    transform: none !important;
}

.home-page .premium-plan-option:hover,
.home-page .premium-pricing-card-refined .premium-plan-option:hover {
    background: #1b3d48 !important;
    border-color: rgba(69, 182, 193, 0.46) !important;
    transform: translateY(-2px) !important;
}

.home-page .premium-plan-option.is-featured,
.home-page .premium-pricing-card-refined .premium-plan-option.is-featured {
    border-color: rgba(69, 182, 193, 0.62) !important;
    box-shadow: inset 0 3px 0 var(--flight-cyan) !important;
}

.home-page .premium-plan-option.is-selected,
.home-page .premium-pricing-card-refined .premium-plan-option.is-selected {
    background: #1b3d48 !important;
    border-color: var(--flight-amber) !important;
    box-shadow: inset 0 3px 0 var(--flight-amber), 0 16px 34px rgba(0, 0, 0, 0.16) !important;
}

.home-page .premium-plan-option::before,
.home-page .premium-pricing-card-refined .premium-plan-option::before {
    display: none !important;
}

.home-page .premium-plan-choice-mark {
    display: grid;
    width: 26px;
    height: 26px;
    place-items: center;
    position: absolute;
    z-index: 2;
    top: 18px;
    right: 18px;
    background: transparent;
    border: 1px solid rgba(218, 238, 241, 0.3);
    border-radius: 50%;
}

.home-page .premium-plan-choice-mark i {
    display: block;
    width: 8px;
    height: 8px;
    background: transparent;
    border-radius: 50%;
}

.home-page .premium-plan-option.is-selected .premium-plan-choice-mark {
    background: var(--flight-amber);
    border-color: var(--flight-amber);
}

.home-page .premium-plan-option.is-selected .premium-plan-choice-mark i {
    width: 9px;
    height: 5px;
    background: transparent;
    border-bottom: 2px solid var(--flight-night);
    border-left: 2px solid var(--flight-night);
    border-radius: 0;
    transform: translateY(-1px) rotate(-45deg);
}

.home-page .premium-plan-copy,
.home-page .premium-pricing-card-refined .premium-plan-copy {
    display: flex !important;
    min-width: 0;
    flex-direction: column;
    gap: 0 !important;
    padding-right: 24px;
}

.home-page .premium-plan-title-row,
.home-page .premium-pricing-card-refined .premium-plan-title-row {
    display: flex !important;
    min-height: 54px;
    flex-direction: column;
    align-items: flex-start !important;
    justify-content: flex-start;
    gap: 7px !important;
}

.home-page .premium-plan-title-row strong,
.home-page .premium-pricing-card-refined .premium-plan-option strong {
    color: #ffffff !important;
    font-size: 21px !important;
    line-height: 1.15 !important;
}

.home-page .premium-plan-title-row em {
    display: inline-flex;
    min-height: 22px;
    align-items: center;
    padding: 4px 7px;
    color: var(--flight-night) !important;
    background: var(--flight-cyan) !important;
    border-radius: 4px;
    font-size: 9px !important;
    font-style: normal;
    font-weight: 800;
    line-height: 1 !important;
    text-transform: uppercase;
    letter-spacing: 0 !important;
}

.home-page .premium-plan-audience {
    display: block;
    min-height: 38px;
    margin-top: 10px;
    color: #91aab1 !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
}

.home-page .premium-plan-features {
    display: grid;
    gap: 7px;
    margin-top: 18px;
}

.home-page .premium-plan-features > span {
    display: grid;
    grid-template-columns: 13px minmax(0, 1fr);
    gap: 7px;
    align-items: start;
    color: #c3d3d7 !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
}

.home-page .premium-plan-features > span::before {
    content: "✓";
    color: var(--flight-cyan);
    font-size: 10px;
    font-weight: 800;
}

.home-page .premium-plan-price,
.home-page .premium-pricing-card-refined .premium-plan-price {
    display: grid !important;
    min-width: 0 !important;
    justify-items: start !important;
    gap: 5px;
    margin-top: auto;
    padding-top: 22px;
}

.home-page .premium-plan-price b,
.home-page .premium-pricing-card-refined .premium-plan-price b {
    color: #ffffff !important;
    font-size: 20px !important;
    line-height: 1.2 !important;
    white-space: normal !important;
}

.home-page .premium-plan-price small,
.home-page .premium-pricing-card-refined .premium-plan-price small {
    color: #91aab1 !important;
    font-size: 10px !important;
    line-height: 1.35 !important;
    white-space: normal !important;
}

.home-page .premium-plan-select-label {
    display: flex;
    min-height: 48px;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin: 20px -20px 0;
    padding: 12px 20px;
    color: #a9bdc3 !important;
    background: rgba(8, 28, 36, 0.32);
    border-top: 1px solid var(--flight-line-on-dark);
    font-size: 11px;
    font-weight: 750;
    text-transform: uppercase;
}

.home-page .premium-plan-select-label i {
    color: var(--flight-cyan);
    font-size: 15px;
    font-style: normal;
}

.home-page .premium-plan-option.is-selected .premium-plan-select-label {
    color: var(--flight-night) !important;
    background: var(--flight-amber);
    border-color: var(--flight-amber);
}

.home-page .premium-plan-option.is-selected .premium-plan-select-label i {
    color: var(--flight-night);
}

.home-page .premium-pricing-selection {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 14px;
    align-items: center;
    min-height: 58px;
    margin-top: 24px;
    padding: 10px 0;
    border-top: 1px solid var(--flight-line-on-dark);
    border-bottom: 1px solid var(--flight-line-on-dark);
}

.home-page .premium-pricing-selection > span {
    color: #91aab1;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
}

.home-page .premium-pricing-selection > strong,
.home-page .premium-pricing-selection > b {
    color: #ffffff !important;
    font-size: 15px !important;
}

.home-page .premium-pricing-selection > b {
    text-align: right;
}

.home-page .premium-pricing-button,
.home-page .premium-pricing-card-refined .premium-pricing-button {
    width: 100%;
    min-height: 58px !important;
    margin-top: 14px !important;
    padding: 10px 12px 10px 22px !important;
    justify-content: space-between !important;
    color: var(--flight-night) !important;
    background: var(--flight-amber) !important;
    border-color: var(--flight-amber) !important;
    border-radius: var(--radius-sm) !important;
    font-size: 16px !important;
}

.home-page .premium-pricing-button > span {
    flex: 1 1 auto;
    text-align: left;
}

/* The mobile checkout strip mirrors the currently selected fare. */
.home-page .sticky-cta {
    min-height: 68px !important;
    padding: 8px 8px 8px 14px !important;
    color: #edf5f5 !important;
    background: rgba(12, 32, 41, 0.97) !important;
    border: 1px solid rgba(237, 180, 93, 0.5) !important;
    border-radius: var(--radius) !important;
    box-shadow: 0 18px 44px rgba(5, 19, 25, 0.42) !important;
    backdrop-filter: blur(16px) !important;
}

.home-page .sticky-cta-copy small {
    color: #91aab1 !important;
    letter-spacing: 0 !important;
}

.home-page .sticky-cta-copy strong,
.home-page .sticky-cta-meta b {
    color: #ffffff !important;
}

.home-page .sticky-cta-meta {
    gap: 10px !important;
}

.home-page .sticky-cta-meta b {
    max-width: 120px;
    line-height: 1.2;
    text-align: right;
}

.home-page .sticky-cta-meta em {
    display: inline-flex !important;
    min-height: 48px !important;
    align-items: center;
    justify-content: center;
    padding: 10px 14px !important;
    color: var(--flight-night) !important;
    background: var(--flight-amber) !important;
    border-radius: var(--radius-sm) !important;
    font-size: 11px !important;
    font-style: normal;
    font-weight: 800 !important;
}

@media (max-width: 1080px) {
    .home-page .premium-pricing-card,
    .home-page .premium-pricing-card-refined {
        grid-template-columns: 1fr !important;
        min-height: 0;
    }

    .home-page .premium-pricing-art {
        display: none !important;
    }

    .home-page .premium-plan-option,
    .home-page .premium-plan-option.is-selected,
    .home-page .premium-pricing-card-refined .premium-plan-option,
    .home-page .premium-pricing-card-refined .premium-plan-option.is-selected {
        min-height: 310px !important;
    }
}

@media (max-width: 760px) {
    .home-page .premium-pricing-content h2,
    .home-page .premium-pricing-card-refined .premium-pricing-content h2 {
        margin-bottom: 24px !important;
        font-size: 36px !important;
    }

    .home-page .premium-plan-list,
    .home-page .premium-pricing-card-refined .premium-plan-list {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    .home-page .premium-plan-option,
    .home-page .premium-plan-option.is-selected,
    .home-page .premium-pricing-card-refined .premium-plan-option,
    .home-page .premium-pricing-card-refined .premium-plan-option.is-selected {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto;
        min-height: 0 !important;
        padding: 18px 18px 0 !important;
    }

    .home-page .premium-plan-choice-mark {
        top: 17px;
        right: 16px;
    }

    .home-page .premium-plan-copy,
    .home-page .premium-pricing-card-refined .premium-plan-copy {
        grid-column: 1 / -1;
        padding-right: 38px;
    }

    .home-page .premium-plan-title-row,
    .home-page .premium-pricing-card-refined .premium-plan-title-row {
        min-height: 0;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center !important;
        padding-right: 4px;
    }

    .home-page .premium-plan-title-row strong,
    .home-page .premium-pricing-card-refined .premium-plan-option strong {
        font-size: 19px !important;
    }

    .home-page .premium-plan-audience {
        min-height: 0;
        margin-top: 7px;
    }

    .home-page .premium-plan-features {
        display: none;
        grid-column: 1 / -1;
        margin: 16px 0 2px;
        padding-top: 14px;
        border-top: 1px solid var(--flight-line-on-dark);
    }

    .home-page .premium-plan-option.is-selected .premium-plan-features {
        display: grid;
    }

    .home-page .premium-plan-price,
    .home-page .premium-pricing-card-refined .premium-plan-price {
        grid-column: 1 / -1;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: end;
        margin-top: 16px;
        padding-top: 14px;
        border-top: 1px solid var(--flight-line-on-dark);
    }

    .home-page .premium-plan-price small,
    .home-page .premium-pricing-card-refined .premium-plan-price small {
        text-align: right;
    }

    .home-page .premium-plan-select-label {
        grid-column: 1 / -1;
        margin: 16px -18px 0;
        padding-inline: 18px;
    }

    .home-page .premium-pricing-selection {
        grid-template-columns: 1fr auto;
        gap: 4px 12px;
        margin-top: 20px;
        padding-block: 12px;
    }

    .home-page .premium-pricing-selection > span {
        grid-column: 1 / -1;
    }

    .home-page .premium-pricing-button,
    .home-page .premium-pricing-card-refined .premium-pricing-button {
        min-height: 56px !important;
    }
}

@media (max-width: 420px) {
    .home-page .premium-pricing-content h2,
    .home-page .premium-pricing-card-refined .premium-pricing-content h2 {
        font-size: 32px !important;
    }

    .home-page .premium-payment-showcase-button {
        min-width: 0;
    }

    .home-page .sticky-cta-copy strong {
        max-width: 116px !important;
    }

    .home-page .sticky-cta-meta {
        gap: 7px !important;
    }

    .home-page .sticky-cta-meta b {
        max-width: 82px;
        font-size: 11px !important;
    }

    .home-page .sticky-cta-meta em {
        min-height: 46px !important;
        padding-inline: 11px !important;
        font-size: 10px !important;
    }
}

/* Payment-hub selectors are intentionally specific: the hub has a legacy skin. */
.payment-hub-interface.checkout-interface .checkout-email-field {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.payment-hub-interface.checkout-interface .checkout-form .btn-primary {
    color: var(--flight-night) !important;
    background: var(--flight-amber) !important;
    border-color: var(--flight-amber) !important;
}

.payment-hub-interface.checkout-interface .checkout-details > summary {
    padding: 14px 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-top: 1px solid var(--flight-line) !important;
    border-radius: 0 !important;
}

@media (max-width: 700px) {
    .payment-hub-interface.checkout-interface .checkout-plan-switch {
        grid-template-columns: 1fr !important;
        grid-auto-columns: auto !important;
        grid-auto-flow: row !important;
        margin-inline: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        scroll-snap-type: none !important;
    }

    .payment-hub-interface.checkout-interface .checkout-plan-option,
    .payment-hub-interface.checkout-interface .checkout-plan-option.is-selected {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        min-height: 0 !important;
        width: 100% !important;
    }

    .payment-hub-interface.checkout-interface .checkout-plan-option > span {
        max-width: calc(100% - 28px) !important;
        overflow: visible !important;
        text-overflow: clip !important;
        white-space: normal !important;
    }
}

@media (max-width: 640px) {
    .seo-page .seo-tariff-desc {
        display: block;
        overflow: visible;
        -webkit-line-clamp: unset;
        -webkit-box-orient: initial;
    }
}


/* Neon aircraft identity: transparent master logo and compact favicon crop. */
.site-header .vip-brand-mark,
.home-page .site-header .vip-brand-mark,
.payment-hub-header .vip-brand-mark {
    width: 54px !important;
    height: 54px !important;
    flex: 0 0 54px !important;
    padding: 0 !important;
    overflow: visible !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.site-header .vip-brand-mark > img,
.home-page .site-header .vip-brand-mark > img,
.payment-hub-header .vip-brand-mark > img,
.site-footer .vip-brand-mark > img,
.home-page .site-footer .vip-brand-mark > img {
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    object-fit: contain !important;
    filter: drop-shadow(0 7px 14px rgba(79, 103, 255, 0.24)) !important;
}

.site-footer .vip-brand-mark,
.home-page .site-footer .vip-brand-mark {
    width: 58px !important;
    height: 58px !important;
    flex: 0 0 58px !important;
    padding: 0 !important;
    overflow: visible !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.admin-sidebar-logo img {
    width: 34px !important;
    height: 34px !important;
    padding: 0 !important;
    background: transparent !important;
    border-radius: 0 !important;
    filter: drop-shadow(0 5px 10px rgba(93, 97, 255, 0.3));
}

@media (max-width: 680px) {
    .site-header .vip-brand-mark,
    .home-page .site-header .vip-brand-mark,
    .payment-hub-header .vip-brand-mark {
        width: 44px !important;
        height: 44px !important;
        flex-basis: 44px !important;
    }

    .site-footer .vip-brand-mark,
    .home-page .site-footer .vip-brand-mark {
        width: 52px !important;
        height: 52px !important;
        flex-basis: 52px !important;
    }
}
/* Viral night-flight backdrop v1. */
body.home-page {
    --flight-night: #070a18;
    --flight-night-soft: #14162f;
    --flight-night-muted: #252c50;
    --flight-mist: #070b18;
    --flight-mist-deep: #0b1224;
    --flight-cloud: #0d1428;
    --flight-cloud-strong: #121a32;
    --flight-ink: #f5f7ff;
    --flight-muted: #acb9d1;
    --flight-subtle: #7f91b2;
    --flight-blue: #5bc8ff;
    --flight-blue-hover: #a27dff;
    --flight-cyan: #62efff;
    --flight-amber: #ffc15c;
    --flight-line: rgba(166, 194, 255, 0.15);
    --flight-line-strong: rgba(171, 200, 255, 0.28);
    --flight-line-on-dark: rgba(188, 211, 255, 0.18);
    --color-page: var(--flight-mist);
    --color-band: var(--flight-mist-deep);
    --color-surface: var(--flight-cloud);
    --color-surface-raised: var(--flight-cloud-strong);
    --color-text: var(--flight-ink);
    --color-text-muted: var(--flight-muted);
    --color-border: var(--flight-line);
    --color-action: var(--flight-cyan);
    --color-action-hover: var(--flight-blue);
    --color-focus: var(--flight-cyan);
    color-scheme: dark;
    color: var(--flight-ink) !important;
    background: #060914 !important;
}

body.home-page::before {
    background: linear-gradient(180deg, rgba(98, 239, 255, 0), rgba(98, 239, 255, 0.34) 28%, rgba(168, 92, 255, 0.4) 72%, rgba(168, 92, 255, 0)) !important;
    box-shadow: 0 0 22px rgba(98, 239, 255, 0.18);
}

body.home-page::after {
    border-top-color: rgba(98, 239, 255, 0.32) !important;
    filter: drop-shadow(0 0 10px rgba(126, 102, 255, 0.24)) !important;
}

.home-page .premium-home-main {
    background:
        repeating-linear-gradient(116deg, transparent 0 178px, rgba(135, 167, 255, 0.025) 179px 180px),
        linear-gradient(180deg, #080b1a 0%, #070a16 100%) !important;
}

.home-page .premium-hero,
.home-page main > .premium-hero {
    color: var(--flight-ink) !important;
    background:
        radial-gradient(ellipse at 72% 20%, rgba(137, 66, 255, 0.34) 0%, rgba(137, 66, 255, 0.08) 35%, transparent 58%),
        radial-gradient(ellipse at 94% 78%, rgba(26, 206, 255, 0.2) 0%, transparent 44%),
        radial-gradient(ellipse at 45% 110%, rgba(255, 171, 62, 0.11) 0%, transparent 40%),
        repeating-linear-gradient(118deg, transparent 0 146px, rgba(123, 190, 255, 0.035) 147px 148px),
        linear-gradient(126deg, #050713 0%, #160d34 52%, #052b3c 100%) !important;
    border-bottom-color: rgba(130, 202, 255, 0.18) !important;
}

.home-page .premium-hero::before {
    border-top-color: rgba(98, 239, 255, 0.34) !important;
    filter: drop-shadow(0 0 12px rgba(109, 95, 255, 0.34)) !important;
}

.home-page .premium-hero::after {
    background: linear-gradient(90deg, transparent, rgba(98, 239, 255, 0.26), rgba(175, 93, 255, 0.24), transparent) !important;
}

.home-page .premium-hero h1,
.home-page .premium-hero h1 strong {
    color: #f7f8ff !important;
    text-shadow: 0 10px 34px rgba(0, 0, 0, 0.26);
}

.home-page .premium-hero h1 em {
    color: #62d9ff !important;
    text-shadow: 0 0 26px rgba(91, 200, 255, 0.22);
}

.home-page .premium-hero .premium-product-name,
.home-page .premium-hero .premium-product-name span {
    color: #77e8ff !important;
}

.home-page .premium-hero .premium-product-name span {
    opacity: 0.66;
}

.home-page .premium-hero .premium-hero-lead,
.home-page .flight-hero-benefits li {
    color: #b9c6dc !important;
}

.home-page .flight-hero-status {
    color: #d7f8f5 !important;
    background: rgba(8, 16, 35, 0.68) !important;
    border-color: rgba(102, 236, 255, 0.24) !important;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.22) !important;
    backdrop-filter: blur(14px);
}

.home-page .flight-hero-status-dot {
    background: #55e7ba !important;
    box-shadow: 0 0 0 4px rgba(85, 231, 186, 0.12), 0 0 18px rgba(85, 231, 186, 0.42) !important;
}

.home-page .premium-hero .premium-hero-art img {
    filter: none !important;
}

.home-page .flight-hero-visual::before {
    border-color: rgba(116, 205, 255, 0.24) !important;
    box-shadow: 0 0 38px rgba(106, 67, 255, 0.12);
}

.home-page .flight-hero-visual::after {
    border-top-color: rgba(98, 239, 255, 0.42) !important;
}

.home-page .flight-hero-telemetry {
    color: #eaf4ff !important;
    background: rgba(9, 16, 36, 0.76) !important;
    border-color: rgba(153, 198, 255, 0.22) !important;
    box-shadow: 0 18px 42px rgba(1, 4, 14, 0.3);
}

.home-page .flight-hero-telemetry > div {
    border-right-color: rgba(153, 198, 255, 0.16) !important;
}

.home-page .flight-hero-telemetry dt {
    color: #8197b8 !important;
}

.home-page .flight-hero-telemetry dd {
    color: #f4f8ff !important;
}

.home-page .premium-section {
    border-top-color: rgba(151, 188, 255, 0.12) !important;
}

.home-page .premium-secure {
    background:
        linear-gradient(132deg, rgba(83, 65, 168, 0.23), transparent 40%),
        radial-gradient(ellipse at 90% 20%, rgba(38, 191, 255, 0.12), transparent 38%),
        repeating-linear-gradient(116deg, transparent 0 172px, rgba(150, 186, 255, 0.026) 173px 174px),
        #0a1022 !important;
}

.home-page .premium-comparison {
    background:
        linear-gradient(122deg, rgba(187, 58, 165, 0.14), transparent 38%),
        radial-gradient(ellipse at 82% 74%, rgba(41, 180, 255, 0.12), transparent 42%),
        #0d1023 !important;
}

.home-page .premium-locations {
    background:
        linear-gradient(138deg, rgba(16, 145, 179, 0.18), transparent 42%),
        radial-gradient(ellipse at 84% 18%, rgba(124, 76, 255, 0.15), transparent 38%),
        #071722 !important;
}

.home-page .premium-advantages {
    background:
        linear-gradient(128deg, rgba(128, 70, 230, 0.17), transparent 40%),
        radial-gradient(ellipse at 88% 76%, rgba(255, 171, 62, 0.09), transparent 38%),
        #0c1022 !important;
}

.home-page .premium-faq {
    background:
        linear-gradient(132deg, rgba(33, 154, 205, 0.15), transparent 42%),
        radial-gradient(ellipse at 90% 62%, rgba(144, 78, 255, 0.13), transparent 40%),
        #081421 !important;
}

.home-page .premium-connection {
    background:
        radial-gradient(ellipse at 82% 24%, rgba(80, 80, 255, 0.22), transparent 42%),
        linear-gradient(125deg, #06131f 0%, #17102e 56%, #072a37 100%) !important;
}

.home-page .premium-reviews {
    background:
        radial-gradient(ellipse at 18% 75%, rgba(236, 74, 165, 0.14), transparent 42%),
        linear-gradient(120deg, #160c22 0%, #081c2b 100%) !important;
}

.home-page .premium-pricing {
    background:
        radial-gradient(ellipse at 78% 24%, rgba(160, 73, 255, 0.22), transparent 42%),
        radial-gradient(ellipse at 18% 78%, rgba(27, 211, 255, 0.11), transparent 40%),
        linear-gradient(128deg, #070b1d 0%, #1b0f32 54%, #062331 100%) !important;
}

.home-page .premium-support {
    background:
        radial-gradient(ellipse at 18% 30%, rgba(40, 190, 255, 0.16), transparent 42%),
        radial-gradient(ellipse at 84% 76%, rgba(213, 70, 174, 0.14), transparent 40%),
        linear-gradient(124deg, #061621 0%, #170d2a 100%) !important;
}

.home-page .premium-section-heading {
    border-top-color: rgba(162, 195, 255, 0.2) !important;
}

.home-page .premium-section-heading h2,
.home-page .premium-faq-intro h2,
.home-page .premium-benefit-copy h3,
.home-page .premium-reliability-copy h3,
.home-page .premium-comparison-journey-row b,
.home-page .premium-comparison-journey-head strong {
    color: #f5f7ff !important;
}

.home-page .premium-section-heading > p:last-child,
.home-page .premium-benefit-copy p,
.home-page .premium-faq-intro > p:not(.premium-kicker),
.home-page .premium-faq-answer p,
.home-page .premium-comparison-journey-foot > span {
    color: #aebbd1 !important;
}

.home-page .premium-kicker,
.home-page .premium-benefit-copy > span {
    color: #62e6ff !important;
}

.home-page .premium-benefit-card {
    background: rgba(16, 23, 47, 0.84) !important;
    border-color: rgba(151, 188, 255, 0.18) !important;
    box-shadow: 0 22px 54px rgba(0, 0, 0, 0.2) !important;
    backdrop-filter: blur(14px);
}

.home-page .premium-benefit-copy {
    border-top-color: rgba(151, 188, 255, 0.15) !important;
}

.home-page .premium-advantage-card-reliability {
    color: #edf3ff !important;
    background: rgba(15, 22, 45, 0.88) !important;
    border-color: rgba(151, 188, 255, 0.18) !important;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.2) !important;
}

.home-page .premium-reliability-benefits,
.home-page .premium-faq-signals {
    border-color: rgba(151, 188, 255, 0.17) !important;
}

.home-page .premium-reliability-benefits span,
.home-page .premium-faq-signals span {
    color: #b7c5da !important;
    border-color: rgba(151, 188, 255, 0.15) !important;
}

.home-page .premium-comparison-journey {
    border-color: rgba(151, 188, 255, 0.25) !important;
}

.home-page .premium-comparison-journey-head,
.home-page .premium-comparison-journey-row,
.home-page .premium-comparison-journey-row > div,
.home-page .premium-comparison-journey-head > div > span {
    border-color: rgba(151, 188, 255, 0.15) !important;
}

.home-page .premium-comparison-journey-head .is-vip,
.home-page .premium-comparison-vip,
.home-page .premium-comparison-journey-row > .premium-comparison-vip {
    background: rgba(88, 113, 255, 0.12) !important;
}

.home-page .premium-comparison-step b,
.home-page .premium-comparison-vip b,
.home-page .premium-comparison-other b {
    color: #f1f5ff !important;
}

.home-page .premium-comparison-journey-row i {
    color: #69eaff !important;
    border-color: rgba(118, 215, 255, 0.28) !important;
}

.home-page .premium-faq-intro,
.home-page .premium-faq-list,
.home-page .premium-faq-item,
.home-page .premium-faq-item[open] {
    border-color: rgba(151, 188, 255, 0.2) !important;
}

.home-page .premium-faq-item,
.home-page .premium-faq-item[open],
.home-page .premium-faq-item summary {
    color: #eef3ff !important;
}

.home-page .premium-faq-item summary i {
    border-color: rgba(151, 188, 255, 0.28) !important;
}

.home-page .site-header {
    background: rgba(5, 11, 25, 0.9) !important;
    border-bottom-color: rgba(98, 222, 255, 0.2) !important;
    box-shadow: 0 10px 36px rgba(0, 0, 0, 0.2);
    backdrop-filter: blur(18px) saturate(145%);
}

.home-page .premium-network-artwork::after {
    display: none !important;
    content: none !important;
}

.home-page .premium-network-artwork img {
    filter: none !important;
    transform: none !important;
}

.home-page .premium-russia-map-statusbar {
    color: #edf6ff !important;
    background: rgba(6, 17, 34, 0.94) !important;
    border-color: rgba(111, 209, 255, 0.2) !important;
    box-shadow: 0 14px 34px rgba(0, 3, 14, 0.28) !important;
}

.home-page .premium-russia-map-network-state strong,
.home-page .premium-russia-map-selection > strong {
    color: #f4f8ff !important;
}

.home-page .premium-russia-map-network-state small,
.home-page .premium-russia-map-selection > small {
    color: #91a9c3 !important;
}

.home-page .premium-russia-map-selection {
    background: rgba(18, 36, 61, 0.88) !important;
    border-color: rgba(83, 205, 255, 0.24) !important;
    box-shadow: inset 3px 0 0 #4fdcff, inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

.home-page .premium-russia-map-all-toggle {
    color: #eaf4ff !important;
    background: rgba(20, 38, 62, 0.9) !important;
    border-color: rgba(111, 209, 255, 0.2) !important;
    box-shadow: none !important;
}

.home-page .premium-russia-map-all-toggle:hover,
.home-page .premium-russia-map-all-toggle[aria-expanded="true"] {
    color: #07101e !important;
    background: #62e6ff !important;
    border-color: #62e6ff !important;
}

@media (max-width: 760px) {
    .home-page .premium-hero {
        background:
            radial-gradient(ellipse at 80% 34%, rgba(137, 66, 255, 0.3) 0%, transparent 50%),
            radial-gradient(ellipse at 20% 86%, rgba(26, 206, 255, 0.14) 0%, transparent 45%),
            linear-gradient(150deg, #050713 0%, #160d34 58%, #052737 100%) !important;
    }

    .home-page .premium-section {
        background-attachment: scroll !important;
    }

    .home-page .premium-hero .premium-hero-art img {
        filter: none !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}