@charset "UTF-8";

:root {
  --ink: #050607;
  --ink-soft: #0b0d0f;
  --panel: #101316;
  --ivory: #f0ede5;
  --muted: #9c9a94;
  --gold: #ff9d00;
  --gold-bright: #ffb938;
  --cyan: #41d8ff;
  --lime: #c8ff32;
  --line: rgba(255, 255, 255, 0.12);
  --line-strong: rgba(255, 255, 255, 0.22);
  --radius: 26px;
  --ease: cubic-bezier(.22, 1, .36, 1);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
html.i18n-loading body { opacity: 0; }
body {
  margin: 0;
  background: var(--ink);
  color: var(--ivory);
  font-family: Tahoma, "Segoe UI", Arial, sans-serif;
  font-size: 16px;
  overflow-x: hidden;
  cursor: default;
  transition: opacity .18s ease;
}
body.modal-open { padding-right: 0 !important; }
a { color: inherit; text-decoration: none; }
button, input, select { font: inherit; }
img { max-width: 100%; }
::selection { background: var(--gold); color: #050607; }

.shell { padding-inline: clamp(22px, 5vw, 88px); }
.section-pad { padding-block: clamp(100px, 12vw, 190px); }
.svg-sprite { position: absolute; width: 0; height: 0; overflow: hidden; }
.svg-sprite path, .svg-sprite circle { fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }

.noise {
  position: fixed; inset: 0; z-index: 9998; pointer-events: none; opacity: .035;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");
}
.cursor-dot, .cursor-ring { display: none; }
@media (pointer: fine) {
  .cursor-dot, .cursor-ring { display: block; position: fixed; z-index: 10000; pointer-events: none; border-radius: 50%; transform: translate(-50%, -50%); }
  .cursor-dot { width: 5px; height: 5px; background: var(--gold-bright); }
  .cursor-ring { width: 38px; height: 38px; border: 1px solid rgba(241,210,146,.55); transition: width .3s, height .3s, background .3s; }
  .cursor-ring.is-active { width: 58px; height: 58px; background: rgba(216,184,120,.08); }
}

.scroll-line { position: fixed; inset: 0 0 auto; height: 2px; background: rgba(255,255,255,.04); z-index: 1001; }
.scroll-line span { display: block; height: 100%; width: 0; background: linear-gradient(90deg, var(--gold), var(--cyan)); box-shadow: 0 0 14px var(--cyan); }

.site-header {
  position: fixed; z-index: 1000; top: 0; inset-inline: 0; height: 96px; display: flex; align-items: center;
  border-bottom: 1px solid transparent; transition: height .45s var(--ease), background .45s, border-color .45s, backdrop-filter .45s;
}
.site-header.is-scrolled { height: 76px; background: rgba(5,6,7,.82); border-color: var(--line); backdrop-filter: blur(18px); }
.brand { display: inline-flex; align-items: center; direction: ltr; gap: 12px; }
.brand-cube { position: relative; width: 35px; height: 35px; display: grid; place-items: center; perspective: 70px; }
.brand-cube i { position: absolute; inset: 2px; border: 1px solid var(--gold); transform: rotate(45deg) skew(-5deg,-5deg); box-shadow: inset 0 0 14px rgba(216,184,120,.1), 0 0 16px rgba(216,184,120,.12); }
.brand-cube b { position: relative; z-index: 1; color: var(--gold-bright); font-size: 10px; letter-spacing: -.5px; }
.brand-name { font-family: Arial, sans-serif; font-weight: 700; letter-spacing: .31em; font-size: 18px; color: #fff; }
.desktop-nav { gap: clamp(24px, 3vw, 52px); }
.desktop-nav a { position: relative; color: rgba(255,255,255,.72); font-size: 13px; transition: color .25s; }
.desktop-nav a::after { content: ""; position: absolute; inset: auto 0 -10px; height: 1px; background: var(--gold); transform: scaleX(0); transform-origin: right; transition: transform .35s var(--ease); }
.desktop-nav a:hover, .desktop-nav a.active { color: #fff; }
.desktop-nav a:hover::after, .desktop-nav a.active::after { transform: scaleX(1); transform-origin: left; }
.live-pill { direction: ltr; align-items: center; gap: 7px; color: #a7a9a6; font: 9px Arial, sans-serif; letter-spacing: .12em; border: 1px solid var(--line); border-radius: 99px; padding: 9px 12px; }
.city-pill { direction: ltr; align-items: center; gap: 8px; color: #878b89; font: 8px Arial, sans-serif; letter-spacing: .14em; }
.city-pill i { width: 3px; height: 3px; border-radius: 50%; background: var(--gold); }
.language-toggle { direction: ltr; min-width: 76px; height: 38px; padding: 0 11px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; border: 1px solid var(--line-strong); border-radius: 999px; background: rgba(0,0,0,.24); color: #6f7473; font: 9px Arial, sans-serif; letter-spacing: .08em; transition: border-color .3s, background .3s; }
.language-toggle:hover { border-color: rgba(216,184,120,.55); background: rgba(216,184,120,.06); }
.language-toggle i { width: 1px; height: 12px; background: var(--line-strong); }
.language-toggle span { transition: color .25s; }
.language-toggle span.active { color: var(--gold-bright); }
.live-pill i, .status-dot { width: 5px; height: 5px; background: #54ed9b; border-radius: 50%; box-shadow: 0 0 10px #54ed9b; animation: blink 2s infinite; }
@keyframes blink { 50% { opacity: .35; } }

.btn { border-radius: 999px; border: 1px solid transparent; font-size: 13px; font-weight: 500; padding: 11px 21px; display: inline-flex; justify-content: center; align-items: center; gap: 10px; transition: transform .35s var(--ease), color .35s, background .35s, border-color .35s; }
.btn svg, .circle-cta svg { fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.btn-gold { background: var(--gold); color: #0a0b0c; border-color: var(--gold); }
.btn-gold:hover, .btn-gold:focus { background: var(--gold-bright); color: #050607; border-color: var(--gold-bright); }
.btn-glass { background: rgba(255,255,255,.05); color: #fff; border-color: rgba(255,255,255,.28); backdrop-filter: blur(12px); }
.btn-glass:hover { background: #fff; color: #08090a; }
.btn-xl { padding: 17px 27px; min-height: 58px; font-size: 14px; }
.menu-toggle { width: 44px; height: 44px; border-radius: 50%; border: 1px solid var(--line-strong); background: rgba(0,0,0,.2); display: grid; align-content: center; justify-items: center; gap: 6px; }
.menu-toggle span { display: block; width: 18px; height: 1px; background: #fff; }

.hero { position: relative; min-height: 100svh; overflow: hidden; background: #030506; }
.hero-media { position: absolute; inset: 0; }
.hero-media img { width: 100%; height: 100%; object-fit: cover; object-position: 56% center; filter: saturate(.82) contrast(1.08); transform: scale(1.035); }
.hero-media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(3,5,6,.95) 0%, rgba(3,5,6,.78) 29%, rgba(3,5,6,.16) 65%, rgba(3,5,6,.35) 100%), linear-gradient(0deg, rgba(3,5,6,.9) 0%, transparent 40%, rgba(3,5,6,.25) 100%); }
.hero-grid { position: absolute; inset: 0; opacity: .08; background-image: linear-gradient(rgba(255,255,255,.25) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.25) 1px, transparent 1px); background-size: 80px 80px; mask-image: linear-gradient(90deg,#000,transparent 75%); }
.hero-shell { position: relative; z-index: 2; }
.hero-copy { padding-top: 150px; padding-bottom: clamp(100px, 10vh, 140px); }
.eyebrow { direction: ltr; display: flex; align-items: center; width: fit-content; gap: 14px; color: #b9b9b4; font: 10px Arial, sans-serif; letter-spacing: .17em; margin-bottom: 32px; }
.eyebrow i { width: 30px; height: 1px; background: var(--gold); }
.hero-title { margin: 0; font-size: clamp(54px, 7.8vw, 132px); font-weight: 400; line-height: .97; letter-spacing: -.07em; max-width: 1080px; }
.title-line { display: block; overflow: hidden; padding-bottom: .08em; }
.hero-title em, .statement em, .intelligence-section h2 em { color: var(--gold-bright); font-family: Georgia, "Times New Roman", serif; font-weight: 400; }
.hero-bottom { margin-top: clamp(35px, 5vw, 72px); max-width: 1050px; }
.hero-bottom p { color: rgba(255,255,255,.7); font-size: 16px; line-height: 2; margin: 0; max-width: 475px; }
.hero-coordinates { position: absolute; z-index: 3; left: clamp(30px, 3vw, 62px); top: 48%; direction: ltr; color: rgba(255,255,255,.45); font: 9px/1.8 monospace; letter-spacing: .18em; }
.hero-coordinates b { color: var(--gold-bright); font-weight: 500; }
.scroll-cue { position: absolute; z-index: 3; left: 50%; bottom: 24px; transform: translateX(-50%); direction: ltr; display: flex; flex-direction: column; align-items: center; gap: 11px; color: rgba(255,255,255,.54); font: 8px Arial; letter-spacing: .22em; }
.scroll-cue i { width: 1px; height: 36px; background: linear-gradient(var(--gold),transparent); animation: scrollPulse 1.8s infinite; transform-origin: top; }
@keyframes scrollPulse { 0%,100% { transform: scaleY(.25); opacity: .3; } 50% { transform: scaleY(1); opacity: 1; } }
.hero-orbit { position: absolute; z-index: 1; border: 1px solid rgba(65,216,255,.18); border-radius: 50%; pointer-events: none; }
.orbit-one { width: 44vw; height: 44vw; right: 15%; top: 16%; animation: orbit 25s linear infinite; }
.orbit-two { width: 26vw; height: 26vw; right: 24%; top: 25%; border-color: rgba(216,184,120,.18); animation: orbit 18s linear reverse infinite; }
@keyframes orbit { to { transform: rotate(360deg); } }

.signal-strip { overflow: hidden; border-block: 1px solid rgba(216,184,120,.24); background: var(--gold); color: #08090a; padding: 15px 0; direction: ltr; }
.signal-track { width: max-content; display: flex; align-items: center; gap: 32px; animation: marquee 32s linear infinite; font: 11px Arial, sans-serif; font-weight: 700; letter-spacing: .19em; }
.signal-track i { font-size: 10px; }
@keyframes marquee { to { transform: translateX(-50%); } }

.section-tag { direction: ltr; display: flex; align-items: center; gap: 13px; color: #777a79; font: 10px Arial, sans-serif; letter-spacing: .18em; }
.section-tag span { color: var(--gold); border: 1px solid rgba(216,184,120,.35); border-radius: 50%; width: 28px; height: 28px; display: grid; place-items: center; letter-spacing: 0; }
.intro-section { background: var(--ivory); color: #101113; }
.intro-section .section-tag { color: #777; }
.statement { font-size: clamp(38px, 5.2vw, 82px); line-height: 1.32; font-weight: 400; letter-spacing: -.055em; margin: 0; }
.statement em { color: #a17838; }
.lead-copy { font-size: 16px; line-height: 2.15; color: #585a5b; }
.metric-grid { margin-top: clamp(75px, 9vw, 140px); border-top: 1px solid rgba(0,0,0,.15); display: grid; grid-template-columns: repeat(4,1fr); }
.metric-grid article { position: relative; padding: 38px 28px 10px; border-inline-end: 1px solid rgba(0,0,0,.15); }
.metric-grid article:first-child { border-inline-start: 1px solid rgba(0,0,0,.15); }
.metric-grid span { font: 300 clamp(46px, 5vw, 80px) Arial, sans-serif; letter-spacing: -.06em; }
.metric-grid b { color: #a17838; font: 400 22px Georgia, serif; }
.metric-grid p { margin: 15px 0 0; color: #6a6b6a; font-size: 12px; }

.twin-section { position: relative; background: #080a0c; }
.section-heading { margin-bottom: 60px; }
.section-heading h2, .intelligence-section h2, .solutions-section h2, .process-section h2, .faq-section h2 { font-size: clamp(42px, 5.5vw, 82px); font-weight: 400; line-height: 1.18; letter-spacing: -.06em; margin: 0; }
.section-heading p { color: #8d908f; line-height: 2; font-size: 14px; margin: 0; }
.twin-stage { position: relative; min-height: min(760px, 77vh); border: 1px solid var(--line); border-radius: 4px; overflow: hidden; background: radial-gradient(circle at 62% 42%, #153540 0, #0b171c 21%, #07090b 60%); }
#twin-canvas { position: absolute; inset: 0; width: 100%; height: 100%; cursor: grab; }
#twin-canvas:active { cursor: grabbing; }
.twin-vignette { position: absolute; inset: 0; pointer-events: none; background: linear-gradient(90deg,rgba(4,6,7,.87),transparent 40%,rgba(4,6,7,.12)), linear-gradient(0deg,rgba(4,6,7,.75),transparent 42%); }
.twin-topbar { position: absolute; inset: 26px 28px auto; display: flex; justify-content: space-between; direction: ltr; color: #8d9698; font: 9px Arial; letter-spacing: .14em; }
.twin-topbar > div:first-child { display: flex; gap: 8px; align-items: center; }
.twin-copy { position: absolute; right: clamp(28px, 5vw, 78px); top: 50%; transform: translateY(-50%); max-width: 390px; }
.twin-copy > span { direction: ltr; display: block; color: var(--cyan); font: 9px Arial; letter-spacing: .18em; margin-bottom: 20px; }
.twin-copy h3 { font-size: clamp(40px, 4.6vw, 72px); font-weight: 400; line-height: 1.22; letter-spacing: -.06em; }
.twin-copy p { color: #929696; font-size: 12px; }
.twin-controls { position: absolute; left: 28px; bottom: 28px; display: flex; background: rgba(5,7,8,.68); border: 1px solid var(--line); border-radius: 999px; padding: 5px; backdrop-filter: blur(14px); }
.twin-controls button { border: 0; background: transparent; color: #898d8e; border-radius: 999px; padding: 10px 18px; font-size: 11px; transition: .3s; }
.twin-controls button.active { background: var(--gold); color: #050607; }
.twin-readout { position: absolute; inset: auto auto 28px 28px; direction: ltr; display: flex; gap: 28px; transform: translateY(-70px); }
.twin-readout div { padding-left: 16px; border-left: 1px solid var(--line-strong); display: grid; }
.twin-readout small { color: #70787a; font: 8px Arial; letter-spacing: .12em; }
.twin-readout strong { color: #e4e7e5; font: 400 15px Arial; margin-top: 4px; }

.intelligence-section { background: var(--ivory); color: #101113; }
.intelligence-section .sticky-copy { position: sticky; top: 130px; }
.intelligence-section h2 { margin: 32px 0; }
.intelligence-section h2 em { color: #a17838; }
.intelligence-section .sticky-copy > p { color: #626566; line-height: 2.1; max-width: 530px; }
.intelligence-list { margin-top: 50px; border-top: 1px solid rgba(0,0,0,.14); }
.intelligence-list > div { display: grid; grid-template-columns: 54px 1fr; padding: 22px 0; border-bottom: 1px solid rgba(0,0,0,.14); color: #4f5152; font-size: 13px; line-height: 1.8; }
.intelligence-list b { color: #a17838; font: 10px Arial; }
.ai-console { background: #080a0c; color: #eef0ed; border: 1px solid #24282b; border-radius: 22px; overflow: hidden; box-shadow: 0 35px 80px rgba(0,0,0,.24); }
.console-head { height: 78px; display: flex; justify-content: space-between; align-items: center; padding: 0 24px; border-bottom: 1px solid var(--line); }
.console-brand { display: flex; align-items: center; gap: 12px; }
.console-brand > div { display: grid; }
.console-brand b { font-size: 13px; }
.console-brand small { color: #6f7476; font: 7px Arial; letter-spacing: .15em; margin-top: 3px; }
.ai-spark { width: 36px; height: 36px; display: grid; place-items: center; color: var(--cyan); border: 1px solid rgba(65,216,255,.32); border-radius: 50%; box-shadow: inset 0 0 18px rgba(65,216,255,.1), 0 0 20px rgba(65,216,255,.08); }
.secure-badge { direction: ltr; color: #4ec88c; font: 7px Arial; letter-spacing: .12em; }
.console-body { min-height: 480px; padding: 28px 24px; background-image: radial-gradient(rgba(65,216,255,.16) .7px, transparent .7px); background-size: 17px 17px; }
.ai-message { max-width: 84%; background: #13171a; border: 1px solid var(--line); border-radius: 16px 16px 4px 16px; padding: 16px 18px; margin-bottom: 20px; }
.message-label { direction: ltr; color: var(--cyan); font: 7px Arial; letter-spacing: .12em; margin-bottom: 9px; }
.ai-message p { margin: 0; color: #c3c7c5; font-size: 12px; line-height: 1.9; }
.user-message { margin: 0 0 20px 0; margin-inline-start: auto; max-width: 78%; padding: 15px 18px; border-radius: 16px 16px 16px 4px; background: var(--gold); color: #08090a; font-size: 12px; line-height: 1.8; }
.result-message { max-width: 94%; }
.match-card { margin-top: 14px; display: grid; grid-template-columns: 62px 1fr auto; align-items: center; gap: 13px; border: 1px solid rgba(65,216,255,.25); background: rgba(65,216,255,.055); border-radius: 12px; padding: 12px; }
.match-score { width: 52px; height: 52px; border-radius: 50%; border: 1px solid var(--cyan); display: grid; place-content: center; text-align: center; color: var(--cyan); }
.match-score span { font: 18px Arial; }
.match-score small { font: 5px Arial; letter-spacing: .08em; }
.match-card > div:nth-child(2) { display: grid; }
.match-card b { font-size: 11px; }
.match-card small { color: #737a7c; font-size: 9px; margin-top: 5px; }
.match-card strong { color: #70e2a5; font: 10px Arial; }
.data-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.data-chips span { color: #8d9495; border: 1px solid var(--line); padding: 5px 9px; border-radius: 99px; font-size: 8px; }
.prompt-row { display: flex; padding: 14px; border-top: 1px solid var(--line); }
.prompt-row input { flex: 1; min-width: 0; border: 0; outline: 0; background: #111518; border-radius: 999px; color: #fff; padding: 0 18px; font-size: 11px; }
.prompt-row input::placeholder { color: #64696b; }
.prompt-row button { flex: 0 0 45px; height: 45px; border-radius: 50%; background: var(--gold); color: #050607; border: 0; margin-inline-start: 8px; display: grid; place-items: center; }
.prompt-row svg { fill: none; stroke: currentColor; stroke-width: 1.7; }
.quick-prompts { padding: 0 14px 16px; display: flex; flex-wrap: wrap; gap: 7px; }
.quick-prompts button { border: 1px solid var(--line); color: #7e8383; background: transparent; border-radius: 99px; padding: 6px 10px; font-size: 8px; }
.thinking { display: inline-flex; gap: 4px; padding: 7px; }
.thinking i { width: 5px; height: 5px; border-radius: 50%; background: var(--cyan); animation: typing 1s infinite; }
.thinking i:nth-child(2) { animation-delay: .15s; }.thinking i:nth-child(3) { animation-delay: .3s; }
@keyframes typing { 50% { transform: translateY(-5px); opacity: .35; } }
.insight-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.insight-grid article { min-height: 290px; background: #dcd9d0; border: 1px solid rgba(0,0,0,.12); border-radius: 18px; padding: 24px; display: flex; flex-direction: column; }
.insight-grid article > span { direction: ltr; color: #777; font: 8px Arial; letter-spacing: .15em; }
.insight-grid h3 { font-size: 20px; font-weight: 500; margin-top: auto; }
.insight-grid p { color: #666; font-size: 11px; line-height: 1.8; margin: 0; }
.value-orb { width: 92px; height: 92px; margin: 25px auto; border: 1px solid rgba(0,0,0,.14); border-radius: 50%; display: grid; place-items: center; position: relative; }
.value-orb::before, .value-orb::after { content: ""; position: absolute; border-radius: 50%; border: 1px dashed rgba(161,120,56,.45); inset: 10px; animation: orbit 9s linear infinite; }
.value-orb::after { inset: 21px; animation-direction: reverse; }
.value-orb b { position: relative; z-index: 1; font: 16px Arial; }
.mini-chart { height: 110px; display: flex; align-items: end; gap: 8px; margin: 25px 0; padding: 0 15px; border-bottom: 1px solid rgba(0,0,0,.15); }
.mini-chart i { flex: 1; background: linear-gradient(#b99557,#75613d); height: 25%; animation: bars 5s ease-in-out infinite alternate; }
.mini-chart i:nth-child(2){height:40%;animation-delay:-1s}.mini-chart i:nth-child(3){height:34%;animation-delay:-2s}.mini-chart i:nth-child(4){height:62%;animation-delay:-3s}.mini-chart i:nth-child(5){height:55%;animation-delay:-4s}.mini-chart i:nth-child(6){height:88%;animation-delay:-5s}
@keyframes bars { to { transform: scaleY(.72); transform-origin: bottom; } }

.feature-section { background: #090b0d; }
.feature-bento { display: grid; grid-template-columns: 1.25fr .75fr; gap: 20px; margin-top: 68px; }
.feature-card { position: relative; min-height: 460px; background: #121517; border: 1px solid var(--line); border-radius: var(--radius); padding: 34px; overflow: hidden; display: flex; flex-direction: column; transition: transform .6s var(--ease), border-color .4s; }
.feature-card:hover { transform: translateY(-8px); border-color: rgba(216,184,120,.35); }
.feature-wide { grid-row: span 1; background: linear-gradient(135deg,#efece4 0%,#d7d2c7 100%); color: #111315; }
.feature-dark { grid-column: span 2; min-height: 380px; background: radial-gradient(circle at 80% 30%,#16343c,#0e1113 55%); }
.feature-no { position: absolute; left: 30px; top: 30px; color: #626768; font: 10px Arial; }
.feature-wide .feature-no { color: #797870; }
.feature-icon { width: 58px; height: 58px; border: 1px solid currentColor; opacity: .72; border-radius: 50%; display: grid; place-items: center; margin-bottom: auto; }
.feature-icon svg { width: 25px; height: 25px; fill: none; stroke: currentColor; stroke-width: 1.3; }
.feature-card > div:nth-child(3) { max-width: 460px; position: relative; z-index: 2; }
.feature-card > div:nth-child(3) > span { color: var(--gold); font: 8px Arial; letter-spacing: .17em; }
.feature-wide > div:nth-child(3) > span { color: #9b7333; }
.feature-card h3 { font-size: clamp(28px,3.2vw,48px); font-weight: 400; line-height: 1.25; letter-spacing: -.05em; margin: 14px 0; }
.feature-card p { max-width: 480px; color: #8d9190; font-size: 13px; line-height: 1.9; margin: 0; }
.feature-wide p { color: #626362; }
.match-rings { position: absolute; left: -2%; top: 4%; width: 50%; aspect-ratio: 1; display: grid; place-items: center; }
.match-rings i { position: absolute; border: 1px solid rgba(17,19,21,.14); border-radius: 50%; inset: 10%; animation: orbit 20s linear infinite; }
.match-rings i:nth-child(2){inset:25%;border-style:dashed;animation-direction:reverse}.match-rings i:nth-child(3){inset:39%;border-color:#a17838}
.match-rings b { font: 300 38px Arial; }
.lead-flow { position: absolute; left: 5%; top: 50%; transform: translateY(-50%); direction: ltr; display: flex; align-items: center; gap: 13px; color: #8a9293; font: 7px Arial; letter-spacing: .12em; }
.lead-flow span { width: 70px; height: 70px; border: 1px solid rgba(65,216,255,.28); border-radius: 50%; display: grid; place-items: center; }
.lead-flow span:last-child { color: var(--cyan); box-shadow: inset 0 0 24px rgba(65,216,255,.08); }
.lead-flow i { width: 42px; height: 1px; background: linear-gradient(90deg,rgba(65,216,255,.15),var(--cyan)); }

.solutions-section { background: var(--ivory); color: #111315; }
.solutions-section h2 { margin-top: 30px; }
.persona-tabs { border-top: 1px solid rgba(0,0,0,.16); }
.persona-nav { display: grid; grid-template-columns: repeat(3,1fr); border-bottom: 1px solid rgba(0,0,0,.16); }
.persona-nav button { border: 0; border-inline-end: 1px solid rgba(0,0,0,.12); background: transparent; color: #777; padding: 22px 12px; font-size: 13px; transition: .35s; }
.persona-nav button:first-child { border-inline-start: 1px solid rgba(0,0,0,.12); }
.persona-nav button.active { color: #111; background: rgba(161,120,56,.1); box-shadow: inset 0 -2px #a17838; }
.persona-content { display: none; padding: 55px 8%; min-height: 440px; position: relative; }
.persona-content.active { display: block; animation: contentIn .55s var(--ease); }
@keyframes contentIn { from { opacity:0; transform:translateY(15px); } }
.persona-index { direction: ltr; color: #9d783f; font: 9px Arial; letter-spacing: .15em; }
.persona-content h3 { font-size: clamp(35px,4vw,58px); font-weight: 400; line-height: 1.35; letter-spacing: -.055em; margin: 28px 0; }
.persona-content p { color: #626464; line-height: 2; max-width: 650px; }
.persona-content ul { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: 14px 30px; margin-top: 30px; }
.persona-content li { font-size: 12px; color: #454747; }
.persona-content li::before { content: "✦"; color: #a17838; margin-inline-end: 8px; }

.process-section { background: #0a0c0e; }
.process-track { display: grid; grid-template-columns: repeat(4,1fr); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.process-track article { min-height: 390px; padding: 30px; border-inline-end: 1px solid var(--line); position: relative; }
.process-track article:first-child { border-inline-start: 1px solid var(--line); }
.process-track b { color: #626769; font: 9px Arial; }
.process-symbol { width: 90px; height: 90px; border: 1px solid rgba(216,184,120,.3); border-radius: 50%; display: grid; place-items: center; margin: 65px auto; transition: background .4s, transform .5s var(--ease); }
.process-track article:hover .process-symbol { background: rgba(216,184,120,.1); transform: rotate(8deg) scale(1.08); }
.process-symbol svg { width: 35px; height: 35px; fill: none; stroke: var(--gold); stroke-width: 1.15; stroke-linecap: round; stroke-linejoin: round; }
.process-track h3 { font-size: 25px; font-weight: 400; }
.process-track p { color: #777d7c; font-size: 12px; line-height: 1.9; }

.manifesto-visual { position: relative; min-height: 92vh; overflow: hidden; display: flex; align-items: center; }
.manifesto-visual > img { position: absolute; inset: -4%; width: 108%; height: 108%; object-fit: cover; object-position: 60% center; }
.manifesto-overlay { position: absolute; inset: 0; background: linear-gradient(90deg,rgba(2,4,5,.97) 0%,rgba(2,4,5,.8) 38%,rgba(2,4,5,.08) 80%), linear-gradient(0deg,rgba(2,4,5,.65),transparent 50%); }
.manifesto-inner { position: relative; z-index: 2; width: 100%; }
.manifesto-inner > span { direction: ltr; display: block; color: var(--cyan); font: 9px Arial; letter-spacing: .2em; margin-bottom: 25px; }
.manifesto-inner h2 { font-size: clamp(52px,7.5vw,118px); font-weight: 400; line-height: 1.08; letter-spacing: -.07em; max-width: 950px; }
.manifesto-inner p { color: #b5b9b6; font-size: 18px; margin: 28px 0 44px; }

.locations-section { position: relative; overflow: hidden; background: #090b0d; }
.location-grid-bg { position: absolute; inset: 0; opacity: .07; background-image: linear-gradient(rgba(255,255,255,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.3) 1px,transparent 1px); background-size: 70px 70px; mask-image: radial-gradient(circle at center,#000,transparent 72%); }
.location-heading { position: relative; z-index: 1; margin-bottom: 70px; }
.location-heading h2 { font-size: clamp(42px,5.5vw,82px); font-weight: 400; line-height: 1.18; letter-spacing: -.06em; margin: 0; }
.location-heading p { color: #8d9190; line-height: 2; font-size: 14px; margin: 0; }
.city-cards { position: relative; z-index: 1; display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }
.city-card { position: relative; min-height: 510px; padding: clamp(30px,4vw,58px); border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; display: flex; flex-direction: column; background: radial-gradient(circle at 15% 85%,rgba(65,216,255,.14),transparent 38%),linear-gradient(145deg,#111619,#0b0d0f); transition: transform .6s var(--ease),border-color .4s; }
.city-card[data-city="karaj"] { background: radial-gradient(circle at 82% 20%,rgba(216,184,120,.14),transparent 40%),linear-gradient(145deg,#151410,#0b0d0f); }
.city-card::before { content: ""; position: absolute; width: 360px; aspect-ratio: 1; border: 1px solid rgba(65,216,255,.13); border-radius: 50%; inset: auto -100px -170px auto; box-shadow: 0 0 0 55px rgba(65,216,255,.025),0 0 0 110px rgba(65,216,255,.015); }
.city-card[data-city="karaj"]::before { border-color: rgba(216,184,120,.16); box-shadow: 0 0 0 55px rgba(216,184,120,.025),0 0 0 110px rgba(216,184,120,.015); }
.city-card:hover { transform: translateY(-8px); border-color: rgba(216,184,120,.38); }
.city-coordinate { position: absolute; inset: 35px auto auto 35px; color: #667072; font: 9px/1.8 monospace; letter-spacing: .14em; text-align: left; }
.city-country { direction: ltr; color: var(--cyan); font: 8px Arial; letter-spacing: .19em; }
.city-card[data-city="karaj"] .city-country { color: var(--gold); }
.city-card h3 { direction: ltr; text-align: inherit; font: 400 clamp(62px,7vw,110px)/1 Arial,sans-serif; letter-spacing: -.08em; margin: auto 0 28px; }
.city-card p { position: relative; z-index: 1; max-width: 540px; color: #8e9391; font-size: 13px; line-height: 2; }
.city-meta { direction: ltr; position: relative; z-index: 1; display: flex; align-items: center; gap: 12px; color: #666c6b; font: 7px Arial; letter-spacing: .14em; margin-top: 22px; }
.city-meta i { flex: 0 1 70px; height: 1px; background: var(--line-strong); }
.city-meta span:last-child { color: #54ed9b; }

.faq-section { background: var(--ivory); color: #111315; }
.faq-section h2 { margin-top: 32px; }
.accordion { --bs-accordion-bg: transparent; --bs-accordion-border-color: rgba(0,0,0,.16); --bs-accordion-color: #111; --bs-accordion-active-color: #111; --bs-accordion-active-bg: transparent; --bs-accordion-btn-color: #111; --bs-accordion-btn-focus-box-shadow: none; }
.accordion-button { font-size: clamp(18px,2vw,25px); font-weight: 400; padding: 30px 0; }
.accordion-button::after { margin-inline-start: auto; margin-inline-end: 0; filter: grayscale(1); }
.accordion-body { color: #656766; font-size: 14px; line-height: 2.1; padding: 0 0 32px; max-width: 760px; }

.site-footer { background: #050607; padding-top: clamp(100px,12vw,180px); }
.footer-cta { position: relative; padding-bottom: clamp(100px,11vw,170px); border-bottom: 1px solid var(--line); }
.footer-cta > span { direction: ltr; display: block; color: #717575; font: 9px Arial; letter-spacing: .18em; }
.footer-cta h2 { font-size: clamp(48px,7.2vw,110px); font-weight: 400; line-height: 1.1; letter-spacing: -.07em; margin: 25px 0 0; }
.circle-cta { position: absolute; left: 5%; top: 44%; width: clamp(110px,12vw,180px); aspect-ratio: 1; border-radius: 50%; border: 1px solid var(--gold); background: transparent; color: var(--gold); display: grid; place-items: center; transition: background .45s, color .45s; }
.circle-cta:hover { background: var(--gold); color: #050607; }
.circle-cta svg { width: 33%; height: 33%; }
.footer-bottom { padding-block: 60px 45px; }
.footer-brand { margin-bottom: 20px; }
.footer-bottom p { color: #656a69; font: 10px Arial; letter-spacing: .1em; }
.footer-links { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; color: #a9adab; font-size: 12px; }
.footer-links a:hover { color: var(--gold); }
.footer-mail { direction: ltr; display: block; font: 15px Arial; color: var(--gold-bright); margin-bottom: 22px; }
.footer-cities { direction: ltr; display: flex; flex-wrap: wrap; gap: 8px 18px; color: #777d7b; font: 8px Arial; letter-spacing: .13em; margin-bottom: 16px; }
.footer-bottom small { direction: ltr; display: block; color: #555a59; font: 8px Arial; letter-spacing: .12em; }

.mobile-offcanvas { background: #080a0c; color: #fff; width: min(90vw,420px) !important; }
.mobile-offcanvas .offcanvas-header { padding: 28px; border-bottom: 1px solid var(--line); }
.mobile-offcanvas .offcanvas-body { padding: 35px 28px; }
.mobile-offcanvas nav { display: grid; }
.mobile-offcanvas nav a { font-size: 30px; font-weight: 300; padding: 18px 0; border-bottom: 1px solid var(--line); }

.inquiry-modal .modal-dialog { max-width: 980px; }
.inquiry-modal .modal-content { background: #0b0e10; color: #fff; border: 1px solid var(--line-strong); border-radius: 24px; overflow: hidden; box-shadow: 0 40px 120px rgba(0,0,0,.6); }
.modal-close { position: absolute; z-index: 3; top: 18px; left: 18px; width: 38px; height: 38px; border-radius: 50%; border: 1px solid var(--line); background: rgba(0,0,0,.3); color: #fff; font-size: 25px; font-weight: 200; line-height: 1; }
.modal-aside { position: relative; min-height: 590px; padding: 70px 45px; background: radial-gradient(circle at 20% 80%,rgba(65,216,255,.18),transparent 45%), linear-gradient(145deg,#16242a,#080a0c); overflow: hidden; }
.modal-aside > span { color: var(--cyan); font: 8px Arial; letter-spacing: .18em; }
.modal-aside h2 { font-size: 48px; font-weight: 400; line-height: 1.25; letter-spacing: -.05em; margin: 30px 0; }
.modal-aside p { color: #8e9493; font-size: 13px; line-height: 2; }
.aside-lines { position: absolute; inset: auto -20% -20% auto; width: 100%; aspect-ratio: 1; }
.aside-lines i { position: absolute; inset: 10%; border: 1px solid rgba(65,216,255,.15); border-radius: 50%; }.aside-lines i:nth-child(2){inset:25%}.aside-lines i:nth-child(3){inset:40%;border-color:rgba(216,184,120,.25)}
.modal-form-wrap { padding: 70px 55px; }
.form-kicker { font-size: 20px; margin-bottom: 30px; }
.form-floating { margin-bottom: 16px; }
.form-control, .form-select { background: #121619; color: #fff; border: 1px solid var(--line); border-radius: 12px; }
.form-control:focus, .form-select:focus { background: #14191c; color: #fff; border-color: var(--gold); box-shadow: 0 0 0 3px rgba(216,184,120,.08); }
.form-floating > label { color: #777d7c; }
.form-select { color: #babdbc; }
.form-select option { background: #121619; }
.form-success { display: none; min-height: 430px; text-align: center; place-content: center; }
.form-success span { width: 78px; height: 78px; border: 1px solid #54ed9b; color: #54ed9b; display: grid; place-items: center; border-radius: 50%; font-size: 32px; margin: 0 auto 26px; }
.form-success h3 { font-size: 30px; }.form-success p { color: #858a89; }

.reveal { opacity: 0; transform: translateY(35px); }
.hero-reveal { opacity: 0; transform: translateY(60px); }

html[dir="ltr"] body { font-family: "Segoe UI", Arial, sans-serif; }
html[dir="ltr"] .hero-title, html[dir="ltr"] .statement, html[dir="ltr"] .section-heading h2, html[dir="ltr"] .intelligence-section h2, html[dir="ltr"] .solutions-section h2, html[dir="ltr"] .process-section h2, html[dir="ltr"] .faq-section h2, html[dir="ltr"] .location-heading h2 { letter-spacing: -.055em; }
html[dir="ltr"] .twin-copy { right: auto; left: clamp(28px,5vw,78px); }
html[dir="ltr"] .city-card h3 { text-align: left; }
html[dir="rtl"] .city-card h3 { text-align: right; }

@media (max-width: 1199.98px) {
  .hero-title { font-size: clamp(56px,8.8vw,104px); }
  .feature-bento { grid-template-columns: 1fr 1fr; }
  .feature-wide, .feature-dark { grid-column: span 2; }
  .feature-wide { min-height: 520px; }
}

@media (max-width: 991.98px) {
  .site-header { height: 78px; }
  .hero-media img { object-position: 67% center; }
  .hero-media::after { background: linear-gradient(0deg,rgba(3,5,6,.97) 4%,rgba(3,5,6,.52) 60%,rgba(3,5,6,.4)); }
  .hero-copy { padding-top: 190px; padding-bottom: 105px; }
  .hero-bottom .d-flex { justify-content: flex-start !important; margin-top: 30px; }
  .metric-grid { grid-template-columns: 1fr 1fr; }
  .metric-grid article:nth-child(3), .metric-grid article:nth-child(4) { border-top: 1px solid rgba(0,0,0,.15); }
  .twin-stage { min-height: 700px; }
  .twin-copy { top: 36%; }
  .twin-readout { left: 20px; right: 20px; justify-content: space-between; }
  .intelligence-section .sticky-copy { position: static; }
  .process-track { grid-template-columns: 1fr 1fr; }
  .process-track article:nth-child(3), .process-track article:nth-child(4) { border-top: 1px solid var(--line); }
  .circle-cta { top: auto; bottom: 90px; }
}

@media (max-width: 767.98px) {
  .shell { padding-inline: 20px; }
  .section-pad { padding-block: 95px; }
  .brand-name { font-size: 16px; }
  .hero { min-height: 860px; }
  .hero-copy { align-self: end; }
  .hero-title { font-size: clamp(48px,14vw,72px); line-height: 1.08; }
  .eyebrow { gap: 8px; font-size: 7px; }
  .hero-bottom { margin-top: 28px; }
  .hero-bottom p { font-size: 14px; }
  .hero-bottom .btn { width: 100%; }
  .scroll-cue { display: none; }
  .orbit-one { width: 90vw; height: 90vw; right: 20%; top: 14%; }
  .orbit-two { width: 60vw; height: 60vw; }
  .metric-grid { margin-top: 70px; }
  .metric-grid article { padding: 25px 14px; }
  .metric-grid span { font-size: 45px; }
  .statement, .section-heading h2, .intelligence-section h2, .solutions-section h2, .process-section h2, .faq-section h2 { font-size: 40px; }
  .section-heading { margin-bottom: 38px; }
  .twin-stage { min-height: 720px; }
  .twin-topbar { inset: 18px 18px auto; }
  .twin-topbar > div:last-child { display: none; }
  .twin-copy { inset: 90px 22px auto; transform: none; }
  .twin-copy h3 { font-size: 42px; }
  .twin-controls { left: 14px; right: 14px; bottom: 20px; justify-content: center; }
  .twin-controls button { flex: 1; padding: 10px 5px; }
  .twin-readout { transform: translateY(-78px); gap: 8px; }
  .twin-readout div { padding-left: 7px; }
  .twin-readout strong { font-size: 11px; }
  .console-head { padding: 0 15px; }
  .secure-badge { display: none; }
  .console-body { padding: 20px 14px; min-height: 500px; }
  .ai-message, .result-message { max-width: 97%; }
  .user-message { max-width: 90%; }
  .match-card { grid-template-columns: 54px 1fr; }
  .match-card > strong { grid-column: 2; }
  .insight-grid { grid-template-columns: 1fr; }
  .city-cards { grid-template-columns: 1fr; }
  .city-card { min-height: 440px; }
  .feature-bento { grid-template-columns: 1fr; }
  .feature-card, .feature-wide, .feature-dark { grid-column: span 1; min-height: 430px; padding: 26px; }
  .match-rings { width: 75%; opacity: .55; }
  .lead-flow { display: none; }
  .persona-nav button { font-size: 11px; padding: 18px 5px; }
  .persona-content { padding: 42px 2px; }
  .persona-content h3 { font-size: 36px; }
  .persona-content ul { display: grid; }
  .process-track { grid-template-columns: 1fr; }
  .process-track article { min-height: auto; padding: 26px; border-top: 1px solid var(--line); }
  .process-symbol { margin: 40px auto; }
  .manifesto-visual { min-height: 780px; }
  .manifesto-overlay { background: linear-gradient(0deg,rgba(2,4,5,.96) 10%,rgba(2,4,5,.55) 70%); }
  .manifesto-inner { align-self: end; padding-bottom: 90px; }
  .manifesto-inner h2 { font-size: 53px; }
  .footer-cta { padding-bottom: 200px; }
  .footer-cta h2 { font-size: 48px; }
  .circle-cta { left: auto; right: 0; bottom: 55px; width: 120px; }
  .footer-bottom { padding-top: 45px; }
  .modal-aside { min-height: 280px; padding: 50px 28px; }
  .modal-aside h2 { font-size: 36px; }
  .modal-form-wrap { padding: 42px 25px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .reveal, .hero-reveal { opacity: 1 !important; transform: none !important; }
}

/* AIR-inspired cinematic chapter — rebuilt for the 3dmelk identity */
.nav-partner {
  position: absolute; left: 50%; transform: translateX(-50%); min-height: 44px; padding: 0 22px;
  align-items: center; justify-content: center; border: 1px solid rgba(255,255,255,.1); border-radius: 999px;
  background: rgba(255,255,255,.09); color: rgba(255,255,255,.88); font-size: 13px; backdrop-filter: blur(16px);
  transition: background .3s, color .3s, border-color .3s;
}
.nav-partner:hover { background: #fff; color: #070707; border-color: #fff; }
.site-header .live-pill, .site-header .city-pill { display:none !important; }

.air-hero { height: 300svh; min-height: 0; overflow: visible; background: #000; }
.air-hero-sticky { position: sticky; top: 0; height: 100svh; min-height: 640px; overflow: hidden; background: #000; }
#hero-canvas { position: absolute; inset: 0; width: 100%; height: 100%; opacity: .98; }
.air-hero-shade {
  position: absolute; inset: 0; pointer-events: none;
  background: radial-gradient(circle at 50% 51%, transparent 0, rgba(0,0,0,.05) 24%, rgba(0,0,0,.34) 54%, #000 91%),
    linear-gradient(180deg,rgba(0,0,0,.54),transparent 27%,transparent 68%,rgba(0,0,0,.86));
}
.hero-status { position: absolute; z-index: 3; top: 122px; left: 50%; transform: translateX(-50%); color: #aaa; font: 12px Arial,sans-serif; letter-spacing: .16em; white-space: nowrap; }
.hero-status i { display: inline-block; width: 6px; height: 6px; margin-right: 10px; border-radius: 50%; background: var(--gold); box-shadow: 0 0 15px var(--gold); animation: blink 2s infinite; }
.hero-message { position: absolute; z-index: 3; inset: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 130px 24px 120px; text-align: center; opacity: 0; visibility: hidden; transform: translateY(50px) scale(.98); transition: opacity .8s var(--ease), transform .9s var(--ease), visibility .8s; pointer-events: none; }
.hero-message.is-active { opacity: 1; visibility: visible; transform: translateY(0) scale(1); pointer-events: auto; }
.hero-message > span { direction: ltr; color: var(--gold-bright); font: 12px Arial,sans-serif; letter-spacing: .22em; margin-bottom: 25px; }
.hero-message h1, .hero-message h2 { max-width: 1120px; margin: 0; color: #fff; font-size: clamp(58px,8vw,128px); font-weight: 600; line-height: .96; letter-spacing: -.075em; text-wrap: balance; }
.hero-message h2 { font-size: clamp(54px,7.2vw,112px); }
.hero-message p { max-width: 650px; margin: 30px auto 0; color: rgba(255,255,255,.62); font-size: clamp(15px,1.25vw,19px); line-height: 1.9; }
.hero-message-three { justify-content: flex-end; padding-bottom: clamp(145px,17vh,190px); }
.hero-final-actions { display: flex; align-items: center; justify-content: center; gap: 12px; margin-top: 34px; }
.hero-product-chip { position: absolute; z-index: 4; min-width: 220px; padding: 15px 18px; border: 1px solid rgba(255,255,255,.16); border-radius: 14px; background: rgba(13,13,13,.67); color: #fff; backdrop-filter: blur(18px); opacity: 0; transform: translateY(20px) scale(.95); transition: opacity .7s var(--ease), transform .8s var(--ease); direction: ltr; }
.hero-product-chip.is-visible { opacity: 1; transform: none; }
.hero-product-chip b { display: block; color: var(--gold-bright); font: 13px Arial; letter-spacing: .05em; }
.hero-product-chip span { display: block; color: #888; font: 12px Arial; margin-top: 5px; }
.hero-chip-ai { left: 8vw; top: 43%; }
.hero-chip-3d { right: 8vw; top: 57%; }
.hero-progress { position: absolute; z-index: 4; right: 34px; top: 50%; width: 2px; height: 140px; transform: translateY(-50%); background: rgba(255,255,255,.15); overflow: hidden; }
.hero-progress span { display: block; width: 100%; height: 0; background: var(--gold); box-shadow: 0 0 12px var(--gold); }
.air-hero .hero-coordinates { top: auto; bottom: 32px; left: 35px; }
.air-hero .scroll-cue { bottom: 30px; }

.signal-strip { border: 0; background: var(--gold); padding: 17px 0; }
.signal-track { font-size: 12px; }
.section-sidecopy { color: #777d7c; font-size: 14px; line-height: 1.9; }
.intro-section, .intelligence-section, .solutions-section, .faq-section { background: #050505; color: #f5f5f3; }
.intro-section .section-tag { color: #777a79; }
.statement em, .intelligence-section h2 em { color: var(--gold-bright); }
.lead-copy, .intelligence-section .sticky-copy > p { color: #868b89; }
.metric-grid { border-color: var(--line); }
.metric-grid article, .metric-grid article:first-child { border-color: var(--line); }
.metric-grid p { color: #7c8180; }
.metric-grid b, .intelligence-list b { color: var(--gold); }
.intelligence-list { border-color: var(--line); }
.intelligence-list > div { border-color: var(--line); color: #a1a5a3; }
.insight-grid article { background: #111311; border-color: var(--line); }
.insight-grid h3 { color: #f5f5f3; }
.insight-grid p, .insight-grid article > span { color: #747a78; }
.value-orb, .mini-chart { border-color: var(--line); }
.mini-chart i { background: linear-gradient(var(--gold-bright),#6f4500); }
.persona-tabs, .persona-nav { border-color: var(--line); }
.persona-nav button, .persona-nav button:first-child { border-color: var(--line); color: #777; }
.persona-nav button.active { color: #fff; background: rgba(255,157,0,.08); box-shadow: inset 0 -2px var(--gold); }
.persona-index { color: var(--gold); }
.persona-content p, .persona-content li { color: #909593; }
.persona-content li::before { color: var(--gold); }
.faq-section .accordion { --bs-accordion-border-color: var(--line); --bs-accordion-color: #fff; --bs-accordion-active-color: #fff; --bs-accordion-btn-color: #fff; }
.faq-section .accordion-button::after { filter: invert(1) grayscale(1); }
.faq-section .accordion-body { color: #858a88; }

.air-feature-grid { display: grid; grid-template-columns: repeat(6,1fr); gap: 18px; }
.air-feature-card { grid-column: span 2; position: relative; min-height: 560px; padding: clamp(24px,2.4vw,38px); overflow: hidden; border: 1px solid rgba(255,255,255,.13); border-radius: 24px; background: linear-gradient(145deg,#121312,#090a09); display: flex; flex-direction: column; transition: transform .65s var(--ease), border-color .4s, background .5s; }
.air-feature-card:hover { transform: translateY(-9px); border-color: rgba(200,255,50,.38); background: linear-gradient(145deg,#171a14,#090a09); }
.air-feature-wide { grid-column: span 3; min-height: 500px; }
.air-feature-gpt { grid-column: span 3; min-height: 500px; background: radial-gradient(circle at 70% 27%,rgba(255,157,0,.13),transparent 37%),linear-gradient(145deg,#14120e,#090a09); }
.air-card-top { display: flex; justify-content: space-between; align-items: center; direction: ltr; }
.air-card-top > span { color: var(--lime); font: 12px Arial,sans-serif; letter-spacing: .14em; }
.air-card-top .feature-icon { width: 45px; height: 45px; margin: 0; color: var(--lime); }
.air-card-top .feature-icon svg { width: 20px; height: 20px; }
.air-feature-card > div:last-child { margin-top: auto; position: relative; z-index: 2; }
.air-feature-card h3 { max-width: 540px; margin: 0 0 16px; color: #f4f5f0; font-size: clamp(30px,3vw,48px); font-weight: 400; line-height: 1.17; letter-spacing: -.05em; }
.air-feature-card p { max-width: 570px; margin: 0; color: #818683; font-size: 14px; line-height: 1.9; }
.radar-visual { position: relative; width: 245px; height: 245px; margin: 45px auto 20px; display: grid; place-items: center; border-radius: 50%; background: repeating-radial-gradient(circle,transparent 0 39px,rgba(200,255,50,.13) 40px 41px); }
.radar-visual::before, .radar-visual::after { content:""; position:absolute; background:rgba(200,255,50,.15); }
.radar-visual::before { width:100%; height:1px; }.radar-visual::after { height:100%; width:1px; }
.radar-visual i { position: absolute; width: 8px; height: 8px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 18px var(--lime); }
.radar-visual i:nth-child(1){left:26%;top:34%}.radar-visual i:nth-child(2){right:20%;top:48%}.radar-visual i:nth-child(3){left:48%;bottom:18%}
.radar-visual b { position:absolute; inset:50% 50% auto auto; width:49%; height:49%; border-inline-start:1px solid var(--lime); background:conic-gradient(from 270deg,rgba(200,255,50,.18),transparent 70%); transform-origin:0 0; animation:radarSweep 5s linear infinite; }
.radar-visual span { position:absolute; right:15%; top:39%; padding:4px 7px; color:#080a08; background:var(--lime); border-radius:5px; font:11px Arial; }
@keyframes radarSweep { to { transform:rotate(360deg); } }
.buyer-visual { direction:ltr; width:min(100%,320px); margin:70px auto 60px; padding:28px; border:1px solid rgba(255,255,255,.12); border-radius:20px; background:#0b0c0b; display:grid; grid-template-columns:auto 1fr; gap:13px; align-items:center; }
.buyer-visual > span { grid-row:span 3; width:90px; height:90px; display:grid; place-items:center; border:1px solid var(--lime); border-radius:50%; color:var(--lime); font:28px Arial; box-shadow:inset 0 0 28px rgba(200,255,50,.08); }
.buyer-visual i { height:6px; border-radius:99px; background:linear-gradient(90deg,var(--lime) 75%,#242624 75%); opacity:.7; }.buyer-visual i:nth-of-type(2){background:linear-gradient(90deg,var(--lime) 88%,#242624 88%)}.buyer-visual i:nth-of-type(3){background:linear-gradient(90deg,var(--lime) 64%,#242624 64%)}
.buyer-visual b { position:absolute; margin:125px 0 0 153px; color:var(--lime); font:11px Arial; letter-spacing:.12em; }
.valuation-visual { direction:ltr; margin:80px 0 70px; padding:25px 0; border-block:1px solid rgba(255,255,255,.1); }
.valuation-visual b { display:block; color:#fff; font:300 clamp(52px,5vw,76px) Arial; letter-spacing:-.07em; }
.valuation-visual span { color:var(--lime); font:11px Arial; letter-spacing:.15em; }
.valuation-visual i { display:block; height:36px; margin-top:25px; border-bottom:1px solid #282a28; background:linear-gradient(160deg,transparent 48%,var(--lime) 49% 51%,transparent 52%) 0 0/65px 100%; opacity:.65; }
.matching-visual { direction:ltr; min-height:180px; margin:55px auto; display:flex; align-items:center; justify-content:center; gap:15px; }
.matching-visual div { width:140px; height:140px; display:flex; flex-direction:column; align-items:center; justify-content:center; border:1px solid rgba(255,255,255,.15); border-radius:50%; background:#0c0d0c; }
.matching-visual div span { color:#fff; font:12px Arial; letter-spacing:.12em; }.matching-visual div b { color:#777; font:11px Arial; margin-top:7px; }
.matching-visual > i { width:50px; height:1px; background:linear-gradient(90deg,#323632,var(--lime)); }
.matching-visual strong { width:82px; height:82px; display:grid; place-items:center; border-radius:50%; background:var(--lime); color:#080908; font:22px Arial; box-shadow:0 0 45px rgba(200,255,50,.24); }
.gpt-visual { direction:ltr; width:min(100%,510px); margin:62px auto; padding:16px; display:grid; grid-template-columns:auto 1fr; align-items:center; gap:13px; border:1px solid rgba(255,255,255,.15); border-radius:999px; background:rgba(0,0,0,.5); }
.gpt-visual span { width:50px; height:50px; display:grid; place-items:center; border-radius:50%; background:var(--gold); color:#050505; font:11px Arial; }
.gpt-visual p { color:#b5b7b3; font:14px Arial; margin:0; }.gpt-visual i { position:absolute; right:15%; width:8px; height:8px; border-radius:50%; background:var(--gold); box-shadow:0 0 18px var(--gold); }

.team-section, .stories-section, .partner-section, .insights-section { background:#050505; }
.team-section { border-top:1px solid var(--line); }
.studio-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.studio-card { position:relative; min-height:620px; padding:clamp(28px,4vw,56px); overflow:hidden; display:flex; flex-direction:column; border:1px solid var(--line); border-radius:26px; background:radial-gradient(circle at 72% 30%,rgba(255,157,0,.18),transparent 35%),#0e0f0e; }
.studio-karaj { background:radial-gradient(circle at 32% 30%,rgba(65,216,255,.16),transparent 35%),#0e0f0e; }
.studio-card > span { direction:ltr; color:#7a7f7c; font:12px Arial; letter-spacing:.16em; }
.studio-card h3 { direction:ltr; margin:auto 0 15px; font:400 clamp(65px,8vw,126px)/.9 Arial; letter-spacing:-.08em; }
.studio-card p { max-width:540px; color:#929794; font-size:15px; line-height:1.9; }
.studio-meta { direction:ltr; display:flex; flex-wrap:wrap; gap:7px; margin-top:18px; }.studio-meta span { padding:8px 10px; border:1px solid var(--line); border-radius:99px; color:#717673; font:11px Arial; }
.studio-orb { position:absolute; top:17%; right:13%; width:230px; height:230px; display:grid; place-items:center; border:1px solid rgba(255,157,0,.28); border-radius:50%; box-shadow:0 0 0 40px rgba(255,157,0,.03),0 0 80px rgba(255,157,0,.12); }
.studio-karaj .studio-orb { right:auto; left:13%; border-color:rgba(65,216,255,.28); box-shadow:0 0 0 40px rgba(65,216,255,.03),0 0 80px rgba(65,216,255,.12); }
.studio-orb::before,.studio-orb::after { content:""; position:absolute; border:1px dashed rgba(255,255,255,.16); border-radius:50%; inset:20px; animation:orbit 20s linear infinite; }.studio-orb::after{inset:55px;animation-direction:reverse}
.studio-orb i { position:absolute; width:12px; height:12px; right:12%; top:25%; border-radius:50%; background:var(--gold); box-shadow:0 0 20px var(--gold); }.studio-karaj .studio-orb i{background:var(--cyan);box-shadow:0 0 20px var(--cyan)}
.studio-orb b { font:22px Arial; letter-spacing:.12em; }

.stories-section { overflow:hidden; padding-top:50px; }
.story-controls { direction:ltr; display:flex; justify-content:flex-end; gap:8px; }
.story-controls button { width:50px; height:50px; border:1px solid var(--line); border-radius:50%; background:transparent; color:#fff; font-size:20px; transition:.3s; }.story-controls button:hover{background:var(--gold);color:#050505;border-color:var(--gold)}
.story-controls button:disabled { opacity:.28; pointer-events:none; }
.story-window { overflow:hidden; }
.story-track { direction:ltr; display:flex; gap:20px; transform:translateX(0); transition:transform .85s var(--ease); }
.story-card { flex:0 0 calc(50% - 10px); min-height:480px; padding:clamp(30px,4vw,58px); display:flex; flex-direction:column; border:1px solid var(--line); border-radius:24px; background:linear-gradient(145deg,#111210,#090a09); }
html[dir="rtl"] .story-card { direction:rtl; text-align:right; }
html[dir="ltr"] .story-card { direction:ltr; text-align:left; }
.story-number { color:#707572; font:12px Arial; letter-spacing:.1em; }.story-mark{margin:30px 0 -10px;color:var(--gold);font:100px/1 Georgia;}
.story-card blockquote { max-width:800px; color:#f1f2ed; font-size:clamp(25px,3vw,45px); font-weight:300; line-height:1.5; letter-spacing:-.035em; }
.story-person { direction:ltr; margin-top:auto; display:grid; gap:6px; }.story-person span{color:var(--gold);font:12px Arial;letter-spacing:.14em}.story-person b{color:#707572;font:12px Arial;font-weight:400}

.broker-cta-section { position:relative; min-height:100svh; display:flex; align-items:center; overflow:hidden; background:#050505; border-block:1px solid var(--line); }
.broker-cta-glow { position:absolute; width:min(75vw,950px); aspect-ratio:1; top:50%; left:50%; transform:translate(-50%,-50%); border-radius:50%; background:radial-gradient(circle,rgba(255,157,0,.23),rgba(255,157,0,.07) 29%,transparent 68%); filter:blur(10px); }
.broker-cta-glow::before,.broker-cta-glow::after{content:"";position:absolute;inset:13%;border:1px solid rgba(255,157,0,.18);border-radius:50%;animation:orbit 35s linear infinite}.broker-cta-glow::after{inset:30%;border-style:dashed;animation-direction:reverse}
.broker-cta-inner { position:relative; z-index:1; padding-block:160px; text-align:center; }
.broker-cta-inner > span { direction:ltr; display:block; color:var(--gold); font:12px Arial; letter-spacing:.22em; }
.broker-cta-inner h2 { max-width:1180px; margin:28px auto; font-size:clamp(55px,8vw,128px); font-weight:600; line-height:.98; letter-spacing:-.075em; }
.broker-cta-inner p { max-width:690px; margin:0 auto 38px; color:#979b98; font-size:17px; line-height:2; }

.partner-heading { display:flex; justify-content:space-between; align-items:center; gap:30px; padding-bottom:30px; border-bottom:1px solid var(--line); }.partner-heading span{direction:ltr;color:#fff;font:12px Arial;letter-spacing:.18em}.partner-heading p{color:#7b807d;margin:0;font-size:14px}
.partner-marquee { direction:ltr; overflow:hidden; margin-top:65px; padding-block:38px; border-block:1px solid var(--line); }.partner-marquee > div{width:max-content;display:flex;align-items:center;gap:38px;animation:partnerMove 28s linear infinite}.partner-marquee span{color:#d9dbd7;font:500 clamp(30px,4vw,62px) Arial;letter-spacing:-.035em}.partner-marquee i{color:var(--gold);font-size:18px}@keyframes partnerMove{to{transform:translateX(-50%)}}

.insights-section { padding-top:60px; }
.article-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.article-card { display:flex; flex-direction:column; min-width:0; padding-bottom:25px; border-bottom:1px solid var(--line); }
.article-art { position:relative; aspect-ratio:1.35; overflow:hidden; display:grid; place-items:center; border:1px solid var(--line); border-radius:22px; background:#101110; }
.article-art::before,.article-art::after{content:"";position:absolute;border:1px solid rgba(255,255,255,.12);border-radius:50%;inset:17%;animation:orbit 22s linear infinite}.article-art::after{inset:32%;border-style:dashed;animation-direction:reverse}.article-art span{position:relative;z-index:1;color:#fff;font:600 clamp(45px,6vw,90px) Arial;letter-spacing:-.08em}.article-art i{position:absolute;width:14px;height:14px;border-radius:50%;background:var(--gold);box-shadow:0 0 30px var(--gold)}
.art-ai{background:radial-gradient(circle at 35% 35%,rgba(255,157,0,.24),transparent 38%),#0c0d0c}.art-3d{background:radial-gradient(circle at 65% 40%,rgba(65,216,255,.2),transparent 40%),#0c0d0c}.art-market{background:radial-gradient(circle at 50% 50%,rgba(200,255,50,.15),transparent 42%),#0c0d0c}.art-3d i{background:var(--cyan);box-shadow:0 0 30px var(--cyan)}.art-market i{background:var(--lime);box-shadow:0 0 30px var(--lime)}
.article-meta { direction:ltr; display:flex; justify-content:space-between; margin:22px 0; color:#707572; font:11px Arial; letter-spacing:.12em; }.article-meta b{color:var(--gold);font-weight:400}
.article-card h3 { margin:0 0 30px; font-size:clamp(23px,2vw,32px); font-weight:400; line-height:1.5; letter-spacing:-.035em; }
.article-card a { display:inline-flex; align-items:center; gap:10px; width:fit-content; margin-top:auto; color:#aeb1ae; font-size:13px; }.article-card a:hover{color:var(--gold)}.article-card a svg{fill:none;stroke:currentColor;stroke-width:1.5}

@media (max-width:1199.98px){
  .hero-chip-ai{left:3vw}.hero-chip-3d{right:3vw}
  .air-feature-card{grid-column:span 3}.air-feature-wide,.air-feature-gpt{grid-column:span 3}
}
@media (max-width:991.98px){
  .hero-message h1,.hero-message h2{font-size:clamp(54px,10vw,86px)}
  .hero-product-chip{display:none}.hero-status{top:105px}
  .studio-grid,.article-grid{grid-template-columns:1fr 1fr}.article-card:last-child{grid-column:span 2}
  .story-card{flex-basis:78%}
}
@media (max-width:767.98px){
  .air-hero{height:260svh}.air-hero-sticky{min-height:600px}
  .hero-message{padding:105px 20px 100px}.hero-message h1,.hero-message h2{font-size:clamp(45px,14vw,66px);line-height:1.02}.hero-message p{font-size:14px;line-height:1.8;margin-top:22px}
  .hero-message-three{justify-content:center;padding-bottom:30px}.hero-final-actions{width:100%;flex-direction:column}.hero-final-actions .btn{width:min(100%,320px)}
  .hero-status{top:90px;font-size:9px}.hero-progress{right:12px;height:100px}.air-hero .hero-coordinates{display:none!important}
  .air-feature-grid{grid-template-columns:1fr}.air-feature-card,.air-feature-wide,.air-feature-gpt{grid-column:span 1;min-height:500px}.air-feature-card{padding:25px}.air-card-top>span{font-size:10px}.air-feature-card p{font-size:13px}.matching-visual{gap:5px;transform:scale(.82)}.matching-visual>i{width:20px}.matching-visual div{width:110px;height:110px}.gpt-visual p{font-size:12px}
  .studio-grid,.article-grid{grid-template-columns:1fr}.studio-card{min-height:540px}.studio-orb{width:170px;height:170px;top:19%}.studio-card h3{font-size:72px}.article-card:last-child{grid-column:auto}
  .story-card{flex-basis:92%;min-height:430px}.story-card blockquote{font-size:24px}.story-controls{justify-content:flex-start;margin-top:20px}
  .broker-cta-inner{padding-block:120px}.broker-cta-inner h2{font-size:51px}.broker-cta-inner p{font-size:14px}
  .partner-heading{align-items:flex-start;flex-direction:column}.partner-marquee span{font-size:35px}
  .intro-section .metric-grid article:nth-child(3),.intro-section .metric-grid article:nth-child(4){border-color:var(--line)}
}