:root {
  --bg: #050505;
  --surface: rgba(11,13,17,0.72);
  --surface-strong: rgba(9,12,17,0.92);
  --line: rgba(255,255,255,0.06);
  --line-soft: rgba(255,255,255,0.04);
  --white: #f8fafc;
  --body: rgba(226,232,240,0.62);
  --muted: rgba(226,232,240,0.40);
  --faint: rgba(226,232,240,0.20);
  --cyan: #33d2ff;
  --cyan-rgb: 51,210,255;
  --green: #00E5A0;
  --green-rgb: 0,229,160;
  --amber: #F59E0B;
  --amber-rgb: 245,158,11;
  --purple: #8B5CF6;
  --purple-rgb: 139,92,246;
  --rose: #F43F5E;
  --rose-rgb: 244,63,94;
  --gold: #cfad6e;
  --glass-card-bg: rgba(0,0,0,0.6);
  --glass-card-hover-bg: rgba(0,0,0,0.95);
  --card-border: rgba(255,255,255,0.05);
  --card-border-hover: rgba(255,255,255,0.1);
  --card-blur: 12px;
  --card-radius: 1.5rem;
  --card-shadow: 0 10px 30px -10px rgba(0,0,0,.5);
  --card-padding: 2rem;
  --icon-box-size: 48px;
  --icon-box-radius: 12px;
  --ease: cubic-bezier(.16,1,.3,1);
}
*{margin:0;padding:0;box-sizing:border-box}
html{background:var(--bg);scroll-behavior:smooth}
body{background:transparent;color:var(--white);font-family:'Saira',Arial,sans-serif!important;font-weight:300;overflow-x:hidden;margin:0}
::selection{background:rgba(51,210,255,0.24);color:white}
h1,h2,h3,h4,p{margin:0;padding:0;font-family:'Saira',Arial,sans-serif!important}
h1,h2,h3,h4{letter-spacing:-0.03em}

/* ═══ PAGE WRAPPER ═══ */
.page{position:relative;isolation:isolate;min-height:100vh;padding:0 0 100px}
.wrap{width:min(1200px,calc(100% - 48px));margin:0 auto}

/* ═══ AMBIENT DYNAMIC BACKGROUND ═══ */
.bg-glow{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-2;background:radial-gradient(circle 800px at var(--mouse-x,50%) var(--mouse-y,50%),rgba(51,210,255,0.04),transparent 70%);transition:background 0.05s ease;pointer-events:none}
.bg-grid{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background-image:linear-gradient(rgba(255,255,255,0.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.012) 1px,transparent 1px);background-size:50px 50px;background-position:center;mask-image:radial-gradient(circle 600px at var(--mouse-x,50%) var(--mouse-y,50%),black,transparent 80%);-webkit-mask-image:radial-gradient(circle 600px at var(--mouse-x,50%) var(--mouse-y,50%),black,transparent 80%);pointer-events:none}
.radial-orbs{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-3;background:radial-gradient(ellipse 60% 28% at 50% 0%,rgba(51,210,255,0.05),transparent 75%),radial-gradient(ellipse 35% 25% at 90% 30%,rgba(139,92,246,0.025),transparent 70%),radial-gradient(ellipse 40% 30% at 10% 60%,rgba(245,158,11,0.015),transparent 70%);pointer-events:none}

/* ═══ MICRO LABELS ═══ */
.micro{font-size:10px;font-weight:500;letter-spacing:.26em;text-transform:uppercase;color:rgba(255,255,255,0.43)}
.eyebrow{display:flex;align-items:center;gap:13px;margin-bottom:22px;color:rgba(51,210,255,0.78);font-size:10px;font-weight:500;letter-spacing:.26em;text-transform:uppercase}
.eyebrow::before{content:'';display:block;width:31px;height:1px;background:rgba(51,210,255,0.57)}
.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 13px rgba(51,210,255,0.71)}
.dot.green{background:var(--green);box-shadow:0 0 12px rgba(0,229,160,0.68)}
.dot.amber{background:var(--amber);box-shadow:0 0 12px rgba(245,158,11,0.66)}
.dot.purple{background:var(--purple);box-shadow:0 0 12px rgba(139,92,246,0.65)}
.dot.rose{background:var(--rose);box-shadow:0 0 12px rgba(244,63,94,0.7)}

/* ═══ SCROLL REVEAL ═══ */
.reveal{opacity:0;transform:translateY(20px);transition:opacity .72s var(--ease),transform .72s var(--ease)}
.reveal.active{opacity:1;transform:none}
.d1{transition-delay:.08s}.d2{transition-delay:.16s}.d3{transition-delay:.24s}.d4{transition-delay:.32s}.d5{transition-delay:.4s}

/* ═══ ARCHIFY 2.11.0 MASTER SPECIFICATIONS ═══ */
.gc-style1-p {
  background: rgba(0, 0, 0, 0.65) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border: 1px solid rgba(255, 255, 255, 0.05) !important;
  border-radius: 1.5rem !important;
  position: relative;
  overflow: hidden !important;
  transform-style: preserve-3d;
  will-change: transform;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.6s, background 0.4s;
}
.gc-style1-p::after {
  content: '';
  position: absolute; inset: 0;
  border-radius: inherit;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 250 250' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");
  opacity: 0.015;
  mix-blend-mode: overlay;
  pointer-events: none;
  z-index: 5;
}
.gc-style1-p:hover {
  background: radial-gradient(circle at var(--glare-x, 50%) var(--glare-y, 50%), var(--theme-glow, rgba(51, 210, 255, 0.06)) 0%, rgba(0,0,0,0.96) 80%) !important;
  box-shadow:
    inset 1px 1px 0px rgba(255,255,255,0.12),
    inset -1px -1px 0px rgba(0,0,0,0.5),
    0 25px 50px var(--theme-shadow, rgba(51, 210, 255, 0.25)),
    0 15px 35px -5px rgba(0,0,0,0.6) !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
}
.gc-style1-p .border-glare {
  content: '';
  position: absolute; inset: 0;
  border-radius: inherit;
  padding: 1px;
  background: radial-gradient(circle 120px at var(--glare-x, 50%) var(--glare-y, 50%), var(--theme-border-glow, rgba(51, 210, 255, 0.9)) 0%, transparent 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  z-index: 15;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s, visibility 0.3s;
}
.gc-style1-p:hover .border-glare {
  visibility: visible;
  opacity: 1;
}
.gc-style1-p.theme-cyan { --theme-glow: rgba(51,210,255,0.08); --theme-shadow: rgba(51,210,255,0.25); --theme-border-glow: rgba(51,210,255,0.9); }

/* ═══ GC-STYLE1-P CARDS ═══ */
.gc{
  background:rgba(0,0,0,0.6)!important;
  backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;
  border:none!important;
  border-radius:var(--card-radius);
  padding:var(--card-padding);
  box-shadow:inset 1px 1px 0px rgba(255,255,255,0.08),inset -1px -1px 0px rgba(0,0,0,0.4),0 20px 40px -10px rgba(0,0,0,0.7);
  position:relative;overflow:hidden;
  transform-style:preserve-3d;
  transition:transform 0.6s var(--ease),box-shadow 0.6s,background 0.4s;
}
.gc::after{content:'';position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 250 250' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:0.015;mix-blend-mode:overlay;pointer-events:none;z-index:5}
.gc::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,transparent 40%,rgba(255,255,255,0.08) 50%,transparent 60%);background-size:300% 300%;background-position:var(--glare-x,50%) var(--glare-y,50%);opacity:0;mix-blend-mode:normal;pointer-events:none;z-index:10;transition:opacity 0.3s;border-radius:inherit}
.gc:hover::before{opacity:1}
.gc .border-glare{position:absolute;inset:0;border-radius:inherit;padding:1px;background:radial-gradient(circle 80px at var(--glare-x,50%) var(--glare-y,50%),var(--theme-border,rgba(51,210,255,0.95)) 0%,transparent 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:15;visibility:hidden;opacity:0;transition:opacity 0.3s,visibility 0.3s}
.gc:hover .border-glare{visibility:visible;opacity:1}
.gc:hover{background:radial-gradient(circle at var(--glare-x,50%) var(--glare-y,50%),var(--theme-glow,rgba(51,210,255,0.06)) 0%,rgba(0,0,0,0.95) 80%)!important;box-shadow:inset 1px 1px 0px rgba(255,255,255,0.14),inset -1px -1px 0px rgba(0,0,0,0.5),0 25px 50px var(--theme-shadow,rgba(51,210,255,0.16)),0 15px 35px -5px rgba(0,0,0,0.6)}

/* Theme colors */
.gc.t-cyan{--theme-glow:rgba(51,210,255,0.06);--theme-shadow:rgba(51,210,255,0.16);--theme-border:rgba(51,210,255,0.95)}
.gc.t-green{--theme-glow:rgba(0,229,160,0.06);--theme-shadow:rgba(0,229,160,0.16);--theme-border:rgba(0,229,160,0.95)}
.gc.t-amber{--theme-glow:rgba(245,158,11,0.06);--theme-shadow:rgba(245,158,11,0.16);--theme-border:rgba(245,158,11,0.95)}
.gc.t-purple{--theme-glow:rgba(139,92,246,0.06);--theme-shadow:rgba(139,92,246,0.16);--theme-border:rgba(139,92,246,0.95)}
.gc.t-rose{--theme-glow:rgba(244,63,94,0.06);--theme-shadow:rgba(244,63,94,0.16);--theme-border:rgba(244,63,94,0.95)}
.gc.t-gold{--theme-glow:rgba(207,173,110,0.06);--theme-shadow:rgba(207,173,110,0.16);--theme-border:rgba(207,173,110,0.95)}

/* Ghost vector watermark */
.ghost-v{position:absolute;bottom:-32px;right:-32px;font-size:135px;pointer-events:none;transition:all 0.6s var(--ease);z-index:1;opacity:0.015}
.gc:hover .ghost-v{opacity:0.06;transform:rotate(-10deg) scale(1.08) translateZ(15px)}

/* Background Radar Decoration & Diagnostic Terminal Animations */
.cta-bg-radar{transition:all 0.6s var(--ease);transform-origin:center;}
.gc:hover .cta-bg-radar{opacity:0.25!important;transform:rotate(15deg) scale(1.08) translateZ(15px)}
@keyframes scanLineVertical{
  0%{top:0%}
  50%{top:100%}
  100%{top:0%}
}
.gc.t-cyan .ghost-v{color:var(--cyan)}.gc.t-green .ghost-v{color:var(--green)}.gc.t-amber .ghost-v{color:var(--amber)}.gc.t-purple .ghost-v{color:var(--purple)}.gc.t-rose .ghost-v{color:var(--rose)}

@keyframes line-flow-forward {
  to {
    stroke-dashoffset: -24;
  }
}
[data-animate="edge"] {
  stroke-dasharray: 6 6 !important;
  stroke-dashoffset: 0 !important;
  animation: line-flow-forward 1.8s linear infinite !important;
}
.gc-node {
  transform-box: fill-box;
  transform-origin: center;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  cursor: pointer;
}
.gc-node:hover {
  transform: translateY(-3px) scale(1.02);
}
.gc-node:hover rect {
  stroke-width: 2.2px !important;
  filter: drop-shadow(0 4px 12px rgba(255, 255, 255, 0.15));
}
@keyframes status-pulse {
  0% { r: 3px; opacity: 1; stroke-width: 1.5px; }
  100% { r: 9px; opacity: 0; stroke-width: 0.5px; }
}
.pulse-ring {
  animation: status-pulse 2s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
}

/* Icon box */
.ib{width:var(--icon-box-size);height:var(--icon-box-size);border-radius:var(--icon-box-radius);display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;transform:translateZ(25px);transition:transform 0.6s var(--ease),background 0.3s,border-color 0.3s,box-shadow 0.3s,color 0.3s;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);color:rgba(255,255,255,0.8)}
.gc.t-cyan:hover .ib{background:rgba(51,210,255,0.2)!important;border-color:rgba(51,210,255,0.5)!important;box-shadow:0 0 25px rgba(51,210,255,0.4)!important;color:#fff!important;transform:translateZ(35px) scale(1.1) rotate(4deg)!important}
.gc.t-green:hover .ib{background:rgba(0,229,160,0.2)!important;border-color:rgba(0,229,160,0.5)!important;box-shadow:0 0 25px rgba(0,229,160,0.4)!important;color:#fff!important;transform:translateZ(35px) scale(1.1) rotate(4deg)!important}
.gc.t-amber:hover .ib{background:rgba(245,158,11,0.2)!important;border-color:rgba(245,158,11,0.5)!important;box-shadow:0 0 25px rgba(245,158,11,0.4)!important;color:#fff!important;transform:translateZ(35px) scale(1.1) rotate(4deg)!important}
.gc.t-purple:hover .ib{background:rgba(139,92,246,0.2)!important;border-color:rgba(139,92,246,0.5)!important;box-shadow:0 0 25px rgba(139,92,246,0.4)!important;color:#fff!important;transform:translateZ(35px) scale(1.1) rotate(4deg)!important}
.gc.t-rose:hover .ib{background:rgba(244,63,94,0.2)!important;border-color:rgba(244,63,94,0.5)!important;box-shadow:0 0 25px rgba(244,63,94,0.4)!important;color:#fff!important;transform:translateZ(35px) scale(1.1) rotate(4deg)!important}
.gc:hover iconify-icon{animation:iconFloat 1.5s ease-in-out infinite alternate}
@keyframes iconFloat{0%{transform:translateY(0)}100%{transform:translateY(-4px)}}
@keyframes sonarPulse{0%{transform:scale(0.92);opacity:0.8}100%{transform:scale(1.22);opacity:0}}

/* ═══ HERO ═══ */
.hero{position:relative;text-align:center;padding:100px 0 60px}
.hero-tag{display:inline-flex;align-items:center;gap:10px;padding:7px 22px;border-radius:9999px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.14em;border:1px solid rgba(255,255,255,0.08);background:rgba(255,255,255,0.03);color:rgba(51,210,255,0.85)}
.hero h1{font-size:clamp(42px,5.6vw,72px);font-weight:600;letter-spacing:-.064em;line-height:.92;text-transform:uppercase;margin:28px 0 20px}
.hero h1 .dim{display:block;color:rgba(255,255,255,.29)}
.hero-sub{font-size:15px;color:var(--body);max-width:600px;margin:0 auto;line-height:1.8;font-weight:300}
.hero-stats{display:flex;justify-content:center;gap:14px;margin-top:40px;flex-wrap:wrap}
.hero-stat{text-align:center;padding:20px 24px;border-radius:14px;border:1px solid rgba(255,255,255,0.06);background:rgba(0,0,0,0.5);backdrop-filter:blur(12px);min-width:120px;transition:all 0.4s var(--ease);box-shadow:inset 1px 1px 0 rgba(255,255,255,0.05),0 10px 25px rgba(0,0,0,0.5)}
.hero-stat:hover{border-color:rgba(51,210,255,0.25);transform:translateY(-4px);box-shadow:0 0 25px rgba(51,210,255,0.08),0 15px 30px rgba(0,0,0,0.5)}
.hero-stat .val{font-size:22px;font-weight:600;color:var(--cyan);display:block;letter-spacing:-.02em}
.hero-stat .lbl{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.18em;margin-top:4px;display:block}

/* ═══ SECTION DIVIDER ═══ */
.divider{height:1px;margin:72px 0;background:linear-gradient(90deg,transparent,rgba(51,210,255,0.12),rgba(139,92,246,0.08),transparent);position:relative;overflow:hidden}
.divider::after{content:'';position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);animation:shimmer 4s infinite}
@keyframes shimmer{0%{left:-100%}100%{left:200%}}

/* ═══ SECTION HEADER ═══ */
.sec{margin-top:0;position:relative}
.sec-title{font-size:28px;font-weight:600;letter-spacing:-.03em;margin-bottom:8px;line-height:1.15;text-transform:uppercase}
.sec-sub{font-size:13px;color:var(--body);max-width:700px;line-height:1.8;font-weight:300;margin-bottom:32px}

/* ═══ CROSSROADS ═══ */
.cross-grid{display:grid;grid-template-columns:1fr 60px 1fr;align-items:stretch;gap:0}
.cross-vs{display:flex;align-items:center;justify-content:center}
.cross-vs-dot{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.1);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:var(--muted);letter-spacing:.06em}
.cross-card h4{font-size:15px;font-weight:600;margin-bottom:10px;display:flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:-.01em}
.cross-card p{font-size:12px;color:var(--body);line-height:1.7;font-weight:300}
.cross-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}
.cross-m{padding:10px 12px;border-radius:10px;background:rgba(0,0,0,0.4);border:1px solid rgba(255,255,255,0.03);text-align:center;font-size:10px;color:var(--muted)}
.cross-m .mv{font-weight:600;font-size:15px;display:block;margin-bottom:2px;letter-spacing:-.02em}

/* ═══ CALLOUT ═══ */
.callout{padding:24px 28px;border-radius:16px;border-left:3px solid var(--cyan);background:rgba(51,210,255,0.03);font-size:13px;font-weight:400;color:rgba(255,255,255,0.75);margin:24px 0;position:relative;line-height:1.7}
.callout.gold{border-left-color:var(--gold);background:rgba(207,173,110,0.03)}
.callout.green{border-left-color:var(--green);background:rgba(0,229,160,0.03)}
.callout.purple{border-left-color:var(--purple);background:rgba(139,92,246,0.03)}
.callout.rose{border-left-color:var(--rose);background:rgba(244,63,94,0.03)}

/* ═══ RADAR CHART ═══ */
.radar-wrap{position:relative;width:100%;max-width:460px;margin:0 auto;aspect-ratio:1}
.radar-wrap svg{width:100%;height:100%}
.r-label{font-size:9.5px;fill:var(--muted);font-weight:500;font-family:'Saira',sans-serif;text-transform:uppercase;letter-spacing:.08em}
.r-grid{fill:none;stroke:rgba(255,255,255,0.04);stroke-width:1}
.r-shape-alone{fill:rgba(244,63,94,0.06);stroke:var(--rose);stroke-width:1.5}
.r-shape-source{fill:rgba(0,229,160,0.08);stroke:var(--green);stroke-width:2}
.r-dot{transition:all 0.4s}

/* ═══ CAPABILITY BARS ═══ */
.cap-bars{display:flex;flex-direction:column;gap:10px}
.cap-row{display:grid;grid-template-columns:180px 1fr 50px 50px;align-items:center;gap:14px;padding:14px 16px;border-radius:14px;border:1px solid rgba(255,255,255,0.04);background:rgba(0,0,0,0.4);transition:all 0.3s var(--ease)}
.cap-row:hover{border-color:rgba(51,210,255,0.12);background:rgba(0,0,0,0.55);transform:translateX(4px)}
.cap-name{font-size:12px;font-weight:500;color:rgba(255,255,255,0.8);text-transform:uppercase;letter-spacing:.02em}
.cap-track{height:6px;border-radius:4px;background:rgba(255,255,255,0.04);overflow:hidden}
.cap-fill{height:100%;border-radius:4px;transition:width 1.8s var(--ease);width:0;position:relative}
.cap-fill::after{content:'';position:absolute;top:0;right:0;width:20px;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.25));border-radius:0 4px 4px 0}
.cap-alone{background:linear-gradient(90deg,var(--rose),rgba(244,63,94,0.4))}
.cap-source{background:linear-gradient(90deg,var(--green),rgba(0,229,160,0.5))}
.cap-pct{font-size:11px;font-weight:600;text-align:right;letter-spacing:.02em}

/* ═══ MATRIX TABLE ═══ */
.mx-wrap{overflow-x:auto;border-radius:20px;border:1px solid rgba(255,255,255,0.05);background:rgba(0,0,0,0.5);backdrop-filter:blur(12px)}
.mx-table{width:100%;border-collapse:collapse;font-size:12px}
.mx-table thead{background:rgba(255,255,255,0.02)}
.mx-table th{padding:14px 16px;text-align:center;font-size:9px;text-transform:uppercase;letter-spacing:.18em;color:var(--muted);font-weight:500;border-bottom:1px solid rgba(255,255,255,0.04)}
.mx-table th:first-child{text-align:left;padding-left:24px}
.mx-table td{padding:13px 16px;text-align:center;border-bottom:1px solid rgba(255,255,255,0.025);color:var(--body);font-size:12px;font-weight:300;transition:all 0.3s}
.mx-table td:first-child{text-align:left;color:rgba(255,255,255,0.8);font-weight:500;padding-left:24px;text-transform:uppercase;letter-spacing:.02em;font-size:11px}
.mx-table tr:hover td{background:rgba(51,210,255,0.02)}
.mx-table .win{background:rgba(0,229,160,0.04);color:var(--green);font-weight:600}
.mx-table .win::before{content:'✓ ';font-size:9px}
.mx-table .lose{color:var(--rose);opacity:0.7}
.mx-table .neu{color:var(--amber)}

/* ═══ LEVERAGE ═══ */
.lev-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:center}
.lev-card{padding:28px;border-radius:20px;position:relative;overflow:hidden}
.lev-card h4{font-size:14px;font-weight:600;margin-bottom:16px;display:flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.02em}
.lev-card ul{list-style:none}
.lev-card li{font-size:12px;color:var(--body);padding:5px 0 5px 20px;position:relative;transition:all 0.3s;font-weight:300}
.lev-card li:hover{color:#fff;padding-left:24px}
.lev-card li::before{position:absolute;left:0;font-weight:700}
.lev-partner li::before{content:'→';color:var(--cyan)}
.lev-source li::before{content:'←';color:var(--purple)}
.lev-center{text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}
.lev-mul{width:72px;height:72px;border-radius:50%;background:rgba(207,173,110,0.06);border:2px solid rgba(207,173,110,0.25);display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:var(--gold);animation:mulFloat 5s ease-in-out infinite}
@keyframes mulFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.lev-label{font-size:9px;color:var(--faint);text-transform:uppercase;letter-spacing:.2em;font-weight:600}

/* Leverage equation */
.eq-bar{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;font-weight:600;margin-top:24px}
.eq-block{padding:12px 20px;border-radius:12px;font-size:13px;text-transform:uppercase;letter-spacing:.02em;border:1px solid;transition:all 0.4s var(--ease)}
.eq-block:hover{transform:translateY(-3px)}

/* ═══ FLYWHEEL ═══ */
.fw-grid-container{display:grid;grid-template-columns:1fr;gap:24px;align-items:stretch;margin:20px 0}
@media(min-width:1024px){
  .fw-grid-container{grid-template-columns:1.2fr 1fr}
}
.fw-left-col{display:flex;flex-direction:column;justify-content:space-between;gap:20px}
.fw-img-col{display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;height:100%}
.fw-img-container{flex:1;min-height:360px;border-radius:20px;border:1px solid rgba(255,255,255,0.06);background:rgba(0,0,0,0.5);display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;position:relative;box-shadow:inset 1px 1px 0 rgba(255,255,255,0.05),0 10px 25px rgba(0,0,0,0.7);transition:all 0.4s var(--ease)}
.fw-img-container:hover{border-color:rgba(51,210,255,0.25)}
.fw-img-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);text-align:center;padding:24px;font-size:10px;text-transform:uppercase;letter-spacing:0.1em;line-height:1.6}
.fw-img-placeholder iconify-icon{font-size:36px;color:var(--cyan);margin-bottom:12px;opacity:0.8;animation:pulseCyanFw 3s infinite}
@keyframes pulseCyanFw{0%,100%{opacity:0.5;transform:scale(0.95)}50%{opacity:1;transform:scale(1.05)}}

.fw-wrap{position:relative;width:100%;max-width:440px;margin:0 auto;aspect-ratio:1}
.fw-wrap svg{width:100%;height:100%}
.fw-node{cursor:pointer;transition:all 0.3s}
.fw-node:hover .fw-bg{r:48;fill:rgba(51,210,255,0.15)}
.fw-text{font-size:7.5px;fill:#ffffff;font-family:'Saira',sans-serif;font-weight:600;text-anchor:middle;text-transform:uppercase;letter-spacing:.04em}
.fw-icon{font-size:16px;text-anchor:middle}
/* Inline flywheel strip */
/* Inline flywheel strip */
.fw-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;font-size:10px;font-weight:500;margin-top:24px}
.fw-chip{padding:7px 14px;border-radius:8px;border:1px solid rgba(255,255,255,0.05);color:var(--muted);transition:all 0.3s;text-transform:uppercase;letter-spacing:.06em;background:rgba(0,0,0,0.3)}
.fw-chip:hover{border-color:rgba(51,210,255,0.2);color:#fff;transform:translateY(-2px)}
.fw-chip.active{background:rgba(51,210,255,0.08);border-color:rgba(51,210,255,0.2);color:var(--cyan)}
.fw-arr{color:var(--faint);align-self:center;font-size:12px}

/* ═══ CAPABILITY GRID ═══ */
.cap-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:12px;justify-content:center}
@media(min-width:1024px){
  .cap-grid{grid-template-columns:repeat(6,1fr)}
}
.cap-card{text-align:center;transition:all 0.4s var(--ease);position:relative;cursor:default}
.cap-card .ib{margin:0 auto 12px}
.cap-card h5{font-size:12px;font-weight:600;color:rgba(255,255,255,0.85);text-transform:uppercase;letter-spacing:.02em;position:relative;z-index:2}
.cap-card .sub{font-size:10px;color:var(--muted);margin-top:2px;position:relative;z-index:2}

/* ═══ PORTAL ═══ */
.portal-grid{display:grid;grid-template-columns:1fr;gap:24px;align-items:stretch}
@media(min-width:1024px){
  .portal-grid{grid-template-columns:1fr 280px 1fr}
}
.portal-col h4{font-size:13px;font-weight:600;margin-bottom:16px;display:flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.06em}
.portal-items{display:flex;flex-direction:column;gap:8px}
.portal-img-col{display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;height:100%}
.portal-img-container{flex:1;min-height:360px;border-radius:18px;border:1px solid rgba(255,255,255,0.06);background:rgba(0,0,0,0.5);display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;position:relative;box-shadow:inset 1px 1px 0 rgba(255,255,255,0.05),0 10px 25px rgba(0,0,0,0.5);transition:all 0.4s var(--ease)}
.portal-img-container:hover{border-color:rgba(51,210,255,0.2)}
.portal-img-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);text-align:center;padding:24px;font-size:10px;text-transform:uppercase;letter-spacing:0.1em;line-height:1.6}
.portal-img-placeholder iconify-icon{font-size:36px;color:var(--cyan);margin-bottom:12px;opacity:0.8;animation:pulseIndicator 3s infinite}
@keyframes pulseIndicator{0%,100%{opacity:0.5;transform:scale(0.95)}50%{opacity:1;transform:scale(1.05)}}
.portal-row{display:flex;gap:14px;padding:14px 16px;border-radius:14px;border:1px solid rgba(255,255,255,0.04);background:rgba(0,0,0,0.35);transition:all 0.3s var(--ease);align-items:center;cursor:default}
.portal-row:hover{border-color:rgba(51,210,255,0.15);transform:translateX(4px);background:rgba(0,0,0,0.5)}
.portal-num{width:30px;height:30px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}
.pn-pub{background:rgba(51,210,255,0.08);border:1px solid rgba(51,210,255,0.18);color:var(--cyan)}
.pn-priv{background:rgba(139,92,246,0.08);border:1px solid rgba(139,92,246,0.18);color:var(--purple)}
.portal-row .pt{font-size:13px;font-weight:500;color:rgba(255,255,255,0.85)}
.portal-row .pd{font-size:10px;color:var(--muted);margin-top:1px}

/* ═══ F35 ═══ */
.f35-grid-container{display:grid;grid-template-columns:1fr;gap:24px;align-items:stretch;margin:20px 0}
@media(min-width:1024px){
  .f35-grid-container{grid-template-columns: 1.2fr 2.3fr}
}
.f35-img-col{display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;height:100%}
.f35-img-container{flex:1;min-height:260px;border-radius:20px;border:1px solid rgba(255,255,255,0.06);background:rgba(0,0,0,0.5);display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;position:relative;box-shadow:inset 1px 1px 0 rgba(255,255,255,0.05),0 10px 25px rgba(0,0,0,0.7);transition:all 0.4s var(--ease)}
.f35-img-container:hover{border-color:rgba(51,210,255,0.2)}
.f35-img-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);text-align:center;padding:24px;font-size:10px;text-transform:uppercase;letter-spacing:0.1em;line-height:1.6}
.f35-img-placeholder iconify-icon{font-size:36px;color:var(--cyan);margin-bottom:12px;opacity:0.8;animation:pulseCyanF35 3s infinite}
@keyframes pulseCyanF35{0%,100%{opacity:0.5;transform:scale(0.95)}50%{opacity:1;transform:scale(1.05)}}

.f35-data-col{display:flex;flex-direction:column;gap:20px;justify-content:space-between}
.f35-row{display:flex;justify-content:center;gap:14px;align-items:stretch;padding:24px 0}
.f35-card{text-align:center;min-width:110px;flex:1;height:140px;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:all 0.4s var(--ease);cursor:default;position:relative}
.f35-card:hover{transform:translateY(-8px)}
.f35-card .f-icon{font-size:36px;margin-bottom:8px;display:block;transition:transform 0.4s}
.f35-card:hover .f-icon{transform:scale(1.15)}
.f35-card .f-name{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.02em}
.f35-card .f-price{font-size:10px;color:var(--cyan);margin-top:4px;font-weight:500;letter-spacing:.06em}
.f35-card .f-desc{font-size:9px;color:var(--muted);margin-top:3px;text-transform:uppercase;letter-spacing:.06em}
.f35-active::after{content:'YOU ARE HERE';position:absolute;top:-12px;left:50%;transform:translateX(-50%);padding:3px 12px;border-radius:8px;background:var(--cyan);color:#050505;font-size:8px;font-weight:700;letter-spacing:.1em;white-space:nowrap}
.f35-conn{color:var(--faint);font-size:20px;align-self:center;display:flex;align-items:center}

/* ═══ STAIRCASE ═══ */
.stair-row{display:flex;align-items:flex-end;justify-content:center;gap:10px;padding:20px 0}
.stair{flex:1;max-width:230px;border-radius:16px 16px 0 0;padding:22px 18px;border:1px solid rgba(255,255,255,0.04);border-bottom:3px solid;position:relative;transition:all 0.4s var(--ease);background:rgba(0,0,0,0.4)}
.stair:hover{transform:translateY(-8px)}
.s1{min-height:200px;border-bottom-color:var(--cyan)}.s2{min-height:260px;border-bottom-color:var(--green)}.s3{min-height:320px;border-bottom-color:var(--amber)}.s4{min-height:380px;border-bottom-color:var(--purple)}
.stair .s-badge{font-size:9px;text-transform:uppercase;letter-spacing:.18em;font-weight:600;margin-bottom:4px}
.s1 .s-badge{color:var(--cyan)}.s2 .s-badge{color:var(--green)}.s3 .s-badge{color:var(--amber)}.s4 .s-badge{color:var(--purple)}
.stair .s-name{font-size:14px;font-weight:600;margin-bottom:8px;text-transform:uppercase;letter-spacing:-.01em}
.stair .s-body{font-size:10px;color:var(--body);line-height:1.6;font-weight:300}
.stair .s-unlock{font-size:9px;margin-top:10px;padding-top:8px;border-top:1px solid rgba(255,255,255,0.04);display:flex;align-items:center;gap:6px}
.s1 .s-unlock{color:var(--cyan)}.s2 .s-unlock{color:var(--green)}.s3 .s-unlock{color:var(--amber)}.s4 .s-unlock{color:var(--purple)}

/* ═══ INVESTMENT ═══ */
.pay-flow{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}
.pay-card{padding:22px 26px;border-radius:16px;border:1px solid rgba(255,255,255,0.06);background:rgba(0,0,0,0.5);text-align:center;min-width:150px;transition:all 0.4s var(--ease);box-shadow:inset 1px 1px 0 rgba(255,255,255,0.05),0 10px 25px rgba(0,0,0,0.5)}
.pay-card:hover{transform:translateY(-4px)}
.pay-card.active{border-color:rgba(51,210,255,0.25);box-shadow:0 0 20px rgba(51,210,255,0.06),0 15px 30px rgba(0,0,0,0.5)}
.pay-card .amt{font-size:26px;font-weight:600;color:var(--cyan);letter-spacing:-.02em}
.pay-card .lbl{font-size:10px;color:var(--muted);margin-top:4px;line-height:1.5;font-weight:300}
.pay-conn{color:var(--faint);font-size:20px}
.ladder{display:flex;flex-direction:column;gap:6px}
.rung{display:grid;grid-template-columns:200px 1fr auto;align-items:center;padding:14px 18px;border-radius:14px;border:1px solid rgba(255,255,255,0.04);background:rgba(0,0,0,0.35);gap:14px;transition:all 0.3s var(--ease)}
.rung:hover{border-color:rgba(51,210,255,0.1);background:rgba(0,0,0,0.5);transform:translateX(4px)}
.rung-n{font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:.01em}
.rung-d{font-size:11px;color:var(--body);font-weight:300}
.rung-p{font-size:12px;font-weight:600;color:var(--cyan);white-space:nowrap;letter-spacing:.02em}
.rung.current{border-left:3px solid var(--cyan);background:rgba(51,210,255,0.03)}
.rung.current .rung-p{color:var(--green)}

/* ═══ ICEBERG ═══ */
.ice-grid-container{display:grid;grid-template-columns:1fr;gap:24px;align-items:stretch;margin:20px 0}
@media(min-width:1024px){
  .ice-grid-container{grid-template-columns:1fr 1.2fr}
}
.ice-wrap{border-radius:20px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;height:100%}
.ice-above{padding:36px 28px;background:rgba(51,210,255,0.03);border:1px solid rgba(51,210,255,0.1);border-radius:20px 20px 0 0;text-align:center}
.ice-above h4{font-size:15px;color:var(--cyan);margin-bottom:6px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}
.ice-above p{font-size:11px;color:var(--body);font-weight:300}
.ice-water{position:relative;height:44px;overflow:hidden}
.ice-water svg{position:absolute;top:0;left:0;width:100%;height:100%}
.ice-water-lbl{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:rgba(5,5,5,0.8);padding:2px 16px;font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.2em;font-weight:600;border-radius:4px;z-index:2}
.ice-below{padding:36px 28px;background:rgba(139,92,246,0.02);border:1px solid rgba(139,92,246,0.08);border-radius:0 0 20px 20px;flex:1}
.ice-below h4{font-size:13px;color:var(--purple);margin-bottom:14px;text-align:center;font-weight:600;text-transform:uppercase;letter-spacing:.04em}
.ice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;max-width:540px;margin:0 auto}
.ice-item{font-size:11px;color:var(--body);padding:8px 12px;border-radius:10px;background:rgba(139,92,246,0.03);border:1px solid rgba(139,92,246,0.06);transition:all 0.3s;display:flex;align-items:center;gap:8px;font-weight:300;cursor:default}
.ice-item:hover{border-color:rgba(139,92,246,0.18);background:rgba(139,92,246,0.06);transform:translateX(4px)}
.ice-item::before{content:'▸';color:var(--purple);font-weight:700}

.ice-img-col{display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;height:100%}
.ice-img-container{flex:1;min-height:360px;border-radius:20px;border:1px solid rgba(255,255,255,0.06);background:rgba(0,0,0,0.5);display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;position:relative;box-shadow:inset 1px 1px 0 rgba(255,255,255,0.05),0 10px 25px rgba(0,0,0,0.7);transition:all 0.4s var(--ease)}
.ice-img-container:hover{border-color:rgba(139,92,246,0.25)}
.ice-img-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);text-align:center;padding:24px;font-size:10px;text-transform:uppercase;letter-spacing:0.1em;line-height:1.6}
.ice-img-placeholder iconify-icon{font-size:36px;color:var(--purple);margin-bottom:12px;opacity:0.8;animation:pulsePurple 3s infinite}
@keyframes pulsePurple{0%,100%{opacity:0.5;transform:scale(0.95)}50%{opacity:1;transform:scale(1.05)}}


/* ═══ TIMELINE ═══ */
.tl-grid-container{display:grid;grid-template-columns:1fr;gap:24px;align-items:stretch;margin:20px 0}
@media(min-width:1024px){
  .tl-grid-container{grid-template-columns:1.2fr 1fr}
}
.tl{position:relative;padding-left:44px;height:100%;display:flex;flex-direction:column;justify-content:space-between}
.tl::before{content:'';position:absolute;left:15px;top:var(--tl-line-top, 28px);bottom:var(--tl-line-bottom, 28px);width:2px;background:linear-gradient(180deg,var(--cyan),var(--green),var(--amber),var(--purple),var(--gold));border-radius:2px}
.tl-item{position:relative;margin-bottom:28px;padding:18px 22px;border-radius:16px;border:1px solid rgba(255,255,255,0.04);background:rgba(0,0,0,0.4);transition:all 0.3s var(--ease)}
.tl-item:hover{border-color:rgba(51,210,255,0.1);background:rgba(0,0,0,0.55);transform:translateX(4px)}
.tl-dot{position:absolute;left:-36px;top:50%;transform:translateY(-50%);width:16px;height:16px;border-radius:50%;border:3px solid var(--bg);z-index:2}
.tl-item:nth-child(1) .tl-dot{background:var(--cyan);box-shadow:0 0 10px rgba(51,210,255,0.5)}
.tl-item:nth-child(2) .tl-dot{background:var(--green);box-shadow:0 0 10px rgba(0,229,160,0.5)}
.tl-item:nth-child(3) .tl-dot{background:var(--amber);box-shadow:0 0 10px rgba(245,158,11,0.5)}
.tl-item:nth-child(4) .tl-dot{background:var(--purple);box-shadow:0 0 10px rgba(139,92,246,0.5)}
.tl-item:nth-child(5) .tl-dot{background:var(--gold);box-shadow:0 0 10px rgba(207,173,110,0.5)}
.tl-time{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.18em;font-weight:500}
.tl-name{font-size:15px;font-weight:600;margin:3px 0 8px;text-transform:uppercase;letter-spacing:-.01em}
.tl-body li{list-style:none;font-size:11px;color:var(--body);padding:2px 0 2px 16px;position:relative;font-weight:300}
.tl-body li::before{content:'◈';position:absolute;left:0;color:var(--faint);font-size:9px}

.tl-img-col{display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;height:100%}
.tl-img-container{flex:1;min-height:auto;border-radius:20px;border:1px solid rgba(255,255,255,0.06);background:rgba(0,0,0,0.5);display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;position:relative;box-shadow:inset 1px 1px 0 rgba(255,255,255,0.05),0 10px 25px rgba(0,0,0,0.7);transition:all 0.4s var(--ease)}
.tl-img-container:hover{border-color:rgba(0,229,160,0.25)}
.tl-img-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);text-align:center;padding:24px;font-size:10px;text-transform:uppercase;letter-spacing:0.1em;line-height:1.6}
.tl-img-placeholder iconify-icon{font-size:36px;color:var(--green);margin-bottom:12px;opacity:0.8;animation:pulseGreen 3s infinite}
@keyframes pulseGreen{0%,100%{opacity:0.5;transform:scale(0.95)}50%{opacity:1;transform:scale(1.05)}}

.tl-dashboard-preview{margin-top:14px;display:flex;flex-direction:column;gap:10px;justify-content:center}
.tld-row{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-radius:10px;border:1px solid rgba(255,255,255,0.03);background:rgba(0,0,0,0.4);font-size:10px;letter-spacing:0.02em}
.tld-row span{font-family:'Saira',sans-serif;font-weight:500;text-transform:uppercase}
.tld-val{color:var(--white);font-weight:600}
.tld-bar{height:4px;border-radius:2px;background:rgba(255,255,255,0.04);overflow:hidden;margin-top:4px;width:100%}
.tld-fill{height:100%;border-radius:2px;width:0;transition:width 0.8s var(--ease)}

/* Dynamic console style */
.tld-console{margin-top:14px;border:1px solid rgba(255,255,255,0.06);background:#020202;border-radius:12px;padding:12px 16px;height:230px;font-family:monospace;font-size:9.5px;color:#00E5A0;overflow-y:hidden;display:flex;flex-direction:column;gap:6px;box-shadow:inset 0 4px 10px rgba(0,0,0,0.9);position:relative}
.tld-console-hdr{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,0.04);padding-bottom:6px;margin-bottom:4px;color:rgba(255,255,255,0.4);text-transform:uppercase;font-size:8px;letter-spacing:0.1em}
.tld-console-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0.85;animation:consoleSlideIn 0.3s ease-out forwards}
@keyframes consoleSlideIn{from{opacity:0;transform:translateY(4px)}to{opacity:0.85;transform:none}}

/* Telemetry grids */
.tld-telemetry{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:12px;width:100%}
.tld-pill{padding:5px 8px;border-radius:6px;border:1px solid rgba(255,255,255,0.03);background:rgba(255,255,255,0.01);display:flex;align-items:center;gap:6px;font-size:8.5px;color:rgba(255,255,255,0.5);font-weight:500;letter-spacing:0.04em}
.tld-pill-dot{width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,0.2)}
.tld-pill-dot.active{background:var(--green);box-shadow:0 0 8px var(--green);animation:pulseDot 1.5s infinite alternate}
@keyframes pulseDot{0%{transform:scale(0.85);opacity:0.5}100%{transform:scale(1.15);opacity:1}}

/* ═══ REVENUE TABLE ═══ */
.rev-grid-container{display:grid;grid-template-columns:1fr;gap:24px;align-items:stretch;margin:20px 0}
@media(min-width:1024px){
  .rev-grid-container{grid-template-columns:1fr 1.3fr}
}
.rev-img-col{display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;height:100%;max-height:100%}
.rev-img-container{height:100%;min-height:300px;border-radius:20px;border:1px solid rgba(255,255,255,0.06);background:rgba(0,0,0,0.5);display:flex;flex-direction:column;align-items:stretch;justify-content:stretch;overflow:hidden;position:relative;box-shadow:inset 1px 1px 0 rgba(255,255,255,0.05),0 10px 25px rgba(0,0,0,0.7);transition:all 0.4s var(--ease)}
.rev-img-container:hover{border-color:rgba(51,210,255,0.25)}
.rev-img-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);text-align:center;padding:24px;font-size:10px;text-transform:uppercase;letter-spacing:0.1em;line-height:1.6}
.rev-img-placeholder iconify-icon{font-size:36px;color:var(--cyan);margin-bottom:12px;opacity:0.8;animation:pulseCyan 3s infinite}
@keyframes pulseCyan{0%,100%{opacity:0.5;transform:scale(0.95)}50%{opacity:1;transform:scale(1.05)}}

.rev-data-col{display:flex;flex-direction:column;gap:20px;justify-content:space-between}
.rev-wrap{border-radius:20px;border:1px solid rgba(255,255,255,0.05);background:rgba(0,0,0,0.5);backdrop-filter:blur(12px);overflow:hidden}
.rev-table{width:100%;border-collapse:collapse;font-size:12px}
.rev-table thead{background:rgba(255,255,255,0.02)}
.rev-table th{padding:13px 16px;text-align:left;font-size:9px;text-transform:uppercase;letter-spacing:.18em;color:var(--muted);font-weight:500;border-bottom:1px solid rgba(255,255,255,0.04)}
.rev-table td{padding:13px 16px;border-bottom:1px solid rgba(255,255,255,0.025);font-size:12px;color:var(--body);font-weight:300;transition:all 0.3s}
.rev-table tr:hover td{background:rgba(51,210,255,0.02)}
.rev-table td:first-child{color:rgba(255,255,255,0.8);font-weight:500;text-transform:uppercase;letter-spacing:.02em;font-size:11px}
.rev-table td:nth-child(2){color:var(--cyan);font-weight:500}
.rev-table td:nth-child(3){color:var(--green);font-weight:600}
.rev-table td:nth-child(4){color:var(--purple)}

/* Revenue donuts */
.donut-row{display:flex;justify-content:center;gap:28px;flex-wrap:wrap;margin-top:24px}
.donut-card{text-align:center;transition:all 0.4s var(--ease);cursor:default}
.donut-card:hover{transform:translateY(-4px)}
.donut-card svg{width:90px;height:90px}
.d-track{fill:none;stroke:rgba(255,255,255,0.04);stroke-width:7}
.d-fill{fill:none;stroke-width:7;stroke-linecap:round;transition:stroke-dashoffset 2s var(--ease)}
.donut-card .d-label{font-size:10px;color:var(--muted);margin-top:6px;font-weight:500;text-transform:uppercase;letter-spacing:.08em}
.donut-card .d-val{font-size:13px;font-weight:600;margin-top:3px}

/* Score summary */
.score-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:20px}
.score-card{text-align:center;padding:16px 12px;border-radius:14px;border:1px solid rgba(255,255,255,0.04);background:rgba(0,0,0,0.4);transition:all 0.4s var(--ease)}
.score-card:hover{transform:translateY(-4px);border-color:rgba(255,255,255,0.08)}
.score-label{font-size:9px;text-transform:uppercase;letter-spacing:.14em;font-weight:600;margin-bottom:8px}
.score-bar{height:4px;border-radius:3px;background:rgba(255,255,255,0.04);overflow:hidden;margin-bottom:8px}
.score-bar-fill{height:100%;border-radius:3px;transition:width 1.8s var(--ease);width:0}
.score-val{font-size:20px;font-weight:600;letter-spacing:-.02em}
.score-max{font-size:10px;color:var(--faint)}

/* Investment Grid */
.inv-grid-container{display:grid;grid-template-columns:1fr;gap:24px;align-items:stretch;margin:20px 0}
@media(min-width:1024px){
  .inv-grid-container{grid-template-columns:1.3fr 1fr}
}
.inv-data-col{display:flex;flex-direction:column;gap:20px}
.inv-img-col{display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;height:100%;max-height:100%}
.inv-img-container{height:100%;min-height:0;border-radius:20px;border:1px solid rgba(255,255,255,0.06);background:rgba(0,0,0,0.5);display:flex;flex-direction:column;align-items:stretch;justify-content:stretch;overflow:hidden;position:relative;box-shadow:inset 1px 1px 0 rgba(255,255,255,0.05),0 10px 25px rgba(0,0,0,0.7);transition:all 0.4s var(--ease)}
.inv-img-container:hover{border-color:rgba(207,173,110,0.25)}
.inv-img-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);text-align:center;padding:24px;font-size:10px;text-transform:uppercase;letter-spacing:0.1em;line-height:1.6}
.inv-img-placeholder iconify-icon{font-size:36px;color:var(--gold);margin-bottom:12px;opacity:0.8;animation:pulseGold 3s infinite}
@keyframes pulseGold{0%,100%{opacity:0.5;transform:scale(0.95)}50%{opacity:1;transform:scale(1.05)}}

/* ═══ CTA ═══ */
.cta-grid-container{display:grid;grid-template-columns:1fr;gap:24px;align-items:stretch;margin:20px 0}
@media(min-width:1024px){
  .cta-grid-container{grid-template-columns:1.3fr 1fr}
}
.cta-box{text-align:left;padding:44px 36px;border-radius:24px;position:relative;overflow:hidden;height:100%;display:flex;flex-direction:column;justify-content:center}
.cta-box h3{font-size:28px;font-weight:600;margin-bottom:10px;letter-spacing:-.03em;text-transform:uppercase}
.cta-box p{font-size:14px;color:var(--body);max-width:520px;margin:0 0 28px;line-height:1.8;font-weight:300}
.cta-btn{display:inline-block;padding:14px 40px;background:linear-gradient(135deg,var(--cyan),var(--green));color:#050505;font-size:12px;font-weight:700;border-radius:12px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:all 0.4s;border:none;position:relative;overflow:hidden;width:max-content}
.cta-btn:hover{transform:translateY(-2px);box-shadow:0 12px 40px rgba(51,210,255,0.25)}
.cta-btn::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.15),transparent);transition:left 0.5s}
.cta-btn:hover::after{left:100%}
.cta-footer{margin-top:20px;font-size:9px;color:var(--faint);letter-spacing:.14em;text-transform:uppercase}

.cta-img-col{display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;height:100%}
.cta-img-container{flex:1;min-height:280px;border-radius:24px;border:1px solid rgba(255,255,255,0.06);background:rgba(0,0,0,0.5);display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;position:relative;box-shadow:inset 1px 1px 0 rgba(255,255,255,0.05),0 10px 25px rgba(0,0,0,0.7);transition:all 0.4s var(--ease)}
.cta-img-container:hover{border-color:rgba(51,210,255,0.25)}
.cta-img-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);text-align:center;padding:24px;font-size:10px;text-transform:uppercase;letter-spacing:0.1em;line-height:1.6}
.cta-img-placeholder iconify-icon{font-size:36px;color:var(--cyan);margin-bottom:12px;opacity:0.8;animation:pulseCta 3s infinite}
@keyframes pulseCta{0%,100%{opacity:0.5;transform:scale(0.95)}50%{opacity:1;transform:scale(1.05)}}

/* Velocity chart */
.vel-chart svg{width:100%;height:auto}

/* ═══ RESPONSIVE ═══ */
@media(max-width:768px){
  .cta-grid-container{grid-template-columns:1fr}
  .cta-box{text-align:center}
  .cta-btn{margin:0 auto}

  .cross-grid{grid-template-columns:1fr}
  .cross-vs{padding:12px 0}
  .lev-grid{grid-template-columns:1fr}
  .lev-center{flex-direction:row;padding:12px 0}
  .stair-row{flex-direction:column;align-items:stretch}
  .stair{min-height:auto!important;border-radius:16px;border-bottom-width:3px}
  .portal-grid{grid-template-columns:1fr}
  .f35-row{flex-direction:column;align-items:center}
  .f35-conn{transform:rotate(90deg)}
  .cap-row{grid-template-columns:1fr;gap:4px}
  .cap-name{margin-bottom:4px}
  .rung{grid-template-columns:1fr;gap:4px}
  .ice-grid{grid-template-columns:1fr}
  .donut-row{gap:14px}
  .score-grid{grid-template-columns:1fr 1fr}
}
.absolute { position: absolute; }

/* ============================================================
   SOURCE VISUAL STAGE V10 (INTERACTIVE SLIDESHOW SLAB)
   ============================================================ */
.sv-v10-container {
  position: relative;
  width: 100%;
  max-width: 540px;
  aspect-ratio: 3/2;
  margin: 0 auto;
  perspective: 1500px;
}
.sv-v10-scene {
  position: relative;
  width: 100%;
  max-width: 540px;
  aspect-ratio: 3/2;
  transform-style: preserve-3d;
  will-change: transform;
  animation: svV10Float 8s ease-in-out infinite;
}
.sv-v10-glow {
  position: absolute;
  width: 110%; height: 75%; bottom: -15%; left: -5%;
  background: radial-gradient(ellipse at center, rgba(0,0,0,0.3) 0%, transparent 75%);
  border-radius: 50%; filter: blur(18px); z-index: 1; pointer-events: none;
  transform: rotateX(76deg) translateZ(-160px);
  box-shadow: 0 10px 40px rgba(0,0,0,0.3);
  transition: all 0.8s cubic-bezier(0.16,1,0.3,1);
}
.sv-v10-glow::before { content: ''; position: absolute; inset: 8%; border: 1px dashed rgba(255,255,255,0.06); border-radius: 50%; transition: border-color 0.8s ease; }
.sv-v10-glow::after { content: ''; position: absolute; inset: 22%; border: 1px dashed rgba(255,255,255,0.04); border-radius: 50%; transition: border-color 0.8s ease; }
.sv-v10-blur-bg {
  position: absolute; top: -8%; left: -8%; width: 116%; height: 116%;
  object-fit: cover; filter: blur(36px) saturate(0); opacity: 0.06; pointer-events: none; z-index: 2;
  transform: translateZ(-120px); transition: all 0.8s cubic-bezier(0.16,1,0.3,1);
}
.sv-v10-slab { position: relative; z-index: 5; transform: rotateX(15deg) rotateY(-16deg) rotateZ(4deg); transform-style: preserve-3d; border: none !important; padding: 10px; }
.sv-v10-slab-glass {
  position: absolute; inset: 0; z-index: 1; pointer-events: none; border-radius: 1.25rem;
  background: rgba(10,11,16,0.7); backdrop-filter: blur(28px) saturate(130%); -webkit-backdrop-filter: blur(28px) saturate(130%);
  box-shadow: inset 1px 1px 0px rgba(255,255,255,0.08), inset -1px -1px 0px rgba(0,0,0,0.4), var(--slab-shadow-x, -15px) var(--slab-shadow-y, 20px) 45px rgba(0,0,0,0.45);
  border: 1px solid rgba(255,255,255,0.03); transition: box-shadow 0.6s cubic-bezier(0.16,1,0.3,1);
}
.sv-v10-slab-inner { border-radius: 0.95rem; overflow: hidden; position: relative; aspect-ratio: 3/2; width: 100%; border: 1px solid rgba(255,255,255,0.03); transform-style: preserve-3d; z-index: 2; }
.sv-v10-slab-inner img.sv-v10-main-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  filter: saturate(0.75) brightness(0.85) contrast(1.05);
  transition: filter 0.8s cubic-bezier(0.16,1,0.3,1), transform 0.8s cubic-bezier(0.16,1,0.3,1), border-radius 0.8s cubic-bezier(0.16,1,0.3,1);
  transform: scale(1.0);
  border-radius: 0.95rem;
}
.sv-v10-slide { position: absolute; inset: 0; opacity: 0; transition: opacity 0.6s ease; pointer-events: none; }
.sv-v10-slide.active { opacity: 1; pointer-events: auto; }
.sv-v10-sweep { position: absolute; inset: 0; background: linear-gradient(135deg, transparent 38%, rgba(255,255,255,0.02) 46%, rgba(255,255,255,0.25) 50%, rgba(255,255,255,0.02) 54%, transparent 62%); background-size: 250% 250%; background-position: var(--glare-x, 50%) var(--glare-y, 50%); opacity: 0; mix-blend-mode: screen; pointer-events: none; z-index: 25; transition: opacity 0.6s ease; }
@keyframes svV10InitialSweep { 0% { background-position: -150% -150%; opacity: 1; } 100% { background-position: 200% 200%; opacity: 0; } }
.sv-v10-sweep.active-sweep { animation: svV10InitialSweep 0.65s cubic-bezier(0.16,1,0.3,1) forwards; opacity: 1 !important; }
.sv-v10-dots { position: absolute; bottom: 18px; left: 50%; transform: translateX(-50%); display: flex; gap: 8px; z-index: 25; padding: 4px 10px; background: rgba(0,0,0,0.4); backdrop-filter: blur(8px); border-radius: 20px; border: 1px solid rgba(255,255,255,0.06); cursor: pointer; opacity: 0; transition: opacity 0.3s ease; }
.sv-v10-dot { width: 7px; height: 7px; border-radius: 50%; background: rgba(255,255,255,0.25); cursor: pointer; transition: background 0.3s ease, box-shadow 0.3s ease; }
.sv-v10-container:hover .sv-v10-dot.active { background: #33d2ff; box-shadow: 0 0 8px rgba(51,210,255,0.6); }
.sv-v10-container:hover .sv-v10-dots { opacity: 1; }
.sv-v10-nav-btn { position: absolute; top: 50%; transform: translateY(-50%); z-index: 25; width: 36px; height: 36px; border-radius: 50%; background: rgba(0,0,0,0.55); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); border: 1px solid rgba(255,255,255,0.1); color: #fff; display: flex; align-items: center; justify-content: center; cursor: pointer; opacity: 0; transition: opacity 0.4s ease, background 0.3s ease, border-color 0.3s ease; }
.sv-v10-container:hover .sv-v10-nav-btn { opacity: 1; }
.sv-v10-nav-prev { left: 22px; }
.sv-v10-nav-next { right: 22px; }
.sv-v10-nav-btn:hover { background: rgba(51,210,255,0.25); border-color: rgba(51,210,255,0.6); }
.sv-v10-chips-container { position: absolute; inset: 0; transform-style: preserve-3d; pointer-events: none; z-index: 25; }
.sv-v10-chip { position: absolute; z-index: 25; background: rgba(0,0,0,0.65); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255,255,255,0.08); padding: 6px 14px; border-radius: 30px; font-family: inherit; font-size: 10px; letter-spacing: 0.08em; color: rgba(255,255,255,0.35); transform-style: preserve-3d; display: flex; align-items: center; gap: 8px; white-space: nowrap; opacity: 0; pointer-events: none; transition: transform 0.8s cubic-bezier(0.34,1.56,0.64,1), opacity 0.8s cubic-bezier(0.16,1,0.3,1), border-color 0.6s ease, color 0.4s ease, box-shadow 0.6s ease; }
.sv-v10-chip::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: rgba(255,255,255,0.2); transition: all 0.8s ease; }
.sv-v10-chip-ai    { top: 10%; left: -12%; transform: translate3d(-35px, 0, 200px) scale(0.85); }
.sv-v10-chip-lead  { top: -12%; right: -8%; transform: translate3d(35px, -20px, 160px) scale(0.85); }
.sv-v10-chip-online{ bottom: 25%; left: -15%; transform: translate3d(-35px, 15px, 200px) scale(0.85); }
@keyframes svV10ChipPulse { 0%, 100% { border-color: rgba(51,210,255,0.3); box-shadow: 0 10px 20px rgba(0,0,0,0.75), 0 0 5px rgba(51,210,255,0.15); } 50% { border-color: rgba(51,210,255,0.8); box-shadow: 0 15px 30px rgba(0,0,0,0.8), 0 0 15px rgba(51,210,255,0.5); } }
@keyframes svV10ChipPulsePurple { 0%, 100% { border-color: rgba(168,85,247,0.3); box-shadow: 0 10px 20px rgba(0,0,0,0.75), 0 0 5px rgba(168,85,247,0.15); } 50% { border-color: rgba(168,85,247,0.8); box-shadow: 0 15px 30px rgba(0,0,0,0.8), 0 0 15px rgba(168,85,247,0.5); } }
.sv-v10-connector-svg { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 20; pointer-events: none; overflow: visible; }
.sv-v10-connector-path { fill: none; stroke-width: 2.0; stroke-linecap: round; opacity: 0; transition: opacity 0.5s ease, stroke-width 0.5s ease; stroke-dasharray: 4 4; }
.sv-v10-container:hover .sv-v10-connector-path { opacity: 0.95; stroke-width: 3.0; animation: svV10PathDash 2s linear infinite; }
@keyframes svV10PathDash { to { stroke-dashoffset: -20; } }
.sv-v10-mini-card { position: absolute; bottom: -8%; right: -8%; z-index: 30; width: 210px; background: rgba(0,0,0,0.65); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255,255,255,0.08); border-radius: 0.85rem; padding: 14px; box-shadow: 0 20px 40px rgba(0,0,0,0.9), inset 1px 1px 0 rgba(255,255,255,0.1); transform: translate3d(40px, 40px, 140px) rotateX(15deg) rotateY(-18deg) scale(0.85); opacity: 0; pointer-events: none; transition: transform 0.8s cubic-bezier(0.34,1.56,0.64,1), opacity 0.8s cubic-bezier(0.16,1,0.3,1), border-color 0.6s ease, box-shadow 0.6s ease; }
.sv-v10-mini-card .sv-v10-bar { background: rgba(255,255,255,0.15); transition: all 0.8s ease; }
.sv-v10-mini-card .sv-v10-bar-fill { width: 80%; background: rgba(255,255,255,0.35); transition: all 0.8s cubic-bezier(0.16,1,0.3,1); }
.sv-v10-status-standby { color: rgba(255,255,255,0.3); transition: color 0.6s ease, text-shadow 0.6s ease; }
.sv-v10-corner-overlay { position: absolute; inset: 0; border-radius: inherit; z-index: 15; pointer-events: none; opacity: 0; transition: opacity 0.6s ease; }
.sv-v10-corner-overlay.active { opacity: 1; }
.sv-v10-corner-overlay .pol-corner { position: absolute; display: flex; flex-direction: column; gap: 4px; }
.pol-tl { top: 14px; left: 14px; align-items: flex-start; }
.pol-tr { top: 14px; right: 14px; align-items: flex-end; }
.pol-bl { bottom: 14px; left: 14px; align-items: flex-start; }
.pol-br { bottom: 14px; right: 14px; align-items: flex-end; }
.pol-tag { font-size: 7px; font-family: inherit; font-weight: 700; text-transform: uppercase; letter-spacing: 0.12em; padding: 3px 8px; border-radius: 4px; background: rgba(0,0,0,0.55); backdrop-filter: blur(4px); border: 1px solid rgba(255,255,255,0.06); color: rgba(255,255,255,0.7); display: inline-flex; align-items: center; gap: 4px; }
.pol-stat { font-size: 9px; font-family: inherit; font-weight: 700; padding: 3px 8px; border-radius: 4px; background: rgba(0,0,0,0.5); backdrop-filter: blur(4px); border: 1px solid rgba(255,255,255,0.08); color: #fff; }
.pol-line { height: 1px; width: 60px; background: linear-gradient(90deg, rgba(255,255,255,0.4), transparent); margin: 4px 0; }
.pol-dot { width: 5px; height: 5px; border-radius: 50%; display: inline-block; }
.sv-v10-container:hover .sv-v10-slab-inner img.sv-v10-main-img { filter: saturate(1) brightness(1) contrast(1); transform: scale(1.06); border-radius: 0.95rem; }
.sv-v10-container:hover .sv-v10-glow { background: radial-gradient(ellipse at center, rgba(51,210,255,0.04) 0%, rgba(0,0,0,0.25) 65%, transparent 90%); box-shadow: 0 15px 45px rgba(0,0,0,0.4); transform: rotateX(76deg) translateZ(-160px) scale(1.06); }
.sv-v10-container:hover .sv-v10-glow::before { border-color: rgba(255,255,255,0.08); }
.sv-v10-container:hover .sv-v10-glow::after { border-color: rgba(255,255,255,0.06); }
.sv-v10-container:hover .sv-v10-blur-bg { opacity: 0.22; filter: blur(36px) saturate(1); transform: scale(1.08) translateZ(-120px); }
.sv-v10-container:hover .sv-v10-sweep:not(.active-sweep) { opacity: 1; }
.sv-v10-container:hover .sv-v10-chip { color: #fff; opacity: 1; pointer-events: auto; }
.sv-v10-container:hover .sv-v10-chip::before { background: #00e5ff; box-shadow: 0 0 10px #00e5ff; }
.sv-v10-container:hover .sv-v10-chip-ai { transform: translate3d(0, 0, 200px) scale(1.05); border-color: rgba(168,85,247,0.85); animation: svV10ChipPulsePurple 3.5s ease-in-out infinite; }
.sv-v10-container:hover .sv-v10-chip-lead { transform: translate3d(0, 0, 160px) scale(1.05); border-color: rgba(51,210,255,0.85) !important; animation: svV10ChipPulse 3s ease-in-out infinite 0.5s; }
.sv-v10-container:hover .sv-v10-chip-online { transform: translate3d(0, 0, 200px) scale(1.05); border-color: rgba(51,210,255,0.85) !important; animation: svV10ChipPulse 3s ease-in-out infinite 1s; }
.sv-v10-container:hover .sv-v10-chip-ai::before { background: #c084fc; box-shadow: 0 0 8px #c084fc; }
.sv-v10-container:hover .sv-v10-mini-card { opacity: 1; pointer-events: auto; transform: translate3d(0, 0, 140px) rotateX(10deg) rotateY(-12deg) scale(1.05); border-color: rgba(51,210,255,0.4); box-shadow: 0 30px 60px rgba(0,0,0,0.95), 0 0 30px rgba(51,210,255,0.15), inset 1px 1px 0 rgba(255,255,255,0.2); }
.sv-v10-container:hover .sv-v10-mini-card .sv-v10-bar-fill { background: #00E5A0; box-shadow: 0 0 10px rgba(0,229,160,0.6); }
.sv-v10-container:hover .sv-v10-status-standby { color: #22d3ee !important; text-shadow: 0 0 10px rgba(34,211,238,0.5); }
@keyframes svV10Float { 0%, 100% { transform: translateY(0px) rotate(0deg); } 50% { transform: translateY(-12px) rotate(0.5deg); } }
@media (prefers-reduced-motion: reduce) { .sv-v10-scene { animation: none !important; } .sv-v10-container:hover .sv-v10-chip-ai, .sv-v10-container:hover .sv-v10-chip-lead, .sv-v10-container:hover .sv-v10-chip-online, .sv-v10-container:hover .sv-v10-mini-card, .sv-v10-container:hover .sv-v10-slab { transform: none !important; } }
@media (max-width: 640px) { .sv-v10-container { padding: 2rem 1rem; min-height: 420px; } .sv-v10-scene { max-width: 320px; } .sv-v10-slab { transform: rotateX(10deg) rotateY(-10deg) rotateZ(2deg); } .sv-v10-mini-card { width: 170px; bottom: -12%; right: -4%; transform: translateZ(60px) rotateX(8deg) rotateY(-8deg); } .sv-v10-chip-ai { left: -6%; } .sv-v10-chip-online { left: -8%; } .sv-v10-connector-svg { display: none; } }

/* --- THE OPERATING STANDARD SECTION STYLES --- */
.opstd-slide-container {
  display: grid;
  grid-template-columns: 1fr 1.1fr;
  gap: 32px;
  margin-top: 32px;
  align-items: center;
}
.opstd-img-col {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  aspect-ratio: 3/2;
  background: rgba(0,0,0,0.5);
  border: 1px solid rgba(255,255,255,0.06);
  box-shadow: 0 10px 30px rgba(0,0,0,0.5);
}
.opstd-img-slide {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity 0.8s ease-in-out, transform 1.2s ease-in-out;
  transform: scale(1.05);
}
.opstd-img-slide.active {
  opacity: 1;
  transform: scale(1);
}
#opstd-img-ai-1, #opstd-img-ai-2, #opstd-img-ai-3 {
  object-fit: fill;
}
.opstd-data-col {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 280px;
}
.opstd-text-slide {
  display: none;
}
.opstd-text-slide.active {
  display: block;
  animation: opstdFadeIn 0.6s ease forwards;
}
@keyframes opstdFadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

/* Rail styling */
.opstd-rail-container {
  margin-top: 36px;
  position: relative;
  padding: 12px 0;
}
.opstd-rail-track {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 3px;
  background: rgba(255,255,255,0.08);
  transform: translateY(-50%);
  z-index: 1;
  border-radius: 2px;
}
.opstd-rail-fill {
  height: 100%;
  width: 0%;
  background: linear-gradient(90deg, #f59e0b, #c084fc, #33d2ff, #5597ff, #ffd700);
  transition: width 0.6s cubic-bezier(0.16,1,0.3,1);
  border-radius: inherit;
}
.opstd-rail-steps {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.opstd-rail-step {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: rgba(10,11,16,0.95);
  border: 2px solid rgba(255,255,255,0.12);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 10px;
  font-weight: 700;
  font-family: 'Saira', sans-serif;
  color: rgba(255,255,255,0.4);
  transition: all 0.4s cubic-bezier(0.16,1,0.3,1);
}
.opstd-rail-step:hover {
  border-color: rgba(255,255,255,0.6);
  color: #fff;
}
.opstd-rail-step.active {
  border-color: var(--step-color, var(--cyan));
  color: #fff;
  box-shadow: 0 0 15px var(--step-shadow, rgba(51,210,255,0.3));
  transform: scale(1.15);
}
.opstd-rail-labels {
  display: flex;
  justify-content: space-between;
  margin-top: 14px;
}
.opstd-rail-label {
  font-size: 9px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: rgba(255,255,255,0.35);
  cursor: pointer;
  transition: color 0.3s;
  width: 90px;
  text-align: center;
  font-family: 'Saira', sans-serif;
  font-weight: 500;
}
.opstd-rail-label.active {
  color: #fff;
  font-weight: 700;
}

/* Decision Layer Grid */
.opstd-paths-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
  margin-top: 24px;
}
.opstd-path-card {
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,0.06);
  background: rgba(0,0,0,0.4);
  backdrop-filter: blur(12px);
  padding: 24px;
  transition: border-color 0.4s, transform 0.4s, box-shadow 0.4s;
  position: relative;
  overflow: hidden;
}
.opstd-path-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 15px 30px rgba(0,0,0,0.5);
}
.opstd-path-card.t-rose:hover { border-color: var(--rose) !important; }
.opstd-path-card.t-muted:hover { border-color: rgba(255,255,255,0.2) !important; }
.opstd-path-card.t-green:hover { border-color: var(--green) !important; }

/* Access vs Ownership Grid */
.opstd-grid-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  margin-top: 24px;
}

@media (max-width: 1024px) {
  .hero-grid-layout { grid-template-columns: 1fr !important; text-align: center !important; }
  .hero-stats { justify-content: center !important; }
}

@media (max-width: 768px) {
  .opstd-slide-container {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .opstd-paths-grid {
    grid-template-columns: 1fr;
  }
  .opstd-grid-2 {
    grid-template-columns: 1fr;
  }
  .opstd-rail-label {
    display: none;
  }
}

/* --- THE GENERATIONS OF AI SECTION STYLES --- */
.opgen-slide-container {
  display: grid;
  grid-template-columns: 1fr 1.1fr;
  gap: 32px;
  margin-top: 32px;
  align-items: center;
}
.opgen-img-col {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  aspect-ratio: 3/2;
  background: rgba(0,0,0,0.5);
  border: 1px solid rgba(255,255,255,0.06);
  box-shadow: 0 10px 30px rgba(0,0,0,0.5);
}
.opgen-img-slide {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity 0.8s ease-in-out, transform 1.2s ease-in-out;
  transform: scale(1.05);
}
.opgen-img-slide.active {
  opacity: 1;
  transform: scale(1);
}
.opgen-data-col {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 280px;
}
.opgen-text-slide {
  display: none;
}
.opgen-text-slide.active {
  display: block;
  animation: opgenFadeIn 0.6s ease forwards;
}
@keyframes opgenFadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

/* Rail styling */
.opgen-rail-container {
  margin-top: 36px;
  position: relative;
  padding: 12px 0;
}
.opgen-rail-track {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 3px;
  background: rgba(255,255,255,0.08);
  transform: translateY(-50%);
  z-index: 1;
  border-radius: 2px;
}
.opgen-rail-fill {
  height: 100%;
  width: 0%;
  background: linear-gradient(90deg, #f59e0b, #33d2ff, #c084fc, #a855f7, #5597ff, #7c3aed, #ffd700);
  transition: width 0.6s cubic-bezier(0.16,1,0.3,1);
  border-radius: inherit;
}
.opgen-rail-steps {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.opgen-rail-step {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: rgba(10,11,16,0.95);
  border: 2px solid rgba(255,255,255,0.12);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 10px;
  font-weight: 700;
  font-family: 'Saira', sans-serif;
  color: rgba(255,255,255,0.4);
  transition: all 0.4s cubic-bezier(0.16,1,0.3,1);
}
.opgen-rail-step:hover {
  border-color: rgba(255,255,255,0.6);
  color: #fff;
}
.opgen-rail-step.active {
  border-color: var(--step-color, var(--cyan));
  color: #fff;
  box-shadow: 0 0 15px var(--step-shadow, rgba(51,210,255,0.3));
  transform: scale(1.15);
}
.opgen-rail-labels {
  display: flex;
  justify-content: space-between;
  margin-top: 14px;
}
.opgen-rail-label {
  font-size: 9px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: rgba(255,255,255,0.35);
  cursor: pointer;
  transition: color 0.3s;
  width: 90px;
  text-align: center;
  font-family: 'Saira', sans-serif;
  font-weight: 500;
}
.opgen-rail-label.active {
  color: #fff;
  font-weight: 700;
}

/* Anchor statement visual */
.opgen-anchor-box {
  background: rgba(255, 215, 0, 0.02);
  border: 1px solid rgba(255, 215, 0, 0.15);
  box-shadow: 0 8px 32px rgba(255, 215, 0, 0.05);
  border-radius: 12px;
  padding: 32px;
  text-align: center;
  margin: 40px auto;
  max-width: 800px;
  backdrop-filter: blur(12px);
  position: relative;
  overflow: hidden;
}
.opgen-anchor-text {
  font-family: 'Outfit', sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.5;
  color: #fff;
  letter-spacing: 0.02em;
  margin: 0;
}

/* Product Positioning Grid */
.opgen-product-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-top: 32px;
}
.opgen-product-card {
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,0.06);
  background: rgba(0,0,0,0.4);
  backdrop-filter: blur(12px);
  padding: 24px;
  transition: border-color 0.4s, transform 0.4s, box-shadow 0.4s;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.opgen-product-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 15px 30px rgba(0,0,0,0.5);
  border-color: rgba(255,255,255,0.15);
}
.opgen-source-card {
  grid-column: span 4;
  background: linear-gradient(135deg, rgba(0,229,160,0.04), rgba(51,210,255,0.04));
  border: 1px solid rgba(0,229,160,0.15);
  border-radius: 12px;
  padding: 32px;
  margin-top: 24px;
  position: relative;
  overflow: hidden;
}
.opgen-source-card::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; height: 1px;
  background: linear-gradient(90deg, transparent, rgba(0,229,160,0.4), rgba(51,210,255,0.4), transparent);
}

/* Desktop vs Mobile View Displays */
.opgen-desktop-view {
  display: block;
}
.opgen-mobile-view {
  display: none;
}

@media (max-width: 768px) {
  .opgen-desktop-view {
    display: none;
  }
  .opgen-mobile-view {
    display: block;
  }
  .opgen-product-grid {
    grid-template-columns: 1fr;
  }
  .opgen-source-card {
    grid-column: span 1;
    padding: 24px;
  }
  .opgen-anchor-text {
    font-size: 16px;
  }
  .opgen-anchor-box {
    padding: 24px 16px;
  }
}