/* Location: D:\ironcore\frontend\test-novaironcore\assets\css\themes\nova-ironcore.css */
:root {
  color-scheme: dark;

  --app-viewport-height: 100vh;
  --app-viewport-height: 100dvh;

  --bp-tablet: 900px;
  --bp-mobile: 700px;
  --bp-narrow: 520px;

  --page-bg: #030714;
  --page-overflow-x: hidden;
  --page-overflow-y: hidden;

  --bg-image: image-set(
    url("../images/fon_ironcore_v3_wide.webp?v=20260608_bg_wide_01") type("image/webp"),
    url("../images/fon_ironcore_v3_wide.png?v=20260530_bg3") type("image/png")
  );
  --bg-position-x: center;
  --bg-position-y: center;
  --bg-size: cover;
  --bg-repeat: no-repeat;
  --bg-opacity: 1;
  --bg-filter: none;

  --topbar-left: 0px;
  --topbar-top: 0px;
  --topbar-right: 0px;
  --topbar-height: clamp(96px, 11vh, 132px);
  --topbar-tail-height: calc(var(--topbar-height) / 2);
  --topbar-transition-start: 318px;
  --topbar-transition-width: 50px;
  --topbar-panel-clip-path: polygon(
    0 0,
    100% 0,
    100% var(--topbar-tail-height),
    calc(var(--topbar-transition-start) + var(--topbar-transition-width)) var(--topbar-tail-height),
    var(--topbar-transition-start) 100%,
    0 100%
  );
  --topbar-padding-x: 12px;
  --topbar-padding-y: 8px;
  --topbar-color-fade-end: 78%;
  --topbar-brand-zone-bg: rgba(1, 4, 14, 0.97);
  --topbar-brand-zone-bg-mid: rgba(2, 7, 20, 0.94);
  --topbar-brand-zone-blend: rgba(3, 9, 26, 0.68);
  --topbar-brand-zone-blend-soft: rgba(4, 10, 28, 0.4);
  --topbar-brand-zone-blend-faint: rgba(5, 12, 32, 0.16);
  --topbar-brand-zone-blend-clear: rgba(6, 16, 38, 0.05);
  --topbar-bg-start: rgba(4, 10, 28, 0.68);
  --topbar-bg-mid: rgba(6, 16, 38, 0.52);
  --topbar-bg-end: rgba(8, 22, 48, 0.38);
  --topbar-border-soft: rgba(107, 183, 255, 0.18);
  --topbar-highlight-top: rgba(94, 214, 255, 0.05);
  --topbar-shadow: 0 8px 22px rgba(0, 0, 0, 0.18);
  --topbar-blur: 12px;
  --topbar-opacity-mask: linear-gradient(
    90deg,
    rgba(0, 0, 0, 0.75) 0%,
    rgba(0, 0, 0, 0.78) 18%,
    rgba(0, 0, 0, 0.82) 30%,
    rgba(0, 0, 0, 0.86) 42%,
    rgba(0, 0, 0, 0.9) 52%,
    rgba(0, 0, 0, 0.94) 62%,
    rgba(0, 0, 0, 0.98) 72%,
    #000 84%,
    #000 100%
  );
  --topbar-sheen-blue: rgba(84, 210, 255, 0.1);
  --topbar-sheen-orange: rgba(255, 137, 41, 0.07);

  --brand-left: var(--topbar-padding-x);
  --brand-top: calc(var(--topbar-top) + var(--topbar-padding-y));
  --brand-translate-x: 0;
  --brand-max-width: 520px;
  --brand-wordmark-width: 100%;
  --brand-wordmark-max-height: calc(var(--topbar-height) - (var(--topbar-padding-y) * 2));
  --site-chrome-hide-offset: calc(var(--topbar-height) + 8px);
  --site-chrome-transition-duration: 0.34s;

  --site-credit-bar-min-height: 44px;
  --site-credit-bar-padding-y: 10px;
  --site-credit-bar-padding-x: clamp(12px, 2.4vw, 22px);
  --site-credit-bar-font-size: clamp(0.78rem, 2.1vw, 0.92rem);
  --site-credit-bar-line-height: 1.45;
  --site-credit-bar-content-max-width: min(100%, 1120px);
  --site-credit-bar-reserved-height: calc(
    var(--site-credit-bar-min-height) +
    (var(--site-credit-bar-padding-y) * 2) +
    env(safe-area-inset-bottom, 0px)
  );
  --site-credit-bar-bg: rgba(10, 16, 28, 0.9);
  --site-credit-bar-border: rgba(255, 255, 255, 0.1);
  --site-credit-bar-shadow: 0 -8px 24px rgba(0, 0, 0, 0.18);
  --site-credit-bar-blur: 10px;
  --site-credit-bar-text: rgba(244, 248, 252, 0.94);
  --site-credit-bar-link: rgba(146, 210, 255, 0.96);
  --site-credit-bar-link-hover: rgba(186, 230, 255, 1);
  --site-credit-bar-link-focus: rgba(122, 197, 255, 0.42);
  --site-credit-bar-transition-duration: 0.34s;

  --layer-bg: 0;
  --layer-brand: 1;
  --layer-page: 2;
  --layer-chrome: 3;
  --page-shell-top-gap: clamp(20px, 2.4vh, 32px);
  --page-shell-top-offset: calc(
    var(--brand-top) + var(--brand-wordmark-max-height) + var(--page-shell-top-gap)
  );
  --page-shell-bottom-offset: 96px;

  --home-hero-padding-top: clamp(146px, 17vh, 196px);
  --home-hero-padding-right: clamp(18px, 3vw, 42px);
  --home-hero-padding-bottom: clamp(28px, 6vh, 64px);
  --home-hero-padding-left: clamp(18px, 3.2vw, 52px);

  --home-hero-tablet-padding-top: clamp(138px, 16vh, 188px);
  --home-hero-tablet-padding-right: 18px;
  --home-hero-tablet-padding-bottom: 28px;
  --home-hero-tablet-padding-left: 18px;

  --home-hero-mobile-padding-top: 126px;
  --home-hero-mobile-padding-right: 14px;
  --home-hero-mobile-padding-bottom: 22px;
  --home-hero-mobile-padding-left: 14px;

  --home-hero-panel-left: 0px;
  --home-hero-panel-top: 0px;
  --home-hero-panel-width: min(100%, 820px);
  --home-hero-panel-max-width: 820px;
  --home-hero-panel-min-height: 0px;
  --home-hero-panel-padding-x: clamp(18px, 2vw, 28px);
  --home-hero-panel-padding-y: clamp(18px, 2vw, 24px);
  --home-hero-panel-radius: 28px;
  --home-hero-panel-border: rgba(102, 128, 152, 0.16);
  --home-hero-panel-bg: linear-gradient(
    90deg,
    rgba(9, 21, 38, 0.865) 0%,
    rgba(10, 20, 36, 0.86) 20%,
    rgba(12, 19, 32, 0.855) 30%,
    rgba(14, 18, 28, 0.85) 38%,
    rgba(16, 17, 24, 0.845) 44%,
    rgba(17, 17, 22, 0.84) 48%,
    rgba(18, 17, 21, 0.84) 50%,
    rgba(20, 17, 19, 0.835) 52%,
    rgba(24, 17, 16, 0.83) 56%,
    rgba(28, 17, 14, 0.825) 62%,
    rgba(31, 17, 12, 0.82) 72%,
    rgba(33, 17, 11, 0.815) 84%,
    rgba(34, 17, 11, 0.81) 100%
  );
  --home-hero-panel-highlight: linear-gradient(
    90deg,
    rgba(58, 140, 195, 0.07) 0%,
    rgba(58, 140, 195, 0.05) 18%,
    rgba(62, 132, 185, 0.035) 30%,
    rgba(72, 128, 175, 0.028) 38%,
    rgba(88, 122, 158, 0.024) 44%,
    rgba(108, 118, 142, 0.022) 48%,
    rgba(128, 112, 118, 0.02) 50%,
    rgba(148, 105, 92, 0.022) 52%,
    rgba(168, 98, 72, 0.026) 56%,
    rgba(182, 98, 58, 0.038) 64%,
    rgba(192, 102, 52, 0.05) 76%,
    rgba(198, 105, 50, 0.062) 88%,
    rgba(200, 106, 48, 0.07) 100%
  );
  --home-hero-panel-shadow:
    0 24px 80px rgba(0, 0, 0, 0.34),
    inset 1px 0 0 rgba(58, 130, 185, 0.08),
    inset -1px 0 0 rgba(185, 100, 52, 0.1);

  --site-panel-bg: linear-gradient(
    90deg,
    rgba(6, 26, 54, 0.9) 0%,
    rgba(7, 24, 50, 0.89) 20%,
    rgba(9, 22, 46, 0.88) 30%,
    rgba(11, 21, 42, 0.875) 38%,
    rgba(14, 20, 36, 0.87) 44%,
    rgba(16, 19, 32, 0.865) 48%,
    rgba(18, 19, 28, 0.86) 50%,
    rgba(20, 18, 24, 0.86) 52%,
    rgba(24, 18, 20, 0.865) 56%,
    rgba(28, 18, 16, 0.87) 62%,
    rgba(34, 19, 13, 0.875) 72%,
    rgba(40, 19, 11, 0.88) 84%,
    rgba(44, 20, 10, 0.88) 100%
  );
  --site-panel-sheen: linear-gradient(
    90deg,
    rgba(72, 190, 255, 0.16) 0%,
    rgba(72, 190, 255, 0.11) 18%,
    rgba(72, 190, 255, 0.07) 30%,
    rgba(82, 178, 232, 0.05) 38%,
    rgba(98, 168, 210, 0.04) 44%,
    rgba(120, 152, 178, 0.035) 48%,
    rgba(148, 138, 148, 0.03) 50%,
    rgba(178, 128, 118, 0.035) 52%,
    rgba(205, 122, 82, 0.04) 56%,
    rgba(228, 128, 58, 0.07) 64%,
    rgba(245, 138, 52, 0.11) 76%,
    rgba(255, 146, 60, 0.15) 88%,
    rgba(255, 150, 64, 0.18) 100%
  );
  --site-panel-border: rgba(112, 188, 255, 0.22);
  --site-panel-shadow:
    0 24px 80px rgba(0, 0, 0, 0.34),
    inset 1px 0 0 rgba(72, 168, 255, 0.14),
    inset -1px 0 0 rgba(255, 140, 60, 0.16);

  --site-chip-idle-bg: rgba(8, 20, 45, 0.72);
  --site-chip-idle-sheen: linear-gradient(
    180deg,
    rgba(94, 214, 255, 0.07) 0%,
    rgba(94, 214, 255, 0.02) 34%,
    rgba(94, 214, 255, 0) 68%
  );
  --site-chip-border: rgba(112, 188, 255, 0.16);
  --site-chip-color: rgba(236, 247, 255, 0.88);
  --site-chip-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.015),
    0 8px 18px rgba(0, 0, 0, 0.12);
  --site-chip-hover-bg: rgba(10, 24, 54, 0.88);
  --site-chip-hover-border: rgba(122, 197, 255, 0.24);
  --site-chip-hover-color: #f6fbff;
  --site-chip-hover-shadow: 0 10px 20px rgba(0, 0, 0, 0.18);
  --site-chip-active-base: rgba(8, 20, 45, 0.82);
  --site-chip-active-bg:
    linear-gradient(
      180deg,
      rgba(255, 166, 84, 0.22) 0%,
      rgba(58, 138, 255, 0.18) 100%
    );
  --site-chip-active-sheen: linear-gradient(
    135deg,
    rgba(72, 190, 255, 0.05) 0%,
    rgba(255, 150, 64, 0.16) 100%
  );
  --site-chip-active-border: rgba(255, 166, 84, 0.36);
  --site-chip-active-color: #ffffff;
  --site-chip-active-shadow:
    0 12px 24px rgba(0, 0, 0, 0.18),
    0 0 0 1px rgba(255, 170, 88, 0.08);

  --home-hero-tablet-panel-width: 100%;
  --home-hero-tablet-panel-max-width: 780px;
  --home-hero-tablet-panel-padding-x: 20px;
  --home-hero-tablet-panel-padding-y: 20px;

  --home-hero-mobile-panel-left: 0px;
  --home-hero-mobile-panel-top: 0px;
  --home-hero-mobile-panel-width: 100%;
  --home-hero-mobile-panel-max-width: 100%;
  --home-hero-mobile-panel-padding-x: 16px;
  --home-hero-mobile-panel-padding-y: 16px;

  --home-hero-eyebrow-margin-bottom: 10px;
  --home-hero-eyebrow-font-family: "Orbitron", "Exo 2", sans-serif;
  --home-hero-eyebrow-font-size: 0.82rem;
  --home-hero-eyebrow-font-weight: 700;
  --home-hero-eyebrow-line-height: 1.2;
  --home-hero-eyebrow-letter-spacing: 0.22em;
  --home-hero-eyebrow-color: #86e8ff;
  --home-hero-eyebrow-shadow: 0 0 8px rgba(79, 216, 255, 0.22);

  --home-hero-title-margin-bottom: 14px;
  --home-hero-title-max-width: 22ch;
  --home-hero-title-font-family: "Exo 2", sans-serif;
  --home-hero-title-font-size: clamp(2rem, 3.2vw, 3.8rem);
  --home-hero-title-font-weight: 800;
  --home-hero-title-line-height: 0.96;
  --home-hero-title-letter-spacing: -0.03em;
  --home-hero-title-color: #f2fbff;
  --home-hero-title-shadow:
    0 0 18px rgba(97, 216, 255, 0.14),
    0 0 34px rgba(255, 140, 58, 0.08);

  --home-hero-pitch-gap: 8px;
  --home-hero-pitch-margin-bottom: 16px;
  --home-hero-pitch-font-size: clamp(0.96rem, 1.02vw, 1.06rem);
  --home-hero-pitch-font-weight: 600;
  --home-hero-pitch-line-height: 1.5;
  --home-hero-pitch-letter-spacing: 0.01em;
  --home-hero-pitch-color: #eaf8ff;
  --home-hero-pitch-question-font-size: clamp(1.02rem, 1.12vw, 1.14rem);
  --home-hero-pitch-question-font-weight: 700;
  --home-hero-pitch-question-color: #f4fbff;
  --home-hero-pitch-cta-font-weight: 800;
  --home-hero-pitch-cta-color: #ffcf93;
  --home-hero-pitch-cta-shadow: 0 0 12px rgba(255, 166, 84, 0.12);

  --home-hero-body-margin-bottom: 14px;
  --home-hero-body-max-width: 62ch;
  --home-hero-body-font-size: clamp(0.96rem, 1.02vw, 1.06rem);
  --home-hero-body-font-weight: 500;
  --home-hero-body-line-height: 1.62;
  --home-hero-body-letter-spacing: 0.01em;
  --home-hero-body-color: rgba(236, 247, 255, 0.92);
  --home-hero-services-margin-bottom: 16px;

  --home-hero-delivery-margin-bottom: 16px;

  --home-hero-terms-intro-margin-bottom: 12px;
  --home-hero-terms-intro-font-weight: 600;
  --home-hero-terms-intro-color: rgba(236, 247, 255, 0.88);

  --home-hero-terms-margin-bottom: 16px;
  --home-hero-terms-padding-x: 14px;
  --home-hero-terms-padding-y: 14px;
  --home-hero-terms-radius: 18px;
  --home-hero-terms-border: rgba(255, 166, 84, 0.14);
  --home-hero-terms-bg: rgba(255, 255, 255, 0.03);
  --home-hero-terms-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.01);
  --home-hero-terms-title-margin-bottom: 10px;
  --home-hero-terms-title-font-size: 0.86rem;
  --home-hero-terms-title-font-weight: 800;
  --home-hero-terms-title-line-height: 1.2;
  --home-hero-terms-title-letter-spacing: 0.18em;
  --home-hero-terms-title-color: #ffb36d;
  --home-hero-terms-block-gap: 12px;
  --home-hero-terms-icon-width: 40px;
  --home-hero-terms-icon-height: 36px;
  --home-hero-terms-icon-font-size: 1rem;
  --home-hero-terms-line-gap: 12px;
  --home-hero-terms-text-font-size: clamp(0.92rem, 0.98vw, 1.02rem);
  --home-hero-terms-text-font-weight: 500;
  --home-hero-terms-text-line-height: 1.58;
  --home-hero-terms-text-letter-spacing: 0.01em;
  --home-hero-terms-text-color: rgba(236, 247, 255, 0.9);

  --home-hero-notice-padding-x: 12px;
  --home-hero-notice-padding-y: 10px;
  --home-hero-notice-border-left: 3px solid rgba(255, 179, 109, 0.72);
  --home-hero-notice-radius: 10px;
  --home-hero-notice-bg: rgba(255, 166, 84, 0.06);
  --home-hero-notice-label-margin-bottom: 6px;
  --home-hero-notice-label-font-size: 0.92rem;
  --home-hero-notice-label-font-weight: 800;
  --home-hero-notice-label-line-height: 1.3;
  --home-hero-notice-label-letter-spacing: 0.02em;
  --home-hero-notice-label-color: #ffd08d;
  --home-hero-notice-body-font-size: clamp(0.9rem, 0.96vw, 0.98rem);
  --home-hero-notice-body-font-weight: 500;
  --home-hero-notice-body-line-height: 1.56;
  --home-hero-notice-body-letter-spacing: 0.01em;
  --home-hero-notice-body-color: rgba(226, 241, 250, 0.86);

  --home-hero-location-margin-bottom: 16px;

  --home-hero-lead-margin-bottom: 10px;
  --home-hero-lead-max-width: 42ch;
  --home-hero-lead-font-size: clamp(1.04rem, 1.24vw, 1.3rem);
  --home-hero-lead-font-weight: 700;
  --home-hero-lead-line-height: 1.42;
  --home-hero-lead-letter-spacing: 0.01em;
  --home-hero-lead-color: #f4fbff;
  --home-hero-lead-shadow: 0 0 10px rgba(92, 202, 255, 0.08);

  --home-hero-text-margin-bottom: 18px;
  --home-hero-text-max-width: 58ch;
  --home-hero-text-font-size: clamp(0.98rem, 1.08vw, 1.12rem);
  --home-hero-text-font-weight: 500;
  --home-hero-text-line-height: 1.62;
  --home-hero-text-letter-spacing: 0.01em;
  --home-hero-text-color: rgba(236, 247, 255, 0.92);

  --home-hero-list-gap: 12px;
  --home-hero-list-margin-bottom: 18px;
  --home-hero-list-icon-width: 40px;
  --home-hero-list-icon-height: 36px;
  --home-hero-list-icon-font-size: 1rem;
  --home-hero-list-icon-filter: drop-shadow(0 0 8px rgba(255, 158, 68, 0.22));
  --home-hero-list-item-gap: 12px;
  --home-hero-list-font-size: clamp(0.96rem, 1.04vw, 1.08rem);
  --home-hero-list-font-weight: 600;
  --home-hero-list-line-height: 1.58;
  --home-hero-list-letter-spacing: 0.01em;
  --home-hero-list-color: #eaf8ff;

  --home-hero-contacts-margin-bottom: 16px;
  --home-hero-contacts-padding-x: 14px;
  --home-hero-contacts-padding-y: 14px;
  --home-hero-contacts-radius: 18px;
  --home-hero-contacts-border: rgba(255, 166, 84, 0.14);
  --home-hero-contacts-bg: rgba(255, 255, 255, 0.03);
  --home-hero-contacts-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.01);

  --home-hero-contact-title-margin-bottom: 10px;
  --home-hero-contact-title-font-size: 0.86rem;
  --home-hero-contact-title-font-weight: 800;
  --home-hero-contact-title-line-height: 1.2;
  --home-hero-contact-title-letter-spacing: 0.18em;
  --home-hero-contact-title-color: #ffb36d;

  --home-hero-contact-line-font-size: clamp(0.96rem, 1vw, 1.04rem);
  --home-hero-contact-line-font-weight: 500;
  --home-hero-contact-line-line-height: 1.6;
  --home-hero-contact-line-letter-spacing: 0.01em;
  --home-hero-contact-line-color: #eefaff;
  --home-hero-contact-line-gap: 8px;

  --home-hero-contact-label-color: rgba(255, 255, 255, 0.74);
  --home-hero-contact-note-color: rgba(170, 224, 255, 0.88);

  --home-hero-contact-link-margin-left: 6px;
  --home-hero-contact-link-color: #97ebff;
  --home-hero-contact-link-shadow: 0 0 10px rgba(77, 219, 255, 0.14);
  --home-hero-contact-link-hover-color: #ffd08d;
  --home-hero-contact-link-hover-shadow:
    0 0 10px rgba(255, 163, 72, 0.18),
    0 0 22px rgba(255, 163, 72, 0.12);
  --home-hero-contact-link-hover-shift-y: -1px;
  --home-hero-contact-link-focus-outline: 1px solid rgba(141, 228, 255, 0.52);
  --home-hero-contact-link-focus-outline-offset: 3px;
  --home-hero-contact-link-focus-radius: 6px;

  --home-hero-contact-social-font-weight: 700;
  --home-hero-contact-social-letter-spacing: 0.04em;

  --home-hero-mobile-contact-link-margin-left: 4px;

  --home-hero-footer-margin-bottom: 8px;
  --home-hero-footer-font-size: clamp(0.98rem, 1.04vw, 1.08rem);
  --home-hero-footer-font-weight: 600;
  --home-hero-footer-line-height: 1.55;
  --home-hero-footer-letter-spacing: 0.01em;
  --home-hero-footer-color: #eef9ff;

  --home-hero-free-font-size: clamp(0.96rem, 1.02vw, 1.06rem);
  --home-hero-free-font-weight: 700;
  --home-hero-free-line-height: 1.5;
  --home-hero-free-letter-spacing: 0.01em;
  --home-hero-free-color: #ffcf93;
  --home-hero-free-shadow: 0 0 12px rgba(255, 166, 84, 0.12);

  --topbar-actions-width: 520px;
  --lang-switcher-space-right: 54px;
  --topbar-actions-top: -8px;
  --topbar-actions-right: 85px;
  --topbar-actions-group-gap: 10px;

  --topbar-nav-gap: 10px;
  --topbar-nav-margin-right: 0px;

  --topbar-nav-link-height: 34px;
  --topbar-nav-link-padding-y: 6px;
  --topbar-nav-link-padding-x: 14px;
  --topbar-nav-link-radius: 14px;
  --topbar-nav-link-border: var(--site-chip-border);
  --topbar-nav-link-bg: transparent;
  --topbar-nav-link-color: var(--site-chip-color);
  --topbar-nav-link-font-size: 0.84rem;
  --topbar-nav-link-font-weight: 700;
  --topbar-nav-link-letter-spacing: 0.08em;
  --topbar-nav-link-shadow: var(--site-chip-shadow);
  --topbar-nav-link-blur: 0px;

  --topbar-nav-link-hover-bg: transparent;
  --topbar-nav-link-hover-border: var(--site-chip-hover-border);
  --topbar-nav-link-hover-color: var(--site-chip-hover-color);
  --topbar-nav-link-hover-shadow: var(--site-chip-hover-shadow);

  --topbar-nav-link-active-bg: transparent;
  --topbar-nav-link-active-border: var(--site-chip-active-border);
  --topbar-nav-link-active-color: var(--site-chip-active-color);
  --topbar-nav-link-active-shadow: var(--site-chip-active-shadow);

  --admin-entry-height: 34px;
  --admin-entry-padding-y: 6px;
  --admin-entry-padding-x: 14px;
  --admin-entry-radius: 14px;
  --admin-entry-border: var(--site-chip-border);
  --admin-entry-bg: transparent;
  --admin-entry-color: var(--site-chip-color);
  --admin-entry-font-size: 0.84rem;
  --admin-entry-font-weight: 700;
  --admin-entry-letter-spacing: 0.08em;
  --admin-entry-shadow: var(--site-chip-shadow);
  --admin-entry-blur: 0px;
  --admin-entry-hover-bg: transparent;
  --admin-entry-hover-border: var(--site-chip-hover-border);
  --admin-entry-hover-color: var(--site-chip-hover-color);
  --admin-entry-hover-shadow: var(--site-chip-hover-shadow);
  --admin-entry-focus-outline: 2px solid rgba(122, 197, 255, 0.42);
  --admin-entry-focus-offset: 2px;

  --admin-modal-z-index: 40;
  --admin-modal-top: clamp(116px, 16vh, 156px);
  --admin-modal-width: 520px;
  --admin-modal-padding-y: 22px;
  --admin-modal-padding-x: 22px;
  --admin-modal-radius: 22px;
  --admin-modal-border: rgba(112, 188, 255, 0.16);
  --admin-modal-bg: linear-gradient(
    180deg,
    rgba(5, 15, 35, 0.95) 0%,
    rgba(6, 18, 41, 0.93) 52%,
    rgba(7, 22, 48, 0.94) 100%
  );
  --admin-modal-shadow:
    0 26px 60px rgba(0, 0, 0, 0.42),
    0 0 0 1px rgba(255, 255, 255, 0.02);
  --admin-modal-blur: 12px;
  --admin-modal-backdrop-bg: rgba(2, 8, 18, 0.68);
  --admin-modal-backdrop-blur: 8px;

  --admin-modal-close-top: 14px;
  --admin-modal-close-right: 14px;
  --admin-modal-close-size: 34px;
  --admin-modal-close-border: rgba(117, 188, 255, 0.14);
  --admin-modal-close-bg: rgba(10, 22, 46, 0.84);
  --admin-modal-close-color: #edf9ff;
  --admin-modal-close-font-size: 1.35rem;
  --admin-modal-close-hover-bg: rgba(16, 33, 62, 0.92);
  --admin-modal-close-hover-border: rgba(255, 173, 92, 0.26);
  --admin-modal-close-hover-color: #ffd7a8;
  --admin-modal-close-focus-outline: 2px solid rgba(141, 228, 255, 0.34);
  --admin-modal-close-focus-offset: 2px;

  --admin-modal-header-margin-bottom: 18px;
  --admin-modal-header-padding-right: 32px;

  --admin-modal-eyebrow-margin-bottom: 8px;
  --admin-modal-eyebrow-font-size: 0.78rem;
  --admin-modal-eyebrow-font-weight: 700;
  --admin-modal-eyebrow-line-height: 1.2;
  --admin-modal-eyebrow-letter-spacing: 0.22em;
  --admin-modal-eyebrow-color: #86e8ff;
  --admin-modal-eyebrow-shadow: 0 0 8px rgba(79, 216, 255, 0.2);

  --admin-modal-title-margin-bottom: 10px;
  --admin-modal-title-font-size: clamp(1.5rem, 2vw, 2rem);
  --admin-modal-title-font-weight: 800;
  --admin-modal-title-line-height: 1.02;
  --admin-modal-title-letter-spacing: -0.02em;
  --admin-modal-title-color: #f2fbff;

  --admin-modal-description-font-size: 0.98rem;
  --admin-modal-description-font-weight: 500;
  --admin-modal-description-line-height: 1.58;
  --admin-modal-description-letter-spacing: 0.01em;
  --admin-modal-description-color: rgba(236, 247, 255, 0.88);

  --admin-modal-form-gap: 14px;
  --admin-modal-field-gap: 8px;

  --admin-modal-label-font-size: 0.9rem;
  --admin-modal-label-font-weight: 700;
  --admin-modal-label-line-height: 1.2;
  --admin-modal-label-letter-spacing: 0.03em;
  --admin-modal-label-color: #eef9ff;

  --admin-modal-input-height: 46px;
  --admin-modal-input-padding-y: 10px;
  --admin-modal-input-padding-x: 14px;
  --admin-modal-input-radius: 14px;
  --admin-modal-input-border: rgba(111, 186, 255, 0.16);
  --admin-modal-input-bg: rgba(8, 20, 45, 0.7);
  --admin-modal-input-color: #eef9ff;
  --admin-modal-input-font-size: 0.98rem;
  --admin-modal-input-font-weight: 500;
  --admin-modal-input-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.01);
  --admin-modal-input-placeholder-color: rgba(203, 229, 245, 0.54);
  --admin-modal-input-hover-border: rgba(141, 228, 255, 0.24);
  --admin-modal-input-hover-bg: rgba(10, 24, 52, 0.86);
  --admin-modal-input-hover-shadow:
    0 0 0 1px rgba(141, 228, 255, 0.04),
    0 0 12px rgba(77, 219, 255, 0.06);
  --admin-modal-input-focus-outline: 2px solid rgba(141, 228, 255, 0.24);
  --admin-modal-input-focus-offset: 1px;

  --admin-modal-hint-font-size: 0.88rem;
  --admin-modal-hint-font-weight: 500;
  --admin-modal-hint-line-height: 1.5;
  --admin-modal-hint-letter-spacing: 0.01em;
  --admin-modal-hint-color: rgba(255, 207, 147, 0.92);

  --admin-modal-actions-gap: 10px;
  --admin-modal-actions-margin-top: 4px;

  --admin-modal-button-height: 40px;
  --admin-modal-button-padding-y: 8px;
  --admin-modal-button-padding-x: 14px;
  --admin-modal-button-radius: 14px;
  --admin-modal-button-font-size: 0.9rem;
  --admin-modal-button-font-weight: 700;
  --admin-modal-button-letter-spacing: 0.04em;
  --admin-modal-button-focus-outline: 2px solid rgba(141, 228, 255, 0.24);
  --admin-modal-button-focus-offset: 2px;

  --admin-modal-secondary-border: rgba(111, 186, 255, 0.16);
  --admin-modal-secondary-bg: rgba(8, 20, 45, 0.72);
  --admin-modal-secondary-color: #eef9ff;
  --admin-modal-secondary-shadow: 0 10px 18px rgba(0, 0, 0, 0.18);
  --admin-modal-secondary-hover-border: rgba(141, 228, 255, 0.24);
  --admin-modal-secondary-hover-bg: rgba(10, 26, 58, 0.88);
  --admin-modal-secondary-hover-color: #ffffff;

  --admin-modal-submit-border: rgba(255, 176, 98, 0.24);
  --admin-modal-submit-bg: linear-gradient(
    180deg,
    rgba(255, 155, 64, 0.92) 0%,
    rgba(255, 115, 32, 0.9) 100%
  );
  --admin-modal-submit-color: #1f0f02;
  --admin-modal-submit-shadow:
    0 10px 20px rgba(0, 0, 0, 0.2),
    0 0 18px rgba(255, 137, 48, 0.14);
  --admin-modal-submit-hover-border: rgba(255, 194, 134, 0.34);
  --admin-modal-submit-hover-bg: linear-gradient(
    180deg,
    rgba(255, 171, 91, 0.96) 0%,
    rgba(255, 125, 42, 0.94) 100%
  );
  --admin-modal-submit-hover-color: #120801;
  --admin-modal-submit-hover-shadow:
    0 12px 24px rgba(0, 0, 0, 0.24),
    0 0 20px rgba(255, 150, 58, 0.18);

  --admin-modal-mobile-top: 88px;
  --admin-modal-mobile-width: 100%;
  --admin-modal-mobile-padding-y: 18px;
  --admin-modal-mobile-padding-x: 16px;

  --admin-shell-z-index: 50;
  --admin-shell-top: 18px;
  --admin-shell-right: 18px;
  --admin-shell-bottom: 18px;
  --admin-shell-left: 18px;
  --admin-shell-radius: 24px;
  --admin-shell-border: rgba(112, 188, 255, 0.14);
  --admin-shell-bg: rgba(5, 14, 33, 0.96);
  --admin-shell-shadow:
    0 28px 64px rgba(0, 0, 0, 0.48),
    0 0 0 1px rgba(255, 255, 255, 0.02);
  --admin-shell-backdrop-bg: rgba(1, 6, 16, 0.74);
  --admin-shell-backdrop-blur: 8px;

  --admin-shell-header-height: 78px;
  --admin-shell-header-gap: 18px;
  --admin-shell-header-padding-y: 14px;
  --admin-shell-header-padding-x: 18px;
  --admin-shell-header-border: rgba(111, 186, 255, 0.12);
  --admin-shell-header-bg: linear-gradient(
    180deg,
    rgba(7, 20, 44, 0.96) 0%,
    rgba(9, 23, 50, 0.92) 100%
  );

  --admin-shell-eyebrow-margin-bottom: 6px;
  --admin-shell-eyebrow-font-size: 0.78rem;
  --admin-shell-eyebrow-font-weight: 700;
  --admin-shell-eyebrow-line-height: 1.2;
  --admin-shell-eyebrow-letter-spacing: 0.2em;
  --admin-shell-eyebrow-color: #86e8ff;

  --admin-shell-title-font-size: clamp(1.3rem, 1.5vw, 1.8rem);
  --admin-shell-title-font-weight: 800;
  --admin-shell-title-line-height: 1.04;
  --admin-shell-title-letter-spacing: -0.02em;
  --admin-shell-title-color: #f2fbff;

  --admin-shell-close-size: 38px;
  --admin-shell-close-radius: 12px;
  --admin-shell-close-border: rgba(111, 186, 255, 0.14);
  --admin-shell-close-bg: rgba(10, 22, 46, 0.84);
  --admin-shell-close-color: #eef9ff;
  --admin-shell-close-font-size: 1.4rem;
  --admin-shell-close-hover-bg: rgba(16, 33, 62, 0.92);
  --admin-shell-close-hover-border: rgba(255, 173, 92, 0.24);
  --admin-shell-close-hover-color: #ffd7a8;
  --admin-shell-close-focus-outline: 2px solid rgba(141, 228, 255, 0.24);
  --admin-shell-close-focus-offset: 2px;

  --admin-shell-body-padding-y: 18px;
  --admin-shell-body-padding-x: 18px;

  --admin-shell-empty-gap: 12px;
  --admin-shell-empty-radius: 20px;
  --admin-shell-empty-border: rgba(111, 186, 255, 0.16);
  --admin-shell-empty-bg: rgba(255, 255, 255, 0.02);
  --admin-shell-empty-padding-y: 28px;
  --admin-shell-empty-padding-x: 22px;

  --admin-shell-empty-title-font-size: clamp(1.2rem, 1.4vw, 1.56rem);
  --admin-shell-empty-title-font-weight: 800;
  --admin-shell-empty-title-line-height: 1.08;
  --admin-shell-empty-title-letter-spacing: -0.02em;
  --admin-shell-empty-title-color: #eef9ff;

  --admin-shell-empty-text-max-width: 52ch;
  --admin-shell-empty-text-font-size: 1rem;
  --admin-shell-empty-text-font-weight: 500;
  --admin-shell-empty-text-line-height: 1.62;
  --admin-shell-empty-text-letter-spacing: 0.01em;
  --admin-shell-empty-text-color: rgba(236, 247, 255, 0.88);

  --admin-shell-mobile-top: 10px;
  --admin-shell-mobile-right: 10px;
  --admin-shell-mobile-bottom: 10px;
  --admin-shell-mobile-left: 10px;
  --admin-shell-mobile-radius: 18px;

  --lang-switcher-top: 8px;
  --lang-switcher-right: 8px;

  --lang-trigger-height: 34px;
  --lang-trigger-padding-x: 9px;
  --lang-trigger-padding-y: 6px;
  --lang-trigger-gap: 7px;
  --lang-trigger-radius: 14px;
  --lang-trigger-bg: rgba(8, 20, 45, 0.8);
  --lang-trigger-border: rgba(111, 186, 255, 0.16);
  --lang-trigger-shadow: 0 10px 18px rgba(0, 0, 0, 0.2);
  --lang-trigger-hover-bg: rgba(10, 26, 58, 0.88);
  --lang-trigger-code-font-size: 0.78rem;
  --lang-trigger-code-font-weight: 700;
  --lang-trigger-code-letter-spacing: 0.08em;
  --lang-trigger-code-color: #eef9ff;

  --lang-trigger-icon-size: 8px;
  --lang-trigger-icon-color: #9fe5ff;

  --lang-menu-top: 8px;
  --lang-menu-width: 176px;
  --lang-menu-padding: 8px;
  --lang-menu-radius: 16px;
  --lang-menu-bg: rgba(6, 16, 38, 0.92);
  --lang-menu-border: rgba(110, 186, 255, 0.16);
  --lang-menu-shadow: 0 18px 34px rgba(0, 0, 0, 0.26);
  --lang-menu-blur: 10px;
  --lang-menu-gap: 6px;

  --lang-option-height: 42px;
  --lang-option-padding-x: 10px;
  --lang-option-gap: 10px;
  --lang-option-radius: 12px;
  --lang-option-font-size: 0.94rem;
  --lang-option-font-weight: 600;
  --lang-option-letter-spacing: 0.02em;
  --lang-option-color: #eaf7ff;
  --lang-option-hover-bg: rgba(13, 31, 62, 0.86);
  --lang-option-active-bg: rgba(17, 41, 78, 0.92);
  --lang-option-active-border: rgba(122, 197, 255, 0.16);

  --lang-flag-width: 22px;
  --lang-flag-height: 15px;
  --lang-flag-radius: 4px;
  --lang-flag-border: rgba(255, 255, 255, 0.16);
  --lang-flag-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12);

  --mobile-overflow-y: auto;

  --mobile-nav-toggle-size: 44px;
  --mobile-nav-toggle-radius: 14px;
  --mobile-nav-toggle-border: rgba(112, 188, 255, 0.16);
  --mobile-nav-toggle-bg: rgba(8, 20, 45, 0.8);
  --mobile-nav-toggle-hover-bg: rgba(10, 26, 58, 0.88);
  --mobile-nav-toggle-hover-border: rgba(122, 197, 255, 0.24);
  --mobile-nav-toggle-color: #eef9ff;
  --mobile-nav-toggle-shadow: 0 10px 18px rgba(0, 0, 0, 0.2);
  --mobile-nav-toggle-bar-width: 18px;
  --mobile-nav-toggle-bar-height: 2px;
  --mobile-nav-toggle-bar-gap: 6px;

  --mobile-nav-dropdown-padding-top: 10px;
  --mobile-nav-dropdown-padding-bottom: 12px;
  --mobile-nav-dropdown-offset: 10px;
  --mobile-nav-expanded-height: calc(
    var(--mobile-nav-dropdown-padding-top) +
    var(--mobile-nav-dropdown-padding-bottom) +
    (var(--mobile-nav-link-min-height) * 3) +
    (var(--mobile-nav-links-gap) * 2)
  );
  --mobile-nav-transition-duration: 0.26s;
  --mobile-nav-links-gap: 10px;
  --mobile-nav-link-min-height: 52px;
  --mobile-nav-link-font-size: 1.02rem;
  --mobile-nav-link-font-weight: 700;
  --mobile-nav-link-letter-spacing: 0.1em;
  --mobile-nav-link-color: #f8fbff;
  --mobile-nav-link-text-shadow:
    0 1px 2px rgba(0, 0, 0, 0.92),
    0 2px 10px rgba(0, 0, 0, 0.72),
    0 0 14px rgba(255, 166, 84, 0.16);
  --mobile-nav-link-bg: linear-gradient(
    180deg,
    rgba(5, 12, 30, 0.98) 0%,
    rgba(3, 8, 22, 0.97) 100%
  );
  --mobile-nav-link-sheen: linear-gradient(
    180deg,
    rgba(255, 166, 84, 0.14) 0%,
    rgba(255, 166, 84, 0.05) 38%,
    rgba(94, 214, 255, 0) 100%
  );
  --mobile-nav-link-border: rgba(255, 166, 84, 0.34);
  --mobile-nav-link-shadow:
    inset 0 0 0 1px rgba(255, 166, 84, 0.08),
    0 0 22px rgba(255, 137, 48, 0.22),
    0 10px 22px rgba(0, 0, 0, 0.22);
  --mobile-nav-link-hover-border: rgba(255, 191, 120, 0.52);
  --mobile-nav-link-hover-color: #fffaf3;
  --mobile-nav-link-hover-shadow:
    inset 0 0 0 1px rgba(255, 191, 120, 0.12),
    0 0 28px rgba(255, 137, 48, 0.32),
    0 12px 24px rgba(0, 0, 0, 0.24);
  --mobile-nav-link-active-bg:
    linear-gradient(
      180deg,
      rgba(42, 24, 12, 0.98) 0%,
      rgba(18, 28, 52, 0.97) 100%
    );
  --mobile-nav-link-active-sheen: linear-gradient(
    135deg,
    rgba(72, 190, 255, 0.05) 0%,
    rgba(255, 150, 64, 0.24) 100%
  );
  --mobile-nav-link-active-border: rgba(255, 191, 120, 0.58);
  --mobile-nav-link-active-color: #ffffff;
  --mobile-nav-link-active-shadow:
    inset 0 0 0 1px rgba(255, 191, 120, 0.14),
    0 0 30px rgba(255, 137, 48, 0.36),
    0 14px 28px rgba(0, 0, 0, 0.24);
  --mobile-nav-link-active-text-shadow:
    0 1px 2px rgba(0, 0, 0, 0.94),
    0 2px 12px rgba(0, 0, 0, 0.78),
    0 0 18px rgba(255, 179, 109, 0.28);

  --topbar-mobile-gap: 8px;

  --site-scroll-size: 8px;
  --site-scroll-size-mobile: 6px;
  --site-scroll-track-color: rgba(7, 18, 41, 0.26);
  --site-scroll-thumb-color: rgba(94, 164, 255, 0.72);
  --site-scroll-thumb-gradient: linear-gradient(
    180deg,
    rgba(112, 188, 255, 0.82) 0%,
    rgba(71, 144, 255, 0.72) 100%
  );
  --site-scroll-thumb-gradient-hover: linear-gradient(
    180deg,
    rgba(132, 202, 255, 0.92) 0%,
    rgba(83, 156, 255, 0.82) 100%
  );
}

body.is-admin-modal-open,
body.is-admin-shell-open {
  overflow: hidden;
}

@media (max-width: 900px) {
  :root {
    --brand-max-width: clamp(220px, 42vw, 420px);
  }
}

@media (max-width: 700px) {
  body.is-mobile-nav-open {
    --page-shell-top-offset: calc(
      var(--brand-top) +
      var(--brand-wordmark-max-height) +
      var(--page-shell-top-gap) +
      var(--mobile-nav-expanded-height)
    );
  }

  body.is-mobile-nav-open[data-page-scope="home"] {
    --home-hero-shell-top-padding: calc(
      var(--home-hero-mobile-padding-top) + var(--mobile-nav-expanded-height)
    );
  }

  @media (prefers-reduced-motion: reduce) {
    .topbar-mobile-nav {
      transition: none;
    }
  }

  :root {
    --page-shell-bottom-offset: calc(96px + env(safe-area-inset-bottom, 0px));
    --page-overflow-y: var(--mobile-overflow-y);
    --topbar-blur: 0px;
    --lang-menu-blur: 0px;

    --mobile-header-row-height: 58px;
    --topbar-height: calc(env(safe-area-inset-top, 0px) + var(--mobile-header-row-height));
    --topbar-tail-height: var(--mobile-header-row-height);
    --topbar-padding-y: 0px;
    --topbar-padding-x: max(10px, env(safe-area-inset-left, 0px));
    --topbar-panel-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    --topbar-transition-start: 100%;
    --topbar-transition-width: 0px;
    --site-chrome-hide-offset: calc(var(--topbar-height) + 4px);

    --brand-left: var(--topbar-padding-x);
    --brand-top: 0px;
    --brand-max-width: clamp(211px, 66vw, 315px);
    --brand-wordmark-max-height: calc(38px * 1.43);

    --mobile-nav-link-bg: linear-gradient(
      180deg,
      var(--topbar-bg-start) 0%,
      var(--topbar-bg-mid) 58%,
      var(--topbar-bg-end) 100%
    );
    --mobile-nav-link-sheen: linear-gradient(
      180deg,
      var(--topbar-highlight-top) 0%,
      rgba(94, 214, 255, 0.02) 24%,
      rgba(94, 214, 255, 0) 58%
    );

    --bg-image: url("../images/fon_ironcore_v3_mobile.webp?v=20260607_bg_mobile_01");

    --home-hero-mobile-padding-top: calc(var(--topbar-height) + 18px);
    --page-shell-top-gap: 16px;

    --mobile-nav-toggle-size: 40px;
    --topbar-mobile-gap: 6px;

    --lang-switcher-top: 8px;
    --lang-switcher-right: 10px;

    --lang-trigger-height: 40px;
    --lang-trigger-padding-x: 10px;
    --lang-trigger-padding-y: 0px;
    --lang-trigger-gap: 8px;
    --lang-trigger-code-font-size: 0.82rem;

    --lang-menu-width: 156px;
    --lang-option-height: 38px;
    --lang-option-font-size: 0.88rem;

    --lang-flag-width: 20px;
    --lang-flag-height: 14px;

    --mobile-nav-link-font-size: 1.15rem;
    --mobile-nav-toggle-hit-extend-left: 24px;
    --mobile-nav-toggle-hit-extend-y: 12px;
    --mobile-nav-toggle-hit-extend-right: 10px;
  }
}

@media (min-width: 1600px) {
  :root {
    --home-hero-panel-max-width: 860px;
    --home-hero-tablet-panel-max-width: 820px;
  }
}