/*
 * SLC V4 - Signal Daylight
 * A light, high-energy art direction layered over the V3 layout and motion system.
 */

:root {
  color-scheme: light;
  --ink: #f6faff;
  --ink-blue: #edf5ff;
  --navy-950: #061a35;
  --navy-900: #082342;
  --navy-850: #0b2e55;
  --navy-800: #104274;
  --navy-700: #135792;
  --blue-700: #0055c7;
  --blue-600: #006de8;
  --blue-500: #087ff5;
  --blue-400: #32adff;
  --blue-300: #78d4ff;
  --ice: #eef9ff;
  --text: #071d39;
  --text-soft: #294866;
  --text-muted: #526d87;
  --line: rgb(17 95 169 / 0.15);
  --line-strong: rgb(7 105 218 / 0.29);
  --glass: rgb(255 255 255 / 0.72);
  --glass-strong: rgb(255 255 255 / 0.88);
  --accent: var(--blue-600);
  --accent-bright: var(--blue-400);
  --accent-deep: var(--blue-700);
  --shadow: 0 32px 90px rgb(23 81 139 / 0.15);
  --shadow-blue: 0 28px 75px rgb(8 100 205 / 0.16);
  --radius-panel: 1.75rem;
  --radius-control: 0.95rem;
}

html {
  background: #f4f9ff;
}

body {
  background:
    radial-gradient(circle at 82% 4%, rgb(66 183 255 / 0.16), transparent 28rem),
    radial-gradient(circle at 6% 32%, rgb(3 116 239 / 0.08), transparent 34rem),
    linear-gradient(180deg, #f8fbff 0%, #eff6ff 100%);
  color: var(--text);
}

body::before {
  background:
    repeating-linear-gradient(
      90deg,
      transparent 0,
      transparent calc(8.333vw - 1px),
      rgb(15 95 172 / 0.035) calc(8.333vw - 1px),
      rgb(15 95 172 / 0.035) 8.333vw
    );
}

body::after {
  background-image:
    radial-gradient(circle at 20% 20%, rgb(5 88 171 / 0.2) 0 0.5px, transparent 0.8px),
    radial-gradient(circle at 80% 60%, rgb(15 137 238 / 0.15) 0 0.55px, transparent 0.9px);
  opacity: 0.09;
}

::selection {
  background: #0b6fe7;
  color: #f8fcff;
}

:focus-visible {
  outline-color: #086fe9;
}

.skip-link {
  background: #075fcf;
  color: #f8fcff;
}

.section {
  background-color: transparent;
}

/* Light navigation */

.site-header {
  border-bottom-color: rgb(13 82 153 / 0.08);
  background:
    linear-gradient(180deg, rgb(249 252 255 / 0.94), rgb(246 250 255 / 0.76));
  box-shadow: 0 8px 30px rgb(36 93 150 / 0.07);
  backdrop-filter: blur(18px) saturate(150%);
  -webkit-backdrop-filter: blur(18px) saturate(150%);
}

.site-header.is-scrolled {
  border-color: var(--line);
  background: rgb(248 252 255 / 0.91);
  box-shadow: 0 15px 45px rgb(23 80 139 / 0.11);
}

.route-progress {
  background: rgb(8 105 218 / 0.08);
}

.route-progress span {
  background: linear-gradient(90deg, #0057cf, #27a7ff);
  box-shadow: 0 0 14px rgb(8 115 235 / 0.32);
}

.nav-link {
  color: #365773;
}

.nav-link.is-active {
  color: #005ccf;
}

.brand-mark {
  border-color: rgb(0 85 199 / 0.35);
  background:
    linear-gradient(145deg, rgb(89 201 255 / 0.38), transparent 50%),
    #066ee8;
  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / 0.42),
    0 10px 28px rgb(0 95 210 / 0.22);
  color: #f8fcff;
}

.brand-name {
  color: #08213f;
}

.language-link,
.menu-button {
  border-color: rgb(9 91 177 / 0.16);
  background: rgb(255 255 255 / 0.72);
  box-shadow: 0 6px 20px rgb(31 87 143 / 0.07);
  color: #163b61;
}

/* Hero: the approved image stays, the stage becomes daylight */

.hero {
  background: #dceeff;
}

.hero-media img {
  filter: saturate(1.08) brightness(1.11) contrast(0.94);
}

.hero-media::after {
  background:
    linear-gradient(90deg, rgb(239 248 255 / 0.22), transparent 50%, rgb(210 234 255 / 0.2)),
    linear-gradient(180deg, rgb(242 249 255 / 0.24), transparent 56%, rgb(225 241 255 / 0.84) 100%);
}

[dir="rtl"] .hero-media::after {
  background:
    linear-gradient(270deg, rgb(239 248 255 / 0.22), transparent 50%, rgb(210 234 255 / 0.2)),
    linear-gradient(180deg, rgb(242 249 255 / 0.24), transparent 56%, rgb(225 241 255 / 0.84) 100%);
}

.hero-shade {
  background:
    radial-gradient(circle at 20% 47%, rgb(49 166 255 / 0.19), transparent 28rem),
    linear-gradient(90deg, rgb(241 248 255 / 0.88) 0%, rgb(235 246 255 / 0.55) 36%, transparent 68%);
}

[dir="rtl"] .hero-shade {
  background:
    radial-gradient(circle at 80% 47%, rgb(49 166 255 / 0.19), transparent 28rem),
    linear-gradient(270deg, rgb(241 248 255 / 0.88) 0%, rgb(235 246 255 / 0.55) 36%, transparent 68%);
}

.hero::before {
  background:
    linear-gradient(90deg, rgb(0 94 196 / 0.055) 1px, transparent 1px),
    linear-gradient(rgb(0 94 196 / 0.055) 1px, transparent 1px);
}

.hero::after {
  background: linear-gradient(90deg, transparent, rgb(255 255 255 / 0.44), transparent);
}

.hero-stage {
  padding-block: calc(var(--header-height) + 1rem) 4.5rem;
}

[dir="rtl"] .hero-stage {
  grid-template-columns: minmax(22rem, 6fr) minmax(0, 6fr);
}

.hero-copy {
  max-width: 47rem;
  padding: clamp(1.7rem, 3.2vw, 3.35rem);
  border: 1px solid rgb(255 255 255 / 0.88);
  border-radius: calc(var(--radius-panel) + 0.35rem);
  background:
    linear-gradient(145deg, rgb(255 255 255 / 0.86), rgb(242 249 255 / 0.72)),
    rgb(255 255 255 / 0.7);
  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / 0.9),
    0 28px 80px rgb(13 69 126 / 0.17);
  backdrop-filter: blur(22px) saturate(132%);
  -webkit-backdrop-filter: blur(22px) saturate(132%);
}

.hero-copy::before {
  inset-block: 1.8rem;
  inset-inline-start: -1px;
  width: 5px;
  border-radius: 999px;
  background: linear-gradient(180deg, #005bcf, #35b7ff);
  box-shadow: 0 10px 25px rgb(0 103 224 / 0.22);
}

.kicker,
.panel-label {
  color: #0059c8;
}

.hero h1 {
  color: #071d39;
  text-shadow: none;
}

html[lang="fa"] .hero h1 {
  max-width: 16ch;
  font-size: clamp(3.1rem, 4.55vw, 4.8rem);
}

.hero-lead {
  color: #294a68;
}

.button-primary {
  border-color: #0056c4;
  background: #065fcf;
  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / 0.24),
    0 13px 32px rgb(0 91 201 / 0.25);
  color: #f8fcff;
}

.button-quiet {
  border-color: rgb(8 94 184 / 0.22);
  background: rgb(255 255 255 / 0.8);
  box-shadow: 0 9px 26px rgb(33 85 139 / 0.08);
  color: #0a3158;
}

.switch-signature {
  border-color: rgb(9 102 208 / 0.24);
  background:
    radial-gradient(circle at 46% 48%, rgb(62 182 255 / 0.25), transparent 44%),
    rgb(245 251 255 / 0.48);
  box-shadow:
    inset 0 0 70px rgb(255 255 255 / 0.28),
    0 30px 90px rgb(19 78 136 / 0.14);
}

.switch-signature::before,
.switch-signature::after {
  border-color: rgb(0 98 208 / 0.18);
}

.switch-rail {
  stroke: rgb(12 68 119 / 0.29);
}

.switch-rail-live {
  stroke: #006be7;
  filter: drop-shadow(0 3px 5px rgb(0 100 216 / 0.28));
}

.switch-tie {
  stroke: rgb(13 75 133 / 0.46);
}

.switch-node {
  fill: #f4faff;
  stroke: rgb(6 89 178 / 0.58);
}

.switch-node-live {
  fill: #087ff5;
  stroke: #eefaff;
  filter: drop-shadow(0 4px 8px rgb(0 97 207 / 0.32));
}

.hero-baseline {
  background: rgb(0 96 206 / 0.09);
}

.hero-baseline-active {
  background: linear-gradient(90deg, transparent, #006be7, #32adff);
  box-shadow: 0 0 18px rgb(0 103 222 / 0.3);
}

/* Launch panel */

.launch-panel {
  border-color: rgb(7 101 205 / 0.2);
  background:
    linear-gradient(120deg, rgb(255 255 255 / 0.97), rgb(237 247 255 / 0.94) 58%),
    #f8fcff;
  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / 0.95),
    0 30px 80px rgb(19 82 146 / 0.16);
}

.launch-panel::before {
  background:
    radial-gradient(circle at 85% 10%, rgb(55 179 255 / 0.18), transparent 24rem),
    linear-gradient(90deg, transparent 49.8%, rgb(11 105 208 / 0.09) 50%, transparent 50.2%);
}

.launch-panel::after {
  background: linear-gradient(90deg, transparent, rgb(24 146 241 / 0.12), transparent);
}

.launch-copy h2,
.countdown-value {
  color: #082544;
}

.launch-status {
  color: #385976;
}

.launch-timezone,
.countdown-label {
  color: #57738d;
}

.countdown-grid,
.countdown-cell {
  border-color: rgb(12 87 163 / 0.13);
}

.countdown-cell:nth-child(odd) {
  background: rgb(224 242 255 / 0.38);
}

.countdown-cell::after {
  background: #087ff5;
  box-shadow: 0 4px 12px rgb(0 105 220 / 0.22);
}

/* Shared typography */

.section-title,
.operation-statement h2,
.process-spine > h2 {
  color: #071d39;
}

.section-lead {
  color: #3c5b77;
}

/* Services: bright, irregular and varied */

.service-section {
  background:
    radial-gradient(circle at 92% 18%, rgb(51 180 255 / 0.16), transparent 30rem),
    radial-gradient(circle at 5% 88%, rgb(0 104 225 / 0.08), transparent 28rem),
    #f5faff;
}

.service-section::before {
  background: radial-gradient(ellipse at center, rgb(32 159 255 / 0.12), transparent 66%);
}

.ledger-item {
  border-color: rgb(8 93 186 / 0.16);
  background:
    linear-gradient(145deg, rgb(255 255 255 / 0.98), rgb(237 247 255 / 0.92));
  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / 0.9),
    0 22px 55px rgb(27 83 140 / 0.1);
  color: #092441;
}

.ledger-item:nth-child(1) {
  border-color: rgb(255 255 255 / 0.32);
  background:
    radial-gradient(circle at 90% 10%, rgb(113 214 255 / 0.34), transparent 18rem),
    linear-gradient(145deg, #087cf0, #0057c8);
  box-shadow: 0 30px 70px rgb(0 91 201 / 0.25);
  color: #f7fcff;
}

.ledger-item:nth-child(2) {
  background:
    linear-gradient(165deg, rgb(100 204 255 / 0.2), transparent 52%),
    #ffffff;
}

.ledger-item:nth-child(3) {
  background:
    radial-gradient(circle at 15% 15%, rgb(255 255 255 / 0.78), transparent 15rem),
    #dff3ff;
}

.ledger-item:nth-child(4) {
  background:
    radial-gradient(circle at 15% 100%, rgb(29 156 255 / 0.16), transparent 22rem),
    #f9fcff;
}

.ledger-item:nth-child(5) {
  background:
    linear-gradient(120deg, #cfeaff, #e9f7ff 62%);
}

.ledger-item:nth-child(6) {
  border-color: rgb(0 113 229 / 0.2);
  background:
    linear-gradient(155deg, rgb(42 170 255 / 0.16), transparent 60%),
    #ffffff;
}

.ledger-item::before {
  background:
    linear-gradient(120deg, rgb(255 255 255 / 0.42), transparent 32%),
    linear-gradient(90deg, transparent 49.8%, rgb(8 103 210 / 0.06) 50%, transparent 50.2%);
}

.ledger-item::after {
  border-color: rgb(9 102 208 / 0.14);
}

.ledger-number {
  color: rgb(0 91 199 / 0.22);
}

.ledger-item p {
  color: #486580;
}

.ledger-item:nth-child(1) .ledger-number {
  color: rgb(255 255 255 / 0.32);
}

.ledger-item:nth-child(1) p {
  color: rgb(244 251 255 / 0.84);
}

.motion-spotlight {
  background: radial-gradient(circle, rgb(42 171 255 / 0.16), transparent 66%);
}

/* One deliberate vivid color block */

.operation-band {
  min-height: 82dvh;
  background:
    radial-gradient(circle at 82% 28%, rgb(153 226 255 / 0.28), transparent 28rem),
    linear-gradient(125deg, #0c82f4 0%, #066ee8 42%, #0058cb 100%);
}

.operation-band::before {
  background: rgb(190 235 255 / 0.46);
  box-shadow:
    3rem 0 0 rgb(196 238 255 / 0.14),
    6rem 0 0 rgb(196 238 255 / 0.08);
}

.operation-band::after {
  background:
    repeating-linear-gradient(
      0deg,
      transparent 0,
      transparent 5.9rem,
      rgb(221 245 255 / 0.09) 6rem
    );
}

.operation-year span {
  color: #e6f7ff;
}

.operation-year strong,
.operation-statement h2 {
  color: #f8fcff;
  text-shadow: 0 22px 60px rgb(0 48 115 / 0.2);
}

.operation-statement p {
  color: rgb(239 249 255 / 0.86);
}

.operation-switch span {
  background: linear-gradient(90deg, transparent, #e6f7ff, transparent);
}

/* Sticky briefing, now floating on daylight */

.briefing-section {
  background:
    radial-gradient(circle at 15% 26%, rgb(0 119 243 / 0.09), transparent 30rem),
    #f7fbff;
}

.briefing-group {
  border-color: rgb(7 96 194 / 0.18);
  background:
    radial-gradient(circle at 86% 12%, rgb(61 181 255 / 0.17), transparent 20rem),
    linear-gradient(145deg, #ffffff, #edf7ff);
  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / 0.95),
    0 34px 80px rgb(26 83 140 / 0.14);
}

.briefing-group:nth-child(2) {
  border-color: rgb(255 255 255 / 0.26);
  background:
    radial-gradient(circle at 12% 86%, rgb(121 215 255 / 0.3), transparent 22rem),
    linear-gradient(145deg, #0b7cf0, #0560d3);
  box-shadow: 0 36px 85px rgb(0 91 201 / 0.24);
  color: #f7fcff;
}

.briefing-group:nth-child(3) {
  background:
    radial-gradient(circle at 78% 8%, rgb(84 192 255 / 0.22), transparent 19rem),
    linear-gradient(145deg, #e3f4ff, #f7fbff);
}

.briefing-group::after {
  border-color: rgb(0 99 207 / 0.13);
}

.briefing-group h3 {
  color: #075ecb;
}

.briefing-group:nth-child(2) h3,
.briefing-group:nth-child(2) .briefing-pair span {
  color: #f8fcff;
}

.briefing-pair > div {
  border-top-color: rgb(8 91 180 / 0.15);
}

.briefing-pair span {
  color: #0b2c4c;
}

.briefing-pair p {
  color: #55718a;
}

.briefing-group:nth-child(2) .briefing-pair > div {
  border-top-color: rgb(255 255 255 / 0.22);
}

.briefing-group:nth-child(2) .briefing-pair p {
  color: rgb(238 248 255 / 0.8);
}

/* Khorasan */

.khorasan-section {
  background:
    radial-gradient(circle at 92% 40%, rgb(40 165 255 / 0.11), transparent 35rem),
    #eef7ff;
}

.khorasan-media {
  border: 1px solid rgb(12 95 180 / 0.13);
  box-shadow: 0 34px 90px rgb(24 80 136 / 0.16);
}

.khorasan-media img {
  filter: saturate(1.04) brightness(1.05);
}

.khorasan-media::after {
  background:
    linear-gradient(90deg, transparent 56%, rgb(232 245 255 / 0.56)),
    linear-gradient(180deg, transparent 65%, rgb(228 242 255 / 0.28));
}

[dir="rtl"] .khorasan-media::after {
  background:
    linear-gradient(270deg, transparent 56%, rgb(232 245 255 / 0.56)),
    linear-gradient(180deg, transparent 65%, rgb(228 242 255 / 0.28));
}

.khorasan-copy {
  border-color: rgb(255 255 255 / 0.88);
  background:
    linear-gradient(145deg, rgb(255 255 255 / 0.91), rgb(236 247 255 / 0.84)),
    #ffffff;
  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / 0.96),
    0 30px 75px rgb(20 78 135 / 0.17);
}

.handoff-list > div {
  border-top-color: rgb(8 94 184 / 0.14);
}

.handoff-list dt {
  color: #0564d3;
}

.handoff-list dd {
  color: #506d87;
}

/* Sulfur */

.sulfur-section {
  background:
    radial-gradient(circle at 70% 20%, rgb(39 169 255 / 0.13), transparent 32rem),
    linear-gradient(180deg, #f7fbff, #e8f5ff);
}

.sulfur-section::before {
  border-color: rgb(0 102 216 / 0.09);
}

.sulfur-mark {
  opacity: 0.13;
  -webkit-text-stroke-color: #0782f4;
}

.material-flow::before {
  background: linear-gradient(180deg, #0065da, rgb(41 169 255 / 0.14));
}

.material-flow li {
  color: #0b2d4e;
}

.material-flow li::before {
  border-color: #0879ed;
  background: #f3faff;
  box-shadow: 0 3px 12px rgb(0 97 206 / 0.2);
}

.material-note {
  border-inline-start-color: #168bee;
  color: #526e88;
}

.sulfur-media {
  border-color: rgb(8 94 184 / 0.16);
  box-shadow: 0 34px 90px rgb(24 80 136 / 0.16);
}

.sulfur-media img {
  filter: saturate(1.04) brightness(1.04);
}

.sulfur-media::before {
  background:
    linear-gradient(180deg, rgb(235 247 255 / 0.05), rgb(218 239 255 / 0.15)),
    linear-gradient(90deg, rgb(232 245 255 / 0.22), transparent 42%);
}

[dir="rtl"] .sulfur-media::before {
  background:
    linear-gradient(180deg, rgb(235 247 255 / 0.05), rgb(218 239 255 / 0.15)),
    linear-gradient(270deg, rgb(232 245 255 / 0.22), transparent 42%);
}

.sulfur-media::after {
  border-color: rgb(255 255 255 / 0.52);
}

/* Interactive corridor console */

.corridor-section {
  background:
    radial-gradient(circle at 50% 42%, rgb(40 168 255 / 0.13), transparent 34rem),
    linear-gradient(180deg, #f7fbff, #eaf5ff 55%, #f8fbff);
}

.corridor-section::before {
  background:
    linear-gradient(90deg, transparent 49.9%, rgb(5 103 210 / 0.07) 50%, transparent 50.1%),
    linear-gradient(transparent 49.9%, rgb(5 103 210 / 0.07) 50%, transparent 50.1%);
}

.corridor-console {
  border-color: rgb(6 94 190 / 0.18);
  background:
    radial-gradient(circle at 82% 18%, rgb(45 176 255 / 0.14), transparent 30rem),
    rgb(255 255 255 / 0.9);
  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / 0.96),
    0 34px 85px rgb(22 82 142 / 0.15);
}

.route-selector {
  border-color: rgb(9 86 166 / 0.13);
  background: rgb(235 246 255 / 0.62);
}

.route-option {
  color: #355772;
}

.route-option.is-active,
[dir="rtl"] .route-option.is-active {
  border-color: rgb(6 103 215 / 0.24);
  background: linear-gradient(120deg, rgb(28 143 241 / 0.14), rgb(255 255 255 / 0.7));
  color: #082a4b;
}

.route-option small {
  color: #5b748c;
}

.route-map::before {
  border-color: rgb(0 101 213 / 0.12);
  background: radial-gradient(circle, rgb(30 158 249 / 0.11), transparent 66%);
}

.route-map figcaption {
  color: #58738b;
}

.map-rail {
  stroke: rgb(16 91 158 / 0.18);
}

.map-route {
  stroke: #0673e8;
  filter: drop-shadow(0 4px 5px rgb(0 99 210 / 0.2));
}

.map-node circle {
  fill: #f7fbff;
  stroke: rgb(5 101 205 / 0.52);
}

.map-node text {
  fill: #45627d;
}

.map-cargo {
  fill: #f8fcff;
  stroke: #0575e9;
  filter: drop-shadow(0 4px 7px rgb(0 100 212 / 0.25));
}

/* Control field and process */

.control-section {
  background:
    radial-gradient(circle at 18% 50%, rgb(33 161 251 / 0.11), transparent 32rem),
    #f5faff;
}

.control-feature,
.control-note {
  border-color: rgb(7 94 184 / 0.15);
  background: #ffffff;
  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / 0.95),
    0 20px 55px rgb(27 83 140 / 0.1);
}

.control-feature {
  border-color: rgb(255 255 255 / 0.28);
  background:
    radial-gradient(circle at 75% 24%, rgb(135 219 255 / 0.34), transparent 18rem),
    linear-gradient(145deg, #0780f2, #005dcc 62%, #0753b5);
  box-shadow: 0 32px 80px rgb(0 87 189 / 0.24);
  color: #f8fcff;
}

.control-feature::before {
  border-color: rgb(214 244 255 / 0.35);
}

.control-feature::after {
  border-color: rgb(214 244 255 / 0.23);
}

.control-note {
  background:
    linear-gradient(145deg, #ffffff, #eff8ff);
}

.control-note:nth-child(3) {
  background:
    radial-gradient(circle at 90% 10%, rgb(52 178 255 / 0.18), transparent 13rem),
    #e4f4ff;
}

.control-note:nth-child(4) {
  background:
    linear-gradient(145deg, rgb(38 165 255 / 0.14), transparent 62%),
    #ffffff;
}

.control-note:nth-child(5) {
  background: #dcefff;
}

.control-feature h3 {
  color: #f8fcff;
}

.control-note h3 {
  color: #0a2b4b;
}

.control-feature p {
  color: rgb(241 250 255 / 0.86);
}

.control-note p {
  color: #526e87;
}

.process-spine {
  border-color: rgb(7 98 199 / 0.18);
  background:
    linear-gradient(125deg, rgb(255 255 255 / 0.95), rgb(231 245 255 / 0.88)),
    #ffffff;
  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / 0.96),
    0 30px 80px rgb(22 82 142 / 0.14);
}

.process-spine ol::before {
  background: rgb(6 98 203 / 0.14);
}

.process-rail-fill {
  background: linear-gradient(90deg, #0057cf, #2ba9ff);
  box-shadow: 0 3px 10px rgb(0 97 207 / 0.2);
}

.process-marker {
  border-color: #ffffff;
  background: #0780f2;
  box-shadow: 0 4px 12px rgb(0 98 207 / 0.25);
}

.process-spine li::before {
  border-color: #eaf6ff;
  background: #0780f2;
  box-shadow: 0 0 0 1px #0780f2;
}

.process-spine strong {
  color: #0b2c4b;
}

.process-spine span {
  color: #55718a;
}

/* Inquiry */

.inquiry-section {
  background:
    radial-gradient(circle at 78% 30%, rgb(39 166 255 / 0.14), transparent 32rem),
    linear-gradient(180deg, #eaf6ff, #f8fbff);
}

.inquiry-section::before {
  border-color: rgb(5 101 211 / 0.09);
}

.availability-note {
  border-inline-start-color: #087cec;
  background: rgb(20 137 235 / 0.08);
  color: #4b6983;
}

.inquiry-form {
  border-color: rgb(7 96 194 / 0.18);
  background:
    radial-gradient(circle at 92% 4%, rgb(44 176 255 / 0.13), transparent 20rem),
    rgb(255 255 255 / 0.92);
  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / 0.98),
    0 32px 82px rgb(21 80 139 / 0.15);
}

.field label {
  color: #294b69;
}

.field input,
.field select,
.field textarea {
  border-color: rgb(10 91 174 / 0.2);
  background: #f4f9ff;
  color: #0a2948;
}

.field input::placeholder,
.field textarea::placeholder {
  color: #667f96;
}

.field select option {
  background: #f8fcff;
  color: #0a2948;
}

.field input:focus,
.field select:focus,
.field textarea:focus {
  border-color: #087bec;
  background: #ffffff;
  box-shadow:
    0 0 0 3px rgb(8 123 236 / 0.13),
    0 12px 30px rgb(0 91 193 / 0.1);
}

.field-help,
.form-state {
  color: #5b748c;
}

/* Light footer */

.site-footer {
  border-top-color: rgb(5 91 183 / 0.13);
  background:
    radial-gradient(circle at 50% 120%, rgb(29 157 247 / 0.16), transparent 32rem),
    #e7f3ff;
}

.site-footer::before {
  background: linear-gradient(90deg, transparent 49.9%, rgb(6 99 206 / 0.055) 50%, transparent 50.1%);
}

.footer-brand p,
.footer-meta {
  color: #536f88;
}

.footer-links a {
  color: #244866;
}

/* Correct V3 hover colors for the new light material */

@media (hover: hover) and (pointer: fine) {
  .nav-link:hover,
  .footer-links a:hover {
    color: #0059c8;
  }

  .language-link:hover,
  .menu-button:hover {
    border-color: rgb(5 99 206 / 0.28);
    background: #ffffff;
    color: #063d76;
  }

  .button:hover:not(:disabled) {
    box-shadow:
      inset 0 1px 0 rgb(255 255 255 / 0.28),
      0 16px 40px rgb(0 91 199 / 0.24);
  }

  .ledger-item:hover,
  .control-note:hover {
    border-color: rgb(5 105 216 / 0.3);
    box-shadow:
      inset 0 1px 0 rgb(255 255 255 / 0.96),
      0 28px 68px rgb(16 83 150 / 0.15);
  }

  .control-feature:hover {
    border-color: rgb(255 255 255 / 0.46);
    box-shadow: 0 34px 82px rgb(0 84 184 / 0.27);
  }

  .route-option:hover {
    border-color: rgb(7 96 193 / 0.16);
    background: rgb(255 255 255 / 0.64);
    color: #082d52;
  }
}

@media (max-width: 64rem) {
  .header-actions,
  .brand,
  [dir="rtl"] .header-actions,
  [dir="rtl"] .brand {
    grid-row: 1;
  }

  .site-nav {
    border-bottom-color: rgb(9 87 166 / 0.15);
    background:
      radial-gradient(circle at 80% 10%, rgb(32 162 255 / 0.15), transparent 20rem),
      rgb(246 251 255 / 0.98);
    box-shadow: 0 30px 80px rgb(25 77 129 / 0.16);
  }

  .nav-link {
    border-bottom-color: rgb(9 87 166 / 0.14);
    color: #163f64;
  }

  .switch-signature {
    opacity: 0.72;
  }

  [dir="rtl"] .hero-stage {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 47.99rem) {
  .hero-shade,
  [dir="rtl"] .hero-shade {
    background:
      linear-gradient(180deg, rgb(239 248 255 / 0.08), rgb(234 245 255 / 0.14) 38%, rgb(227 241 255 / 0.82) 84%),
      radial-gradient(circle at 20% 34%, rgb(28 157 255 / 0.14), transparent 22rem);
  }

  .hero-copy {
    padding: 1.35rem;
    border-radius: var(--radius-panel);
    background:
      linear-gradient(145deg, rgb(255 255 255 / 0.9), rgb(238 247 255 / 0.82)),
      rgb(255 255 255 / 0.84);
  }

  .hero-copy::before {
    inset-block: 1.35rem;
  }

  .switch-signature {
    opacity: 0.42;
  }

  .countdown-grid {
    border-block-start-color: rgb(8 86 164 / 0.13);
  }

  .operation-band {
    min-height: auto;
  }

  .briefing-group:nth-child(2) {
    box-shadow: 0 26px 65px rgb(0 89 194 / 0.2);
  }

  .khorasan-copy,
  [dir="rtl"] .khorasan-copy {
    box-shadow: 0 24px 60px rgb(18 73 128 / 0.16);
  }
}

@media (max-width: 24rem) {
  .hero h1,
  html[lang="fa"] .hero h1 {
    font-size: clamp(2.35rem, 11.5vw, 3rem);
  }
}

@media (prefers-reduced-transparency: reduce) {
  .site-header,
  .site-header.is-scrolled,
  .button-quiet,
  .hero-copy,
  .launch-panel,
  .khorasan-copy,
  .corridor-console,
  .inquiry-form {
    background: #f8fcff;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
}