.air-clone {
  --story-ink: #0b0c0e;
  --story-ink-soft: rgba(11, 12, 14, 0.58);
  --story-paper: #eef3f6;
  --story-paper-soft: rgba(255, 255, 255, 0.66);
  --story-line: rgba(11, 12, 14, 0.16);
  --story-blue: #75c9ff;
  --story-blue-deep: #0d78d5;
  --story-violet: #9a8cff;
  --story-mint: #77e3c5;
  --story-active: var(--story-blue);
  --story-stage-bg: #dceaf2;
  --story-stage-glow: rgba(117, 201, 255, 0.68);
  color: var(--story-ink);
  font-family: "Arial Narrow", "Aptos Narrow", "Helvetica Neue", Arial, sans-serif;
  background: #f4f6f7;
  isolation: isolate;
}

.air-clone,
.air-clone *,
.air-clone *::before,
.air-clone *::after {
  box-sizing: border-box;
}

.air-clone button,
.air-clone input,
.air-clone textarea,
.air-clone select {
  color: inherit;
  font: inherit;
}

.air-clone .story {
  position: relative;
  min-height: 3888px;
  background:
    radial-gradient(circle at 76% 40%, var(--story-stage-glow), transparent 34%),
    linear-gradient(155deg, #eef4f7 0%, var(--story-stage-bg) 48%, #cad8e1 100%);
  transition: background 700ms cubic-bezier(0.22, 1, 0.36, 1);
}

.air-clone .story[data-active="0"],
.air-clone .story[data-active="discover"],
.air-clone [data-story][data-active="0"],
.air-clone [data-story][data-active="discover"] {
  --story-active: var(--story-blue);
  --story-stage-bg: #dceaf2;
  --story-stage-glow: rgba(117, 201, 255, 0.72);
}

.air-clone .story[data-active="1"],
.air-clone .story[data-active="connect"],
.air-clone [data-story][data-active="1"],
.air-clone [data-story][data-active="connect"] {
  --story-active: var(--story-violet);
  --story-stage-bg: #e5e1ed;
  --story-stage-glow: rgba(154, 140, 255, 0.62);
}

.air-clone .story[data-active="2"],
.air-clone .story[data-active="build"],
.air-clone [data-story][data-active="2"],
.air-clone [data-story][data-active="build"] {
  --story-active: var(--story-mint);
  --story-stage-bg: #d9ebe6;
  --story-stage-glow: rgba(119, 227, 197, 0.6);
}

.air-clone .story__stage,
.air-clone .story-stage {
  position: sticky;
  top: 0;
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(380px, 0.95fr);
  align-items: center;
  gap: clamp(28px, 5vw, 88px);
  width: 100%;
  height: 100vh;
  min-height: 760px;
  padding: 84px clamp(24px, 4.7vw, 76px) 52px;
  overflow: hidden;
}

.air-clone .story__stage::before,
.air-clone .story-stage::before {
  position: absolute;
  inset: 0;
  z-index: -2;
  background:
    radial-gradient(circle at 74% 45%, var(--story-stage-glow), transparent 33%),
    linear-gradient(155deg, rgba(255,255,255,0.56), transparent 54%),
    var(--story-stage-bg);
  content: "";
  transition: background 720ms cubic-bezier(0.22, 1, 0.36, 1);
}

.air-clone .story__stage::after,
.air-clone .story-stage::after {
  position: absolute;
  inset: 0;
  z-index: -1;
  background-image:
    linear-gradient(rgba(11, 12, 14, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(11, 12, 14, 0.045) 1px, transparent 1px);
  background-size: 72px 72px;
  opacity: 0.32;
  mask-image: linear-gradient(to bottom, transparent, #000 14%, #000 85%, transparent);
  content: "";
}

.air-clone .story__copy,
.air-clone .story-copy {
  position: relative;
  z-index: 3;
  align-self: center;
  min-width: 0;
}

.air-clone .story__eyebrow,
.air-clone .story-eyebrow {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 32px;
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.air-clone .story__eyebrow::before,
.air-clone .story-eyebrow::before {
  width: 36px;
  height: 2px;
  background: var(--story-active);
  content: "";
  transition: background-color 500ms ease;
}

.air-clone .story__words,
.air-clone .story-words {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
}

.air-clone .story__word,
.air-clone .story-word {
  position: relative;
  display: block;
  margin: -0.1em 0;
  border: 0;
  padding: 0;
  color: rgba(11, 12, 14, 0.14);
  background: transparent;
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", "Aptos Display", sans-serif;
  font-size: clamp(130px, 13.9vw, 200px);
  font-stretch: condensed;
  font-weight: 900;
  line-height: 0.88;
  letter-spacing: -0.065em;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
  cursor: pointer;
  transform: translate3d(-0.015em, 0, 0);
  transform-origin: left center;
  transition:
    color 500ms cubic-bezier(0.22, 1, 0.36, 1),
    opacity 500ms ease,
    transform 700ms cubic-bezier(0.22, 1, 0.36, 1);
}

.air-clone .story__word:nth-child(2),
.air-clone .story-word:nth-child(2) {
  font-size: clamp(118px, 11.8vw, 170px);
}

.air-clone .story__word:nth-child(3),
.air-clone .story-word:nth-child(3) {
  font-size: clamp(130px, 13.9vw, 200px);
}

.air-clone .story__word:hover,
.air-clone .story-word:hover {
  color: rgba(11, 12, 14, 0.3);
}

.air-clone .story__word[aria-current="step"],
.air-clone .story__word.is-active,
.air-clone .story-word[aria-current="step"],
.air-clone .story-word.is-active,
.air-clone .story[data-active="0"] .story__word:nth-child(1),
.air-clone .story[data-active="1"] .story__word:nth-child(2),
.air-clone .story[data-active="2"] .story__word:nth-child(3),
.air-clone .story[data-active="discover"] .story__word:nth-child(1),
.air-clone .story[data-active="connect"] .story__word:nth-child(2),
.air-clone .story[data-active="build"] .story__word:nth-child(3),
.air-clone [data-story][data-active="0"] .story-word:nth-child(1),
.air-clone [data-story][data-active="1"] .story-word:nth-child(2),
.air-clone [data-story][data-active="2"] .story-word:nth-child(3) {
  color: var(--story-ink);
  transform: translate3d(0.025em, 0, 0);
}

.air-clone .story__word[aria-current="step"]::after,
.air-clone .story__word.is-active::after,
.air-clone .story-word[aria-current="step"]::after,
.air-clone .story-word.is-active::after {
  position: absolute;
  top: 46%;
  right: -0.18em;
  width: 0.105em;
  height: 0.105em;
  border-radius: 999px;
  background: var(--story-active);
  box-shadow: 0 0 0 0.035em rgba(255,255,255,0.7);
  content: "";
}

.air-clone .story__description,
.air-clone .story-description {
  max-width: 510px;
  margin: 42px 0 0;
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-size: clamp(17px, 1.35vw, 21px);
  font-weight: 500;
  line-height: 1.45;
  letter-spacing: -0.02em;
}

.air-clone .story__visual,
.air-clone .story-visual {
  position: relative;
  z-index: 2;
  width: min(100%, 700px);
  aspect-ratio: 0.98;
  justify-self: end;
}

.air-clone .story__orb,
.air-clone .story-orb {
  position: absolute;
  inset: 5%;
  border: 1px solid rgba(255,255,255,0.74);
  border-radius: 50%;
  background:
    radial-gradient(circle at 34% 27%, rgba(255,255,255,0.95), transparent 16%),
    radial-gradient(circle at 64% 65%, var(--story-active), rgba(255,255,255,0.14) 51%, transparent 72%);
  box-shadow:
    inset -28px -36px 70px rgba(11,12,14,0.13),
    inset 20px 22px 42px rgba(255,255,255,0.65),
    0 48px 110px rgba(17, 46, 68, 0.17);
  filter: saturate(0.86);
  transform: rotate(-8deg);
  transition: background 700ms ease, transform 900ms cubic-bezier(0.22, 1, 0.36, 1);
}

.air-clone .story[data-active="1"] .story__orb,
.air-clone .story[data-active="connect"] .story__orb {
  transform: rotate(4deg) scale(0.96);
}

.air-clone .story[data-active="2"] .story__orb,
.air-clone .story[data-active="build"] .story__orb {
  transform: rotate(12deg) scale(1.02);
}

.air-clone .story__mockup,
.air-clone .story-mockup {
  position: absolute;
  inset: 14% 4% 8% 11%;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,0.82);
  border-radius: 18px;
  background: rgba(247, 250, 252, 0.82);
  box-shadow: 0 34px 80px rgba(22, 33, 42, 0.24);
  backdrop-filter: blur(22px) saturate(1.2);
  transform: perspective(1400px) rotateY(-11deg) rotateX(5deg);
}

.air-clone .story__mockup-bar,
.air-clone .story-mockup__bar {
  display: flex;
  align-items: center;
  gap: 7px;
  height: 46px;
  padding: 0 16px;
  border-bottom: 1px solid rgba(11,12,14,0.09);
}

.air-clone .story__mockup-bar i,
.air-clone .story-mockup__bar i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: rgba(11,12,14,0.22);
}

.air-clone .story__panels,
.air-clone .story-panels {
  position: relative;
  height: calc(100% - 46px);
}

.air-clone .story__panel,
.air-clone .story-panel {
  position: absolute;
  inset: 0;
  display: grid;
  grid-template-columns: 84px 1fr;
  gap: 12px;
  padding: 16px;
  opacity: 0;
  transform: translate3d(0, 20px, 0) scale(0.985);
  pointer-events: none;
  transition: opacity 400ms ease, transform 650ms cubic-bezier(0.22, 1, 0.36, 1);
}

.air-clone .story__panel.is-active,
.air-clone .story-panel.is-active,
.air-clone .story__panel[aria-hidden="false"],
.air-clone .story-panel[aria-hidden="false"],
.air-clone .story[data-active="0"] .story__panel:nth-child(1),
.air-clone .story[data-active="1"] .story__panel:nth-child(2),
.air-clone .story[data-active="2"] .story__panel:nth-child(3),
.air-clone [data-story][data-active="0"] .story-panel:nth-child(1),
.air-clone [data-story][data-active="1"] .story-panel:nth-child(2),
.air-clone [data-story][data-active="2"] .story-panel:nth-child(3) {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
  pointer-events: auto;
}

.air-clone .story__rail,
.air-clone .story-mockup__rail {
  border-radius: 10px;
  background: rgba(11,12,14,0.055);
}

.air-clone .story__canvas,
.air-clone .story-mockup__canvas {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-auto-rows: minmax(88px, 1fr);
  gap: 10px;
}

.air-clone .story__tile,
.air-clone .story-mockup__tile {
  overflow: hidden;
  border: 1px solid rgba(11,12,14,0.07);
  border-radius: 9px;
  background:
    linear-gradient(135deg, rgba(255,255,255,0.92), rgba(255,255,255,0.24)),
    var(--story-active);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.28);
}

.air-clone .story__tile:nth-child(3n),
.air-clone .story-mockup__tile:nth-child(3n) {
  grid-column: span 2;
}

.air-clone .story__progress,
.air-clone .story-progress {
  position: absolute;
  right: clamp(24px, 3vw, 48px);
  bottom: 30px;
  left: clamp(24px, 4.7vw, 76px);
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  z-index: 5;
}

.air-clone .story__progress span,
.air-clone .story-progress span {
  height: 2px;
  background: rgba(11,12,14,0.18);
  transition: background-color 350ms ease, transform 350ms ease;
  transform-origin: left;
}

.air-clone .story__progress span.is-active,
.air-clone .story-progress span.is-active,
.air-clone .story[data-active="0"] .story__progress span:nth-child(1),
.air-clone .story[data-active="1"] .story__progress span:nth-child(2),
.air-clone .story[data-active="2"] .story__progress span:nth-child(3) {
  background: var(--story-ink);
  transform: scaleY(2);
}

.air-clone .story__marker,
.air-clone .story-marker {
  position: absolute;
  left: 0;
  width: 1px;
  height: 1px;
  pointer-events: none;
}

.air-clone .story__marker:nth-of-type(1),
.air-clone .story-marker[data-step="0"] { top: 12%; }
.air-clone .story__marker:nth-of-type(2),
.air-clone .story-marker[data-step="1"] { top: 48%; }
.air-clone .story__marker:nth-of-type(3),
.air-clone .story-marker[data-step="2"] { top: 82%; }

.air-clone .contact {
  position: relative;
  min-height: 1162px;
  padding: clamp(96px, 11vw, 170px) clamp(24px, 5.5vw, 88px) 64px;
  overflow: hidden;
  color: #f7f8f9;
  background:
    radial-gradient(circle at 83% 12%, rgba(117,201,255,0.22), transparent 32%),
    radial-gradient(circle at 8% 82%, rgba(154,140,255,0.17), transparent 30%),
    #0b0c0e;
}

.air-clone .contact::after {
  position: absolute;
  inset: auto -8vw -36vw auto;
  width: min(780px, 74vw);
  aspect-ratio: 1;
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 50%;
  box-shadow: inset 0 0 110px rgba(117,201,255,0.11);
  content: "";
  pointer-events: none;
}

.air-clone .contact__inner,
.air-clone .contact-inner {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(420px, 0.88fr);
  gap: clamp(52px, 8vw, 138px);
  width: min(100%, 1440px);
  margin: 0 auto;
}

.air-clone .contact__kicker,
.air-clone .contact-kicker {
  margin: 0 0 28px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  opacity: 0.66;
}

.air-clone .contact__headline,
.air-clone .contact-headline {
  max-width: 900px;
  margin: 0;
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", "Aptos Display", sans-serif;
  font-size: clamp(86px, 10.8vw, 156px);
  font-stretch: condensed;
  font-weight: 900;
  line-height: 0.84;
  letter-spacing: -0.06em;
  text-transform: uppercase;
}

.air-clone .contact__headline em,
.air-clone .contact-headline em {
  color: var(--story-blue);
  font-style: normal;
}

.air-clone .contact__lede,
.air-clone .contact-lede {
  max-width: 600px;
  margin: 38px 0 0;
  color: rgba(247,248,249,0.7);
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-size: 19px;
  line-height: 1.5;
}

.air-clone .contact__form,
.air-clone .contact-form {
  align-self: end;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  padding: 18px;
  border: 1px solid rgba(255,255,255,0.24);
  border-radius: 24px;
  background: rgba(255,255,255,0.1);
  box-shadow: 0 36px 100px rgba(0,0,0,0.26);
  backdrop-filter: blur(26px) saturate(1.18);
}

.air-clone .contact__field,
.air-clone .contact-field {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-height: 76px;
  padding: 14px 16px 12px;
  border: 1px solid rgba(255,255,255,0.16);
  border-radius: 13px;
  background: rgba(255,255,255,0.84);
  color: var(--story-ink);
  transition: background-color 220ms ease, border-color 220ms ease, transform 220ms ease;
}

.air-clone .contact__field:focus-within,
.air-clone .contact-field:focus-within {
  border-color: var(--story-blue);
  background: #fff;
  transform: translateY(-2px);
}

.air-clone .contact__field--wide,
.air-clone .contact-field--wide,
.air-clone .contact__form > textarea,
.air-clone .contact-form > textarea {
  grid-column: 1 / -1;
}

.air-clone .contact__field label,
.air-clone .contact-field label {
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  opacity: 0.52;
}

.air-clone .contact__field input,
.air-clone .contact__field textarea,
.air-clone .contact__field select,
.air-clone .contact-field input,
.air-clone .contact-field textarea,
.air-clone .contact-field select {
  width: 100%;
  border: 0;
  outline: 0;
  padding: 0;
  resize: none;
  background: transparent;
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.35;
}

.air-clone .contact__field textarea,
.air-clone .contact-field textarea {
  min-height: 104px;
}

.air-clone .contact__submit,
.air-clone .contact-submit {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 64px;
  border: 0;
  border-radius: 999px;
  padding: 0 20px 0 24px;
  color: var(--story-ink);
  background: var(--story-blue);
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.01em;
  cursor: pointer;
  transition: background-color 220ms ease, transform 220ms ease;
}

.air-clone .contact__submit::after,
.air-clone .contact-submit::after {
  display: grid;
  width: 36px;
  height: 36px;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  background: var(--story-ink);
  content: "\2197";
  font-size: 16px;
}

.air-clone .contact__submit:hover,
.air-clone .contact-submit:hover {
  background: #9bd8ff;
  transform: translateY(-2px);
}

.air-clone .contact__note,
.air-clone .contact-note {
  grid-column: 1 / -1;
  margin: 2px 4px 0;
  color: rgba(255,255,255,0.55);
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-size: 11px;
  line-height: 1.4;
}

.air-clone .site-footer,
.air-clone .footer {
  position: absolute;
  right: clamp(24px, 5.5vw, 88px);
  bottom: 38px;
  left: clamp(24px, 5.5vw, 88px);
  z-index: 3;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: end;
  gap: 24px;
  padding-top: 20px;
  border-top: 1px solid rgba(255,255,255,0.19);
  color: rgba(255,255,255,0.66);
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-size: 11px;
  line-height: 1.3;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.air-clone .site-footer__links,
.air-clone .footer-links {
  display: flex;
  justify-content: center;
  gap: 22px;
}

.air-clone .site-footer a,
.air-clone .footer a {
  color: inherit;
  text-decoration: none;
  transition: color 180ms ease;
}

.air-clone .site-footer a:hover,
.air-clone .footer a:hover {
  color: #fff;
}

.air-clone .site-footer__end,
.air-clone .footer-end {
  text-align: right;
}

.air-clone .review-status {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 80;
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  border: 1px solid rgba(255,255,255,0.5);
  border-radius: 999px;
  padding: 7px 9px 7px 15px;
  color: #fff;
  background: rgba(11,12,14,0.74);
  box-shadow: 0 14px 44px rgba(0,0,0,0.24);
  backdrop-filter: blur(18px);
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.air-clone .review-status::before {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--story-mint);
  box-shadow: 0 0 0 4px rgba(119,227,197,0.14);
  content: "";
}

.air-clone .review-status button {
  min-height: 30px;
  border: 0;
  border-radius: 999px;
  padding: 0 13px;
  color: var(--story-ink);
  background: #fff;
  cursor: pointer;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
}

.air-clone .review-dialog {
  position: fixed;
  inset: 0;
  z-index: 100;
  display: grid;
  place-items: center;
  padding: 24px;
  background: rgba(6,7,8,0.48);
  backdrop-filter: blur(12px);
  opacity: 0;
  visibility: hidden;
  transition: opacity 220ms ease, visibility 220ms ease;
}

.air-clone .review-dialog[open],
.air-clone .review-dialog.is-open,
.air-clone .review-dialog[aria-hidden="false"] {
  opacity: 1;
  visibility: visible;
}

.air-clone .review-dialog__panel {
  width: min(100%, 540px);
  border: 1px solid rgba(255,255,255,0.78);
  border-radius: 22px;
  padding: 28px;
  background: rgba(250,252,253,0.92);
  box-shadow: 0 34px 110px rgba(0,0,0,0.28);
  backdrop-filter: blur(24px);
  transform: translateY(16px) scale(0.98);
  transition: transform 300ms cubic-bezier(0.22, 1, 0.36, 1);
}

.air-clone .review-dialog[open] .review-dialog__panel,
.air-clone .review-dialog.is-open .review-dialog__panel,
.air-clone .review-dialog[aria-hidden="false"] .review-dialog__panel {
  transform: translateY(0) scale(1);
}

.air-clone .review-dialog__panel h2 {
  margin: 0 0 10px;
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: 42px;
  line-height: 0.95;
  letter-spacing: -0.035em;
  text-transform: uppercase;
}

.air-clone .review-dialog__panel p {
  margin: 0;
  color: var(--story-ink-soft);
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-size: 14px;
  line-height: 1.55;
}

.air-clone .review-dialog__actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 24px;
}

.air-clone .review-dialog__actions button {
  min-height: 42px;
  border: 1px solid var(--story-line);
  border-radius: 999px;
  padding: 0 18px;
  background: transparent;
  cursor: pointer;
  font-size: 12px;
  font-weight: 700;
}

.air-clone .review-dialog__actions button:last-child {
  color: #fff;
  background: var(--story-ink);
}

/* Markup contract used by the isolated Air study. */
.air-clone .story-sticky {
  position: sticky;
  top: 0;
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(390px, 0.95fr);
  align-items: center;
  gap: clamp(32px, 5.5vw, 92px);
  width: 100%;
  height: 100vh;
  min-height: 760px;
  padding: 82px clamp(24px, 5vw, 80px) 48px;
  overflow: hidden;
  background:
    radial-gradient(circle at 76% 42%, rgba(255,255,255,0.52), transparent 25%),
    radial-gradient(circle at 70% 56%, rgba(105,198,255,0.52), transparent 42%),
    linear-gradient(148deg, #e9f1f5 0%, #cbdde8 100%);
}

.air-clone .story-sticky::after {
  position: absolute;
  inset: 0;
  z-index: 0;
  background-image:
    linear-gradient(rgba(11,12,14,0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(11,12,14,0.045) 1px, transparent 1px);
  background-size: 72px 72px;
  mask-image: linear-gradient(to bottom, transparent, #000 16%, #000 84%, transparent);
  opacity: 0.26;
  content: "";
  pointer-events: none;
}

.air-clone .story-copy {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
}

.air-clone .story-item {
  position: relative;
  width: 100%;
  color: rgba(11,12,14,0.14);
  transition: color 520ms cubic-bezier(0.22,1,0.36,1), transform 650ms cubic-bezier(0.22,1,0.36,1);
}

.air-clone .story-item + .story-item {
  margin-top: -1.6vw;
}

.air-clone .story-item h2 {
  font-size: clamp(128px, 13.9vw, 200px);
  font-weight: 900;
  line-height: 0.86;
  white-space: nowrap;
}

.air-clone .story-item:nth-child(2) h2 {
  font-size: clamp(116px, 11.8vw, 170px);
}

.air-clone .story-item p {
  position: absolute;
  top: calc(100% + 28px);
  left: 0;
  width: min(500px, 90%);
  color: rgba(11,12,14,0.72);
  font-size: clamp(16px, 1.3vw, 20px);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.025em;
  opacity: 0;
  transform: translateY(12px);
  pointer-events: none;
  transition: opacity 320ms ease, transform 500ms cubic-bezier(0.22,1,0.36,1);
}

.air-clone .story-item.active {
  z-index: 3;
  color: #0b0c0e;
  transform: translateX(0.025em);
}

.air-clone .story-item.active::after {
  position: absolute;
  top: 48%;
  right: -18px;
  width: 15px;
  height: 15px;
  border: 4px solid rgba(255,255,255,0.66);
  border-radius: 50%;
  background: #49b8fb;
  content: "";
}

.air-clone .story-item.active p {
  opacity: 1;
  transform: translateY(0);
}

.air-clone .story-ui {
  position: relative;
  z-index: 2;
  justify-self: end;
  width: min(100%, 650px);
  aspect-ratio: 0.96;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,0.84);
  border-radius: 22px;
  background: rgba(248,251,253,0.72);
  box-shadow: 0 42px 110px rgba(15,42,62,0.23);
  color: #0b0c0e;
  transform: perspective(1500px) rotateY(-8deg) rotateX(3deg);
  transition: transform 850ms cubic-bezier(0.22,1,0.36,1), background-color 520ms ease;
}

.air-clone .story-ui[data-active="1"] {
  background: rgba(244,241,252,0.76);
  transform: perspective(1500px) rotateY(3deg) rotateX(2deg) scale(0.97);
}

.air-clone .story-ui[data-active="2"] {
  background: rgba(239,250,247,0.76);
  transform: perspective(1500px) rotateY(8deg) rotateX(-2deg) scale(1.01);
}

.air-clone .story-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 58px;
  padding: 0 20px;
  border-bottom: 1px solid rgba(11,12,14,0.1);
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.air-clone .story-top span {
  font-variant-numeric: tabular-nums;
  opacity: 0.5;
}

.air-clone .story-canvas {
  position: relative;
  display: grid;
  height: calc(100% - 58px);
  place-items: center;
  overflow: hidden;
  background:
    linear-gradient(rgba(11,12,14,0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(11,12,14,0.04) 1px, transparent 1px);
  background-size: 48px 48px;
}

.air-clone .story-object {
  position: relative;
  z-index: 2;
  width: 58%;
  aspect-ratio: 1;
  border: 1px solid rgba(255,255,255,0.82);
  border-radius: 42% 58% 54% 46% / 48% 43% 57% 52%;
  background:
    radial-gradient(circle at 31% 26%, rgba(255,255,255,0.92), transparent 18%),
    radial-gradient(circle at 68% 72%, #3cb6ff, #8cd6ff 42%, rgba(255,255,255,0.15) 70%);
  box-shadow:
    inset -32px -38px 68px rgba(18,63,91,0.2),
    inset 24px 22px 48px rgba(255,255,255,0.64),
    0 42px 70px rgba(18,63,91,0.2);
  transform: rotate(-10deg);
  transition: border-radius 720ms ease, background 720ms ease, transform 900ms cubic-bezier(0.22,1,0.36,1);
}

.air-clone .story-ui[data-active="1"] .story-object {
  border-radius: 18%;
  background:
    radial-gradient(circle at 31% 26%, rgba(255,255,255,0.9), transparent 18%),
    linear-gradient(145deg, #d9d1ff, #8777ff 58%, #5d4bc9);
  transform: rotate(7deg) scale(0.86);
}

.air-clone .story-ui[data-active="2"] .story-object {
  border-radius: 50%;
  background:
    radial-gradient(circle at 31% 26%, rgba(255,255,255,0.94), transparent 18%),
    linear-gradient(145deg, #baf4e5, #4bd2ad 58%, #239f83);
  transform: rotate(20deg) scale(1.04);
}

.air-clone .story-lines {
  position: absolute;
  inset: 12%;
  z-index: 1;
}

.air-clone .story-lines i {
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  background: rgba(11,12,14,0.17);
  transform-origin: center;
  transition: transform 780ms cubic-bezier(0.22,1,0.36,1);
}

.air-clone .story-lines i:nth-child(1) { top: 22%; transform: rotate(18deg); }
.air-clone .story-lines i:nth-child(2) { top: 50%; transform: rotate(-14deg); }
.air-clone .story-lines i:nth-child(3) { top: 75%; transform: rotate(7deg); }
.air-clone .story-ui[data-active="1"] .story-lines i:nth-child(1) { transform: rotate(-25deg); }
.air-clone .story-ui[data-active="1"] .story-lines i:nth-child(2) { transform: rotate(8deg); }
.air-clone .story-ui[data-active="1"] .story-lines i:nth-child(3) { transform: rotate(30deg); }
.air-clone .story-ui[data-active="2"] .story-lines i:nth-child(1) { transform: rotate(42deg); }
.air-clone .story-ui[data-active="2"] .story-lines i:nth-child(2) { transform: rotate(-34deg); }
.air-clone .story-ui[data-active="2"] .story-lines i:nth-child(3) { transform: rotate(16deg); }

.air-clone .story-triggers {
  position: absolute;
  inset: 0;
  z-index: -1;
  display: grid;
  grid-template-rows: repeat(3, 1fr);
  pointer-events: none;
}

.air-clone .story-triggers i {
  display: block;
}

.air-clone .contact > .shell {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(420px, 0.9fr);
  align-items: end;
  gap: clamp(52px, 8vw, 132px);
  min-height: 820px;
}

.air-clone .contact-copy h2 {
  margin: 0;
  font-family: Impact, Haettenschweiler, "Archivo Black", "Arial Narrow Bold", sans-serif;
  font-size: clamp(82px, 9.7vw, 140px);
  font-weight: 900;
  line-height: 0.86;
  letter-spacing: -0.065em;
  text-transform: uppercase;
}

.air-clone .contact-copy p {
  max-width: 570px;
  margin-top: 36px;
  color: rgba(247,248,249,0.7);
  font-size: clamp(16px, 1.35vw, 20px);
  line-height: 1.55;
}

.air-clone .contact-form > div {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.air-clone .contact-form > div label,
.air-clone .contact-form > label {
  display: flex;
  flex-direction: column;
  gap: 9px;
  padding: 14px 16px 12px;
  border: 1px solid rgba(255,255,255,0.16);
  border-radius: 13px;
  color: #0b0c0e;
  background: rgba(255,255,255,0.86);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  transition: border-color 220ms ease, background-color 220ms ease, transform 220ms ease;
}

.air-clone .contact-form > div label:focus-within,
.air-clone .contact-form > label:focus-within {
  border-color: #75c9ff;
  background: #fff;
  transform: translateY(-2px);
}

.air-clone .contact-form input,
.air-clone .contact-form textarea {
  width: 100%;
  border: 0;
  outline: 0;
  padding: 0;
  color: #0b0c0e;
  background: transparent;
  font-size: 15px;
  line-height: 1.45;
  letter-spacing: -0.01em;
  text-transform: none;
  resize: none;
}

.air-clone .contact-form textarea {
  min-height: 108px;
}

.air-clone .contact-form > .button {
  grid-column: 1 / -1;
  width: 100%;
  min-height: 62px;
  border: 0;
  border-radius: 999px;
  background: #75c9ff;
}

.air-clone .footer {
  position: relative;
  right: auto;
  bottom: auto;
  left: auto;
  display: grid;
  grid-template-columns: 1fr auto auto;
  align-items: end;
  gap: clamp(28px, 5vw, 80px);
  min-height: 350px;
  padding: 64px clamp(24px, 5.5vw, 88px) 100px;
  border-top: 1px solid rgba(255,255,255,0.18);
  color: rgba(255,255,255,0.7);
  background: #0b0c0e;
}

.air-clone .footer-mark {
  align-self: end;
  color: #fff;
  font-size: clamp(72px, 11vw, 160px);
  font-weight: 900;
  line-height: 0.78;
}

.air-clone .footer nav {
  display: flex;
  flex-direction: column;
  gap: 10px;
  font-size: 12px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.air-clone .footer > span {
  white-space: nowrap;
}

@media (max-width: 980px) {
  .air-clone .story-sticky {
    grid-template-columns: minmax(0, 1fr) minmax(310px, 0.82fr);
    gap: 28px;
    padding-inline: 32px;
  }

  .air-clone .story-item h2,
  .air-clone .story-item:nth-child(2) h2 {
    font-size: clamp(86px, 12.8vw, 126px);
  }

  .air-clone .contact > .shell {
    grid-template-columns: 1fr 0.9fr;
    gap: 44px;
  }

  .air-clone .story__stage,
  .air-clone .story-stage {
    grid-template-columns: minmax(0, 1fr) minmax(300px, 0.82fr);
    gap: 24px;
    padding-inline: 32px;
  }

  .air-clone .story__word,
  .air-clone .story-word,
  .air-clone .story__word:nth-child(2),
  .air-clone .story-word:nth-child(2),
  .air-clone .story__word:nth-child(3),
  .air-clone .story-word:nth-child(3) {
    font-size: clamp(86px, 12.8vw, 126px);
  }

  .air-clone .contact__inner,
  .air-clone .contact-inner {
    grid-template-columns: 1fr 0.9fr;
    gap: 44px;
  }
}

@media (max-width: 720px) {
  .air-clone .story {
    min-height: 3100px;
  }

  .air-clone .story__stage,
  .air-clone .story-stage {
    grid-template-columns: 1fr;
    grid-template-rows: auto minmax(270px, 42vh);
    align-content: center;
    gap: 30px;
    min-height: 650px;
    padding: 76px 18px 34px;
  }

  .air-clone .story-sticky {
    grid-template-columns: 1fr;
    grid-template-rows: auto minmax(270px, 42vh);
    align-content: center;
    gap: 30px;
    min-height: 650px;
    padding: 70px 18px 32px;
  }

  .air-clone .story-item + .story-item {
    margin-top: -4px;
  }

  .air-clone .story-item h2,
  .air-clone .story-item:nth-child(2) h2 {
    font-size: clamp(84px, 24vw, 96px);
    line-height: 0.86;
  }

  .air-clone .story-item p {
    top: calc(100% + 18px);
    width: 100%;
    font-size: 14px;
  }

  .air-clone .story-item.active::after {
    right: -2px;
    width: 11px;
    height: 11px;
    border-width: 3px;
  }

  .air-clone .story-ui {
    justify-self: center;
    width: min(94vw, 430px);
    height: 100%;
    aspect-ratio: auto;
    border-radius: 14px;
    transform: perspective(900px) rotateY(-5deg) rotateX(2deg);
  }

  .air-clone .story-top {
    height: 44px;
    padding-inline: 14px;
  }

  .air-clone .story-canvas {
    height: calc(100% - 44px);
    background-size: 34px 34px;
  }

  .air-clone .contact > .shell {
    grid-template-columns: 1fr;
    align-items: start;
    gap: 62px;
    min-height: 900px;
  }

  .air-clone .contact-copy h2 {
    font-size: clamp(68px, 21vw, 94px);
  }

  .air-clone .contact-form > div {
    grid-template-columns: 1fr;
  }

  .air-clone .contact-form > div,
  .air-clone .contact-form > label,
  .air-clone .contact-form > .button {
    grid-column: 1;
  }

  .air-clone .footer {
    grid-template-columns: 1fr;
    align-items: start;
    gap: 28px;
    min-height: 420px;
    padding: 72px 18px 100px;
  }

  .air-clone .footer-mark {
    font-size: clamp(68px, 22vw, 96px);
  }

  .air-clone .story__eyebrow,
  .air-clone .story-eyebrow {
    margin-bottom: 20px;
  }

  .air-clone .story__word,
  .air-clone .story-word,
  .air-clone .story__word:nth-child(2),
  .air-clone .story-word:nth-child(2),
  .air-clone .story__word:nth-child(3),
  .air-clone .story-word:nth-child(3) {
    margin: -0.08em 0;
    font-size: clamp(84px, 24vw, 96px);
    line-height: 0.87;
    letter-spacing: -0.07em;
  }

  .air-clone .story__description,
  .air-clone .story-description {
    margin-top: 26px;
    font-size: 15px;
  }

  .air-clone .story__visual,
  .air-clone .story-visual {
    width: min(94vw, 460px);
    height: 100%;
    aspect-ratio: auto;
    justify-self: center;
  }

  .air-clone .story__orb,
  .air-clone .story-orb {
    inset: -4% 7%;
  }

  .air-clone .story__mockup,
  .air-clone .story-mockup {
    inset: 4% 2% 2% 8%;
    border-radius: 13px;
    transform: perspective(900px) rotateY(-7deg) rotateX(3deg);
  }

  .air-clone .story__progress,
  .air-clone .story-progress {
    right: 18px;
    bottom: 18px;
    left: 18px;
  }

  .air-clone .contact {
    min-height: 1162px;
    padding: 104px 18px 142px;
  }

  .air-clone .contact__inner,
  .air-clone .contact-inner {
    grid-template-columns: 1fr;
    gap: 62px;
  }

  .air-clone .contact__headline,
  .air-clone .contact-headline {
    font-size: clamp(74px, 23vw, 102px);
  }

  .air-clone .contact__lede,
  .air-clone .contact-lede {
    margin-top: 28px;
    font-size: 16px;
  }

  .air-clone .contact__form,
  .air-clone .contact-form {
    grid-template-columns: 1fr;
    padding: 12px;
    border-radius: 18px;
  }

  .air-clone .contact__field,
  .air-clone .contact-field,
  .air-clone .contact__field--wide,
  .air-clone .contact-field--wide {
    grid-column: 1;
  }

  .air-clone .site-footer,
  .air-clone .footer {
    right: 18px;
    bottom: 24px;
    left: 18px;
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .air-clone .site-footer__links,
  .air-clone .footer-links {
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  .air-clone .site-footer__end,
  .air-clone .footer-end {
    text-align: left;
  }

  .air-clone .review-status {
    right: 12px;
    bottom: 12px;
    left: 12px;
    justify-content: center;
  }
}

@media (prefers-reduced-motion: reduce) {
  .air-clone *,
  .air-clone *::before,
  .air-clone *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }

  .air-clone .story__word,
  .air-clone .story-word,
  .air-clone .story__orb,
  .air-clone .story-orb,
  .air-clone .story__panel,
  .air-clone .story-panel,
  .air-clone .story__mockup,
  .air-clone .story-mockup {
    transform: none !important;
  }
}

/* Confirmed-site content additions mapped into the cloned visual system. */
.air-clone .content-boundary{width:min(1100px,calc(100% - 48px));margin:34px auto 0;color:rgba(255,255,255,.72);font-size:12px;line-height:1.8;text-align:center}
.air-clone .news-strip{padding-block:120px;background:rgba(5,70,148,.22)}
.air-clone .news-strip .shell{display:grid;grid-template-columns:minmax(260px,.7fr) 1.3fr;column-gap:80px;align-items:start}
.air-clone .news-strip h2{position:sticky;top:120px;font-family:"Control TNT",Inter,"Noto Sans SC",sans-serif;font-size:clamp(42px,5vw,72px);font-weight:500;line-height:1.05;letter-spacing:-.055em}
.air-clone .news-items{border-top:1px solid rgba(255,255,255,.38)}
.air-clone .news-items article{min-height:130px;padding:24px 0;border-bottom:1px solid rgba(255,255,255,.38);display:grid;grid-template-columns:165px 1fr;gap:25px;align-items:center;transition:padding .6s cubic-bezier(.22,1,.36,1),background .6s cubic-bezier(.22,1,.36,1)}
.air-clone .news-items article:hover{padding-inline:18px;background:rgba(255,255,255,.08)}
.air-clone .news-items span{font-size:12px;color:rgba(255,255,255,.72)}
.air-clone .news-items h3{font-size:24px;font-weight:500;letter-spacing:-.035em}
.air-clone .news-strip .shell>p{grid-column:2;margin-top:24px;color:rgba(255,255,255,.68);font-size:12px}
.air-clone .contact-directory input,.air-clone .contact-directory textarea{cursor:text}
.air-clone .contact-note{font-size:12px;color:rgba(255,255,255,.68);margin-top:6px}
@media(max-width:700px){.air-clone .content-boundary{width:calc(100% - 28px);text-align:left}.air-clone .news-strip{padding-block:80px}.air-clone .news-strip .shell{grid-template-columns:1fr;gap:38px}.air-clone .news-strip h2{position:static;font-size:44px}.air-clone .news-items article{grid-template-columns:1fr;gap:9px;min-height:110px}.air-clone .news-items h3{font-size:21px}.air-clone .news-strip .shell>p{grid-column:1}}

/* Restored legacy story placement: keep breathing room without altering adjacent sections. */
.air-clone .story-restored {
  width: 100vw;
  margin: clamp(72px, 8vw, 124px) calc(50% - 50vw);
  background: transparent;
}

.air-clone .story-restored .story-sticky {
  isolation: isolate;
  background: transparent;
}

.air-clone .story-restored .story-sticky::before {
  position: absolute;
  inset: 0;
  z-index: -1;
  content: "";
  background:
    radial-gradient(circle at 76% 42%, rgba(255,255,255,.52), transparent 25%),
    radial-gradient(circle at 70% 56%, rgba(105,198,255,.52), transparent 42%),
    linear-gradient(148deg, #e9f1f5 0%, #cbdde8 100%);
  -webkit-mask-image: linear-gradient(180deg, transparent 0, #000 22%, #000 78%, transparent 100%);
  mask-image: linear-gradient(180deg, transparent 0, #000 22%, #000 78%, transparent 100%);
  pointer-events: none;
}

@media (max-width: 720px) {
  .air-clone .story-restored {
    margin-top: 48px;
    margin-bottom: 56px;
  }
}