/*
 * itsaryan — premium 3D layer (cinematic dark)
 * Loaded AFTER itsaryan-redesign.css so it overrides cleanly.
 * Goal: kill the flat paper feel, add real depth, glassmorphism, atmospheric backgrounds.
 */

:root {
  /* Cinematic dark palette */
  --paper:        #0a0e1a;
  --paper-2:      rgba(255, 255, 255, 0.04);
  --paper-3:      rgba(255, 255, 255, 0.07);
  --paper-solid:  #11172a;

  --ink:          #f4ecd8;
  --ink-soft:     #d6cfb9;
  --muted:        #8a92a8;
  --muted-2:      #5e6680;

  --line:         rgba(244, 236, 216, 0.08);
  --line-strong:  rgba(244, 236, 216, 0.18);

  --blue:         #4a9fff;
  --blue-2:       #2a6fdf;
  --blue-ink:     #1d3f80;
  --blue-soft:    rgba(74, 159, 255, 0.16);

  --red:          #ff5b52;
  --red-soft:     rgba(255, 91, 82, 0.18);

  --green:        #4dd49b;
  --amber:        #f3b94a;
  --gold:         #e8b85a;

  --shadow-sm:    0 4px 18px rgba(0, 0, 0, 0.45);
  --shadow:      0 28px 60px rgba(0, 0, 0, 0.55);
  --shadow-lg:   0 50px 120px rgba(0, 0, 0, 0.65);
  --shadow-blue: 0 26px 70px rgba(74, 159, 255, 0.45);
}

/* ── PAGE ATMOSPHERE ───────────────────────────────── */
html { background: var(--paper); }

body.its-redesign {
  background: transparent;
  color: var(--ink);
}

/* Replace paper grid with subtle dot field */
body.its-redesign .paper-grid {
  background:
    radial-gradient(circle at 1px 1px, rgba(244, 236, 216, 0.045) 1px, transparent 1.5px);
  background-size: 32px 32px;
  z-index: -1;
  pointer-events: none;
  opacity: 0.6;
}

/* Big atmospheric gradient mesh — no dark center void */
body.its-redesign .blue-wash {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  filter: none;
  z-index: -4;
  background:
    radial-gradient(ellipse 80% 60% at 12% 10%, rgba(74, 159, 255, 0.22), transparent 55%),
    radial-gradient(ellipse 60% 50% at 90% 15%, rgba(255, 91, 82, 0.12), transparent 60%),
    radial-gradient(ellipse 70% 55% at 50% 95%, rgba(74, 159, 255, 0.16), transparent 65%),
    radial-gradient(ellipse 50% 40% at 85% 85%, rgba(232, 184, 90, 0.1), transparent 65%),
    linear-gradient(165deg, #0a0e1a 0%, #0d1528 48%, #0a1020 100%);
  pointer-events: none;
  animation: atmosphere-shift 28s ease-in-out infinite alternate;
}

body.its-redesign .blue-wash::after {
  content: "";
  position: fixed;
  inset: 0;
  width: 100%; height: 100%;
  background:
    radial-gradient(circle at 50% 40%, transparent 42%, rgba(10, 14, 26, 0.22) 88%);
  pointer-events: none;
  filter: none;
  border-radius: 0;
}

/* Soft aurora layer (replaces Three.js black hole) */
body.its-redesign .site-atmosphere {
  position: fixed;
  inset: 0;
  z-index: -3;
  pointer-events: none;
  overflow: hidden;
  background:
    radial-gradient(ellipse 55% 40% at 72% 18%, rgba(74, 159, 255, 0.14), transparent 62%),
    radial-gradient(ellipse 45% 35% at 18% 72%, rgba(255, 91, 82, 0.07), transparent 58%);
}

body.its-redesign .site-atmosphere::before,
body.its-redesign .site-atmosphere::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  filter: blur(72px);
  opacity: 0.55;
  animation: atmosphere-drift 26s ease-in-out infinite alternate;
}

body.its-redesign .site-atmosphere::before {
  width: min(52vw, 520px);
  height: min(52vw, 520px);
  top: -8%;
  left: -6%;
  background: radial-gradient(circle, rgba(74, 159, 255, 0.42) 0%, transparent 68%);
}

body.its-redesign .site-atmosphere::after {
  width: min(44vw, 440px);
  height: min(44vw, 440px);
  bottom: -6%;
  right: -4%;
  background: radial-gradient(circle, rgba(232, 184, 90, 0.22) 0%, transparent 70%);
  animation-delay: -13s;
}

@keyframes atmosphere-drift {
  0%   { transform: translate3d(0, 0, 0) scale(1); }
  50%  { transform: translate3d(3%, -2%, 0) scale(1.06); }
  100% { transform: translate3d(-2%, 2%, 0) scale(1.02); }
}

/* Layering */
body.its-redesign #three-bg { display: none !important; }
body.its-redesign .site-atmosphere { z-index: -3 !important; }
body.its-redesign .avatar-scroll-bg { z-index: -2 !important; }
body.its-redesign .blue-wash  { z-index: -4 !important; }
body.its-redesign .paper-grid { z-index: -1 !important; }

body.its-redesign.has-avatar-scroll-bg .site-atmosphere {
  display: none;
}

@media (prefers-reduced-motion: reduce) {
  body.its-redesign .blue-wash,
  body.its-redesign .site-atmosphere::before,
  body.its-redesign .site-atmosphere::after {
    animation: none;
  }
}

/* ── SCROLL-LINKED VIDEO AVATAR BACKGROUND ───────── */
body.its-redesign .avatar-scroll-bg {
  position: fixed;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  z-index: -2;
  background: #06102a;
}

body.its-redesign.has-avatar-scroll-bg #three-bg,
body.its-redesign.has-avatar-scroll-bg .site-atmosphere {
  display: none !important;
}

body.its-redesign.has-avatar-scroll-bg .blue-wash {
  opacity: 0.45;
  animation: none;
  background:
    radial-gradient(ellipse 80% 60% at 12% 10%, rgba(74, 159, 255, 0.14), transparent 55%),
    radial-gradient(ellipse 60% 50% at 90% 15%, rgba(255, 91, 82, 0.08), transparent 60%);
}

body.its-redesign.has-avatar-scroll-bg .paper-grid {
  opacity: 0.25;
}

/* Fixed viewport frame — video drifts with scroll via CSS vars set in JS */
body.its-redesign .avatar-scroll-bg__frame {
  position: absolute;
  inset: 0;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 36%, #1f6bff 0%, #0a4ec8 52%, #052a78 100%);
}

body.its-redesign .avatar-scroll-bg__video {
  display: block;
  position: absolute;
  left: 50%;
  top: -8%;
  width: 100%;
  height: 116%;
  min-height: 116%;
  object-fit: cover;
  /* Portrait 720×1280 — head/shoulders behind hero stage */
  object-position: 56% var(--avatar-pos-y, 8%);
  transform:
    translateX(-50%)
    translateY(var(--avatar-drift-y, 0px));
  transform-origin: 56% 16%;
  opacity: 0.44;
  filter: saturate(1.04) contrast(1.02) blur(0.4px);
  will-change: transform, object-position;
}

body.its-redesign .avatar-scroll-bg__veil {
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    radial-gradient(ellipse 88% 72% at 50% 40%, rgba(10, 14, 26, 0.06), rgba(10, 14, 26, 0.58) 76%),
    linear-gradient(180deg, rgba(10, 14, 26, 0.48) 0%, rgba(10, 14, 26, 0.14) 34%, rgba(10, 14, 26, 0.32) 68%, rgba(10, 14, 26, 0.78) 100%);
  pointer-events: none;
}

@media (max-width: 900px) {
  body.its-redesign .avatar-scroll-bg__video {
    top: -6%;
    height: 112%;
    min-height: 112%;
    object-position: 50% var(--avatar-pos-y, 8%);
    opacity: 0.38;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.its-redesign .avatar-scroll-bg__video {
    display: none;
  }
}

@keyframes atmosphere-shift {
  0%   { transform: translate3d(0, 0, 0)        scale(1); }
  50%  { transform: translate3d(2%, -1%, 0)     scale(1.05); }
  100% { transform: translate3d(-2%, 1%, 0)     scale(1.02); }
}

/* Film-grain layer for cinematic feel */
body.its-redesign::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 100;
  pointer-events: none;
  opacity: 0.08;
  mix-blend-mode: overlay;
  background-image:
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
  background-size: 200px 200px;
}

/* Three.js canvas removed — CSS atmosphere only */
body.its-redesign #three-bg {
  display: none !important;
}

/* ── NAV ───────────────────────────────────────────── */
body.its-redesign .nav {
  background: rgba(10, 14, 26, 0.45);
  backdrop-filter: blur(20px) saturate(140%);
  -webkit-backdrop-filter: blur(20px) saturate(140%);
  border-bottom: 1px solid transparent;
}
body.its-redesign .nav.scrolled {
  background: rgba(10, 14, 26, 0.82);
  border-bottom: 1px solid var(--line);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.45);
}
body.its-redesign .nav-brand { color: var(--ink); }
body.its-redesign .brand-by { color: var(--muted); }
body.its-redesign .nav-links a { color: rgba(244, 236, 216, 0.6); }
body.its-redesign .nav-links a:not(.nav-cta):hover,
body.its-redesign .nav-links a.active { color: var(--ink); }
body.its-redesign .nav-cta {
  background: linear-gradient(135deg, var(--blue), var(--blue-2));
  color: #fff !important;
  box-shadow: 0 10px 26px rgba(74, 159, 255, 0.45);
}
body.its-redesign .nav-cta:hover { background: linear-gradient(135deg, #6ab2ff, #3a7fff); }
body.its-redesign .nav-toggle span { background: var(--ink); }

body.its-redesign .mobile-menu {
  background: rgba(10, 14, 26, 0.98);
}
body.its-redesign .mobile-menu a { color: var(--ink); }
body.its-redesign .mobile-menu a.active { color: var(--blue); }

/* ── TYPE ──────────────────────────────────────────── */
body.its-redesign .eyebrow { color: var(--blue); }
body.its-redesign .eyebrow::before { background: var(--blue); }
body.its-redesign .display-h1,
body.its-redesign .display-h2 { color: var(--ink); }
body.its-redesign .display-h1 em,
body.its-redesign .display-h2 em { color: var(--blue); }
body.its-redesign .lead { color: var(--ink-soft); }
body.its-redesign .lead a { color: var(--blue); border-color: var(--blue-soft); }
body.its-redesign .lead a:hover { border-color: var(--blue); }
body.its-redesign strong { color: var(--ink); }
body.its-redesign .section-sub { color: var(--muted); }
body.its-redesign .ink-line::after { background: rgba(255, 91, 82, 0.22); }

/* ── BUTTONS ───────────────────────────────────────── */
body.its-redesign .btn-primary {
  background: linear-gradient(135deg, var(--blue), var(--blue-2));
  color: #fff;
  border-color: transparent;
  box-shadow: 0 18px 44px rgba(74, 159, 255, 0.45);
  position: relative;
  overflow: hidden;
}
body.its-redesign .btn-primary::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(255,255,255,0.18), transparent 60%);
  pointer-events: none;
}
body.its-redesign .btn-primary:hover {
  box-shadow: 0 26px 60px rgba(74, 159, 255, 0.65);
}
body.its-redesign .btn-secondary {
  background: rgba(244, 236, 216, 0.06);
  color: var(--ink);
  border-color: var(--line-strong);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
body.its-redesign .btn-secondary:hover {
  border-color: var(--blue);
  background: rgba(74, 159, 255, 0.12);
  color: var(--blue);
}
body.its-redesign .btn-ghost { color: var(--muted); }
body.its-redesign .btn-ghost:hover { color: var(--blue); }

/* ── HERO V2 ───────────────────────────────────────── */
body.its-redesign .hero-v2 {
  perspective: 1800px;
  position: relative;
}

body.its-redesign .hero-status {
  background: rgba(244, 236, 216, 0.05);
  border-color: var(--line-strong);
  color: var(--ink-soft);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4);
}
body.its-redesign .hero-status-time { color: var(--blue); }

body.its-redesign .tag-chip {
  background: rgba(244, 236, 216, 0.05);
  border-color: var(--line-strong);
  color: var(--ink-soft);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* ── HERO STAGE — TRUE 3D SPOTLIGHT ───────────────── */
body.its-redesign .hero-stage {
  position: relative;
  min-height: 640px;
  transform-style: preserve-3d;
  transform: rotateX(2deg) rotateY(-4deg);
  transition: transform 0.8s var(--ease);
}

/* Cutouts sit on transparent PNGs — no floor spotlight */
body.its-redesign .hero-stage::before {
  content: none;
}

/* Outer ring rotating slowly */
body.its-redesign .hero-stage::after {
  content: "";
  position: absolute;
  inset: 4%;
  border-radius: 50%;
  border: 1px dashed rgba(74, 159, 255, 0.35);
  z-index: 0;
  animation: spin-stage 38s linear infinite;
  background:
    radial-gradient(circle at 50% 50%, transparent 60%, rgba(74, 159, 255, 0.05) 75%, transparent 80%);
}

@keyframes stage-pulse {
  0%   { opacity: 0.7; transform: scale(1); }
  100% { opacity: 1;   transform: scale(1.04); }
}
@keyframes spin-stage { to { transform: rotate(360deg); } }

/* Floor reflection plate */
body.its-redesign .hero-stage .floor {
  position: absolute;
  left: 8%;
  right: 8%;
  bottom: 4%;
  height: 14%;
  background:
    radial-gradient(ellipse 60% 100% at 50% 0%, rgba(74, 159, 255, 0.35), transparent 70%);
  filter: blur(6px);
  z-index: 0;
  border-radius: 50%;
}

/* Main cutout figure — pops with proper drop-shadow */
body.its-redesign .hero-cutout {
  filter:
    drop-shadow(0 14px 22px rgba(74, 159, 255, 0.30))
    drop-shadow(0 60px 80px rgba(0, 0, 0, 0.85));
  z-index: 3;
  width: 92%;
  max-width: 470px;
  transition: filter 0.5s var(--ease);
}

/* ── LIVE BUBBLE — premium glass + halo ───────────── */
body.its-redesign .hero-live {
  background:
    radial-gradient(circle at 50% 35%, #3a86ff 0%, #1b5fd8 70%, #0a2f7d 100%);
  border: 6px solid rgba(255, 255, 255, 0.95);
  box-shadow:
    0 0 0 1px rgba(74, 159, 255, 0.4),
    0 22px 50px rgba(0, 0, 0, 0.6),
    0 0 80px rgba(74, 159, 255, 0.55);
  top: 6%;
  left: -6%;
  width: clamp(140px, 18vw, 210px);
  z-index: 5;
}

body.its-redesign .hero-live::after {
  inset: -30px;
  background: radial-gradient(circle, rgba(74, 159, 255, 0.45), transparent 65%);
  filter: blur(18px);
}

body.its-redesign .hero-live-tag {
  background: rgba(0, 0, 0, 0.7);
  border: 1px solid rgba(255, 255, 255, 0.25);
  color: #fff;
}

/* ── STICKERS → glass cards ───────────────────────── */
body.its-redesign .sticker {
  border-radius: 14px;
  padding: 1rem 1.15rem;
  backdrop-filter: blur(18px) saturate(140%);
  -webkit-backdrop-filter: blur(18px) saturate(140%);
  box-shadow:
    0 28px 60px rgba(0, 0, 0, 0.5),
    inset 0 0 0 1px rgba(255, 255, 255, 0.12);
  z-index: 6;
  transition: transform 0.5s var(--ease), box-shadow 0.5s var(--ease);
}

body.its-redesign .sticker:hover {
  transform: rotate(var(--rot, 0deg)) translateZ(20px) translateY(-6px) scale(1.04);
}

body.its-redesign .sticker-blue {
  background: linear-gradient(135deg, rgba(74, 159, 255, 0.95), rgba(28, 95, 216, 0.95));
  border: 1px solid rgba(255, 255, 255, 0.25);
  color: #fff;
}
body.its-redesign .sticker-red {
  background: linear-gradient(135deg, rgba(255, 91, 82, 0.95), rgba(220, 60, 50, 0.95));
  border: 1px solid rgba(255, 255, 255, 0.25);
  color: #fff;
}
body.its-redesign .sticker-paper {
  background: rgba(244, 236, 216, 0.08);
  border: 1px solid rgba(244, 236, 216, 0.16);
  color: var(--ink);
}
body.its-redesign .sticker-paper .sticker-num { color: var(--blue); }
body.its-redesign .sticker-paper p { color: var(--ink-soft); }

/* Wax seal — glow + 3D */
body.its-redesign .seal-badge {
  filter: drop-shadow(0 18px 30px rgba(0, 0, 0, 0.6));
  top: 42%;
}
body.its-redesign .seal-text text { fill: var(--ink); }
body.its-redesign .seal-core {
  background: linear-gradient(135deg, var(--blue), var(--blue-2));
  color: #fff;
  box-shadow:
    0 10px 22px rgba(0, 0, 0, 0.5),
    inset 0 0 0 2px rgba(255, 255, 255, 0.15);
}

/* ── MARQUEE ───────────────────────────────────────── */
body.its-redesign .marquee {
  background: linear-gradient(90deg, var(--paper) 0%, #060814 50%, var(--paper) 100%);
  border-top-color: var(--line);
  border-bottom-color: var(--line);
}
body.its-redesign .marquee-track span { color: var(--ink-soft); }
body.its-redesign .marquee-track i { color: var(--blue); }

/* ── LANE CARDS — premium glass ───────────────────── */
body.its-redesign .lane-card {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.02)),
    rgba(17, 23, 42, 0.65);
  border: 1px solid var(--line-strong);
  backdrop-filter: blur(20px) saturate(140%);
  -webkit-backdrop-filter: blur(20px) saturate(140%);
  box-shadow:
    0 28px 60px rgba(0, 0, 0, 0.55),
    inset 0 0 0 1px rgba(255, 255, 255, 0.04);
  min-height: 420px;
  color: var(--ink);
}

body.its-redesign .lane-card::before {
  height: 4px;
  box-shadow: 0 0 22px currentColor;
}
body.its-redesign .lane-finance::before { background: var(--blue); color: var(--blue); }
body.its-redesign .lane-zypheria::before { background: var(--red); color: var(--red); }
body.its-redesign .lane-dispatch::before { background: var(--amber); color: var(--amber); }

body.its-redesign .lane-card:hover {
  border-color: rgba(74, 159, 255, 0.45);
  box-shadow:
    0 40px 90px rgba(0, 0, 0, 0.65),
    0 0 60px rgba(74, 159, 255, 0.25),
    inset 0 0 0 1px rgba(74, 159, 255, 0.35);
}

body.its-redesign .card-kicker { color: var(--muted); }
body.its-redesign .lane-card h3 { color: var(--ink); }
body.its-redesign .lane-card p { color: var(--muted); }
body.its-redesign .lane-bullets li { color: var(--ink-soft); }
body.its-redesign .lane-bullets li::before { color: var(--red); }
body.its-redesign .lane-bullets strong { color: var(--ink); }
body.its-redesign .lane-foot { border-top-color: var(--line); color: var(--muted); }
body.its-redesign .lane-foot strong { color: var(--ink); }
body.its-redesign .lane-arrow { color: var(--muted-2); }
body.its-redesign .lane-card:hover .lane-arrow { color: var(--blue); }

body.its-redesign .mini-chart i { background: rgba(74, 159, 255, 0.12); }
body.its-redesign .dispatch-mini { color: var(--ink-soft); }
body.its-redesign .dispatch-mini span { color: var(--amber); }

/* ── NUMBERS STRIP ────────────────────────────────── */
body.its-redesign .num-item {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.01)),
    rgba(17, 23, 42, 0.55);
  border: 1px solid var(--line);
  box-shadow:
    0 22px 50px rgba(0, 0, 0, 0.45),
    inset 0 0 0 1px rgba(255, 255, 255, 0.03);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}
body.its-redesign .num-item strong { color: var(--blue); }
body.its-redesign .num-item:nth-child(2) strong,
body.its-redesign .num-item:nth-child(4) strong { color: var(--red); }
body.its-redesign .num-item span { color: var(--ink); }
body.its-redesign .num-item small { color: var(--muted); }

/* ── CINEMA BAND ──────────────────────────────────── */
body.its-redesign .cinema-band {
  background: #050810;
  box-shadow:
    0 50px 120px rgba(0, 0, 0, 0.7),
    0 0 0 1px var(--line);
}

/* ── PRINCIPLES ───────────────────────────────────── */
body.its-redesign .principle-list { border-top-color: var(--line); }
body.its-redesign .principle-list li {
  border-bottom-color: var(--line);
}
body.its-redesign .principle-list li:hover {
  background: rgba(255, 255, 255, 0.03);
}
body.its-redesign .principle-list h3 { color: var(--ink); }
body.its-redesign .principle-list p { color: var(--muted); }
body.its-redesign .p-num { color: var(--blue); }

/* ── CHARACTER STRIP ──────────────────────────────── */
body.its-redesign .char-cutout {
  filter:
    drop-shadow(0 10px 20px rgba(74, 159, 255, 0.30))
    drop-shadow(0 40px 60px rgba(0, 0, 0, 0.7));
}
body.its-redesign .char-copy p { color: var(--muted); }
body.its-redesign .char-copy strong { color: var(--ink); }

/* ── BOOK SECTION — true 3D cover ─────────────────── */
body.its-redesign .book-section {
  background:
    radial-gradient(circle at 12% 18%, rgba(74, 159, 255, 0.18), transparent 50%),
    radial-gradient(circle at 88% 80%, rgba(255, 91, 82, 0.14), transparent 55%),
    linear-gradient(180deg, rgba(17, 23, 42, 0.85), rgba(10, 14, 26, 0.85));
  border: 1px solid var(--line-strong);
  box-shadow:
    0 60px 140px rgba(0, 0, 0, 0.7),
    inset 0 0 0 1px rgba(255, 255, 255, 0.04);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}
body.its-redesign .book-section::before {
  background: repeating-linear-gradient(45deg, rgba(244, 236, 216, 0.012) 0 10px, transparent 10px 20px);
}

body.its-redesign .book-cover-wrap { perspective: 1600px; }
body.its-redesign .book-cover {
  filter: drop-shadow(0 50px 80px rgba(0, 0, 0, 0.85));
  animation: book-float 7s ease-in-out infinite alternate;
}
@keyframes book-float {
  0%   { transform: rotate(-7deg) rotateY(-12deg) translateY(0); }
  100% { transform: rotate(-5deg) rotateY(-6deg)  translateY(-10px); }
}
body.its-redesign .book-cover-wrap:hover .book-cover {
  animation: none;
  transform: rotate(-3deg) rotateY(-2deg) translateY(-8px);
}

body.its-redesign .book-cover-bg {
  background:
    radial-gradient(circle at 28% 26%, #233f80 0%, #0d2257 60%, #04102f 100%);
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.12),
    inset 14px 0 24px -14px rgba(0, 0, 0, 0.75);
}
body.its-redesign .book-cover-bg::after {
  background:
    radial-gradient(ellipse at 65% 38%, rgba(255, 255, 255, 0.10), transparent 55%),
    radial-gradient(ellipse at 30% 90%, rgba(74, 159, 255, 0.18), transparent 60%);
}
body.its-redesign .book-cover-spine {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.55), transparent);
}

body.its-redesign .book-pub { color: rgba(243, 238, 223, 0.55); }
body.its-redesign .book-title { color: #fff; }
body.its-redesign .book-title em { color: var(--gold); font-style: italic; }
body.its-redesign .book-byline { color: rgba(243, 238, 223, 0.78); }
body.its-redesign .book-mark { background: var(--gold); color: #0a0e1a; }

body.its-redesign .book-stamp {
  background: linear-gradient(135deg, #ff6b62, #d8362d);
  box-shadow: 0 18px 38px rgba(255, 91, 82, 0.45), inset 0 0 0 2px rgba(255, 255, 255, 0.1);
}

body.its-redesign .book-copy .display-h2 { color: var(--ink); }
body.its-redesign .book-copy .display-h2 em { color: var(--blue); }
body.its-redesign .book-lead { color: var(--ink-soft); }

body.its-redesign .book-meta {
  background: rgba(255, 255, 255, 0.04);
  border: 1px dashed var(--line-strong);
}
body.its-redesign .book-meta span { color: var(--muted); }
body.its-redesign .book-meta strong { color: var(--ink); }

body.its-redesign .book-form {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid var(--line-strong);
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.45);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
body.its-redesign .book-form input { color: var(--ink); }
body.its-redesign .book-form input::placeholder { color: var(--muted); }
body.its-redesign .book-form button {
  background: linear-gradient(135deg, var(--blue), var(--blue-2));
  color: #fff;
  box-shadow: 0 10px 26px rgba(74, 159, 255, 0.45);
}
body.its-redesign .book-form button:hover { background: linear-gradient(135deg, #6ab2ff, #3a7fff); transform: translateY(-1px); }
body.its-redesign .book-note { color: var(--muted); }

/* ── NEWSLETTER ───────────────────────────────────── */
body.its-redesign .newsletter {
  background:
    linear-gradient(135deg, #08111f 0%, #0d1d4a 55%, #0a2a78 100%);
  border: 1px solid var(--line-strong);
  box-shadow: 0 60px 140px rgba(0, 0, 0, 0.7);
}
body.its-redesign .newsletter-copy p { color: rgba(244, 236, 216, 0.78); }

/* ── CONTACT BAR ──────────────────────────────────── */
body.its-redesign .contact-bar {
  background:
    linear-gradient(135deg, #060912 0%, #0d1430 60%, #03081a 100%);
  border: 1px solid var(--line-strong);
  box-shadow: 0 60px 140px rgba(0, 0, 0, 0.7);
}

/* ── FOOTER ───────────────────────────────────────── */
body.its-redesign .footer {
  background: rgba(6, 9, 18, 0.6);
  border-top: 1px solid var(--line);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
body.its-redesign .footer-meta span:first-child { color: var(--ink); }
body.its-redesign .footer-loc { color: var(--muted); }
body.its-redesign .footer-links a { color: var(--muted); }
body.its-redesign .footer-links a:hover { color: var(--blue); }

/* ── INNER HERO / INNER PAGES (Zypheria, ProspektLab, Journey, Dispatch) ── */
body.its-redesign .inner-hero h1 { color: var(--ink); }
body.its-redesign .inner-hero h1 em { color: var(--blue); }

body.its-redesign .figure-cutout img {
  filter: drop-shadow(0 16px 24px rgba(74, 159, 255, 0.30)) drop-shadow(0 40px 60px rgba(0, 0, 0, 0.7));
}
body.its-redesign .figure-cutout::before {
  background: radial-gradient(circle, rgba(74, 159, 255, 0.30), transparent 65%);
}

body.its-redesign .panel,
body.its-redesign .info-card,
body.its-redesign .kpi-chip,
body.its-redesign .calc-layout {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.015)),
    rgba(17, 23, 42, 0.55);
  border: 1px solid var(--line);
  color: var(--ink);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}
body.its-redesign .info-card h4 { color: var(--blue); }
body.its-redesign .info-card li { color: var(--muted); }
body.its-redesign .info-card.dark { background: rgba(6, 10, 22, 0.85); }
body.its-redesign .calc-dials { background: rgba(255, 255, 255, 0.03); border-right-color: var(--line); }
body.its-redesign .calc-head { color: var(--muted); }
body.its-redesign .dial-label-row label { color: var(--ink); }
body.its-redesign .dial-select { background: rgba(255, 255, 255, 0.06); color: var(--ink); border-color: var(--line-strong); }
body.its-redesign .dial-slider { background: rgba(74, 159, 255, 0.18); }
body.its-redesign .calc-metric { border-bottom-color: var(--line); }
body.its-redesign .calc-metric span { color: var(--muted); }
body.its-redesign .calc-metric strong { color: var(--ink); }

body.its-redesign .feature-rows { border-top-color: var(--line); }
body.its-redesign .feature-rows li {
  border-bottom-color: var(--line);
}
body.its-redesign .feature-rows li:hover { background: rgba(255, 255, 255, 0.03); }
body.its-redesign .feature-rows strong { color: var(--ink); }
body.its-redesign .feature-rows span { color: var(--muted); }

body.its-redesign .tl-entry::before {
  background: var(--paper);
  border-color: var(--blue);
  box-shadow: 0 0 0 5px rgba(74, 159, 255, 0.25);
}
body.its-redesign .timeline::before {
  background: linear-gradient(180deg, var(--blue), var(--line));
}
body.its-redesign .tl-entry h3 { color: var(--ink); }
body.its-redesign .tl-entry p { color: var(--muted); }
body.its-redesign .tl-entry.accent h3 { color: var(--blue); }

body.its-redesign .manifesto {
  background:
    linear-gradient(135deg, #060912, #0c1430 60%, #050a18);
  border: 1px solid var(--line-strong);
  box-shadow: 0 60px 140px rgba(0, 0, 0, 0.7);
}

body.its-redesign .real-photo-section .photo-frame {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid var(--line-strong);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
body.its-redesign .photo-frame figcaption { color: var(--ink); }

body.its-redesign .dispatch-item {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.01)),
    rgba(17, 23, 42, 0.55);
  border: 1px solid var(--line);
  color: var(--ink);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
body.its-redesign .dispatch-item h3 { color: var(--ink); }
body.its-redesign .dispatch-item p { color: var(--muted); }
body.its-redesign .dispatch-item .d-meta { color: var(--amber); }
body.its-redesign .dispatch-item:hover {
  border-color: rgba(74, 159, 255, 0.4);
  box-shadow: 0 30px 60px rgba(0, 0, 0, 0.6), 0 0 40px rgba(74, 159, 255, 0.2);
}

/* ── 3D HOVER ON LANE CARDS ───────────────────────── */
body.its-redesign [data-tilt] {
  transform-style: preserve-3d;
}

/* ── SIGNAL BOARD + SUBSCRIBE (fix inverted --ink/--paper on dark theme) ── */
body.its-redesign .signal-board {
  background: rgba(12, 18, 34, 0.88);
  border-color: rgba(244, 236, 216, 0.12);
  backdrop-filter: blur(20px) saturate(130%);
  -webkit-backdrop-filter: blur(20px) saturate(130%);
  color: var(--ink);
  box-shadow: 0 28px 60px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.04);
}

body.its-redesign .board-top {
  border-bottom-color: rgba(244, 236, 216, 0.1);
  color: var(--muted);
}

body.its-redesign .board-top strong { color: var(--blue); }

body.its-redesign .ticker-grid {
  background: rgba(244, 236, 216, 0.06);
}

body.its-redesign .ticker-cell {
  background: rgba(8, 12, 24, 0.72);
}

body.its-redesign .ticker-cell span {
  color: var(--muted-2);
}

body.its-redesign .ticker-cell strong {
  color: var(--ink);
}

body.its-redesign .ticker-cell.flat small {
  color: var(--muted);
}

body.its-redesign .subscribe-panel {
  background: rgba(12, 18, 34, 0.9);
  border: 1px solid rgba(244, 236, 216, 0.12);
  backdrop-filter: blur(20px) saturate(130%);
  -webkit-backdrop-filter: blur(20px) saturate(130%);
  color: var(--ink);
  box-shadow: 0 28px 60px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.04);
}

body.its-redesign .subscribe-panel h3 {
  color: var(--ink);
}

body.its-redesign .subscribe-panel p {
  color: var(--muted);
}

body.its-redesign .subscribe-form input {
  background: rgba(0, 0, 0, 0.38);
  border-color: rgba(244, 236, 216, 0.16);
  color: var(--ink);
}

body.its-redesign .subscribe-form input::placeholder {
  color: var(--muted-2);
}

body.its-redesign .subscribe-note {
  color: var(--muted-2);
}

/* Custom cursor — editorial viewfinder (hair cross + lagging crop marks) */
body.its-redesign .cursor-cross,
body.its-redesign .cursor-frame {
  display: block !important;
  pointer-events: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  will-change: transform;
}

body.its-redesign .cursor-cross__v,
body.its-redesign .cursor-cross__h {
  position: absolute;
  left: 50%;
  top: 50%;
  background: rgba(244, 236, 216, 0.72);
  transform: translate(-50%, -50%);
  transition: width 0.28s var(--ease), height 0.28s var(--ease), background 0.28s var(--ease), opacity 0.28s var(--ease);
}

body.its-redesign .cursor-cross__v {
  width: 1px;
  height: 22px;
}

body.its-redesign .cursor-cross__h {
  width: 22px;
  height: 1px;
}

body.its-redesign .cursor-frame {
  width: 30px;
  height: 30px;
  transition: width 0.32s var(--ease), height 0.32s var(--ease), opacity 0.32s var(--ease);
}

body.its-redesign .cursor-bracket {
  position: absolute;
  width: 11px;
  height: 11px;
  border: 0 solid rgba(244, 236, 216, 0.58);
  transition: width 0.32s var(--ease), height 0.32s var(--ease), border-color 0.32s var(--ease), opacity 0.32s var(--ease);
}

body.its-redesign .cursor-bracket--tl {
  top: 0;
  left: 0;
  border-top-width: 1.5px;
  border-left-width: 1.5px;
}

body.its-redesign .cursor-bracket--tr {
  top: 0;
  right: 0;
  border-top-width: 1.5px;
  border-right-width: 1.5px;
}

body.its-redesign .cursor-bracket--bl {
  bottom: 0;
  left: 0;
  border-bottom-width: 1.5px;
  border-left-width: 1.5px;
}

body.its-redesign .cursor-bracket--br {
  bottom: 0;
  right: 0;
  border-bottom-width: 1.5px;
  border-right-width: 1.5px;
}

body.its-redesign .cursor-frame.is-hover {
  width: 44px;
  height: 44px;
}

body.its-redesign .cursor-frame.is-hover .cursor-bracket {
  width: 14px;
  height: 14px;
  border-color: rgba(74, 159, 255, 0.92);
}

body.its-redesign .cursor-cross.is-hover .cursor-cross__v {
  height: 30px;
  background: rgba(74, 159, 255, 0.95);
}

body.its-redesign .cursor-cross.is-hover .cursor-cross__h {
  width: 30px;
  background: rgba(74, 159, 255, 0.95);
}

body.its-redesign .cursor-cross.is-click .cursor-cross__v,
body.its-redesign .cursor-cross.is-click .cursor-cross__h {
  opacity: 0.55;
}

body.its-redesign .cursor-frame.is-click {
  width: 24px;
  height: 24px;
  opacity: 0.7;
}

body.its-redesign .cursor-dot,
body.its-redesign .cursor-ring,
body.its-redesign .cursor-glow,
body.its-redesign .cursor-core,
body.its-redesign .cursor-probe {
  display: none !important;
}

@media (pointer: coarse), (max-width: 1000px) {
  body.its-redesign .cursor-cross,
  body.its-redesign .cursor-frame { display: none !important; }
  body.its-redesign, body.its-redesign a, body.its-redesign button { cursor: auto !important; }
}
@media (pointer: fine) {
  body.its-redesign { cursor: none; }
  body.its-redesign a, body.its-redesign button, body.its-redesign input, body.its-redesign select, body.its-redesign textarea { cursor: none; }
}

/* Scroll progress bar adjustment */
body.its-redesign .scroll-progress {
  background: linear-gradient(90deg, var(--blue), var(--gold), var(--red));
  height: 2px;
  box-shadow: 0 0 18px rgba(74, 159, 255, 0.7);
}

/* Cinema-quote tweak */
body.its-redesign .cinema-quote em { color: var(--blue); }

/* Newsletter form input contrast */
body.its-redesign .newsletter-form { background: rgba(0, 0, 0, 0.25); border-color: rgba(255, 255, 255, 0.08); }
body.its-redesign .newsletter-field input { background: rgba(0, 0, 0, 0.35); }