@charset "UTF-8";

/*
Theme Name: QuantmX
Theme URI: https://wordpress.org/themes/quantmx/
Author: the WordPress team
Author URI: https://www.quantmx.ai/
Description: QuantmX is a highly customizable XRM built to adapt to your business needs. Whether in retail, healthcare, finance, or manufacturing, personalize workflows, automate tasks, and scale with ease.
Requires at least: 5.3
Tested up to: 6.9
Requires PHP: 5.6
Version: 2.7
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: QuantmX
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog, portfolio

QuantmX WordPress Theme, (C) 2020 WordPress.org
QuantmX is distributed under the terms of the GNU GPL.
*/

/**
 * SETTINGS
 * File-header..........The file header for the themes style.css file.
 * Fonts................Any font files, if the project needs specific fonts.
 * Global...............Project-specific, globally available variables.
 *
 * TOOLS
 * Functions............Global functions.
 * Mixins...............Global mixins.
 *
 * GENERIC
 * Normalize.css........Normalise browser defaults.
 * Breakpoints..........Mixins and variables for responsive styles
 * Vertical-margins.....Vertical spacing for the main components.
 * Reset................Reset specific elements to make them easier to style in other contexts.
 * Clearings............Clearings for the main components.
 *
 * ELEMENTS
 * Blockquote...........Default blockquote.
 * Forms................Element-level form styling.
 * Headings.............H1–H6
 * Links................Default links.
 * Lists................Default lists.
 * Media................Images, Figure, Figcaption, Embed, iFrame, Objects, Video.
 *
 * BLOCKS
 * Audio................Specific styles for the audio block.
 * Button...............Specific styles for the button block.
 * Code.................Specific styles for the code block.
 * Columns..............Specific styles for the columns block.
 * Cover................Specific styles for the cover block.
 * File.................Specific styles for the file block.
 * Gallery..............Specific styles for the gallery block.
 * Group................Specific styles for the group block.
 * Heading..............Specific styles for the heading block.
 * Image................Specific styles for the image block.
 * Latest comments......Specific styles for the latest comments block.
 * Latest posts.........Specific styles for the latest posts block.
 * Legacy...............Specific styles for the legacy gallery.
 * List.................Specific styles for the list block.
 * Media text...........Specific styles for the media and text block.
 * Navigation...........Specific styles for the navigation block.
 * Paragraph............Specific styles for the paragraph block.
 * Pullquote............Specific styles for the pullquote block.
 * Quote................Specific styles for the quote block.
 * Search...............Specific styles for the search block.
 * Separator............Specific styles for the separator block.
 * Table................Specific styles for the table block.
 * Verse................Specific styles for the verse block.
 * Video................Specific styles for the video block.
 * Utilities............Block alignments.
 *
 * COMPONENTS
 * Header...............Header styles.
 * Footer...............Footer styles.
 * Comments.............Comment styles.
 * Archives.............Archive styles.
 * 404..................404 styles.
 * Search...............Search styles.
 * Navigation...........Navigation styles.
 * Footer Navigation....Footer Navigation styles.
 * Pagination...........Pagination styles.
 * Single...............Single page and post styles.
 * Posts and pages......Misc, sticky post styles.
 * Entry................Entry, author biography.
 * Widget...............Widget styles.
 * Editor...............Editor styles.
 *
 * UTILITIES
 * A11y.................Screen reader text, prefers reduced motion etc.
 * Color Palette........Classes for the color palette colors.
 * Editor Font Sizes....Editor Font Sizes.
 * Measure..............The width of a line of text, in characters.
 */

/* Categories 01 to 03 are the basics. */



/* USE FONT */
@import url('https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700;800&display=swap');

/* ===== VARIABLES ===== */
:root {
  --font-primary: 'Sora', sans-serif;
  --purple: #9D3BF1;
  --pink: #DC1DD3;
  --coral: #FF715F;
  --dark: #343061;
  --navy: #07061a;
  --grey: #ababab;
  --grad-hero: linear-gradient(45deg, rgba(157,59,241,1) 0%, rgba(220,29,211,1) 50%, rgba(255,113,95,1) 100%);
  --grad-purple: linear-gradient(135deg, #343061 0%, #6b1fc9 45%, #9D3BF1 75%, #DC1DD3 100%);
  --grad-cta: linear-gradient(135deg, #FF715F 0%, #DC1DD3 50%, #9D3BF1 100%);
  --grad-text: linear-gradient(135deg, #9D3BF1, #DC1DD3);
  /* Light theme */
  --bg: #ffffff;
  --bg-soft: #f8f6ff;
  --bg-dark: #0d0b1e;
  --text-main: #1a1033;
  --text-muted: #6b6884;
  --text-black: #000000;
  --text-white: #ffffff;
  --border: rgba(157,59,241,0.13);
  --card: #ffffff;
  --nav-bg: rgba(255,255,255,0.96);
  --nav-text: #1a1033;
  --shadow-sm: 0 2px 12px rgba(157,59,241,0.08);
  --shadow-md: 0 8px 32px rgba(157,59,241,0.13);
  --shadow-lg: 0 20px 60px rgba(157,59,241,0.18);
}
[data-theme="dark"] {
  --bg: #0d0b1e;
  --bg-soft: #130f28;
  --bg-dark: #07061a;
  --text-main: #f0eeff;
  --text-muted: #9896b0;
  --text-black: #ffffff;
  --text-light: #6b6884;
  --text-white: #ffffff;
  --border: rgba(157,59,241,0.18);
  --card: #15112e;
  --nav-bg: rgba(13,11,30,0.97);
  --nav-text: #f0eeff;
  --shadow-sm: 0 2px 12px rgba(0,0,0,0.3);
  --shadow-md: 0 8px 32px rgba(0,0,0,0.4);
  --shadow-lg: 0 20px 60px rgba(0,0,0,0.5);
}

/* Dark theme overrides */
/* ══════════════════════════════════════════
   DARK THEME OVERRIDES
══════════════════════════════════════════ */
[data-theme="dark"] .solution-sec,
[data-theme="dark"] .delivers-sec,
[data-theme="dark"] .problem-sec { background: var(--bg); }

[data-theme="dark"] .meet-sec,
[data-theme="dark"] .means-sec, 
[data-theme="dark"] .whywins-sec, 
[data-theme="dark"] .faq-sec { background: var(--bg-soft); }

/* CTA */
[data-theme="dark"] .cta2-sec { background: #0d0b1e; }
[data-theme="dark"] .cta2-form-wrap { background: #1a163a; border-color: rgba(157,59,241,.25); }
[data-theme="dark"] .cta2-input { background: #100d26; border-color: rgba(157,59,241,.15); color: #f0eeff; }
[data-theme="dark"] .cta2-input::placeholder { color: #6b6884; }
[data-theme="dark"] .cta2-input:focus { background: #1a163a; }
[data-theme="dark"] .cta2-form-head { color: #f0eeff; border-bottom: 1px solid rgba(157,59,241,.25); }
[data-theme="dark"] .cta2-title { color: #ffffff; }
[data-theme="dark"] .cta2-bg { background: radial-gradient(ellipse 50% 70% at 0% 50%, rgba(157,59,241,.1) 0%, transparent 60%), radial-gradient(ellipse 40% 60% at 100% 20%, rgba(220,29,211,.07) 0%, transparent 55%); }

/* Challenge cards */
[data-theme="dark"] .ch-card { background: unset; }
[data-theme="dark"] .ch-card p { color: var(--text-white); }
[data-theme="dark"] .ch-card h4 { color: #f0eeff; }
[data-theme="dark"] .ch-card .ch-sub { opacity: 1; }

/* Delivers */
[data-theme="dark"] .dlv-item { background: var(--card); border-color: var(--border); }
[data-theme="dark"] .dlv-item__title { color: #f0eeff; }
[data-theme="dark"] .dlv-item__body { color: #e0dcff; }

/* Means */
[data-theme="dark"] .means-item { background: var(--card); border-color: var(--border); }
[data-theme="dark"] .means-item__title { color: #f0eeff; }
[data-theme="dark"] .means-item__body { color: #c8c4e0; }
[data-theme="dark"] .means-item__q { opacity: .9; }

/* Wins */
[data-theme="dark"] .win-item { background: var(--card); border-color: var(--border); }
[data-theme="dark"] .win-desc { color: #c8c4e0; }

/* FAQ */
[data-theme="dark"] .faq-item { background: var(--card); border-color: var(--border); }
[data-theme="dark"] .faq-trigger { color: #f0eeff; }
[data-theme="dark"] .faq-body { color: var(--text-black); }

/* General text */
[data-theme="dark"] .sec-body { color: var(--text-white); }
[data-theme="dark"] .text-muted { color: #9896b0; }

/* Meet section */
[data-theme="dark"] .meet-body-text { color: var(--text-white); }
[data-theme="dark"] .gc--a { background: #1a0d3d; }
[data-theme="dark"] .gc--b { background: #1a0820; }

/* New standard */
[data-theme="dark"] .newstd-stat { background: rgba(255,255,255,.06); }

/* Features */
[data-theme="dark"] .feat-card { background: rgba(255,255,255,.06); }
[data-theme="dark"] .feat-card h4 { color: #fff; }
[data-theme="dark"] .feat-card p { color: var(--text-white); }

/* Badges */
[data-theme="dark"] .badge-pill.light { background: rgba(157,59,241,.15); border-color: rgba(157,59,241,.3); color: #c8a8ff; }

/* Nav */
[data-theme="dark"] .mega-wrap-inner { --mega-bg: #150e2e; --mega-text: #f0eeff; --mega-text-muted: rgba(240,238,255,.75); }
[data-theme="dark"] .mega-label { color: #9D3BF1; }
[data-theme="dark"] .nav-drop { background: #1a163a; border-color: rgba(157,59,241,.2); }
[data-theme="dark"] .nav-drop a { color: #f0eeff; }

/* Footer */
[data-theme="dark"] footer { background: #05040f; }
[data-theme="dark"] .ft-link { color: var(--grey) }
[data-theme="dark"] .ft-link:hover { color: rgba(255,255,255,.7); }

/* ══════════════════════════════════════════
   LIGHT THEME OVERRIDES
══════════════════════════════════════════ */
[data-theme="light"] .sec-title { color: var(--text-black) !important; }
[data-theme="light"] .highlight-sec .sec-title { color: var(--text-white) !important; }
[data-theme="light"] .sec-body { color: var(--text-black); }
[data-theme="light"] .text-muted { color: #6b6884; }

/* Nav */
[data-theme="light"] .mega-wrap-inner { --mega-bg: #ffffff; --mega-text: #1a1033; --mega-text-muted: #555; background: #fff; border-color: rgba(157,59,241,.12); box-shadow: 0 20px 60px rgba(0,0,0,.12); }
[data-theme="light"] .mega-label { color: #9D3BF1; }
[data-theme="light"] .mega-feat-icon { background: rgba(157,59,241,.08); border-color: rgba(157,59,241,.18); }
[data-theme="light"] .nav-drop { background: #fff; border-color: rgba(157,59,241,.12); box-shadow: 0 8px 32px rgba(0,0,0,.1); }
[data-theme="light"] .nav-drop a { color: #1a1033; }

/* Problem section mockup */
[data-theme="light"] .prob-mockup { background: #fff; border-color: rgba(157,59,241,.15); }

/* Challenge cards — keep dark gradient in light mode */
[data-theme="light"] .ch-card p { color: rgba(255,255,255,.9); }
[data-theme="light"] .ch-card h4 { color: #fff; }

/* Delivers */
[data-theme="light"] .dlv-item { background: #fff; border-color: rgba(157,59,241,.12); }
[data-theme="light"] .dlv-item__title { color: var(--text-black); }
[data-theme="light"] .dlv-item__body { color: var(--text-black); }

/* Means */
[data-theme="light"] .means-item { background: #fff; border-color: rgba(157,59,241,.12); }
[data-theme="light"] .means-item__title { color: var(--text-black); }
[data-theme="light"] .means-item__body { color: var(--bg); }
[data-theme="light"] .means-item__q { opacity: .85; }

/* Wins */
[data-theme="light"] .win-item { background: #fff; border-color: rgba(157,59,241,.12); }
[data-theme="light"] .win-desc { color: var(--text-black); }

/* FAQ */
[data-theme="light"] .faq-item { background: #fff; border-color: rgba(157,59,241,.12); }
[data-theme="light"] .faq-trigger { color: var(--text-black); }
[data-theme="light"] .faq-body { color: var(--text-black) }

/* Features — section always dark gradient, cards always white text — no overrides needed */
/* dlv-item visual always dark bg inside white card */

/* Less Manual SVG fix for light mode — swap white fills to dark */
[data-theme="light"] .dlv-item--indigo .dlv-item__visual rect[fill="rgba(255,255,255,.05)"] { fill: rgba(0,0,0,.04); }

/* Feat card — glass bg works on dark section, fix border visibility in light */
[data-theme="light"] .feat-card { background: rgba(255,255,255,.15); border-color: rgba(255,255,255,.2); }

/* ===== SCROLLBAR ===== */
html { scrollbar-width: thin; scrollbar-color: #6f3fef transparent; }
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-corner { background: transparent; }
::-webkit-scrollbar-thumb { background: #6f3fef; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #8a5af5; }

/* ===== BASE ===== */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  font-family: var(--font-primary);
  background: var(--bg);
  color: var(--text-main);
  overflow-x: hidden;
  transition: background .3s, color .3s;
}
input, select, option, textarea, button,
[type="submit"], [type="reset"], [type="radio"] {
  font-family: var(--font-primary);
}
svg text { font-family: var(--font-primary); }
img, svg { max-width: 100%; }
a { text-decoration: none; outline: none; }

/* ===== NAVBAR ===== */
/* ══ STICKY TOP BAR ══ */
.sticky-bar {
  background: linear-gradient(90deg, #0e0a22 0%, #1a0d3d 40%, #0e0a22 100%) !important;
  border-bottom: 1px solid rgba(157,59,241,.25) !important;
  cursor: pointer;
  position: fixed;
  top: 40px;
  left: 0;
  right: 0;
  z-index: 1100;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateY(calc(-100% - 40px));
  transition: transform .4s cubic-bezier(.22,.68,0,1.1);
  padding: 15px 48px 15px 20px;
  overflow: hidden;
}
.sticky-bar::before {
  content: '';
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent 0%, rgba(157,59,241,.6) 25%, rgba(220,29,211,.5) 50%, rgba(255,113,95,.4) 75%, transparent 100%);
}
.sticky-bar::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent 0%, rgba(157,59,241,.35) 30%, rgba(220,29,211,.3) 60%, rgba(255,113,95,.2) 85%, transparent 100%);
  pointer-events: none;
  z-index: 0;
}
@keyframes sbGradient {
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}
.sticky-bar.sb-visible {
  transform: translateY(0);
}
.sticky-bar__text {
  font-size: .82rem; font-weight: 600; color: #fff;
  text-align: center; letter-spacing: .01em; line-height: 1.4;
  flex: 1; margin-bottom: 0;
}
.sticky-bar__text a {
  color: #fff; text-decoration: none; text-underline-offset: 2px;
  font-weight: 700; transition: opacity .2s;
}
.sticky-bar__text a:hover { opacity: .8; }
.sticky-bar__close {
  position: absolute; right: 14px; top: 50%; transform: translateY(-50%);
  background: none; border: none; cursor: pointer;
  padding: 6px; color: rgba(255,255,255,.85);
  display: flex; align-items: center; justify-content: center;
  border-radius: 6px;
  transition: background .2s, color .2s;
}
.sticky-bar__close:hover {
  background: rgba(255,255,255,.18);
  color: #fff;
}

/* Push body/nav down when bar is visible */
body { transition: padding-top .4s cubic-bezier(.22,.68,0,1.1); background: #000; }
[data-theme="light"] body { background: #d9c6fa; }
body.sb-open { padding-top: 40px; }
body.sb-open .nav-wrap { top: calc(16px + 40px); }
body.sb-open .nav-wrap.is-fixed { animation: navSlideDownSB .4s cubic-bezier(.22,.68,0,1.1) forwards; }
@keyframes navSlideDownSB {
  from { top: -100px; }
  to   { top: calc(40px + 44px + 14px); } /* bar-top + bar-height + gap */
}

/* Responsive */
@media(max-width:768px) {
  .sticky-bar { padding: 10px 40px 10px 10px; }
  .sticky-bar__text { font-size: .76rem; }
  body.sb-open { padding-top: 40px; }
  body.sb-open .nav-wrap { top: calc(16px + 40px); }
  body.sb-open .nav-wrap.is-fixed { animation: navSlideDownSB768 .4s cubic-bezier(.22,.68,0,1.1) forwards; }
  .qintro__headline { font-size: 1.3rem; }
  @keyframes navSlideDownSB768 { from { top: -100px; } to { top: calc(40px + 40px + 14px); } }
  /* FAQ */
  .faq-inner { max-width: 100%; }
  .faq-trigger { padding: 15px 18px; font-size: .88rem; }
  .faq-body { padding: 0 18px; }
  .faq-item.open .faq-body { padding-bottom: 15px; }
}
@media(max-width:480px) {
  .sticky-bar__text { font-size: .72rem; }
}

.nav-wrap {
  position: absolute; top: 20px; left: 0; right: 0; z-index: 1000;
  padding: 0 20px;
  transition: top .35s ease;
}
.nav-wrap.is-fixed {
  position: fixed; top: -100px;
  animation: navSlideDown .4s cubic-bezier(.22,.68,0,1.1) forwards;
}
@keyframes navSlideDown {
  to { top: 14px; }
}
.navbar {
  background: rgba(255,255,255,0.90);
  backdrop-filter: blur(18px) saturate(180%);
  -webkit-backdrop-filter: blur(18px) saturate(180%);
  border-radius: 14px;
  border: 1px solid rgba(200,200,220,0.50);
  box-shadow: 0 4px 28px rgba(100,60,200,.12), 0 1.5px 6px rgba(0,0,0,.06);
  max-width: 1320px;
  margin: 0 auto;
  height: 64px;
  display: flex; align-items: center;
  padding: 0 20px;
  overflow: visible;
  transition: box-shadow .4s ease, background .4s ease, border-color .4s ease,
              height .4s ease, backdrop-filter .4s ease;
}

/* Scrolled state — slightly smaller, deeper shadow */
.nav-wrap.is-fixed .navbar {
  height: 64px;
  background: rgba(255,255,255,.96);
  box-shadow: 0 8px 40px rgba(100,60,200,.16), 0 2px 8px rgba(0,0,0,.08);
  border-color: rgba(157,59,241,.18);
}
[data-theme="dark"] .navbar {
  background: rgba(20,16,45,0.92);
  border-color: rgba(157,59,241,0.2);
  box-shadow: 0 4px 28px rgba(248, 96, 119, 0.3), 0 1.5px 6px rgba(0, 0, 0, .2);
}
[data-theme="dark"] .nav-wrap.is-fixed .navbar {
  background: rgba(13,11,30,.97);
  box-shadow: 0 4px 28px rgba(248, 96, 119, 0.3), 0 1.5px 6px rgba(0, 0, 0, .2);
  border-color: rgba(157,59,241,.3);
}

/* 3-column layout: brand | links | right */
.nav-brand {
  display: flex; align-items: center; gap: 9px;
  flex-shrink: 0; text-decoration: none;
}
.nav-brand .logo-wrap { display: flex; align-items: center; }
.nav-brand .logo-wrap svg { width: 216px; height: 49px; display: block; }
@media(max-width:991px){ .nav-brand .logo-wrap svg { width: 160px; height: 36px; } }
@media(max-width:540px){ .nav-brand .logo-wrap svg { width: 130px; height: 30px; } }
.nav-brand .logo-text { fill: #1a1033; transition: fill .3s; }
[data-theme="dark"] .nav-brand .logo-text { fill: #f0eeff; }
.nav-links {
  flex: 1; display: flex; align-items: center; justify-content: center;
  gap: 2px; list-style: none; margin: 0; padding: 0;
}
.nav-links > li a {
  display: flex; align-items: center; gap: 4px;
  padding: 8px 13px; border-radius: 8px;
  font-size: 0.845rem; font-weight: 500; color: var(--text-main);
  white-space: nowrap; text-decoration: none;
  transition: color .2s, background .2s;
}
.nav-links > li a:hover { color: var(--purple); background: rgba(157,59,241,0.06); }
.nav-links > li a .arr { width: 10px; height: 10px; transition: transform .25s; }
.nav-links > li:hover > a .arr { transform: rotate(180deg); }
/* Dropdown */
.nav-drop {
  display: none; position: absolute; top: 100%; left: 50%;
  transform: translateX(-50%);
  min-width: 210px; background: var(--card); border: 1px solid var(--border);
  border-radius: 14px; padding: 8px;
  padding-top: 18px; /* visual gap built into the padding, not position */
  box-shadow: var(--shadow-lg);
  z-index: 1100; pointer-events: auto;
  /* clip visible area so the padding-top gap looks like spacing */
  background-clip: padding-box;
}
/* Inner wrapper provides the actual visual card offset */
.nav-drop::before {
  content: '';
  display: block;
  height: 10px;
  margin: -10px -8px 0;
  /* transparent bridge above the dropdown */
}
.nav-drop a {
  display: block; padding: 9px 14px; font-size: 0.82rem; font-weight: 500;
  color: var(--text-main); border-radius: 8px;
  transition: background .15s, color .15s;
  pointer-events: auto;
}
.nav-drop a:hover { background: rgba(157,59,241,0.07); color: var(--purple); }
.nav-links > li:hover .nav-drop { display: block; animation: fadeDrop .18s ease; }
.nav-links > li { position: relative; display: flex; align-items: center; z-index: 1; }
.nav-links > li:hover { z-index: 1101; }

/* Bridge: invisible pseudo-element on dropdown li covers the gap between link and dropdown */
.nav-links > li:has(.nav-drop)::after,
.nav-links > li:has(.mega-wrap)::after {
  content: '';
  position: absolute;
  top: 100%; left: 0; right: 0;
  height: 20px;
  pointer-events: auto;
  display: none;
}
.nav-links > li:has(.nav-drop):hover::after,
.nav-links > li:has(.mega-wrap):hover::after { display: block; }

@keyframes fadeDrop { from { opacity:0; transform:translateX(-50%) translateY(-6px); } to { opacity:1; transform:translateX(-50%) translateY(0); } }

/* ── Mega Menu ── */
.mega-wrap {
  display: none; position: fixed;
  top: 0; left: 0; right: 0; width: 100%;
  padding-top: 64px;
  background: transparent;
  z-index: 1099;
  pointer-events: none; /* transparent overlay — doesn't block nav links */
}
.mega-wrap-inner {
  background: var(--mega-bg, #150e2e);
  border-top: 1px solid rgba(157,59,241,.18);
  border-bottom: 1px solid rgba(157,59,241,.12);
  box-shadow: 0 20px 60px rgba(0,0,0,.5);
  border-radius: 10px;
  animation: megaDrop .2s ease;
  pointer-events: auto;
}
@keyframes megaDrop {
  from { opacity: 0; transform: translateY(-8px); }
  to   { opacity: 1; transform: translateY(0); }
}
.nav-links > li:hover .mega-wrap { display: block; }

.mega-inner {
  max-width: 1200px; margin: 0 auto;
  display: grid; grid-template-columns: 1.1fr 1px 1fr 1px 1fr;
  padding: 36px 32px; gap: 0;
}
/* Vertical dividers */
.mega-div {
  background: rgba(157,59,241,.2);
  margin: 0 32px;
}
/* Column */
.mega-col { padding: 0 8px; }
.mega-col:first-child { padding-left: 0; }
.mega-col:last-child  { padding-right: 0; }

/* Section label */
.mega-label {
  font-size: .68rem; font-weight: 700; letter-spacing: .1em;
  text-transform: uppercase; color: #9D3BF1;
  margin-bottom: 14px; margin-top: 24px;
  display: block;
}
.mega-label:first-child { margin-top: 0; }

/* Featured item with icon */
.mega-feat {
  display: flex; align-items: center; gap: 12px;
  padding: 9px 10px; border-radius: 10px;
  text-decoration: none;
  transition: background .15s;
  margin-bottom: 2px;
}
.mega-feat:hover { background: rgba(157,59,241,.1); }
.mega-feat-icon {
  width: 32px; height: 32px; border-radius: 8px; flex-shrink: 0;
  background: rgba(157,59,241,.15);
  border: 1px solid rgba(157,59,241,.25);
  display: flex; align-items: center; justify-content: center;
}
.mega-feat-icon svg { opacity: .8; }
.mega-feat-name {
  font-size: .875rem; font-weight: 600;
  color: var(--mega-text, #f0eeff); line-height: 1.2;
}
/* Plain link */
.mega-link {
  display: flex; align-items: center; gap: 12px;
  padding: 9px 10px;
  font-size: .875rem; font-weight: 500; color: var(--mega-text-muted, rgba(240,238,255,.8));
  text-decoration: none; border-radius: 8px;
  transition: color .15s, background .15s;
  margin-bottom: 2px;
}
.mega-link::before {
  content: '✦';
  color: #9D3BF1; font-size: .7rem; flex-shrink: 0; opacity: .8;
}
.mega-link:hover { color: var(--mega-text, #fff); background: rgba(157,59,241,.08); }

/* Star-icon link */
.mega-star-link {
  display: flex; align-items: center; gap: 12px;
  padding: 9px 10px; border-radius: 8px;
  font-size: .875rem; font-weight: 500; color: var(--mega-text-muted, rgba(240,238,255,.8));
  text-decoration: none;
  transition: color .15s, background .15s;
  margin-bottom: 2px;
}
.mega-star-link:hover { color: var(--mega-text, #fff); background: rgba(157,59,241,.08); }
.mega-star {
  color: #9D3BF1; font-size: .7rem; flex-shrink: 0;
  opacity: .8;
}

/* Column heading and body text — theme-aware */
.mega-col-heading {
  font-size: 1.4rem; font-weight: 800; line-height: 1.2; margin: 0;
  color: var(--mega-text, #f0eeff);
}
.mega-col-body {
  font-size: .83rem; line-height: 1.75; margin: 0;
  color: var(--mega-text-muted, rgba(240,238,255,.65));
}
/* Gradient CTA card — Col 3 */
.mega-cta-card {
  background: linear-gradient(135deg, #3d1a8c 0%, #6b1fc9 45%, #9D3BF1 100%);
  border-radius: 16px; padding: 28px 24px;
  height: 100%;
  display: flex; flex-direction: column;
  justify-content: center;
}
.mega-cta-title {
  font-size: 1.15rem; font-weight: 800; color: #fff;
  line-height: 1.3; margin-bottom: 12px;
}
.mega-cta-body {
  font-size: .8rem; color: rgba(255,255,255,.75);
  line-height: 1.65; margin-bottom: 20px; flex: 1;
}
.mega-cta-btn {
  display: inline-flex !important; align-items: center; gap: 6px;
  background: #fff !important; color: #3d1a8c !important;
  font-size: .82rem; font-weight: 700;
  padding: 10px 20px !important; border-radius: 50px;
  text-decoration: none;
  transition: background .2s, transform .15s;
  align-self: flex-start;
  white-space: nowrap;
}
.mega-cta-btn:hover { background: #f0eeff !important; color: #3d1a8c !important; transform: translateY(-1px); }
/* Right side */
.nav-right {
  flex-shrink: 0; display: flex; align-items: center; gap: 10px;
}
.btn-start {
  background: linear-gradient(135deg, #7C3AED 0%, #C026D3 50%, #EA580C 100%) !important;
  background-size: 200% 200% !important;
  background-position: 0% 50% !important;
  border-radius: 8px !important;
  padding: 10px 20px !important;
  font-size: 0.85rem !important;
  font-weight: 600 !important;
  box-shadow: 0 4px 20px rgba(124,58,237,.4), 0 0 0 1px rgba(255,255,255,.08) inset !important;
  transition: background-position .4s ease, box-shadow .25s, transform .15s !important;
  color: #fff !important;
  text-decoration: none;
  white-space: nowrap;
  display: inline-block;
  border: none;
  cursor: pointer;
  width: 100%;
  margin-top: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.btn-start:hover {
  background-position: 100% 50% !important;
  box-shadow: 0 6px 28px rgba(124,58,237,.55), 0 2px 8px rgba(0,0,0,.2) !important;
  opacity: 1;
}
.toggle-btn {
  display: inline-flex; align-items: center;
  width: 72px; height: 40px; border-radius: 8px;
  cursor: pointer; flex-shrink: 0;
  padding: 3px;
  position: relative;
  border: 2px solid transparent;
  background: linear-gradient(#fff, #fff) padding-box,
              linear-gradient(45deg, rgba(157,59,241,1) 0%, rgba(220,29,211,1) 50%, rgba(255,113,95,1) 100%) border-box;
  transition: background .3s;
}
/* The sliding badge */
.toggle-thumb {
  width: 28px; height: 28px; border-radius: 6px;
  background: linear-gradient(45deg, rgba(157,59,241,1) 0%, rgba(220,29,211,1) 50%, rgba(255,113,95,1) 100%);
  display: flex; align-items: center; justify-content: center;
  position: absolute; left: 3px;
  transition: left .3s cubic-bezier(.4,0,.2,1);
  flex-shrink: 0;
}
[data-theme="dark"] .toggle-thumb {
  left: calc(100% - 31px);
}
/* Icons */
.toggle-thumb .t-sun { display: flex; }
.toggle-thumb .t-moon { display: none; }
[data-theme="dark"] .toggle-thumb .t-sun { display: none; }
[data-theme="dark"] .toggle-thumb .t-moon { display: flex; }
.ham {
  display: none; flex-direction: column; gap: 5px;
  cursor: pointer; padding: 4px; background: none; border: none;
}
.ham span { display: block; width: 22px; height: 2px; background: var(--text-main); border-radius: 2px; transition: all .3s; }

/* X icon when open */
.ham.active span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.ham.active span:nth-child(2) { opacity: 0; transform: scaleX(0); }
.ham.active span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
@media (max-width:991px) {
  .nav-links { display: none; }
  .btn-start { display: none; }
  .ham { display: flex; }
}
/* Mobile drawer — full height left slide */
.mob-menu {
  position: fixed; top: 0; left: 0; bottom: 0;
  width: 300px; max-width: 85vw;
  background: rgba(255,255,255,0.75);
  backdrop-filter: blur(24px) saturate(180%);
  -webkit-backdrop-filter: blur(24px) saturate(180%);
  z-index: 999;
  padding: 80px 24px 32px;
  overflow-y: auto;
  transform: translateX(-100%);
  transition: transform .35s cubic-bezier(.22,.68,0,1.1);
  box-shadow: 4px 0 32px rgba(0,0,0,.1);
  border-right: 1px solid rgba(157,59,241,.12);
}
[data-theme="dark"] .mob-menu {
  background: rgba(13,11,30,0.75);
  border-right-color: rgba(157,59,241,.2);
}
.mob-menu.show { transform: translateX(0); }

/* Overlay backdrop */
.mob-overlay {
  display: none; position: fixed; inset: 0;
  background: rgba(0,0,0,.45); z-index: 998;
  backdrop-filter: blur(2px);
}
.mob-overlay.show { display: block; }

.mob-menu ul { list-style: none; }
.mob-menu ul li { border-bottom: 1px solid var(--border); }
.mob-menu ul li a { display: block; padding: 14px 0; font-size: 0.9rem; font-weight: 500; color: var(--text-main); }
.mob-menu .btn-start { display: block; width: 100%; margin-top: 16px; text-align: center; }
.mob-sub { display: none; padding-left: 14px; }
.mob-sub.show { display: block; }

/* ===== SECTION COMMONS ===== */
.sec { padding: 130px 0; }
.sec-sm { padding: 130px 0; }
.badge-pill {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 5px 14px; border-radius: 50px; font-size: 0.72rem; font-weight: 600;
  letter-spacing: .06em; text-transform: uppercase; margin-bottom: 14px;
}
.badge-pill.light { background: rgba(157,59,241,0.08); border: 1px solid rgba(157,59,241,0.2); color: var(--purple); }
.badge-pill.white { background: rgba(255,255,255,0.15); border: 1px solid rgba(255,255,255,0.25); color: rgba(255,255,255,0.9); }
[data-theme="light"] .inner-hero__badge .badge-pill.white { background: rgba(0,0,0,0.05); border: 1px solid rgba(0,0,0,0.10); color: var(--text-black); }
.sec-title { font-size: clamp(30px, 4vw, 52px); font-weight: 800; line-height: 1.15; margin-bottom: 14px; color: var(--text-white); }
.sec-title .g { background: var(--grad-text); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.rie-content h3.sec-title { font-size: clamp(30px, 4vw, 36px); font-weight: 800; line-height: 1.15; margin-bottom: 14px; color: var(--text-white); }
.sec-subtitle { font-size: 2em; font-weight: 800; line-height: 1.15; background: var(--grad-text); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.sec-body { font-size: 1.06rem; color: var(--text-black); line-height: 1.75; }
.divider { width: 44px; height: 3px; background: var(--grad-text); border-radius: 2px; margin: 14px 0 22px; }
.center-it { text-align: center; }
.center-it .divider { margin: 14px auto 22px; }
.center-it .sec-body { color: var(--text-black); max-width: 1000px; margin-left: auto; margin-right: auto; }

/* reveal */
.reveal { opacity: 0; transform: translateY(28px); transition: opacity .6s ease, transform .6s ease; }
.reveal.on { opacity: 1; transform: translateY(0); }
.d1{transition-delay:.1s} .d2{transition-delay:.2s} .d3{transition-delay:.3s}
.d4{transition-delay:.4s} .d5{transition-delay:.5s}

/* ===== HERO ===== */
.hero {
  background: radial-gradient(ellipse 65% 55% at 10% 15%, rgba(124,58,237,.22) 0%, transparent 55%),
              radial-gradient(ellipse 45% 40% at 90% 5%, rgba(192,38,211,.14) 0%, transparent 55%),
              radial-gradient(ellipse 35% 30% at 70% 80%, rgba(255,113,95,.08) 0%, transparent 50%),
              #080614;
  padding-top: 0;
  padding-bottom: 60px;
  position: relative;
}
.hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 70% 55% at 12% 18%, rgba(124,58,237,.32) 0%, transparent 52%),
              radial-gradient(ellipse 55% 45% at 88% 8%, rgba(192,38,211,.22) 0%, transparent 52%),
              radial-gradient(ellipse 45% 38% at 62% 78%, rgba(255,113,95,.13) 0%, transparent 50%),
              radial-gradient(ellipse 90% 55% at 50% 50%, rgba(157,59,241,.06) 0%, transparent 72%);
  pointer-events: none;
  z-index: 0;
  transition: background .35s ease;
}
.hero::after {
  content: '';
  position: absolute;
  inset: 0;
  background-image: linear-gradient(rgba(157,59,241,.04) 1px, transparent 1px),
                    linear-gradient(90deg, rgba(157,59,241,.04) 1px, transparent 1px);
  background-size: 60px 60px;
  mask-image: radial-gradient(ellipse 80% 80% at 50% 20%, black 0%, transparent 80%);
  pointer-events: none;
  z-index: 0;
}
[data-theme="light"] .hero {
  background: radial-gradient(ellipse 65% 55% at 10% 15%, rgba(124,58,237,.22) 0%, transparent 55%),
              radial-gradient(ellipse 45% 40% at 90% 5%, rgba(192,38,211,.14) 0%, transparent 55%),
              radial-gradient(ellipse 35% 30% at 70% 80%, rgba(255,113,95,.08) 0%, transparent 50%),
              #ffffff;
}
.hero-inner { position: relative; z-index: 1; text-align: center; padding-top: 150px; padding-bottom: 40px; max-width: 920px; }
.hero h1 {
  color: #fff; font-size: clamp(2rem, 5.5vw, 5rem);
  font-weight: 800; line-height: 1.1; margin-bottom: 28px;
}
.hero h1 em { font-style: normal; color: #fff; }

[data-theme="light"] .hero h1 {color: var(--text-black);}
[data-theme="light"] .hero h1 em { color: var(--text-black); }
.g {
  background: linear-gradient(135deg, #9D3BF1 0%, #DC1DD3 50%, #FF715F 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

.hero .lead {
  color: rgba(255,255,255,1); font-size: clamp(1rem, 2.2vw, 1.1rem); font-weight: 500;
  /*max-width: 780px;*/
  max-width: 1024px;
  margin: 0 auto 30px; line-height: 1.75;
  padding: 0 16px;
}
[data-theme="light"] .hero .lead {color: rgba(0,0,0,1);}

.hero-form-wrap {
  display: flex; gap: 8px; max-width: 440px; margin: 0 auto 18px;
  background: rgba(255,255,255,0.14); backdrop-filter: blur(16px);
  border: 1px solid rgba(255,255,255,0.25); border-radius: 60px;
  padding: 6px 6px 6px 20px;
}
.hero-form-wrap input {
  flex: 1; background: transparent; border: none; outline: none;
  color: #fff; font-size: .85rem; min-width: 0;
}
.hero-form-wrap input::placeholder { color: rgba(255,255,255,.5); }
.hero-form-wrap .btn-hero {
  background: #fff; color: #343061; border: none; border-radius: 50px;
  padding: 10px 22px; font-size: .82rem; font-weight: 700;
  cursor: pointer; white-space: nowrap;
  transition: transform .2s, box-shadow .2s;
}
.hero-form-wrap .btn-hero:hover { transform: scale(1.04); box-shadow: 0 6px 20px rgba(0,0,0,.25); }

/* ── Hero CTA buttons ── */
.hero-cta-row {
  display: flex; align-items: center; justify-content: center;
  gap: 16px; flex-wrap: wrap; margin: 0 auto 28px;
}

.inner-hero {
  background:
    radial-gradient(ellipse 65% 55% at 10% 15%, rgba(124,58,237,.22) 0%, transparent 55%),
    radial-gradient(ellipse 45% 40% at 90% 5%,  rgba(192,38,211,.14) 0%, transparent 55%),
    radial-gradient(ellipse 35% 30% at 70% 80%, rgba(255,113,95,.08) 0%, transparent 50%),
    #080614;
  padding: 160px 0 60px;
  position: relative;
  overflow: hidden;
}
[data-theme="light"] .inner-hero {
  background: radial-gradient(ellipse 65% 55% at 10% 15%, rgba(124, 58, 237, .22) 0%, transparent 55%), radial-gradient(ellipse 45% 40% at 90% 5%, rgba(192, 38, 211, .14) 0%, transparent 55%), radial-gradient(ellipse 35% 30% at 70% 80%, rgba(255, 113, 95, .08) 0%, transparent 50%), #ffffff;
}
.inner-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse 70% 55% at 12% 18%, rgba(124,58,237,.32) 0%, transparent 52%),
    radial-gradient(ellipse 55% 45% at 88% 8%,  rgba(192,38,211,.22) 0%, transparent 52%),
    radial-gradient(ellipse 45% 38% at 62% 78%, rgba(255,113,95,.13) 0%, transparent 50%),
    radial-gradient(ellipse 90% 55% at 50% 50%, rgba(157,59,241,.06) 0%, transparent 72%);
  pointer-events: none;
  z-index: 0;
  transition: background .35s ease;
}
/* Hero content */
.inner-hero__content { position: relative; z-index: 1; }
.inner-hero__full { position: relative; z-index: 1; width: 100%; text-align: center; }
.inner-hero__badge { margin-bottom: 20px; }
.inner-hero__title {
  font-size: clamp(1rem, 2.2vw, 2.5rem) !important;
  font-weight: 800;
  line-height: 1.18;
  color: #fff;
  margin-bottom: 20px !important;
}
.inner-hero__title .g {
  color: #fff;
  -webkit-text-fill-color: #fff;
  background: none;
  text-shadow: 0 0 40px rgba(255,255,255,.35);
}
[data-theme="light"] .inner-hero__title .g {color: #000; -webkit-text-fill-color: #000;}
.inner-hero__body {
  font-size: 1rem;
  line-height: 1.75;
  color: rgba(255,255,255,1);
  margin-bottom: 0;
}

.btn-cta-primary {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 15px 32px !important;
  font-size: .95rem !important;
  font-weight: 700 !important;
  letter-spacing: .01em !important;
  border-radius: 50px !important;
  background: linear-gradient(135deg, #7C3AED 0%, #C026D3 55%, #EA580C 100%) !important;
  background-size: 200% 200% !important;
  background-position: 0% 50% !important;
  color: #fff !important;
  border: none !important;
  box-shadow: 0 6px 28px rgba(124,58,237,.45), 0 2px 8px rgba(0,0,0,.2), 0 0 0 1px rgba(255,255,255,.1) inset !important;
  cursor: pointer !important;
  transition: background-position .4s ease, box-shadow .25s, transform .15s !important;
  white-space: nowrap !important;
  justify-content: center;
}
.btn-cta-primary:hover {
  background-position: 100% 50% !important;
  box-shadow: 0 10px 40px rgba(124,58,237,.6), 0 4px 16px rgba(0,0,0,.25) !important;
  transform: translateY(-2px) !important;
  color: #fff !important;
}
/*.btn-cta-primary .btn-arrow {
  display: inline-flex;
  transition: transform .4s cubic-bezier(.22,.68,0,1.2);
}
.btn-cta-primary:hover .btn-arrow {
  transform: translateX(6px);
}*/

.btn-cta-ghost {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 15px 32px !important;
  font-size: .95rem !important;
  font-weight: 700 !important;
  letter-spacing: .01em !important;
  border-radius: 50px !important;
  background: transparent !important;
  color: #fff !important;
  border: 1.5px solid rgba(157,59,241,.4) !important;
  cursor: pointer !important;
  transition: border-color .2s, background .2s, color .2s, transform .15s !important;
  white-space: nowrap !important;
  text-decoration: none !important;
}
[data-theme="light"] .btn-cta-ghost { color: var(--purple) !important; }
.btn-cta-ghost:hover {
  border-color: rgba(157,59,241,.75) !important;
  background: rgba(157,59,241,.08) !important;
  color: var(--purple) !important;
  transform: translateY(-1px) !important;
}
.btn-cta-ghost:active {
  transform: translateY(-1px);
  transition-duration: .15s;
}
.btn-cta-ghost .btn-arrow {
  display: inline-flex;
  transition: transform .4s cubic-bezier(.22,.68,0,1.2);
}
.btn-cta-ghost:hover .btn-arrow { transform: translateX(6px); }

@media(max-width:540px){
  .hero-cta-row { flex-direction: column; gap: 12px; }
  .btn-cta-primary, .btn-cta-ghost { width: 100%; max-width: 320px; justify-content: center; }
}


/* Dashboard */
.hero-dash-outer {
  position: relative; z-index: 10;
  width: 960px; max-width: calc(100% - 40px);
  margin: 0 auto;
  margin-bottom: -280px;
  padding: 0;
}
.dash-browser {
  background: rgba(15,10,40,.85); backdrop-filter: blur(20px);
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 16px;
  box-shadow: 0 32px 80px rgba(0,0,0,.55), 0 0 0 1px rgba(255,255,255,.06),
              0 0 120px rgba(157,59,241,.15);
  overflow: hidden;
  height: 550px; max-height: 550px; min-height: 550px;
  display: flex; flex-direction: column;
}
.dash-bar {
  display: flex; align-items: center; gap: 8px;
  padding: 12px 16px; background: rgba(255,255,255,.04);
  border-bottom: 1px solid rgba(255,255,255,.07);
}
.dash-bar .db { width: 11px; height: 11px; border-radius: 50%; }
.db-r{background:#ff5f57}.db-y{background:#ffbd2e}.db-g{background:#28ca41}
.dash-bar .url {
  flex: 1; background: rgba(255,255,255,.07); border-radius: 6px;
  padding: 4px 12px; font-size: .7rem; color: rgba(255,255,255,.4);
}

/* ── Blind Spot CTA line ── */
.blind-spot-text {
  font-size: .88rem;
  color: var(--text-main);
  opacity: .8;
  line-height: 1.6;
  margin-top: 12px;
}
.blind-spot-link {
  color: var(--purple);
  cursor: pointer;
  text-decoration: none;
  transition: .22s ease, opacity .22s ease;
  white-space: nowrap;
}
.blind-spot-link .bsl-arrow {
  display: inline-block;
  transition: transform .22s ease;
}
.blind-spot-link:hover {
  opacity: 1;
}
.blind-spot-link-white { 
  color: #ffe200 !important;
  display: flex;
  align-items: center;
  justify-content: start;
}
.blind-spot-link-white:hover {
  color: var(--text-white) !important;
  text-decoration: underline;
}
.blind-spot-link:hover .bsl-arrow { transform: translateX(3px); }
[data-theme="dark"] .blind-spot-text { color: rgba(240,238,255,.6); }
[data-theme="dark"] .blind-spot-link { color: #c084fc; }
[data-theme="dark"] .blind-spot-link:hover { border-bottom-color: #c084fc; }
[data-theme="light"] .blind-spot-text { color: #4a4060; }
[data-theme="light"] .blind-spot-link { color: #9D3BF1; }
@media(max-width:540px){
  .blind-spot-text { font-size: .82rem; }
  .qintro__headline { font-size:1rem; }
}

/* ===== PROBLEM / SAVE TIME ===== */
.problem-sec { background: var(--bg); padding-top: 320px !important; }
.problem-top { display: grid; grid-template-columns: 1fr 1.25fr; gap: 52px; align-items: center; margin-bottom: 52px; }
@media(max-width:768px){ .problem-top{ grid-template-columns:1fr; } }
.prob-mockup {
  background: var(--card); border: 1px solid var(--border);
  border-radius: 16px; overflow: hidden; box-shadow: var(--shadow-lg);
  margin-top: 25px;
}
.prob-mock-bar {
  display: flex; align-items: center; gap: 7px; padding: 10px 14px;
  background: var(--bg-soft); border-bottom: 1px solid var(--border);
}
.prob-mock-bar .db { width: 9px; height: 9px; border-radius: 50%; }
.challenge-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
@media(max-width:900px){ .challenge-grid{ grid-template-columns: repeat(2,1fr); } }
@media(max-width:540px){ .challenge-grid{ grid-template-columns: 1fr; } }

/* ═══ CHALLENGE CARDS — SearchAtlas exact: CSS hover slide ═══ */
.ch-card {
  border-radius: 20px; padding: 20px;
  position: relative; overflow: hidden;
  cursor: default;
  opacity: 0; transform: translateY(40px);
  will-change: transform;
  transition: opacity .55s ease, transform .4s cubic-bezier(.22,.68,0,1.2),
              background-position 2s ease;
}
.ch-card.step-visible { opacity: 1; transform: translateY(0); }

.ch-card.c1 {
  background: #06081a radial-gradient(circle at center, #4c5eeb 0%, #3050d0 32%, #182090 50%, #080e50 65%, transparent 72%) no-repeat -650px -650px / 650px 650px;
  border: 1px solid rgba(90,110,240,.3);
  background-position: -120px -350px;
}
.ch-card.c2 {
  background: #0c0016 radial-gradient(circle at center, #e030e0 0%, #a000b0 32%, #60006a 50%, #300030 65%, transparent 72%) no-repeat -650px -650px / 650px 650px;
  border: 1px solid rgba(200,0,200,.3);
  background-position: -200px -330px;
}
.ch-card.c3 {
  background: #120005 radial-gradient(circle at center, #af0844 0%, #a30241 32%, #800030 50%, #3a0018 65%, transparent 72%) no-repeat -650px -650px / 650px 650px;
  border: 1px solid rgba(240,20,80,.3);
  background-position: -0px -350px;
}
.ch-card.c4 {
  background: #100300 radial-gradient(circle at center, #e59901 15%, #bf5904 32%, #904000 50%, #441a00 65%, transparent 72%) no-repeat -650px -650px / 650px 650px;
  border: 1px solid rgba(240,130,0,.3);
  background-position: -120px -350px;
}

.ch-card.c1:hover { background-position: -50px -50px; }
.ch-card.c2:hover { background-position: -50px -200px; }
.ch-card.c3:hover { background-position: -80px -80px; }
.ch-card.c4:hover { background-position: -80px -80px; }

/* Shimmer top bar */
.ch-shimmer {
  position: absolute; top: 0; left: 0; right: 0; height: 2px;
  border-radius: 20px 20px 0 0;
  background-size: 200% 100%;
  animation: chShimmer 3s ease-in-out infinite;
  z-index: 5; pointer-events: none;
}
.ch-card.c1 .ch-shimmer { background: linear-gradient(90deg, #515dcf, #9090ff, #515dcf); }
.ch-card.c2 .ch-shimmer { background: linear-gradient(90deg, #d300c5, #ff50ff, #d300c5); animation-delay: -.75s; }
.ch-card.c3 .ch-shimmer { background: linear-gradient(90deg, #ff0268, #ff6090, #ff0268); animation-delay: -1.5s; }
.ch-card.c4 .ch-shimmer { background: linear-gradient(90deg, #ff7a00, #ffcc00, #ff7a00); animation-delay: -2.25s; }

@keyframes chShimmer {
  0%,100% { background-position: 0% 0; opacity: .6; }
  50%     { background-position: 100% 0; opacity: 1; }
}

.ch-icon {
  width: 48px; height: 48px; border-radius: 14px;
  display: flex; align-items: center; justify-content: center; margin-bottom: 16px;
  position: relative; z-index: 4;
}
.ch-num {
  font-size: .70rem; font-weight: 600; letter-spacing: .08em;
  text-transform: uppercase; color: rgba(255,255,255,1); margin-bottom: 8px;
  position: relative; z-index: 4;
}
.ch-card h4 {
  font-size: 1rem; font-weight: 700; margin-bottom: 6px; color: #fff;
  line-height: 1.3; position: relative; z-index: 4;
}
.ch-card .ch-sub {
  font-size: 1rem; font-weight: 600; margin-bottom: 10px;
  position: relative; z-index: 4;
}
.ch-card p {
  font-size: .95rem; color: rgba(255,255,255,.72); line-height: 1.65;
  position: relative; z-index: 4; margin-bottom: 15px;
}

/* ===== HIGHLIGHT ===== */
/* ===== ANIMATED GRADIENTS (P1N2O technique) ===== */
@keyframes hlGradient {
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}
@keyframes ftGradient {
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}
.highlight-sec {
  background: linear-gradient(45deg, #9d3bf1, #dc1dd3, #ff715f, #dc1dd3, #9d3bf1);
  background-size: 400% 400%;
  animation: hlGradient 8s ease infinite;
  padding: 130px 0; position: relative; overflow: hidden;
}
.highlight-sec::before {
  content:''; position:absolute; inset:0; pointer-events:none;
  background: radial-gradient(ellipse 60% 80% at 25% 40%, rgba(255,255,255,.06) 0%, transparent 65%);
}
.hl-grid {
  display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center;
  position: relative; z-index: 1;
}
@media(max-width:768px){ .hl-grid{ grid-template-columns:1fr; } }
.hl-left .sec-title { color: var(--text-white); text-align:left; font-size:clamp(2rem,4vw,3.1rem); }
.hl-left .sec-title .pink { color:#ffd6f5; font-style:italic; }
.hl-left .sec-body { color: var(--text-white); text-align:left; /*max-width:440px;*/ margin:0 0 28px; }
.hl-left .divider { background:rgba(255,255,255,.4); margin:14px 0 20px; }
.hl-btns { display:flex; align-items:center; gap:14px; flex-wrap:wrap; }
.hl-btn-primary {
  display:inline-flex; align-items:center; gap:9px;
  background:#fff; color:#343061; border:none; border-radius:50px;
  padding:12px 22px; font-size:.875rem; font-weight:700;
  cursor:pointer;
  transition:transform .2s, box-shadow .2s; text-decoration:none;
}
.hl-btn-primary:hover { transform:translateY(-1px); box-shadow:0 8px 24px rgba(0,0,0,.2); }
.hl-btn-primary .play-ico {
  width:28px; height:28px; border-radius:50%;
  background:linear-gradient(135deg,#9D3BF1,#DC1DD3);
  display:flex; align-items:center; justify-content:center; flex-shrink:0;
}
.hl-btn-secondary {
  display:inline-flex; align-items:center;
  background:transparent; color:#fff;
  border:1.5px solid rgba(255,255,255,.5); border-radius:50px;
  padding:12px 22px; font-size:.875rem; font-weight:600;
  cursor:pointer;
  transition:border-color .2s, background .2s; text-decoration:none;
}
.hl-btn-secondary:hover { border-color:#fff; background:rgba(255,255,255,.08); }
.vid-frame {
  border-radius: 20px; overflow: hidden;
  aspect-ratio: 16/9; background: rgba(30,10,50,.75); position: relative;
  display: flex; align-items: center; justify-content: center;
  border:1px solid rgba(255,255,255,.12);
  box-shadow: 0 30px 80px rgba(0,0,0,.45);
  min-height: 347px;
}
.vid-overlay { position:absolute; inset:0; background:rgba(20,5,40,.5); }
.vid-grid {
  position:absolute; inset:0;
  background-image: linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px),
                    linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px);
  background-size: 32px 32px;
}
.play-btn {
  position:relative; z-index:2;
  width:72px; height:72px; border-radius:50%;
  background:linear-gradient(135deg,#9D3BF1,#DC1DD3);
  border:3px solid rgba(255,255,255,.25); cursor:pointer;
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 0 0 12px rgba(157,59,241,.2), 0 0 0 24px rgba(157,59,241,.1);
  transition:transform .2s;
}
.play-btn:hover { transform:scale(1.08); }
.vid-badge {
  position:absolute; bottom:18px; left:18px; z-index:2;
  display:flex; align-items:center; gap:7px;
  background:rgba(10,5,20,.85); backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,.1); border-radius:50px;
  padding:7px 14px; color:#fff; font-size:.78rem; font-weight:500;
}
.vid-badge-dot { width:8px; height:8px; border-radius:50%; background:linear-gradient(135deg,#9D3BF1,#DC1DD3); }

/* ===== SOLUTION: Is your CRM ===== */
.solution-sec { background: var(--bg-soft); }

/* ===== RELATIONSHIP INTELLIGENCE ENGINE ===== */
.rie-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 72px;
  align-items: center;
}
.rie-visual {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 25px;
}
.rie-content { }
.rie-body {
  color: var(--text-black);
  margin-bottom: 32px;
  max-width: 520px;
}
.rie-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.rie-item {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  font-size: 1.06rem;
  color: var(--text-white);
  line-height: 1.75;
  font-weight: 400;
}
.rie-dot {
  width: 8px; height: 8px;
  border-radius: 50%;
  background: var(--grad-text);
  flex-shrink: 0;
  margin-top: 6px;
}
[data-theme="dark"] .rie-body { color: var(--text-white); }
[data-theme="light"] .rie-item { color: var(--text-black); }
[data-theme="light"] .rie-body { color: var(--text-black); }
@media(max-width:991px) {
  .rie-grid { grid-template-columns: 1fr; gap: 40px; }
  .rie-visual { order: -1; }
  .rie-content .sec-title { text-align: left !important; }
  .rie-content .divider { margin-left: 0; margin-right: auto; }
  .rie-body { max-width: 100%; }
}
@media(max-width:540px) {
  .rie-item { font-size: .88rem; }
}

/* ===== TOTAL RELATIONSHIP VALUE (TRV) ===== */
.trv-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 70px;
  align-items: center;
  padding-bottom: 16px;
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
}
.trv-title { font-size: clamp(22px, 2.8vw, 36px); text-align: left; }
.trv-body { color: var(--text-black); max-width: 480px; }
.trv-visual { display: flex; flex-direction: column; align-items: center; justify-content: center; }

/* Dark mode — SVG already uses rgba(255,255,255,...) which works fine */
[data-theme="dark"] .trv-body { color: var(--text-white); }

/* Light mode — text + SVG fixes */
[data-theme="light"] .trv-body { color: var(--text-black); }
/* SVG center "TRV" and label texts */
[data-theme="light"] .trv-svg .trv-val-main { fill: #1a1033; }
[data-theme="light"] .trv-svg .trv-val-label { fill: rgba(100,60,180,.7); }
[data-theme="light"] .trv-svg .trv-val-sub { fill: rgba(100,60,180,.5); }
/* Segment percentage texts inside cards */
[data-theme="light"] .trv-svg .trv-pct { fill: #1a1033; }
/* "TRV CONTRIBUTION" bar section label */
[data-theme="light"] .trv-svg .trv-section-label { fill: rgba(50,30,100,.5); }
/* Bar label texts */
[data-theme="light"] .trv-svg .trv-bar-label { fill: rgba(80,40,150,.7); }
/* Bar % value texts */
[data-theme="light"] .trv-svg .trv-bar-pct { fill: rgba(80,40,150,.6); }
/* Card background fills - stronger in light */
[data-theme="light"] .trv-svg .trv-card-c1 { fill: rgba(157,59,241,.18); }
[data-theme="light"] .trv-svg .trv-card-c2 { fill: rgba(220,29,211,.16); }
[data-theme="light"] .trv-svg .trv-card-c3 { fill: rgba(255,113,95,.14); }
[data-theme="light"] .trv-svg .trv-card-c4 { fill: rgba(106,31,201,.18); }

/* ── RRG SVG (Revenue Gap) dark/light ── */
[data-theme="light"] .rrg-svg .rrg-bg  { fill: #ede9ff; }
[data-theme="light"] .rrg-svg .rrg-header { fill: rgba(157,59,241,.1); }
[data-theme="light"] .rrg-svg .rrg-hdr-text { fill: rgba(60,20,140,.85); }
[data-theme="light"] .rrg-svg .rrg-dot { fill: #e53030; }
[data-theme="light"] .rrg-svg .rrg-hdr-badge { fill: rgba(255,113,95,.2); }
[data-theme="light"] .rrg-svg .rrg-hdr-badge-txt { fill: rgba(180,60,20,.85); }
[data-theme="light"] .rrg-svg .rrg-section-lbl { fill: rgba(80,40,150,.5); }
[data-theme="light"] .rrg-svg .rrg-unmeasured-lbl { fill: rgba(200,60,20,.7); }
[data-theme="light"] .rrg-svg .rrg-bar-lbl { fill: rgba(80,40,150,.75); }
[data-theme="light"] .rrg-svg .rrg-bar-val { fill: rgba(80,40,150,.75); }
[data-theme="light"] .rrg-svg .rrg-grid { stroke: rgba(157,59,241,.06); }
[data-theme="light"] .rrg-svg .rrg-sep { stroke: rgba(80,40,150,.15); }
[data-theme="light"] .rrg-svg .rrg-chip-lbl { fill: rgba(80,40,150,.88); }
[data-theme="light"] .rrg-svg .rrg-gap-card { fill: rgba(255,60,60,.05); stroke: rgba(220,80,60,.22); }
[data-theme="light"] .rrg-svg .rrg-gap-lbl { fill: rgba(160,50,20,.65); }
[data-theme="light"] .rrg-svg .rrg-gap-amt { fill: #c82020; }
[data-theme="light"] .rrg-svg .rrg-gap-note { fill: rgba(140,50,20,.55); }
[data-theme="light"] .rrg-svg .rrg-calc-bg { fill: rgba(255,113,95,.15); stroke: rgba(255,113,95,.3); }
[data-theme="light"] .rrg-svg .rrg-calc-lbl { fill: rgba(160,60,20,.75); }
[data-theme="light"] .rrg-svg .rrg-calc-90 { fill: #c82020; }
[data-theme="light"] .rrg-svg .rrg-ft-bar-bg { fill: rgba(80,40,150,.08); }
[data-theme="light"] .rrg-svg .rrg-ft-lbl { fill: rgba(80,40,150,.4); }
[data-theme="light"] .rrg-svg .rrg-ft-l1 { fill: rgba(80,40,150,.55); }
[data-theme="light"] .rrg-svg .rrg-ft-l2 { fill: rgba(200,60,20,.6); }
[data-theme="light"] .rrg-svg .rrg-ft-note { fill: rgba(80,40,150,.35); }

@media(max-width:991px) {
  .trv-grid { grid-template-columns: 1fr; gap: 36px; max-width: 100%; }
  .trv-visual { order: 1; }
  .trv-title { text-align: left; }
  .trv-body { max-width: 100%; }
}

/* ===== MEET QUANTMX ===== */
.meet-sec { background: var(--bg); }
.meet-grid { display: grid; grid-template-columns: 1.4fr 1fr; gap: 64px; align-items: center; }
@media(max-width:768px){ .meet-grid{ grid-template-columns:1fr; } }
.meet-tags { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 18px; }
.tag-chip {
  padding: 5px 13px; border-radius: 50px; font-size: .75rem; font-weight: 600;
  background: rgba(157,59,241,.08); border: 1px solid rgba(157,59,241,.2); color: var(--purple);
  display: inline-flex; align-items: center; gap: 6px;
}
.meet-body-text {
  font-size: 1.06rem; font-weight: 600; color: var(--text-black);;
  line-height: 1.75; margin-bottom: 16px;
}

/* Glow cards */
.meet-glows { display: flex; flex-direction: column; gap: 30px; }

/* Scroll-in animation */
.gc-wrap {
  will-change: transform;
  opacity: 0;
  transition: opacity .7s ease, transform .7s cubic-bezier(.22,.68,0,1.15);
}
.gc-wrap.gc--a-wrap {
  transform: translateY(-60px);
}
.gc-wrap.gc--b-wrap {
  transform: translateY(60px);
}
/* Step 1: slide in */
.gc-wrap.gc-wrap-visible {
  opacity: 1;
  transform: translateY(0);
}
/* Step 2: after slide done, float takes over (added via JS after delay) */
.gc-wrap.gc-wrap-float {
  animation: gcFloat 5s ease-in-out infinite;
}
.gc-wrap.gc-wrap-float.gc-wrap--b { animation-delay: 1.2s; }
.gc-wrap:hover { animation-play-state: paused; }

@keyframes gcFloat {
  0%,100% { transform: translateY(0px); }
  50%     { transform: translateY(-8px); }
}

.gc {
  opacity: 0;
  transform: translateX(40px);
  transition: opacity .65s ease, transform .65s ease;
}
.gc.gc-visible { opacity: 1; transform: translateX(0); }

.gc {
  position: relative;
  border-radius: 16px; padding: 19px 20px;
  display: flex; align-items: center; gap: 16px;
  overflow: hidden;
}
.gc--a {
  background: linear-gradient(135deg, #1a0d3d 0%, #2d0d5a 50%, #1a0d3d 100%);
  border: 1px solid rgba(157,59,241,.4);
  animation: glowA 2.5s ease-in-out infinite;
}
.gc--b {
  background: linear-gradient(135deg, #1a0820 0%, #350a2a 50%, #1a0820 100%);
  border: 1px solid rgba(255,113,95,.4);
  animation: glowB 2.8s ease-in-out infinite;
}
@keyframes glowA {
  0%,100% { box-shadow: 0 0 6px rgba(157,59,241,.3), 0 0 14px rgba(157,59,241,.12); }
  50%     { box-shadow: 0 0 14px rgba(157,59,241,.6), 0 0 28px rgba(157,59,241,.28), 0 0 44px rgba(157,59,241,.1); }
}
@keyframes glowB {
  0%,100% { box-shadow: 0 0 6px rgba(255,113,95,.3), 0 0 14px rgba(220,29,211,.12); }
  50%     { box-shadow: 0 0 14px rgba(255,113,95,.6), 0 0 28px rgba(220,29,211,.28), 0 0 44px rgba(255,113,95,.1); }
}

.gc__icon {
  width: 44px; height: 44px; border-radius: 12px; flex-shrink: 0;
  display: flex; align-items: center; justify-content: center;
  position: relative; z-index: 1;
}
.gc--a .gc__icon { background: rgba(157,59,241,.2); border: 1px solid rgba(157,59,241,.35); }
.gc--b .gc__icon { background: rgba(220,29,211,.18); border: 1px solid rgba(220,29,211,.35); }
.gc__text { position: relative; z-index: 1; }
.gc__label { font-size: .85rem; font-weight: 600; text-transform: uppercase; color: rgba(255,255,255,.6); margin-bottom: 3px; }
.gc__title { font-size: 1.5rem; font-weight: 700; color: #fff; line-height: 1.25; }
.gc--a .gc__title { background: linear-gradient(90deg, #ffffff, #9D3BF1); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.gc--b .gc__title { background: linear-gradient(90deg, #fff, #FF715F); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

/* ===== FEATURES (DARK) ===== */
.features-sec {
  background: linear-gradient(135deg, #343061, #6b1fc9, #9D3BF1, #DC1DD3, #9D3BF1, #6b1fc9, #343061);
  background-size: 400% 400%;
  animation: ftGradient 10s ease infinite;
  padding: 130px 0; position: relative; overflow: hidden;
}
.features-sec .sec-title { color: #fff !important; }
.features-sec .sec-body { color: var(--text-white); }
.features-sec .badge-pill { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.15); color: rgba(255,255,255,.8); }
.features-sec .sec-title .g { 
  background: linear-gradient(135deg, #fff 0%, #FF715F 100%) !important; 
  -webkit-background-clip: text !important; 
  -webkit-text-fill-color: transparent !important; 
}
.features-sec .divider { background: linear-gradient(90deg,#fff,#FF715F); }
.feat-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 16px; margin-top: 44px; }
.feat-grid3col { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; margin-top: 44px; }
@media(max-width:991px){ .feat-grid{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:540px){ .feat-grid{ grid-template-columns:1fr; } }
@property --fc-angle {
  syntax: '<angle>';
  initial-value: 0deg;
  inherits: false;
}

.feat-card {
  border-radius: 20px; padding: 20px 15px; position: relative;
  background: rgba(255,255,255,.09); backdrop-filter: blur(16px);
  border: 1px solid rgba(255,255,255,.08);
  opacity: 0; transform: translateY(60px);
  transition: opacity .65s ease, transform .65s cubic-bezier(.22,.68,0,1.15), box-shadow .3s;
  display: flex; flex-direction: column;
}
.feat-card > * { position: relative; z-index: 1; }
.feat-card.fc-visible { opacity: 1; transform: translateY(0); }
.feat-card:hover { box-shadow: var(--shadow-lg); }

/* The glowing orb traveling the border */
.feat-card::before {
  content: '';
  position: absolute;
  inset: -2px;
  border-radius: 22px;
  padding: 2px;
  background: conic-gradient(
    from var(--fc-angle),
    transparent 0%,
    transparent 82%,
    rgba(255,255,255,.06) 88%,
    var(--fc-glow) 93%,
    rgba(255,255,255,.4) 96%,
    var(--fc-glow) 99%,
    transparent 100%
  );
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  animation: fcBorderSpin var(--fc-speed, 3s) linear infinite;
}

@keyframes fcBorderSpin {
  to { --fc-angle: 360deg; }
}

.fc-purple { --fc-glow: rgba(157,59,241,1);  --fc-speed: 6s; }
.fc-pink   { --fc-glow: rgba(220,29,211,1);  --fc-speed: 7s; animation-delay: -1.2s; }
.fc-coral  { --fc-glow: rgba(255,113,95,1);  --fc-speed: 5.5s; animation-delay: -2s; }
.fc-teal   { --fc-glow: rgba(0,200,200,1);   --fc-speed: 8s; animation-delay: -.6s; }
.fc-purple {} .fc-pink {} .fc-coral {} .fc-teal {}
.feat-icon {
  width: 46px; height: 46px; border-radius: 12px;
  background: rgba(255,255,255,.1); display: flex; align-items: center;
  justify-content: center; margin-bottom: 14px;
}
.feat-card h4 { font-size: 1.1rem; font-weight: 700; color: #fff; margin-bottom: 7px; }
.feat-card p { font-size: .95rem; color: rgba(255,255,255,1); line-height: 1.75; }
.feat-visual { margin-top: auto; border-radius: 8px; overflow: hidden; background: rgba(0,0,0,.25); height: 130px; }

/* ===== PRICING (WHY IT WINS) ===== */
.whywins-sec {
  background: #fff;
  padding: 130px 0; position: relative; overflow: hidden;
}
.whywins-sec .sec-title { color: var(--text-black); }
.whywins-sec .sec-title .g { background: var(--grad-text); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.whywins-sec .badge-pill.white { background: rgba(157,59,241,.08); border-color: rgba(157,59,241,.2); color: var(--purple); }
.whywins-sec .divider { background: var(--grad-text); }

/* Wins list */
.wins-list {
  display: grid; grid-template-columns: repeat(2, 1fr);
  gap: 15px; margin-top: 36px; max-width: 860px; margin-left: auto; margin-right: auto;
}
@media(max-width:600px){ .wins-list{ grid-template-columns:1fr; } }
.win-item {
  display: flex; align-items: center; gap: 14px;
  background: var(--card); border: 1px solid var(--border);
  border-radius: 14px; padding: 16px 18px;
  box-shadow: var(--shadow-sm); text-align: left;
  opacity: 0;
  transition: opacity .65s ease, transform .65s cubic-bezier(.22,.68,0,1.15), box-shadow .25s;
}
/* Retention(1st) & Velocity(3rd) slide from left, Conversion(2nd) & Revenue(4th) from right */
.win-item:nth-child(1),
.win-item:nth-child(3) { transform: translateX(-80px); }
.win-item:nth-child(2),
.win-item:nth-child(4) { transform: translateX(80px); }

/* Step 1: slide to position */
.win-item.win-sliding {
  opacity: 1;
  transform: translateX(0) !important;
}
/* Step 2: float animation takes full control of transform */
.win-item.win-visible {
  opacity: 1;
  animation: winFloat 5s ease-in-out infinite;
  animation-delay: var(--float-delay, 0.8s);
  animation-fill-mode: both;
}
.win-item.win-visible:hover {
  animation-play-state: paused;
  box-shadow: var(--shadow-lg);
}
@keyframes winFloat {
  0%   { transform: translateY(0px); }
  50%  { transform: translateY(-8px); }
  100% { transform: translateY(0px); }
}
.win-text { display: flex; flex-direction: column; gap: 2px; text-align: left; }
.win-label {
  font-size: .88rem; font-weight: 800; letter-spacing: -.01em;
  background: var(--grad-text); -webkit-background-clip: text; -webkit-text-fill-color: transparent;
  text-align: left;
}
.win-desc { font-size: .88rem; color: var(--text-black); line-height: 1.5; text-align: left; }
.win-icon {
  width: 40px; height: 40px; border-radius: 11px; flex-shrink: 0;
  display: flex; align-items: center; justify-content: center;
  border: 1px solid transparent;
}

/* ===== WHAT IT DELIVERS ===== */
/* ===== WHAT IT DELIVERS — 3+2 GRID ===== */
.delivers-sec { background: var(--bg-soft); }

.dlv-top-grid {
  display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; margin-bottom: 20px;
}
.dlv-bottom-grid {
  display: grid; grid-template-columns: repeat(2,1fr); gap: 20px;
}
@media(max-width:900px){ .dlv-top-grid{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:600px){ .dlv-top-grid,.dlv-bottom-grid{ grid-template-columns:1fr; } }

.dlv-item {
  background: var(--card); border: 1px solid var(--border);
  border-radius: 20px; padding: 32px 28px;
  box-shadow: var(--shadow-sm); position: relative;
  display: flex; flex-direction: column; gap: 16px;
  transition: transform .3s, box-shadow .35s, border-color .35s;
}
.dlv-item:hover { transform: translateY(-5px); }

.dlv-item__head {
  display: flex; align-items: center; justify-content: space-between;
}
.dlv-item__icon {
  width: 48px; height: 48px; border-radius: 14px;
  border: 1px solid transparent;
  display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.dlv-item__num {
  font-size: 2.2rem; font-weight: 900; line-height: 1; letter-spacing: -.04em;
}
.dlv-item__title {
  font-size: 1.1rem; font-weight: 700; color: var(--text-main);
  line-height: 1.3;
}
.dlv-item__body {
  font-size: 1rem; color: var(--text-black); line-height: 1.75; flex: 1;
}
.dlv-item__bar {
  height: 3px; border-radius: 2px; width: 48px;
  margin-top: 4px;
}
/* Illustration — bottom of card, heading-matched */
.dlv-item__visual {
  margin-top: auto;
  padding-top: 20px;
  width: 100%;
  display: flex; align-items: flex-end; justify-content: center;
  overflow: hidden;
}

/* Hover glow — border + outer + inner glow per color */
.dlv-item--purple:hover {
  border-color: rgba(157,59,241,.7);
  box-shadow: 0 0 0 1px rgba(157,59,241,.25),
              0 8px 40px rgba(157,59,241,.35),
              0 0 80px rgba(157,59,241,.18),
              inset 0 0 40px rgba(157,59,241,.08);
}
.dlv-item--pink:hover {
  border-color: rgba(220,29,211,.7);
  box-shadow: 0 0 0 1px rgba(220,29,211,.25),
              0 8px 40px rgba(220,29,211,.35),
              0 0 80px rgba(220,29,211,.18),
              inset 0 0 40px rgba(220,29,211,.08);
}
.dlv-item--coral:hover {
  border-color: rgba(255,113,95,.7);
  box-shadow: 0 0 0 1px rgba(255,113,95,.25),
              0 8px 40px rgba(255,113,95,.35),
              0 0 80px rgba(255,113,95,.18),
              inset 0 0 40px rgba(255,113,95,.08);
}
.dlv-item--indigo:hover {
  border-color: rgba(106,31,201,.7);
  box-shadow: 0 0 0 1px rgba(106,31,201,.25),
              0 8px 40px rgba(106,31,201,.35),
              0 0 80px rgba(106,31,201,.18),
              inset 0 0 40px rgba(106,31,201,.08);
}
.dlv-item--teal:hover {
  border-color: rgba(0,180,150,.7);
  box-shadow: 0 0 0 1px rgba(0,180,150,.25),
              0 8px 40px rgba(0,180,150,.35),
              0 0 80px rgba(0,180,150,.18),
              inset 0 0 40px rgba(0,180,150,.08);
}

/* ===== FAQ ===== */
.faq-sec { background: var(--bg-soft); }
.faq-inner { max-width: 740px; }
.faq-item {
  background: var(--card); border: 1px solid var(--border); border-radius: 12px;
  margin-bottom: 10px; overflow: hidden; transition: box-shadow .2s;
}
.faq-item:hover { box-shadow: var(--shadow-sm); }
.faq-trigger {
  display: flex; align-items: center; justify-content: space-between;
  padding: 18px 22px; cursor: pointer; font-size: .9rem; font-weight: 600;
  transition: color .2s; user-select: none;
}
.faq-trigger:hover { color: var(--purple); }
.faq-ico { width: 22px; height: 22px; color: var(--purple); flex-shrink: 0; transition: transform .3s; }
.faq-item.open .faq-ico { transform: rotate(45deg); }
.faq-body {
  max-height: 0; overflow: hidden; transition: max-height .35s ease;
  font-size: .9rem; color: var(--text-black); line-height: 1.75;
  padding: 0 22px;
}
.faq-body a {color:var(--purple);font-weight:600; text-decoration:none;}
.faq-item.open .faq-body { max-height: 260px; padding-bottom: 18px; }

/* ===== FOOTER ===== */
footer {
  background: var(--navy); color: rgba(255,255,255,.55);
  padding: 80px 0 5px 0; border-top: 1px solid rgba(255,255,255,.05);
}
.ft-brand { display: flex; align-items: center; margin-bottom: 0; }
.ft-tagline { color: var(--grey); font-size: .8rem; line-height: 1.6; margin-bottom: 0; text-align: center; }
.ft-socials { display: flex; gap: 8px; }
.ft-socials a {
  width: 34px; height: 34px; border-radius: 9px;
  background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.08);
  display: flex; align-items: center; justify-content: center;
  color: rgba(255,255,255,.45); transition: all .2s;
  position: relative;
}
.ft-socials a:hover { background: rgba(157,59,241,.2); border-color: rgba(157,59,241,.35); color: #fff; }

/* ── Social tooltip ── */
.ft-socials a::before {
  content: attr(data-tooltip);
  position: absolute;
  bottom: calc(100% + 12px);
  left: 50%; transform: translateX(-50%) translateY(4px);
  background: linear-gradient(135deg, #1e1640, #2a1d5a);
  color: #f0eeff;
  font-size: .7rem; font-weight: 600;
  white-space: nowrap;
  padding: 6px 10px;
  border-radius: 7px;
  border: 1px solid rgba(157,59,241,.35);
  box-shadow: 0 4px 20px rgba(0,0,0,.4), 0 0 12px rgba(157,59,241,.2);
  pointer-events: none;
  opacity: 0;
  transition: opacity .2s ease, transform .2s ease;
  z-index: 100;
}
/* Arrow */
.ft-socials a::after {
  content: '';
  position: absolute;
  bottom: calc(100% + 2px);
  left: 50%; transform: translateX(-50%) translateY(4px);
  border: 5px solid transparent;
  border-top-color: #2a1d5a;
  pointer-events: none;
  opacity: 0;
  transition: opacity .2s ease, transform .2s ease;
  z-index: 100;
}
.ft-socials a:hover::before {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}
.ft-socials a:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}
.ft-col h6 { font-size: .78rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; margin-bottom: 14px; }
.ft-col a { display: block; color: var(--grey); font-size: .8rem; margin-bottom: 9px; transition: color .2s; }
.ft-col a:hover { color: #fff; }
.ft-bottom {
  margin-top: 20px; padding: 22px 0; border-top: 1px solid rgba(255,255,255,.06);
  display: flex; align-items: center; flex-wrap: wrap; gap: 20px;
}
.ft-bottom .copyright {
  color: var(--grey);
  font-size: 0.76rem;
  margin-bottom: 0;
}
.ft-bottom .copyright a {
  color: var(--grey);
  font-size: 0.76rem;
  margin-bottom: 0;
}
.ft-email {
  cursor: pointer;
  font-size: .76rem;
  color: var(--grey);
  text-decoration: none;
  display: inline-flex; align-items: center; gap: 5px;
  transition: color .2s;
  margin-left: auto;
}
.ft-email:hover { color: rgba(255,255,255,.8); }
@media(max-width:768px) { .ft-email { text-align: left; } }
.ft-links { display: flex; gap: 20px; align-items: center; }
.ft-link {
  font-size: .76rem; color: var(--grey); text-decoration: none;
  transition: color .2s;
}
.ft-link:hover { color: rgba(255,255,255,.8); }

/* ===== DASHBOARD SLIDER ===== */
.dash-slider {
  flex: 1; position: relative; overflow: hidden; min-height: 0;
}
.dash-slide {
  position: absolute; inset: 0;
  opacity: 0; transition: opacity .5s ease;
  pointer-events: none;
}
.dash-slide.active {
  opacity: 1; pointer-events: auto;
  position: relative;
}
.dash-controls {
  position: absolute; top: 8px; left: 16px; right: 16px; z-index: 10;
  height: 3px; background: rgba(255,255,255,.1); border-radius: 3px;
}
.dash-progress-wrap {
  height: 100%;
}
.dash-single-bar {
  height: 100%; width: 0%;
  background: linear-gradient(90deg, #9D3BF1, #DC1DD3, #FF715F);
  border-radius: 0 2px 2px 0;
}
.dash-single-bar.animating {
  animation: fillBar 4s linear forwards;
}
@keyframes fillBar { from { width: 0%; } to { width: 100%; } }

@media(max-width:540px){
  .ft-bottom { flex-direction: column; align-items: flex-start; }
}

/* ═══ MEANS SECTION ═══ */
.means-sec { background: var(--bg); }
.means-grid {
  display: grid; grid-template-columns: repeat(4, 1fr);
  gap: 16px; margin-top: 52px;
  align-items: start;
}
@media(max-width:900px){ .means-grid{ grid-template-columns: repeat(2,1fr); } }
@media(max-width:540px){ .means-grid{ grid-template-columns: 1fr; } }

.means-item {
  padding: 20px; position: relative;
  border: 1px solid var(--border);
  border-radius: 20px;
  background: var(--card);
  cursor: default;
  transition: background .35s ease, box-shadow .35s ease, border-color .35s ease;
  z-index: 1;
}
.means-item.is-active {
  z-index: 10;
  border-radius: 20px 20px 0 0;
}

/* Hover glow per item */
.means-item.is-active:nth-child(1) { background: #0f0828; border-color: rgba(157,59,241,.9); box-shadow: 0 0 30px rgba(157,59,241,.5), 0 0 80px rgba(157,59,241,.25); }
.means-item.is-active:nth-child(2) { background: #0a0618; border-color: rgba(220,29,211,.9); box-shadow: 0 0 30px rgba(220,29,211,.5), 0 0 80px rgba(220,29,211,.25); }
.means-item.is-active:nth-child(3) { background: #100806; border-color: rgba(255,113,95,.9); box-shadow: 0 0 30px rgba(255,113,95,.5), 0 0 80px rgba(255,113,95,.25); }
.means-item.is-active:nth-child(4) { background: #080620; border-color: rgba(106,31,201,.9); box-shadow: 0 0 30px rgba(106,31,201,.5), 0 0 80px rgba(106,31,201,.25); }

/* Cover the seam with a pseudo element — same bg, sits over the border line */
.means-item.is-active::after {
  content: '';
  position: absolute;
  bottom: -3px; left: 0; right: 0;
  height: 6px;
  z-index: 11;
}
.means-item.is-active:nth-child(1)::after { background: #0f0828; }
.means-item.is-active:nth-child(2)::after { background: #0a0618; }
.means-item.is-active:nth-child(3)::after { background: #100806; }
.means-item.is-active:nth-child(4)::after { background: #080620; }

/* ── Row 1: icon (left) + num (right) on same line ── */
.means-item__toprow {
  display: flex; align-items: center;
  justify-content: space-between;
  margin-bottom: 18px;
}
.means-item__icon {
  width: 48px; height: 48px; border-radius: 14px;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
}
.means-item__num {
  font-size: 2.8rem; font-weight: 900; line-height: 1;
  letter-spacing: -.05em; opacity: .1;
  color: var(--text-main);
}

/* ── Row 2: SVG — no background ── */
.means-item__svg {
  width: 100%; margin-bottom: 18px;
  background: none;
  display: flex; align-items: center;
}
.means-item__svg svg { width: 100%; height: auto; display: block; }

/* ── Row 3: heading ── */
.means-item__title {
  font-size: 1rem; font-weight: 700; color: var(--text-main);
  line-height: 1.55; margin-bottom: 0;
  transition: color .3s;
}
.means-item.is-active .means-item__title { color: #fff; }

/* Expandable content */
.means-item__expand {
  position: absolute;
  left: -1px; right: -1px;
  top: 100%;
  max-height: 0; overflow: hidden;
  opacity: 0;
  border: 1px solid transparent;
  border-top: none;
  border-radius: 0 0 20px 20px;
  padding: 0 28px;
  transition: max-height 1.4s cubic-bezier(.22,.68,0,1.1), opacity 1.1s ease, padding 1.4s ease;
  z-index: 10;
}
.means-item.is-active .means-item__expand {
  max-height: 300px;
  opacity: 1;
  padding: 0px 20px 20px;
}
.means-item.is-active:nth-child(1) .means-item__expand { border-color: rgba(157,59,241,.9); background: #0f0828; box-shadow: 0 12px 10px rgba(157,59,241,.5); }
.means-item.is-active:nth-child(2) .means-item__expand { border-color: rgba(220,29,211,.9); background: #0a0618; box-shadow: 0 12px 10px rgba(220,29,211,.5); }
.means-item.is-active:nth-child(3) .means-item__expand { border-color: rgba(255,113,95,.9); background: #100806; box-shadow: 0 12px 10px rgba(255,113,95,.5); }
.means-item.is-active:nth-child(4) .means-item__expand { border-color: rgba(106,31,201,.9); background: #080620; box-shadow: 0 12px 10px rgba(106,31,201,.5); }
.means-item:not(.is-active) .means-item__expand {
  max-height: 0 !important; opacity: 0 !important; padding: 0 28px !important;
  transition: max-height .4s ease, opacity .3s ease, padding .4s ease;
}
.means-item__body {
  font-size: .88rem; color: rgba(255,255,255,1);
  line-height: 1.72; margin-top: 0px; margin-bottom: 14px;
}
.means-item__q {
  font-size: .82rem; font-weight: 500; line-height: 1.55;
  padding-left: 12px; border-left: 2px solid;
}
.means-item:nth-child(1) .means-item__q { color: rgba(200,160,255,.9); border-color: #9D3BF1; }
.means-item:nth-child(2) .means-item__q { color: rgba(255,160,240,.9); border-color: #DC1DD3; }
.means-item:nth-child(3) .means-item__q { color: rgba(255,190,170,.9); border-color: #FF715F; }
.means-item:nth-child(4) .means-item__q { color: rgba(180,140,255,.9); border-color: #6a1fc9; }

[data-theme="dark"] .means-item { background: var(--card); }




/* ===== THE NEW STANDARD ===== */
.newstd-sec {
  background: linear-gradient(135deg, #1a0d3d 0%, #5a1580 30%, #9D3BF1 60%, #DC1DD3 85%, #FF715F 100%);
  background-size: 400% 400%;
  animation: hlGradient 8s ease infinite;
  padding: 130px 0; position: relative; overflow: hidden;
}
.newstd-sec::before {
  content:''; position:absolute; inset:0; pointer-events:none;
  background: radial-gradient(ellipse 60% 80% at 25% 40%, rgba(255,255,255,.06) 0%, transparent 65%);
}

.newstd-bg {
  position: absolute; inset: 0; pointer-events: none;
  background:
    radial-gradient(ellipse 70% 100% at -5% 50%, rgba(255,113,95,.22) 0%, transparent 55%),
    radial-gradient(ellipse 60% 80% at 105% 0%, rgba(255,255,255,.07) 0%, transparent 50%),
    radial-gradient(ellipse 40% 60% at 50% 120%, rgba(52,48,97,.5) 0%, transparent 60%);
}
.newstd-wrap {
  display: grid; grid-template-columns: 1.2fr 1fr; gap: 72px; align-items: center;
}
@media(max-width:900px){ .newstd-wrap{ grid-template-columns:1fr; gap:48px; } }
.newstd-left { display: flex; flex-direction: column; gap: 22px; }
.newstd-badge {
  display: inline-flex; align-items: center; gap: 8px; width: fit-content;
  background: rgba(255,255,255,.13); border: 1px solid rgba(255,255,255,.25);
  border-radius: 50px; padding: 6px 16px;
  font-size: .72rem; font-weight: 700; letter-spacing: .08em;
  text-transform: uppercase; color: rgba(255,255,255,.92);
}
[data-theme="light"] .newstd-badge {
  background: rgba(0,0,0,.13); border: 1px solid rgba(0,0,0,.25);
  color: rgba(0,0,0,.92);
}
.newstd-badge2 {
  display: inline-flex; align-items: center; gap: 8px; width: fit-content;
  background: rgba(255,255,255,.13); border: 1px solid rgba(255,255,255,.25);
  border-radius: 50px; padding: 6px 16px;
  font-size: .72rem; font-weight: 700; letter-spacing: .08em;
  text-transform: uppercase; color: rgba(255,255,255,.92);
}
[data-theme="light"] .newstd-badge2 {
  background: rgba(255,255,255,.13); border: 1px solid rgba(255,255,255,.25);
  color: rgba(255,255,255,.92);
}
.newstd-title {
  font-size: clamp(2rem, 4vw, 3rem); font-weight: 900;
  line-height: 1.12; letter-spacing: -.035em; color: #fff; margin: 0;
}
.newstd-title span {
  background: linear-gradient(90deg, #ffd6f5, #FF715F);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent;
}
.newstd-body {
  font-size: 1.06rem; color: rgba(255,255,255,1); line-height: 1.75;
}
.newstd-lines { display: flex; flex-direction: column; gap: 10px; padding-top: 4px; }
.newstd-line {
  display: flex; align-items: center; gap: 10px;
  font-size: .92rem; color: rgba(255,255,255,.88); font-weight: 500; margin: 0;
}
.newstd-line::before {
  content: ''; width: 20px; height: 2px; border-radius: 2px; flex-shrink: 0;
  background: linear-gradient(90deg, #ffd6f5, #FF715F);
}
.newstd-right {
  display: flex; flex-direction: column; gap: 2px;
}
.newstd-stat {
  padding: 28px 32px; border-radius: 18px;
  background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.14);
  backdrop-filter: blur(12px);
  opacity: 0; will-change: transform;
  transition: background .25s, border-color .25s;
}
.newstd-stat + .newstd-stat { margin-top: 12px; }

.newstd-stat:nth-child(1).stat-visible {
  opacity: 1;
  animation: floatSmooth1 4s ease-in-out 0.8s infinite;
  transition: opacity .6s ease .1s, background .25s, border-color .25s;
}
.newstd-stat:nth-child(2).stat-visible {
  opacity: 1;
  animation: floatSmooth2 4s ease-in-out 1.6s infinite;
  transition: opacity .6s ease .5s, background .25s, border-color .25s;
}
.newstd-stat:hover {
  background: rgba(255,255,255,.14);
  border-color: rgba(255,255,255,.28);
  animation-play-state: paused !important;
}

@keyframes floatSmooth1 {
  0%,100% { transform: translateY(0px); }
  50%     { transform: translateY(-8px); }
}
@keyframes floatSmooth2 {
  0%,100% { transform: translateY(0px); }
  50%     { transform: translateY(-8px); }
}
.newstd-stat__val {
  font-size: 1.3rem; font-weight: 800; line-height: 1.2;
  color: #fff; margin-bottom: 4px;
}
.newstd-stat__label {
  font-size: .78rem; color: rgba(255,255,255,.55); font-weight: 500;
}
/* ===== CTA SECTION ===== */
.cta2-sec {
  background-color: var(--bg);
  position: relative; overflow: hidden; padding: 130px 0;
}

.cta2-sect {
  background-color: var(--bg);
  position: relative; overflow: hidden; padding: 130px 0;
}
.cta2-bg {
  position: absolute; inset: 0; pointer-events: none;
  background:
    radial-gradient(ellipse 50% 70% at 0% 50%, rgba(157,59,241,.06) 0%, transparent 60%),
    radial-gradient(ellipse 40% 60% at 100% 20%, rgba(220,29,211,.05) 0%, transparent 55%);
}
.cta2-wrap {
  display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center;
}
@media(max-width:900px){ .cta2-wrap{ grid-template-columns:1fr; gap:44px; } }

.cta2-text { display: flex; flex-direction: column; gap: 18px; }
.cta2-image { background: var(--card); border: 1px solid var(--border); box-shadow: var(--shadow-md); border-radius: 16px; overflow: hidden; transition: transform .2s, box-shadow .2s; }
.cta2-image img { height: auto; width: 100%; }
.cta2-title {
  font-size: clamp(1.9rem, 3.5vw, 3rem); font-weight: 900;
  line-height: 1.15; letter-spacing: -.03em; color: var(--text-black); margin: 0;
}
.cta2-title span {
  background: linear-gradient(90deg, #9D3BF1, #DC1DD3, #FF715F);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent;
}
.cta2-body {
  font-size: 1.06rem; color: var(--text-black); line-height: 1.75;
}
.cta2-subhead {
  display: inline-block;
  font-size: 1.06rem; font-weight: 700;
  letter-spacing: .04em; text-transform: uppercase;
  background: linear-gradient(90deg, #9D3BF1, #DC1DD3, #FF715F);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent;
  background-clip: text;
}
.cta2-sub-body {
  font-size: 1.06rem; line-height: 1.75; margin: 0;
}
[data-theme="dark"] .cta2-sub-body { color: var(--text-black); }
[data-theme="light"] .cta2-sub-body { color: var(--text-black) }
@media(max-width:540px) {
  .cta2-subhead { font-size: .76rem; margin-top: 18px; }
  .cta2-sub-body { font-size: .88rem; }
}

.cta2-form-wrap {
  border-radius: 24px; padding: 32px;
  background: #fff;
  border: 1.5px solid rgba(157,59,241,.18);
  box-shadow: 0 12px 48px rgba(157,59,241,.12), 0 2px 8px rgba(0,0,0,.04);
}
.cta2-form-head {
  display: flex; align-items: start; gap: 10px;
  font-size: 1rem; font-weight: 700; color: #1a1033;
  margin: -32px -32px 28px -32px;
  padding: 20px 32px;
  border-bottom: 1px solid #ebe8f8;
}
.cta2-form { display: flex; flex-direction: column; gap: 14px; }
.cta2-fields { display: flex; flex-direction: column; gap: 14px; }
.cta2-input {
  width: 100%; padding: 16px 20px; border-radius: 14px;
  background: #f0eeff; border: 1.5px solid transparent;
  color: #1a1033; font-size: .9rem;
  outline: none; transition: border-color .2s, background .2s, box-shadow .2s;
}
.cta2-input::placeholder { color: #9990b8; }

/* Required field — custom placeholder with red asterisk */
.cta2-field-wrap { position: relative; }
.cta2-field-wrap .wpcf7-not-valid-tip {
  color: #ff6363; font-size: .75rem;
  position: absolute;
  right: 40px;
  top: 3px;
}
.wpcf7-spinner {
  opacity: 1;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 15px;
  right: 15px;
}
.wpcf7 form .wpcf7-response-output {font-size: 0.90rem; text-align: center;}
.req-placeholder {
  position: absolute; left: 20px; top: 50%; transform: translateY(-50%);
  color: #9990b8; font-size: .9rem; pointer-events: none;
  white-space: nowrap; overflow: hidden; max-width: calc(100% - 40px);
  transition: opacity .15s ease;
  font-family: var(--font-primary);
}
.req-star {
  color: #e53e3e; font-style: normal; font-weight: 700;
}
.req-eg {
  font-style: normal; font-size: .82rem; opacity: .75;
}
/* Hide fake placeholder when input has value or is focused */
.cta2-input:focus ~ .req-placeholder,
.cta2-input:not(:placeholder-shown) ~ .req-placeholder { opacity: 0; }

[data-theme="dark"] .req-placeholder { color: #6b6884; }
.cta2-input:focus {
  border-color: rgba(157,59,241,.45); background: #fff;
  box-shadow: 0 0 0 4px rgba(157,59,241,.09);
}
.cta2-btn {
  background: linear-gradient(135deg, #7C3AED 0%, #C026D3 50%, #EA580C 100%) !important;
  background-size: 200% 200% !important;
  background-position: 0% 50% !important;
  border-radius: 14px !important;
  padding: 15px 22px !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  letter-spacing: .02em !important;
  box-shadow: 0 4px 20px rgba(124,58,237,.4), 0 0 0 1px rgba(255,255,255,.08) inset !important;
  transition: background-position .4s ease, box-shadow .25s, transform .15s !important;
  color: #fff !important;
  text-decoration: none;
  white-space: nowrap;
  display: inline-block;
  border: none;
  cursor: pointer;
  margin-top: 4px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.cta2-btn:hover {
  background-position: 100% 50% !important;
  box-shadow: 0 6px 28px rgba(124,58,237,.55), 0 2px 8px rgba(0,0,0,.2) !important;
  transform: translateY(-1px) !important;
  opacity: 1;
}
.cta3-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 15px 32px;
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: .02em;
  border-radius: 14px;
  background: transparent;
  color: #fff;
  border: 1.5px solid rgba(157,59,241,.4);
  cursor: pointer;
  margin-top: 4px;
  transition: border-color .2s, background .2s, color .2s, transform .15s;
  white-space: nowrap;
  text-decoration: none;
  width: 100%;
}
.cta3-btn:hover {
  box-shadow: 0 6px 28px rgba(124,58,237,.3), 0 2px 8px rgba(0,0,0,.2) !important;
  transform: translateY(-1px);
  opacity: 1;
}
.form-get-early-access {
  position: relative;
}
.form-get-early-access svg {
  position: absolute;
  top: 28px;
  left: 50%;
  transform: translate(75px, -50%);
}
.form-get-early-access p {
  margin-bottom: 0;
}
/* TRV sample note */
.trv-sample-note {
  display: block;
  text-align: center;
  font-size: .72rem;
  font-weight: 500;
  color: rgba(128,100,180,.55);
  margin-top: 10px;
  letter-spacing: .02em;
  width: 100%;
}
[data-theme="dark"] .trv-sample-note { color: rgba(180,150,255,.4); }
[data-theme="light"] .trv-sample-note { color: rgba(80,50,140,.4); }

/* cta2 select matches input */
.cta2-select {
  width: 100%; padding: 16px 20px; border-radius: 14px;
  background: #f0eeff; border: 1.5px solid transparent;
  color: #9990b8; font-size: .9rem; font-family: var(--font-primary);
  outline: none; transition: border-color .2s, background .2s, box-shadow .2s;
  appearance: none; cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%239D3BF1' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right 18px center;
  padding-right: 42px;
}
.cta2-select.has-value {
  color: #1a1033;
}
.cta2-select:focus {
  border-color: rgba(157,59,241,.45); background-color: #fff;
  box-shadow: 0 0 0 4px rgba(157,59,241,.09);
}
.cta2-textarea {
  width: 100%; padding: 14px 20px; border-radius: 14px;
  background: #f0eeff; border: 1.5px solid transparent;
  color: #1a1033; font-size: .9rem; font-family: var(--font-primary);
  outline: none; transition: border-color .2s, background .2s, box-shadow .2s;
  resize: vertical; height: 100px; line-height: 1.55;
}
.cta2-textarea::placeholder { color: #9990b8; }
.cta2-textarea:focus {
  border-color: rgba(157,59,241,.45); background: #fff;
  box-shadow: 0 0 0 4px rgba(157,59,241,.09);
}
.cta2-form-subtext {
  font-size: .78rem; font-weight: 500; color: rgba(100,80,160,.6); margin: 3px 0 0;
  line-height: 1.5;
}
.cta2-btn-note {
  text-align: center; font-size: .75rem; color: rgba(120,100,160,.65);
  margin-top: 8px; line-height: 1.5;
}
[data-theme="dark"] .cta2-select {
  background-color: #100d26; border-color: rgba(157,59,241,.15); color: #6b6884;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%239D3BF1' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right 18px center;
  padding-right: 42px;
}
[data-theme="dark"] .cta2-select.has-value { color: #f0eeff; }
[data-theme="dark"] .cta2-select:focus { background-color: #1a163a; border-color: rgba(157,59,241,.45); }
[data-theme="dark"] .cta2-select option { background: #1a163a; color: #f0eeff; }
[data-theme="dark"] .cta2-textarea { background: #100d26; border-color: rgba(157,59,241,.15); color: #f0eeff; }
[data-theme="dark"] .cta2-textarea::placeholder { color: #6b6884; }
[data-theme="dark"] .cta2-textarea:focus { background: #1a163a; border-color: rgba(157,59,241,.45); }
[data-theme="dark"] .cta2-form-subtext { color: rgba(180,160,220,.75); }
[data-theme="dark"] .cta2-btn-note { color: rgba(160,140,220,.5); }

/* ── Phone field with country selector ── */
.cta2-phone-wrap {
  display: flex; gap: 0; border-radius: 14px; overflow: visible;
  background: #f0eeff; border: 1.5px solid transparent;
  transition: border-color .2s, background .2s, box-shadow .2s;
}
.cta2-phone-wrap:focus-within {
  border-color: rgba(157,59,241,.45); background: #fff;
  box-shadow: 0 0 0 4px rgba(157,59,241,.09);
}

/* Custom country code picker */
.cta2-cc-picker {
  position: relative; flex-shrink: 0;
}
.cta2-cc-btn {
  display: flex; align-items: center; gap: 6px;
  height: 100%; padding: 0 10px 0 12px; min-width: 82px;
  background: transparent; border: none; outline: none; cursor: pointer;
  border-right: 1.5px solid rgba(157,59,241,.15);
  border-radius: 12px 0 0 12px;
  font-family: var(--font-primary); font-size: .82rem; font-weight: 600;
  color: #1a1033; white-space: nowrap;
  transition: background .15s;
}
.cta2-cc-btn:hover { background: rgba(157,59,241,.06); }
.cta2-cc-flag { border-radius: 2px; display: block; flex-shrink: 0; }
.cta2-cc-code { font-size: .82rem; font-weight: 600; }
/* Placeholder state — muted until user selects */
.cta2-cc-btn.cc-unselected { color: #9990b8; }
.cta2-cc-btn.cc-unselected .cta2-cc-code { color: #9990b8; }
[data-theme="dark"] .cta2-cc-btn.cc-unselected { color: #6b6884; }
[data-theme="dark"] .cta2-cc-btn.cc-unselected .cta2-cc-code { color: #6b6884; }
.cta2-cc-picker.open .cta2-cc-arrow { transform: rotate(180deg); }

.cta2-cc-list {
  display: none; position: absolute; top: calc(100% + 6px); left: 0;
  z-index: 200; min-width: 235px; max-height: 240px; overflow-y: auto;
  background: #fff; border: 1.5px solid rgba(157,59,241,.2);
  border-radius: 12px; padding: 6px;
  box-shadow: 0 8px 32px rgba(157,59,241,.15), 0 2px 8px rgba(0,0,0,.08);
  list-style: none; margin: 0;
  scrollbar-width: thin; scrollbar-color: rgba(157,59,241,.3) transparent;
}
.cta2-cc-picker.open .cta2-cc-list { display: block; }
.cta2-cc-list li {
  display: flex; align-items: center; gap: 8px;
  padding: 8px 10px; border-radius: 8px; cursor: pointer;
  transition: background .15s;
}
.cta2-cc-list li:hover { background: rgba(157,59,241,.08); }
.cta2-cc-list li.selected { background: rgba(157,59,241,.12); }
.cta2-cc-list li img { border-radius: 2px; flex-shrink: 0; }
.cta2-cc-list li span { font-size: .82rem; font-weight: 600; color: #1a1033; }
.cta2-cc-list li small { font-size: .72rem; color: #9990b8; margin-left: auto; }

.cta2-phone-input {
  flex: 1; background: transparent; border: none; outline: none;
  padding: 16px 20px 16px 14px;
  font-size: .9rem; font-family: var(--font-primary); color: #1a1033;
  border-radius: 0 12px 12px 0;
}
.cta2-phone-input::placeholder { color: #9990b8; }

/* Dark mode */
[data-theme="dark"] .cta2-phone-wrap {
  background: #100d26; border-color: rgba(157,59,241,.15);
}
[data-theme="dark"] .cta2-phone-wrap:focus-within {
  background: #1a163a; border-color: rgba(157,59,241,.45);
}
[data-theme="dark"] .cta2-cc-btn {
  color: #f0eeff; border-right-color: rgba(157,59,241,.25);
}
[data-theme="dark"] .cta2-cc-btn:hover { background: rgba(157,59,241,.1); }
[data-theme="dark"] .cta2-cc-list {
  background: #1a163a; border-color: rgba(157,59,241,.3);
  box-shadow: 0 8px 32px rgba(0,0,0,.4);
}
[data-theme="dark"] .cta2-cc-list li span { color: #f0eeff; }
[data-theme="dark"] .cta2-cc-list li small { color: rgba(180,160,255,.5); }
[data-theme="dark"] .cta2-cc-list li:hover { background: rgba(157,59,241,.15); }
[data-theme="dark"] .cta2-cc-list li.selected { background: rgba(157,59,241,.2); }
[data-theme="dark"] .cta2-phone-input { color: #f0eeff; }
[data-theme="dark"] .cta2-phone-input::placeholder { color: #6b6884; }
.scroll-top {
  position: fixed; bottom: 32px; right: 32px; z-index: 9999;
  width: 48px; height: 48px; border-radius: 50%;
  background: linear-gradient(135deg, #9D3BF1, #DC1DD3);
  border: none; cursor: pointer; display: flex; align-items: center; justify-content: center;
  box-shadow: 0 4px 20px rgba(157,59,241,.5), 0 2px 8px rgba(0,0,0,.15);
  opacity: 0; transform: translateY(20px) scale(.8);
  transition: opacity .4s ease, transform .4s cubic-bezier(.22,.68,0,1.2), box-shadow .2s;
  pointer-events: none;
}
.scroll-top.show { opacity: 1; transform: translateY(0) scale(1); pointer-events: auto; }
.scroll-top:hover { box-shadow: 0 10px 32px rgba(157,59,241,.65); transform: translateY(-4px) scale(1); }
.scroll-top svg { animation: stArrow 1.8s ease-in-out infinite; }
@keyframes stArrow {
  0%,100% { transform: translateY(0); }
  50%      { transform: translateY(-4px); }
}

/* ===== RESPONSIVE ===== */
@media(max-width:1200px) {
  .nav-links > li a { padding: 8px 10px; font-size: .8rem; }
}
@media(max-width:991px) {
  .sec { padding: 64px 0; }
  .sec-title { font-size: clamp(1.6rem, 5vw, 2.4rem); }
  .hero { padding-bottom: 40px; }
  .hero-inner { padding-top: 130px; padding-bottom: 36px; }
  .hero h1 { font-size: clamp(1.8rem, 5.5vw, 3rem); margin-bottom: 20px; }
  .hero .lead { font-size: clamp(.95rem, 2vw, 1.1rem); max-width: 600px; }
  .hero-dash-outer { width: 100%; margin-bottom: -160px; }
  .problem-sec { padding-top: 200px !important; }
  .meet-grid { grid-template-columns: 1fr; gap: 40px; }
  .hl-grid { grid-template-columns: 1fr; gap: 36px; }
  .newstd-wrap { grid-template-columns: 1fr; gap: 36px; }
  .cta2-wrap { grid-template-columns: 1fr; gap: 36px; }
  .ft-bottom { flex-direction: column; align-items: flex-start; gap: 12px; }
  .means-grid { grid-template-columns: repeat(2,1fr); }
  .mega-wrap { display: none !important; }
  .ft-grid { grid-template-columns: 1fr 1fr; gap: 32px; }
}
@media(max-width:768px) {
  .sec { padding: 52px 0; }
  .hero-inner { padding-top: 100px; padding-bottom: 32px; }
  .hero h1 { font-size: clamp(1.6rem, 6.5vw, 2.4rem); margin-bottom: 16px; }
  .hero .lead { font-size: .9rem; max-width: 100%; padding: 0 8px; margin-bottom: 28px; }
  .hero-dash-outer { display: none; }
  .problem-sec { padding-top: 52px !important; }
  .dlv-top-grid { grid-template-columns: 1fr; }
  .dlv-bottom-grid { grid-template-columns: 1fr; }
  .means-grid { grid-template-columns: 1fr; }
  .wins-list { grid-template-columns: 1fr; }
  .feat-grid { grid-template-columns: 1fr; }
  .challenge-grid { grid-template-columns: 1fr; }
  .cta2-form-wrap { padding: 24px 20px; }
  .cta2-form-head { margin: -24px -20px 20px -20px; padding: 16px 20px; }
  .newstd-left { padding-right: 0; border-right: none; border-bottom: 1px solid rgba(255,255,255,.15); padding-bottom: 32px; }
  .scroll-top { bottom: 20px; right: 20px; width: 40px; height: 40px; }
  .ft-links { flex-wrap: wrap; gap: 12px; }
  .ft-grid { grid-template-columns: 1fr; }
  .ft-socials { margin-top: 16px; }
  .win-item { flex-direction: row; }
  .dlv-item__visual svg { max-height: 160px; }
  .sec-title { font-size: clamp(1.4rem, 6vw, 2rem); }

  /* ── Section-specific left-align on responsive ── */
  /* 1. Introducing the Business Relationship Growth Platform (solution-sec) */
  .solution-sec .center-it { text-align: left; }
  .solution-sec .center-it .divider { margin-left: 0; margin-right: auto; }
  .solution-sec .center-it .sec-body { margin-left: 0; margin-right: 0; }

  /* 2. When You Manage Relationships Better (whywins-sec) */
  .whywins-sec .center-it { text-align: left; }
  .whywins-sec .center-it .divider { margin-left: 0; margin-right: auto; }
  .whywins-sec .center-it .sec-body { margin-left: 0; margin-right: 0; }

  /* 3. Your Key Takeaways From QuantmX (delivers-sec) */
  .delivers-sec .center-it { text-align: left; }
  .delivers-sec .center-it .divider { margin-left: 0; margin-right: auto; }
  .delivers-sec .center-it .sec-body { margin-left: 0; margin-right: 0; }

  /* 4. When Relationship Execution Becomes Systematized (means-sec) */
  .means-sec .center-it { text-align: left; }
  .means-sec .center-it .divider { margin-left: 0; margin-right: auto; }
  .means-sec .center-it .sec-body { margin-left: 0; margin-right: 0; }
}
@media(max-width:540px) {
  .container { padding: 0 16px; }
  .navbar { padding: 0 14px; border-radius: 10px; }
  .hero-inner { padding-top: 88px; padding-bottom: 24px; }
  .hero h1 { font-size: clamp(1.4rem, 7.5vw, 2rem); margin-bottom: 14px; line-height: 1.15; }
  .hero .lead { font-size: .85rem; line-height: 1.65; margin-bottom: 24px; }
  .sec-title { font-size: clamp(1.3rem, 8vw, 1.8rem); }
  .hero-form-wrap { flex-direction: column; border-radius: 14px; gap: 8px; padding: 10px; max-width: 100%; }
  .hero-form-wrap input { text-align: center; }
  .hero-form-wrap .btn-hero { width: 100%; padding: 12px; }
  .dlv-item { padding: 22px 18px; }
  .means-item { padding: 28px 20px; }
  .means-item__num { font-size: 2.4rem; }
  .newstd-title { font-size: clamp(1.4rem, 8vw, 2rem); }
  .cta2-title { font-size: clamp(1.4rem, 8vw, 1.8rem); }
  .ch-card { padding: 22px 18px; }
  .feat-card { padding: 18px 14px; }
  .badge-pill { font-size: .72rem; padding: 6px 12px; }
}
/* ═══════════════════════════════════════════════════════
   SUPPLEMENTAL RESPONSIVE + DARK/LIGHT FIXES
   Added without modifying any existing rules
═══════════════════════════════════════════════════════ */

/* ── Dark mode — missing section backgrounds ── */
[data-theme="dark"] .whywins-sec { background: var(--bg-soft); }

/* ── Dark mode — cta2-form-subtext and btn-note ── */
[data-theme="dark"] .cta2-form-subtext { color: rgba(180,160,220,.55); }
[data-theme="dark"] .cta2-btn-note { color: rgba(160,140,220,.5); }

/* ── Light mode — section backgrounds that should switch ── */
[data-theme="light"] .whywins-sec { background: var(--bg-soft); }
[data-theme="light"] .solution-sec { background: var(--bg-soft); }
[data-theme="light"] .delivers-sec { background: var(--bg-soft); }
[data-theme="light"] .faq-sec { background: var(--bg-soft); }
[data-theme="light"] .meet-sec,
[data-theme="light"] .means-sec { background: var(--bg); }
[data-theme="light"] .problem-sec { background: var(--bg-soft); }

/* ── Light mode — win-label gradient text (inherits correctly, but force on light) ── */
[data-theme="light"] .win-label { -webkit-text-fill-color: transparent; }
[data-theme="light"] .win-item h4 { color: var(--text-black); }

/* ── Light mode — blind-spot text ── */
[data-theme="light"] .blind-spot-text { color: #4a4060; }

/* ── Light mode — rie section ── */
[data-theme="light"] .rie-sec { background: var(--bg); }

/* ── Light mode — trv section ── */
[data-theme="light"] .trv-grid { background: transparent; }

/* ── Light mode — cta2-form-subtext and btn-note ── */
[data-theme="light"] .cta2-form-subtext { color: rgba(100,80,160,.6); }
[data-theme="light"] .cta2-btn-note { color: rgba(120,100,160,.65); }

/* ── Light mode — ft-bottom copyright ── */
[data-theme="light"] .ft-bottom .copyright { color: var(--grey) }

/* ─────────────────────────────────────────
   SUPPLEMENTAL RESPONSIVE
───────────────────────────────────────── */

/* ── 1200px ── */
@media(max-width:1200px) {
  .rie-grid { gap: 48px; }
  .trv-grid { gap: 44px; }
  .whywins-sec .trv-grid { max-width: 100%; }
}

/* ── 991px ── */
@media(max-width:991px) {
  /* RIE section */
  .rie-grid { grid-template-columns: 1fr; gap: 36px; }
  .rie-visual { order: -1; }
  .rie-content .sec-title { text-align: left !important; }
  .rie-content .divider { margin-left: 0; margin-right: auto; }
  .rie-body { max-width: 100%; }

  /* TRV section */
  .trv-grid { grid-template-columns: 1fr; gap: 36px; max-width: 100%; }
  .trv-visual { order: 1; }
  .trv-title { text-align: left; }
  .trv-body { max-width: 100%; }

  /* Highlight section */
  .hl-grid { grid-template-columns: 1fr; gap: 36px; }

  /* Newstd */
  .newstd-wrap { grid-template-columns: 1fr; gap: 40px; }

  /* CTA form full width */
  .cta2-wrap { grid-template-columns: 1fr; gap: 40px; }

  /* Win items wrap */
  .wins-list { grid-template-columns: repeat(2,1fr); }

  /* Hero buttons */
  .hero-cta-row { gap: 12px; }
}

/* ── 768px ── */
@media(max-width:768px) {
  /* RIE list */
  .rie-item { font-size: .88rem; }

  /* TRV title */
  .trv-title { font-size: clamp(1.3rem, 6vw, 1.8rem); }

  /* Highlight section padding */
  .highlight-sec { padding: 60px 0; }

  /* Newstd section */
  .newstd-sec { padding: 64px 0; }
  .newstd-left { padding-right: 0; border-right: none; border-bottom: 1px solid rgba(255,255,255,.12); padding-bottom: 28px; }
  .newstd-title { font-size: clamp(1.4rem, 7vw, 2.2rem); }

  /* Win items full width */
  .wins-list { grid-template-columns: 1fr; }
  .win-item { gap: 14px; }

  /* CTA section */
  .cta2-title { font-size: clamp(1.4rem, 7vw, 2rem); }
  .cta2-text { text-align: left; }

  /* Problem section mockup */
  .prob-mockup { margin-top: 24px; }

  /* Sticky bar text clip on small */
  .sticky-bar__text { font-size: .76rem; }
}

/* ── 540px ── */
@media(max-width:540px) {
  /* Hero CTA buttons full width */
  .hero-cta-row { flex-direction: column; gap: 12px; }
  .btn-cta-primary,
  .btn-cta-ghost { width: 100%; max-width: 340px; justify-content: center; }

  /* RIE section */
  .rie-grid { gap: 28px; }
  .rie-list { gap: 10px; }
  .rie-item { font-size: .84rem; }

  /* TRV section */
  .trv-grid { gap: 24px; }
  .trv-visual svg { max-width: 100%; }

  /* CTA form fields */
  .cta2-form-wrap { padding: 20px 16px; }
  .cta2-form-head { margin: -20px -16px 18px -16px; padding: 14px 16px; font-size: .92rem; }
  .cta2-input, .cta2-select, .cta2-textarea { padding: 13px 16px; font-size: .85rem; }
  .cta2-btn { padding: 15px 20px; font-size: .9rem; }
  .cta2-form-subtext { font-size: .74rem; }
  .cta2-btn-note { font-size: .72rem; }

  /* FAQ */
  .faq-trigger { padding: 13px 16px; font-size: .85rem; }
  .faq-body { font-size: .82rem; padding: 0 16px; }
  .faq-item.open .faq-body { padding-bottom: 13px; }

  /* Newstd */
  .newstd-sec { padding: 52px 0; }

  /* Sticky bar */
  .sticky-bar { padding: 10px 40px 10px 10px; }
  .sticky-bar__text { font-size: .70rem; }

  /* Blind spot link */
  .blind-spot-text { font-size: .82rem; }

  /* Footer */
  .ft-grid { grid-template-columns: 1fr; gap: 24px; }
  .ft-bottom { flex-direction: column; gap: 8px; }
  .ft-email { font-size: .73rem; }
}
/* ===== 4. FEAT-CARD INNER GLOW MOUSEOVER (CSS only) ===== */
.feat-card {
  --glow-x: 50%;
  --glow-y: 50%;
}
.feat-card::after {
  content: '';
  position: absolute; inset: 0; border-radius: 20px;
  background: radial-gradient(circle 140px at var(--glow-x, 50%) var(--glow-y, 50%), rgba(255,255,255,.08), transparent 70%);
  opacity: 0; transition: opacity .3s ease;
  pointer-events: none; z-index: 0;
}
.feat-card:hover::after { opacity: 1; }
.fc-purple:hover::after { background: radial-gradient(circle 140px at 50% 40%, rgba(157,59,241,.25), transparent 70%); }
.fc-pink:hover::after   { background: radial-gradient(circle 140px at 50% 40%, rgba(220,29,211,.25), transparent 70%); }
.fc-coral:hover::after  { background: radial-gradient(circle 140px at 50% 40%, rgba(255,113,95,.25), transparent 70%); }
.fc-teal:hover::after   { background: radial-gradient(circle 140px at 50% 40%, rgba(0,200,200,.22), transparent 70%); }

/* ── Footer CTA button ── */
.ft-cta-btn {
  display: inline-flex; align-items: center; white-space: nowrap;
  padding: 11px 22px; border-radius: 50px;
  background: linear-gradient(90deg, #9D3BF1, #DC1DD3, #FF715F);
  background-size: 200% auto;
  color: #fff; font-size: .8rem; font-weight: 700;
  font-family: var(--font-primary); letter-spacing: .02em;
  text-decoration: none; border: none;
  box-shadow: 0 0 18px rgba(157,59,241,.35);
  transition: background-position .4s ease, transform .25s ease, box-shadow .25s ease;
  flex-shrink: 0;
}
.ft-cta-btn:hover {
  background-position: right center;
  transform: translateY(-2px);
  box-shadow: 0 6px 28px rgba(157,59,241,.55);
  color: #fff; text-decoration: none;
}
.ft-cta-btn:active { transform: translateY(0); }
@media(max-width:768px) {
  .ft-cta-btn { font-size: .76rem; padding: 10px 18px; }
}
@media(max-width:540px) {
  .ft-cta-btn { width: 100%; justify-content: center; font-size: .74rem; }
}

/* ── Footer top 3-zone row ── */
.ft-top-row {
  display: flex;
  align-items: center;
  gap: 24px;
  padding-bottom: 8px;
}
.ft-top-logo {
  flex-shrink: 0;
}
.ft-top-logo .ft-brand { margin-bottom: 0; }
.ft-top-text {
  flex: 1;
  text-align: center;
  padding: 0 12px;
}
.ft-top-text .ft-tagline { margin-bottom: 0; }
.ft-top-btn {
  flex-shrink: 0;
}

/* Tablet — text stacks below logo+button row */
@media(max-width:991px) {
  .ft-top-row { flex-wrap: wrap; gap: 20px; }
  .ft-top-text { order: 3; width: 100%; padding: 0; text-align: center; }
  .ft-top-logo { order: 1; }
  .ft-top-btn  { order: 2; margin-left: auto; }
}

/* Mobile — all centred, stacked */
@media(max-width:576px) {
  .ft-top-row { flex-direction: column; align-items: center; gap: 16px; }
  .ft-top-logo { order: 1; }
  .ft-top-text { order: 2; width: 100%; padding: 0; text-align: center; }
  .ft-top-btn  { order: 3; margin-left: 0; width: 100%; }
  .ft-top-btn .ft-cta-btn { width: 100%; justify-content: center; }
}

/* ── Hero Stats Bar ── */
.hero-stats {
  display: inline-flex;
  align-items: center;
  gap: 0;
  margin-top: 10px;
  padding: 0;
  border-radius: 16px;
  border: 1px solid rgba(157,59,241,.18);
  background: rgba(157,59,241,.07);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  overflow: hidden;
}
.hero-stat {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  padding: 25px 35px;
}
.hero-stat__val {
  font-size: 1.45rem;
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
  background: linear-gradient(90deg, #9D3BF1 0%, #DC1DD3 60%, #FF715F 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.hero-stat__label {
  font-size: .70rem;
  font-weight: 500;
  letter-spacing: .07em;
  text-transform: uppercase;
  color: rgba(255,255,255,1);
  white-space: nowrap;
}
[data-theme="light"] .hero-stat__label { color: rgba(0,0,0,1); }
.hero-stat__div {
  width: 1px;
  height: 40px;
  background: rgba(255,255,255,.1);
  flex-shrink: 0;
}
@media(max-width:768px) {
  .hero-stats { flex-wrap: wrap; justify-content: center; border-radius: 14px; gap: 0; }
  .hero-stat { padding: 14px 24px; flex: 1 1 auto; min-width: 120px; }
  .hero-stat__div { display: none; }
  .hero-stat__val { font-size: 1.1rem; }
  .hero-stats .hero-stat:not(:last-child) { border-right: 1px solid rgba(255,255,255,.3); }

  .feat-visual { height: auto; }
  .ft-bottom { text-align: center; }
  .ft-bottom .copyright { width: 100%; }
  .ft-email { margin-left: auto; margin-right: auto; }
}
@media(max-width:540px) {
  .hero-stats { width: 100%; flex-wrap: wrap; }
  .hero-stat { flex: 1 1 45%; padding: 16px 12px; }
  .hero-stat:nth-child(1), .hero-stat:nth-child(3) { border-right: 0px !important; border-bottom: 1px solid rgba(255,255,255,.3); }
  .hero-stat:nth-child(1), .hero-stat:nth-child(1) { border-right: 1px solid rgba(255,255,255,.3) !important; border-bottom: 1px solid rgba(255,255,255,.3); }
  .hero-stat__div { display: none; }
  .hero-stat__val { font-size: 1rem; }
  .hero-stat__label { font-size: .62rem; }
}


/* -- Single Form page -- */
.single-form-page h1 {
  color: var(--text-white);
  font-size: clamp(1.8rem, 3vw, 3.5rem);
}
.single-form-page .inner-text {
  background: linear-gradient(135deg, #9D3BF1 0%, #DC1DD3 50%, #FF715F 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  margin-bottom: 5px;
}
.single-form-page p {
  color: var(--text-white);
}
[data-theme="light"] .single-form-page p {color: var(--text-black);}
.single-form-page .sub-text {
  color: var(--text-white);
  display: block;
  font-size: 25px;
  font-weight: 800;
  line-height: 1.15;
  margin-bottom: 30px;
}
[data-theme="light"] .single-form-page .sub-text {color: var(--text-white);}
.single-form-page .sub-text2 {
  color: var(--text-white);
  display: block;
  font-size: 25px;
  font-weight: 800;
  line-height: 1.15;
  margin-bottom: 10px;
}
[data-theme="light"] .single-form-page .sub-text2 {color: var(--text-black);}
.single-form-page-form {
  background: rgba(15, 10, 40, .85);
  backdrop-filter: blur(20px);
  border: 1px solid rgba(157,59,241,.25);
  border-radius: 16px;
  box-shadow: 0 32px 80px rgba(0, 0, 0, .55), 0 0 0 1px rgba(255, 255, 255, .06), 0 0 120px rgba(157, 59, 241, .15);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding: 30px 15px;
  margin: 0 auto;
  width: 600px;
}


/*gap calculator*/
/* ── Standalone Intro (hero background) ── */
.qintro-hero .qintro {
  text-align: center;
}
.qintro-hero {
  padding: 52px 0 68px;
  position: relative;
  z-index: 1;
}
.qintro-hero .qintro {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 44px;
  align-items: center;
  text-align: left;
  max-width: 860px;
  margin: 0 auto;
}
.inner-hero__badge {
    margin-bottom: 0px !important;
}
.qintro__headline {
  font-size: clamp(1.4rem, 2.6vw, 1.9rem);
  font-weight: 800;
  line-height: 1.3;
  color: #fff;
  font-family: var(--font-primary);
  margin: 0 0 14px 0;
  letter-spacing: -.02em;
}
.qintro__headline em {
  font-style: normal;
  background: linear-gradient(135deg, #fff 0%, #FF715F 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}
.qintro__hl {
  background: linear-gradient(135deg, #fff 0%, #FF715F 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}
.qintro__sub {
  font-size: .86rem;
  font-weight: 400;
  color: #fff;
  font-family: var(--font-primary);
  margin: 0 0 22px 0;
  line-height: 1.65;
}
.qintro__btn {
  display: inline-flex;
  margin-bottom: 20px;
}
.qintro__pills {
  display: flex; align-items: center; gap: 8px;
  flex-wrap: wrap;
}
.qintro__pill {
  display: inline-flex; align-items: center; gap: 4px;
  font-size: .67rem; font-weight: 500;
  color: #fff;
  font-family: var(--font-primary);
}
.qintro__sep {
  color: rgba(255,255,255,.18);
  font-size: .62rem;
}
/* Right column: panel */
.qintro__panel {
  background: rgba(255,255,255,.1);
  border: 1px solid rgba(255,255,255,.3);
  border-radius: 16px;
  padding: 22px 20px;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}
.qintro__panel-head {
  font-size: .78rem;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
  font-family: var(--font-primary);
  margin-bottom: 14px;
  padding-bottom: 11px;
  border-bottom: 1px solid rgba(255,255,255,.5);
}
.qintro__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 13px;
}
.qintro__item {
  display: flex; align-items: flex-start; gap: 10px;
}
.qintro__check {
  flex-shrink: 0; margin-top: 2px;
  display: flex; align-items: center; justify-content: center;
}
.qintro__item strong {
  display: block;
  font-size: .9rem; font-weight: 600; color: #fff;
  font-family: var(--font-primary);
  margin-bottom: 1px;
}
.qintro__item span {
  display: block;
  font-size: .75rem; color: #fff;
  font-family: var(--font-primary);
  line-height: 1.5;
}

/* ── Calculator Section ── */
.calc-sec {
  background: transparent;
  /*padding: 75px 0 0;*/
}
[data-theme="dark"]  .calc-sec { background: transparent; }
[data-theme="light"] .calc-sec { background: transparent; }

/* ── Theme: inner-hero text always white on dark bg ── */
[data-theme="light"] .inner-hero__title { color: var(--text-black); }
[data-theme="light"] .inner-hero__body  { color: var(--text-black);; }
[data-theme="light"] .qintro__headline  { color: var(--text-white);; }
[data-theme="light"] .qintro__sub       { color: var(--text-white);; }
[data-theme="light"] .qintro__tag       { color: rgba(255,255,255,.55); }

[data-theme="light"] .inner-hero .qintro__headline { color: var(--text-black); }
[data-theme="light"] .inner-hero .qintro__headline .qintro__hl {
  background: linear-gradient(135deg, #7C3AED 0%, #C026D3 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}
[data-theme="light"] .inner-hero .qintro__sub { color: var(--text-black); }
[data-theme="light"] .inner-hero .qintro__pill { color: var(--text-black); }
[data-theme="light"] .inner-hero .qintro__panel {
    background: rgba(0, 0, 0, .05);
    border: 1px solid rgba(0, 0, 0, .10);
    border-radius: 16px;
    padding: 22px 20px;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}
[data-theme="light"] .inner-hero  .qintro__panel-head { color: var(--text-black); border-bottom: 1px solid rgba(0, 0, 0, .10); }
[data-theme="light"] .inner-hero  .qintro__item strong { color: var(--text-black); }
[data-theme="light"] .inner-hero .qintro__item span { color: var(--text-black); }

/*[data-theme="light"] .badge-pill.white  { border-color: rgba(0,0,0,.35); color: #000; background: rgba(0,0,0,.1); }*/


/* ── Standalone Intro (hero background) ── */
.qintro-hero {
  padding: 56px 0 72px;
  position: relative;
  z-index: 1;
}
.qintro-hero .qintro {
  text-align: center;
}

/* Slider container */
.qcalc {
  max-width:750px;
  margin:0 auto;
  position:relative;
}

/* Slide card */
.qcalc__slides { position: relative; overflow: hidden; z-index: 9; }
.qcalc__slide {
  display:none;
  animation:qSlideIn .42s cubic-bezier(.22,.68,0,1.1) forwards;
}
.qcalc__slide.active { display:block; }
@keyframes qSlideIn {
  from{opacity:0;transform:translateX(28px)}
  to{opacity:1;transform:translateX(0)}
}
@keyframes qSlideOut {
  from{opacity:1;transform:translateX(0)}
  to{opacity:0;transform:translateX(-28px)}
}

/* Card wrapper */
.qcard {
  background:var(--card);
  border:1px solid var(--border);
  border-radius:20px;
  padding:52px 56px 48px;
  box-shadow:0 8px 48px rgba(0,0,0,.18);
  position:relative;
  overflow:hidden;
}
[data-theme="dark"]  .qcard { background:#12103a; border-color:rgba(157,59,241,.22); }
[data-theme="light"] .qcard { background:#fff; border-color:rgba(157,59,241,.15); box-shadow:0 8px 40px rgba(157,59,241,.1); }

.qcard::before {
  content:'';
  position:absolute;
  top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,#9D3BF1,#DC1DD3,#FF715F);
  border-radius:20px 20px 0 0;
}

/* Progress bar */
.qprog-wrap {
  display:flex; align-items:center; gap:12px;
  margin-bottom:32px;
}
.qprog-bar {
  flex:1; height:5px; background:rgba(157,59,241,.15);
  border-radius:50px; overflow:hidden;
}
.qprog-fill {
  height:100%;
  background:linear-gradient(90deg,#9D3BF1,#DC1DD3);
  border-radius:50px;
  transition:width .45s cubic-bezier(.22,.68,0,1.1);
}
.qprog-label {
  font-size:.72rem; font-weight:600; color:var(--text-muted);
  white-space:nowrap; font-family:var(--font-primary);
}

/* Slide heading */
.qslide__heading {
  font-size:1.5rem; font-weight:600; line-height:1.60;
  color:var(--text-main); margin-bottom:32px;
  font-family:var(--font-primary);
}
[data-theme="dark"] .qslide__heading { color:#f0eeff; }

/* Radio options */
.qoptions { display:flex; flex-direction:column; gap:12px; margin-bottom:32px; }
.qopt {
  display:flex; align-items:center; gap:14px;
  padding:16px 20px; border-radius:14px;
  border:1.5px solid rgba(157,59,241,.18);
  cursor:pointer;
  transition:all .2s ease;
  font-family:var(--font-primary);
}
[data-theme="dark"]  .qopt { background:rgba(157,59,241,.06); color:#ffffff; }
[data-theme="light"] .qopt { background:rgba(157,59,241,.04); color:#000000; }
.qopt:hover {
  border-color:rgba(157,59,241,.55);
  background:rgba(157,59,241,.12);
  transform:translateX(3px);
}
.qopt.selected {
  border-color:#9D3BF1;
  background:rgba(157,59,241,.18);
}
[data-theme="light"] .qopt.selected { background:rgba(157,59,241,.1); }
.qopt input[type=radio] { display:none; }
.qopt__dot {
  width:18px; height:18px; border-radius:50%;
  border:2px solid rgba(157,59,241,.75);
  flex-shrink:0; position:relative;
  transition:border-color .2s;
}
.qopt.selected .qopt__dot {
  border-color:#9D3BF1;
  background:rgba(157,59,241,.25);
}
.qopt.selected .qopt__dot::after {
  content:'';
  position:absolute; inset:3px;
  background:#9D3BF1; border-radius:50%;
}
.qopt__label {
  font-size:1rem; font-weight:500; line-height:1.45;
}

/* Slider (Q3) */
.qslider-wrap { margin-bottom:28px; }
.qslider-label {
  font-size:1rem; font-weight:700; color:#b360f9;
  margin-bottom:14px; font-family:var(--font-primary);
  min-height:1.5em;
}
.qslider {
  -webkit-appearance:none; appearance:none;
  width:100%; height:6px;
  background:rgba(157,59,241,.18);
  border-radius:50px; outline:none;
  cursor:pointer;
}
.qslider::-webkit-slider-thumb {
  -webkit-appearance:none; appearance:none;
  width:22px; height:22px; border-radius:50%;
  background:linear-gradient(135deg,#9D3BF1,#DC1DD3);
  cursor:pointer;
  box-shadow:0 0 0 4px rgba(157,59,241,.2);
  transition:box-shadow .2s;
}
.qslider::-webkit-slider-thumb:hover {
  box-shadow:0 0 0 7px rgba(157,59,241,.3);
}
.qslider::-moz-range-thumb {
  width:22px; height:22px; border-radius:50%;
  background:linear-gradient(135deg,#9D3BF1,#DC1DD3);
  cursor:pointer; border:none;
}

/* Tooltip */
.qtooltip-wrap {
  display:inline-flex; align-items:center; gap:6px;
  margin-bottom:20px;
  position:relative;
}
.qtooltip-icon {
  width:18px; height:18px; border-radius:50%;
  background:rgba(157,59,241,.3); border:1px solid rgba(157,59,241,.6);
  display:inline-flex; align-items:center; justify-content:center;
  cursor:help; flex-shrink:0;
  color:rgba(157,59,241,1); font-size:10px; font-weight:700;
}
.qtooltip-bubble {
  position:absolute;
  left:0; top:calc(100% + 8px);
  background:#1a1640; color:#d8d0ff;
  font-size:.75rem; line-height:1.5;
  padding:10px 14px; border-radius:10px;
  border:1px solid rgba(157,59,241,.3);
  box-shadow:0 8px 24px rgba(0,0,0,.4);
  width:min(320px, calc(100vw - 48px));
  z-index:100;
  pointer-events:none; opacity:0;
  transition:opacity .18s ease;
  white-space:normal; word-break:break-word;
}
[data-theme="light"] .qtooltip-bubble { background:#fff; color:#1a1033; border-color:rgba(157,59,241,.2); box-shadow:0 8px 24px rgba(157,59,241,.15); }
.qtooltip-wrap:hover .qtooltip-bubble { opacity:1; }
/* Touch devices — tap to toggle */
.qtooltip-wrap.tip-open .qtooltip-bubble { opacity:1; }

/* CTA / Continue button */
.qbtn-row {
  display:flex; align-items:center; justify-content:flex-end;
  gap:14px; margin-top:8px;
}
.qbtn-continue {
  display: flex; align-items: center; justify-content: center; gap: 10px;
  padding: 17px 28px; border-radius: 14px; border: none; cursor: pointer;
  font-size: .97rem; font-weight: 700;
  font-family: var(--font-primary);
  background: linear-gradient(90deg, #9D3BF1, #DC1DD3, #FF715F); color: #fff;
  transition: opacity .2s, transform .2s;
  box-shadow: 0 8px 28px rgba(157,59,241,.4);
}
.qbtn-continue:hover { opacity: .91; transform: translateY(-2px); }
.qbtn-continue svg { transition:transform .22s ease; }
.qbtn-continue:hover svg { transform:translateX(3px); }

.qbtn-back {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: transparent;
  color: var(--text-muted);
  border: 1.5px solid rgba(157, 59, 241, .22);
  border-radius: 14px;
  padding: 17px 28px;
  font-size: .88rem;
  font-weight: 500;
  font-family: var(--font-primary);
  cursor: pointer;
  transition: all .2s;
}
.qbtn-back:hover { border-color:rgba(157,59,241,.5); color:var(--text-main); }

/* Intro slide (Slide 1) */
/* ── Qintro two-column layout ── */
.qintro-hero {
  padding: 52px 0 68px;
  position: relative;
  z-index: 1;
}
.qintro-hero .qintro {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 44px;
  align-items: center;
  text-align: left;
  max-width: 860px;
  margin: 0 auto;
}

/* Left column */
.qintro__left { display: flex; flex-direction: column; align-items: flex-start; }
.qintro__tag {
  display: block;
  font-size: .6rem; font-weight: 700; letter-spacing: .14em;
  text-transform: uppercase; color: rgba(255,255,255,.4);
  font-family: var(--font-primary);
  margin-bottom: 12px;
}
.qintro__headline {
  font-size: clamp(1.4rem, 2.6vw, 1.9rem);
  font-weight: 800;
  line-height: 1.3;
  color: #fff;
  font-family: var(--font-primary);
  margin: 0 0 14px 0;
  letter-spacing: -.02em;
}
.qintro__headline em {
  font-style: normal;
  background: linear-gradient(135deg, #fff 0%, #FF715F 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}
.qintro__hl {
  background: linear-gradient(135deg, #fff 0%, #FF715F 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}
.qintro__sub {
  font-size: .86rem;
  font-weight: 400;
  color: #fff;
  font-family: var(--font-primary);
  margin: 0 0 22px 0;
  line-height: 1.65;
}
.qintro__btn {
  display: inline-flex;
  margin-bottom: 20px;
}
.qintro__pills {
  display: flex; align-items: center; gap: 8px;
  flex-wrap: wrap;
}
.qintro__pill {
  display: inline-flex; align-items: center; gap: 4px;
  font-size: .67rem; font-weight: 500;
  color: #fff;
  font-family: var(--font-primary);
}
[data-theme="light"] .qintro__pill { color: var(--text-white); }
.qintro__sep {
  color: rgba(255,255,255,.18);
  font-size: .62rem;
}

/* Right column: panel */
.qintro__panel {
  background: rgba(255,255,255,.1);
  border: 1px solid rgba(255,255,255,.3);
  border-radius: 16px;
  padding: 22px 20px;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}
[data-theme="light"] .qintro__panel {
  background: rgba(255,255,255,.1);
  border: 1px solid rgba(255,255,255,.3);
}
.qintro__panel-head {
  font-size: .78rem;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
  font-family: var(--font-primary);
  margin-bottom: 14px;
  padding-bottom: 11px;
  border-bottom: 1px solid rgba(255,255,255,.5);
}
[data-theme="light"] .qintro__panel-head { color: var(--text-white); }
.qintro__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 13px;
}
.qintro__item {
  display: flex; align-items: flex-start; gap: 10px;
}
.qintro__check {
  flex-shrink: 0; margin-top: 2px;
  display: flex; align-items: center; justify-content: center;
}
[data-theme="light"] .qintro__check svg { fill: #000; }
.qintro__item strong {
  display: block;
  font-size: .9rem; font-weight: 600; color: #fff;
  font-family: var(--font-primary);
  margin-bottom: 1px;
}
[data-theme="light"] .qintro__item strong { color: var(--text-white); }
.qintro__item span {
  display: block;
  font-size: .75rem; color: #fff;
  font-family: var(--font-primary);
  line-height: 1.5;
}
[data-theme="light"] .qintro__item span { color: var(--text-white); }

/* Responsive */
@media (max-width: 768px) {
  .qintro-hero .qintro { grid-template-columns: 1fr; gap: 24px; text-align: center; max-width: 100%; }
  .qintro__left { align-items: center; }
  .qintro__pills { justify-content: center; }
  .qintro__btn { margin: 0 auto 20px; }
  .qintro__headline { font-size: 1.3rem; }
}

/* Old classes kept for compat */
.qintro__body {
  display: inline-flex; align-items: center; gap: 7px;
  justify-content: center; border-radius: 50px;
  font-size: .72rem; line-height: 1.7; color: #fff;
  margin: 0 auto 10px; font-family: var(--font-primary);
}
.qintro__body span {
  background-color: rgba(255,255,255,.7); border-radius: 50%;
  height: 4px; width: 4px;
}
.qbtn-start {
  display: flex; align-items: center; justify-content: center; gap: 10px;
  padding: 17px 28px; border-radius: 14px; border: none; cursor: pointer;
  font-size: .97rem; font-weight: 700;
  font-family: var(--font-primary);
  background: linear-gradient(90deg, #9D3BF1, #DC1DD3, #FF715F); color: #fff;
  transition: opacity .2s, transform .2s;
  box-shadow: 0 8px 28px rgba(157,59,241,.4);
  margin: 0 auto;
}
.qbtn-start:hover { opacity: .91; transform: translateY(-2px); }

/* Email gate (Slide 8) */
.qgate { text-align:center; }
.qgate__heading {
  font-size:1.6rem; font-weight:800; color:var(--text-main);
  margin-bottom:12px; font-family:var(--font-primary);
}
[data-theme="dark"] .qgate__heading { color:#f0eeff; }
.qgate__sub {
  font-size:.82rem; color:var(--text-black); margin-bottom:32px;
  line-height:1.65; font-family:var(--font-primary);
}
.qgate__fields { display:flex; flex-direction:column; gap:14px; margin-bottom:20px; text-align:left; }
.qgate__input {
  width:100%; padding:16px 20px;
  border-radius:14px; border:1.5px solid transparent;
  font-size:.9rem; font-family:var(--font-primary);
  outline:none;
  transition:border-color .2s, background .2s, box-shadow .2s;
}
.qgate__input::placeholder { color:#9990b8; }
[data-theme="dark"]  .qgate__input { background:#100d26; border-color:rgba(157,59,241,.15); color:#f0eeff; }
[data-theme="dark"]  .qgate__input::placeholder { color:#6b6884; }
[data-theme="light"] .qgate__input { background:#f0eeff; color:#1a1033; }
.qgate__input:focus {
  border-color:rgba(157,59,241,.45);
  box-shadow:0 0 0 4px rgba(157,59,241,.09);
}
[data-theme="dark"]  .qgate__input:focus { background:#1a163a; }
[data-theme="light"] .qgate__input:focus { background:#fff; }
.qgate__trust {
  font-size:.76rem; color:var(--text-muted);
  margin-top:12px; line-height:1.6;
  font-family:var(--font-primary);
}

/* ── Slide nav dots ── */
/* ── Section heading above slider ── */
/* Responsive */
@media(max-width:768px) {
  .inner-hero { padding:90px 0 48px; }
  .qcard { padding:28px 22px 24px; }
  .qslide__heading { font-size:1.3rem; }
  .inner-hero__title { font-size:clamp(1rem,5.5vw,1.8rem); }
}
@media(max-width:540px) {
  .inner-hero { padding:120px 0 40px; }
  .qcard { padding:24px 16px 20px; }
  .qbtn-row { flex-direction:column-reverse; width:100%; }
  .qbtn-continue, .qbtn-back { width:100%; justify-content:center; }
  .qbtn-start { width:100%; justify-content:center; }
  .qgate__fields { gap:12px; }
  .qintro__headline { font-size:1rem; }
}

/*result page css*/
.rp-hero-sec {
  background:
    radial-gradient(ellipse 65% 55% at 10% 15%, rgba(124,58,237,.22) 0%, transparent 55%),
    radial-gradient(ellipse 45% 40% at 90% 5%,  rgba(192,38,211,.14) 0%, transparent 55%),
    radial-gradient(ellipse 35% 30% at 70% 80%, rgba(255,113,95,.08) 0%, transparent 50%),
    #080614;
  padding: 150px 0 72px;
  position: relative; overflow: hidden; text-align: center;
}
.rp-hero-sec::before {
  content: ''; position: absolute; inset: 0;
  background:
    radial-gradient(ellipse 70% 55% at 12% 18%, rgba(124,58,237,.32) 0%, transparent 52%),
    radial-gradient(ellipse 55% 45% at 88% 8%, rgba(192,38,211,.22) 0%, transparent 52%);
  pointer-events: none; z-index: 0;
}
.rp-hero-sec::after {
  content: ''; position: absolute; inset: 0;
  background-image: linear-gradient(rgba(157,59,241,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(157,59,241,.04) 1px, transparent 1px);
  background-size: 60px 60px;
  mask-image: radial-gradient(ellipse 80% 80% at 50% 20%, black 0%, transparent 80%);
  -webkit-mask-image: radial-gradient(ellipse 80% 80% at 50% 20%, black 0%, transparent 80%);
  pointer-events: none; z-index: 0;
}
[data-theme="light"] .rp-hero-sec {
  background: radial-gradient(ellipse 65% 55% at 10% 15%, rgba(124,58,237,.22) 0%, transparent 55%),
              radial-gradient(ellipse 45% 40% at 90% 5%, rgba(192,38,211,.14) 0%, transparent 55%),
              radial-gradient(ellipse 35% 30% at 70% 80%, rgba(255,113,95,.08) 0%, transparent 50%),
              #ffffff;
}
.rp-hero-inner { position: relative; z-index: 1; }
.rp-hero-sec .sec-title { color: #fff; font-size: clamp(1.8rem, 4vw, 3rem) !important; margin-bottom: 10px; }
.rp-hero-sub { font-size: 1rem; color: var(--text-white); margin: 0; font-family: var(--font-primary); }

[data-theme="light"] .rp-hero-sub { color: var(--text-black); }
[data-theme="light"] .rp-hero-sub h1 {color: var(--text-black);}

/* Sections */
.rp-sec { background-color: var(--bg-soft); padding: 130px 0;}
.rp-sec--soft { background: var(--bg); }
.rp-sec:last-of-type { border-bottom: none; }

/* Reveal */
.rp-rv { opacity: 0; transform: translateY(16px); transition: opacity .55s ease, transform .55s cubic-bezier(.22,.68,0,1.1); }
.rp-rv.on { opacity: 1; transform: translateY(0); }
.rp-rv.d1 { transition-delay: .08s; }
.rp-rv.d2 { transition-delay: .16s; }
.rp-rv.d3 { transition-delay: .24s; }

/* Eyebrow */
.rp-eyebrow { display: inline-flex; align-items: center; gap: 8px; font-size: .62rem; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; color: var(--purple); margin-bottom: 14px; font-family: var(--font-primary); }
.rp-eyebrow::before { content: ''; width: 18px; height: 2px; background: linear-gradient(90deg, var(--purple), var(--pink)); border-radius: 2px; flex-shrink: 0; }
.rp-sec-h { font-size: clamp(1.4rem,2.5vw,1.9rem) !important; margin-bottom: 20px; color: var(--text-black); }

/* Content boxes */
.rp-derive { background: var(--card); border: 1px solid var(--border); border-left: 4px solid var(--purple); border-radius: 0 14px 14px 0; padding: 28px; margin-top: 8px; }
.rp-derive p { font-size: 1.06rem; color: var(--text-white); line-height: 1.9; font-family: var(--font-primary); margin-bottom: 15px; }
.rp-derive p:last-child {margin-bottom: 0px;}
.rp-derive p strong { color: var(--coral); font-weight: 800; }
.rp-blind { background: var(--card); border: 1px solid var(--border); border-radius: 16px; padding: 28px; }
.rp-blind__title { font-size: 1.06rem; font-weight: 800; color: var(--text-main); margin-bottom: 14px; font-family: var(--font-primary); }
.rp-blind p { font-size: 1.06rem; color: var(--text-white); line-height: 1.82; margin-bottom: 12px; font-family: var(--font-primary); }
.rp-blind p:last-child { margin-bottom: 0; }
.rp-blind p strong { color: var(--coral); font-weight: 800; }
.rp-objection { background: var(--card); border: 1px solid var(--border); border-radius: 16px; padding: 28px; margin-top: 8px; }
.rp-objection p { font-size: 1.06rem; color: var(--text-white); line-height: 1.88; margin-bottom: 14px; font-family: var(--font-primary); }
.rp-objection p:last-child { margin-bottom: 0; }
.rp-objection p strong { color: var(--text-main); font-weight: 700; }

[data-theme="light"] .rp-derive p { color: var(--text-black);}
[data-theme="light"] .rp-blind p { color: var(--text-black);}
[data-theme="light"] .rp-objection p { color: var(--text-black);}
[data-theme="light"] .rp-objection p strong  { color: var(--text-black);}

/* Headline number */
.rp-headline-sec {
  background: linear-gradient(135deg, #1a0d3d 0%, #6112a5 50%, #5a1580 100%);
  background-size: 400% 400%;
  animation: hlGradient 8s ease infinite;
  padding: 130px 0; position: relative; overflow: hidden;
  text-align: center;
}
.rp-headline-sec::before {
  content:''; position:absolute; inset:0; pointer-events:none;
  background: radial-gradient(ellipse 60% 80% at 25% 40%, rgba(255,255,255,.06) 0%, transparent 65%);
}
.rp-headline-lead { font-size: 1.06rem; color: var(--text-white); line-height: 1.85; max-width: 800px; margin: 0 auto 36px; font-family: var(--font-primary); }
.rp-headline-lead strong { color: var(--coral); font-weight: 700; }
.rp-divider { display: flex; align-items: center; gap: 18px; max-width: 400px; margin: 0 auto 28px; }
.rp-divider::before, .rp-divider::after { content: ''; flex: 1; height: 1px; background: var(--text-white); }
.rp-divider span { font-size: .58rem; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; color: var(--text-white); white-space: nowrap; font-family: var(--font-primary); }
.rp-num-wrap { display: inline-block; position: relative; }
.rp-num-wrap::before { content: ''; position: absolute; inset: -30px; background: radial-gradient(ellipse 80% 80% at 50% 50%, rgba(157,59,241,.07) 0%, transparent 70%); pointer-events: none; }
.rp-num-row { display: inline-flex; align-items: baseline; gap: 14px; position: relative; z-index: 1; }
.rp-big-num { font-size: clamp(1rem, 3vw, 4rem); font-weight: 800; line-height: 1; letter-spacing: -.04em; font-family: var(--font-primary); background: linear-gradient(135deg, #9D3BF1 0%, #DC1DD3 50%, #FF715F 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.rp-per-year { font-size: 1.06rem; font-weight: 600; color: var(--text-white); white-space: nowrap; font-family: var(--font-primary); }

[data-theme="light"] .rp-headline-lead { color: var(--text-white);}
[data-theme="light"] .rp-per-year { color: var(--text-white);}

/* 3 cards */
.rp-cards { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; margin-top: 8px; }
.rp-card { background: var(--card); border: 1px solid var(--border); border-radius: 16px; padding: 28px 22px; position: relative; overflow: hidden; transition: transform .2s, box-shadow .2s; }
.rp-card:hover { transform: translateY(-3px); box-shadow: var(--shadow-md); }
.rp-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; border-radius: 16px 16px 0 0; }
.rp-card:nth-child(1)::before { background: linear-gradient(90deg, #9D3BF1, #DC1DD3); }
.rp-card:nth-child(2)::before { background: linear-gradient(90deg, #DC1DD3, #FF715F); }
.rp-card:nth-child(3)::before { background: linear-gradient(90deg, #9D3BF1, #FF715F); }
.rp-card__icon { width: 44px; height: 44px; border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-bottom: 16px; }
.rp-card:nth-child(1) .rp-card__icon { background: rgba(157,59,241,.1); }
.rp-card:nth-child(2) .rp-card__icon { background: rgba(220,29,211,.1); }
.rp-card:nth-child(3) .rp-card__icon { background: rgba(255,113,95,.1); }
.rp-card__head { font-size: 1.06rem; font-weight: 800; margin-bottom: 10px; }
.rp-card:nth-child(1) .rp-card__head { color: var(--purple); }
.rp-card:nth-child(2) .rp-card__head { color: var(--pink); }
.rp-card:nth-child(3) .rp-card__head { color: var(--coral); }
.rp-card__body { font-size: 1.06rem; color: var(--text-white); line-height: 1.75; }

[data-theme="light"] .rp-card__body { color: var(--text-black);}



/*Get Access*/
.get-early-access_hero-inner { 
  position: relative; 
  z-index: 1; 
  padding-top: 150px; 
  padding-bottom: 40px;
}
.get-early-access_hero__bg {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: stretch;
}
.get-early-access_hero__left {
  position: relative; z-index: 1;
  display: flex; flex-direction: column; justify-content: center;
  padding: 0px;
}
.get-early-access_hero__spots {
  display: inline-flex; align-items: center; gap: 8px;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--purple);
  border: 1px solid rgba(157,59,241,0.2);
  background: rgba(157,59,241,0.08);
  padding: 5px 14px; border-radius: 50px;
  margin-bottom: 28px; width: fit-content;
}
.get-early-access_hero__spots-dot {
  width: 7px; height: 7px; border-radius: 50%;
  background: var(--purple); flex-shrink: 0;
  box-shadow: 0 0 8px var(--purple);
}

.get-early-access_hero__h1 {
  font-size: clamp(30px, 4vw, 52px);
  font-weight: 900; line-height: 1.08;
  letter-spacing: -.035em; color: #fff;
  margin-bottom: 22px;
}
.get-early-access_hero__h1 .get-early-access_g {
  background: linear-gradient(135deg, #9D3BF1 0%, #DC1DD3 50%, #FF715F 100%);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}
.get-early-access_hero__props {
  display: flex; flex-direction: column; gap: 20px; 
  margin: 25px 0;
}
.get-early-access_hero__prop {
  display: flex; align-items: flex-start; gap: 12px;
}
.get-early-access_hero__prop-icon {
  width: 48px; height: 48px; border-radius: 14px; flex-shrink: 0;
  display: flex; align-items: center; justify-content: center;
  background: rgba(157,59,241,.18); border: 1px solid rgba(157,59,241,.3);
  margin-top: 1px;
}
.get-early-access_hero__prop-icon svg { width: 16px; height: 16px; }
.get-early-access_hero__prop-text strong {display: block; font-size: 1rem; font-weight: 700; color: var(--text-white); margin-bottom: 2px;}
.get-early-access_hero__prop-text span {font-size: .95rem; color: var(--text-white); line-height: 1.55;}
[data-theme="light"] .get-early-access_hero__prop-text strong { color: var(--text-black); }
[data-theme="light"] .get-early-access_hero__prop-text span { color: var(--text-black); }

.get-early-access_hero__social-text { font-size: .75rem; color: rgba(255,255,255,.45); line-height: 1.5; }
.get-early-access_hero__social-text strong { color: rgba(255,255,255,.8); font-weight: 700; }

/* ── Responsive ── */
@media (max-width: 1024px) {
  .get-early-access_hero__bg { grid-template-columns: 1fr; min-height: auto; }
  .get-early-access_hero__left { padding: 130px 32px 48px; }
  .get-early-access_hero__right { padding: 40px 32px 80px; border-left: none; border-top: 1px solid rgba(157,59,241,.1); background: rgba(13,11,30,.8); }
  .get-early-access_hero__card { max-width: 560px; margin: 0 auto; }
  .get-early-access_hero__desc { max-width: 100%; }
}
@media (max-width: 600px) {
  .get-early-access_hero__left { padding: 120px 20px 40px; }
  .get-early-access_hero__right { padding: 32px 20px 64px; }
  .get-early-access_hero__card { padding: 28px 20px; }
  .get-early-access_hero__row { grid-template-columns: 1fr; }
  .get-early-access_hero__h1 { font-size: 2rem; }
}

/* ── Bottom CTA nudge ── */
.get-early-access_body__unlocked-cta {
  background-color: var(--text-white);
  display: flex; align-items: center; justify-content: center;
  gap: 24px;
  padding: 22px 32px;
  border: 1px solid var(--border);
  border-radius: 14px;
  max-width: 700px; margin: 0 auto;
  margin-top: 36px; 
}
.get-early-access_body__unlocked-cta-text {
  font-size: 1rem; 
  color: var(--text-black);
  margin-bottom: 0;
}
.get-early-access_body__unlocked-cta-text span {
  display: block; font-weight: 700; color: var(--text-main); margin-bottom: 2px;
}
[data-theme="dark"] .get-early-access_body__unlocked-cta-text span { color: var(--bg-dark); }
[data-theme="dark"] .get-early-access_body__unlocked-cta-text { color: var(--bg-dark); }

.get-early-access_body__unlocked-cta-link {
  background: linear-gradient(135deg, #7C3AED 0%, #C026D3 50%, #EA580C 100%);
  background-size: 200% 200%;
  background-position: 0% 50%;
  display: inline-flex; align-items: center; gap: 7px;
  font-size: .82rem; font-weight: 700; white-space: nowrap;
  color: #fff; text-decoration: none;
  padding: 10px 20px; border-radius: 50px;
  transition: transform .15s, box-shadow .2s;
  box-shadow: 0 4px 16px rgba(124,58,237,.35);
  transition: background-position .4s ease, box-shadow .25s, transform .15s;
}
.get-early-access_body__unlocked-cta-link:hover {
  background-position: 100% 50%;
  box-shadow: 0 8px 24px rgba(124,58,237,.5);
  opacity: 1;
  transform: translateY(-2px);
}
.get-early-access_body__unlocked-cta-link svg { transition: transform .25s; }
.get-early-access_body__unlocked-cta-link:hover svg { transform: translateX(3px); }

/* ── Responsive ── */
@media (max-width: 900px) {
  .get-early-access_body__unlocked-cta { flex-direction: column; text-align: center; gap: 16px; }
}




/* CALCULATOR RESULT PAGE */
/* ── Utility ── */
.calculator-result__g {
  background: linear-gradient(135deg, #9D3BF1 0%, #DC1DD3 50%, #FF715F 100%);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}
.calculator-result__rv {
  opacity: 0; transform: translateY(20px);
  transition: opacity .6s ease, transform .65s cubic-bezier(.22,.68,0,1.1);
}
.calculator-result__rv.on { opacity: 1; transform: translateY(0); }
.calculator-result__rv.d1 { transition-delay: .1s; }
.calculator-result__rv.d2 { transition-delay: .2s; }
.calculator-result__rv.d3 { transition-delay: .3s; }
.calculator-result { font-family: var(--font-primary); }

.full-width {
  grid-column: 1 / -1;
  width: 300px;
  margin: 0 auto;
}

/* Shared eyebrow label */
.calculator-result__eyebrow {
  display: flex; align-items: center; gap: 8px;
  font-size: .58rem; font-weight: 700; letter-spacing: .18em;
  text-transform: uppercase; color: rgba(157,59,241,.85); margin-bottom: 14px;
}
.calculator-result__eyebrow::before {
  content: ''; width: 20px; height: 2px; border-radius: 2px; flex-shrink: 0;
  background: linear-gradient(90deg, #9D3BF1, #DC1DD3);
}

/* Shared section heading */
.calculator-result__h2 {
  font-size: clamp(1.8rem, 3vw, 2.4rem); font-weight: 900; line-height: 1.1;
  letter-spacing: -.03em; color: #fff; margin-bottom: 28px;
}

/* Shared inner wrapper */
.calculator-result__inner { max-width: 1320px; margin: 0 auto; padding: 0 40px; }

/* S1 — HERO  (Dark — same as screenshot: heading + badge only) */
.calculator-result__hero {
  background:
    radial-gradient(ellipse 65% 55% at 10% 15%, rgba(124,58,237,.24) 0%, transparent 52%),
    radial-gradient(ellipse 45% 40% at 90% 8%,  rgba(192,38,211,.18) 0%, transparent 52%),
    radial-gradient(ellipse 38% 32% at 65% 88%, rgba(255,113,95,.09) 0%, transparent 50%),
    #080614;
  padding: 150px 0 72px; text-align: center;
  position: relative; overflow: hidden;
}
.calculator-result__hero::before {
  content: ''; position: absolute; inset: 0; pointer-events: none;
  background-image:
    linear-gradient(rgba(157,59,241,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(157,59,241,.04) 1px, transparent 1px);
  background-size: 56px 56px;
  mask-image: radial-gradient(ellipse 85% 70% at 50% 10%, black 0%, transparent 75%);
  -webkit-mask-image: radial-gradient(ellipse 85% 70% at 50% 10%, black 0%, transparent 75%);
}
.calculator-result__hero-inner { position: relative; z-index: 1; max-width: 720px; margin: 0 auto; padding: 0 24px; }
.calculator-result__badge {
  display: inline-flex; align-items: center; gap: 7px;
  font-size: 0.72rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase;
  color: rgba(255,255,255,0.9); border: 1px solid rgba(255,255,255,0.25);
  background: rgba(255,255,255,0.15); padding: 5px 15px; border-radius: 50px; margin-bottom: 24px;
}
.calculator-result__badge span {
  width: 5px; height: 5px; border-radius: 50%;
  background: linear-gradient(135deg,#9D3BF1,#DC1DD3); flex-shrink: 0;
}
.calculator-result__hero-h1 {
  font-size: clamp(2.2rem, 5vw, 3.8rem); font-weight: 900; line-height: 1.07;
  letter-spacing: -.04em; color: #fff; margin-bottom: 14px;
}
.calculator-result__hero-sub {
  font-size: 1rem; color: var(--text-white);
}

/* S2 — DERIVATION  (ODD — dark with left purple radial) */
.calculator-result__s2 {
  padding-top: 90px;
}
.calculator-result__s2::after {
  content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px;
  background: linear-gradient(90deg, rgba(109,40,217,.35), rgba(157,59,241,.15), transparent 50%);
}
.calculator-result__s2-top {
  display: flex; align-items: center; justify-content: space-between;
  gap: 20px; margin-bottom: 36px; flex-wrap: wrap;
}
.calculator-result__s2-heading { margin-bottom: 0; }

/* S2 — new two-column layout */
.calculator-result__s2-grid {
  display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: start;
}

/* Left: prose card */
.calculator-result__derive-prose {
  background: rgba(255,255,255,.03); border: 1px solid rgba(157,59,241,.16);
  border-radius: 20px; padding: 32px 30px;
}
.calculator-result__derive-prose p {
  font-size: 1.06rem; color: var(--text-white); line-height: 1.9; margin: 0;
  text-align: start;
}
.calculator-result__derive-prose p strong { color: #fff; font-weight: 700; }
.calculator-result__derive-prose .cr-hl {
  color: #FF715F; font-weight: 900; font-size: 1.3rem;
}

/* Right: stat tiles */
.calculator-result__s2-stats {
  display: grid; grid-template-columns: 1fr 1fr; gap: 14px;
}
.calculator-result__s2-tile {
  background: rgba(255,255,255,.04); border: 1px solid rgba(157,59,241,.18);
  border-radius: 16px; padding: 22px 20px;
  transition: border-color .2s, background .2s, transform .2s;
  animation: winFloat 5s ease-in-out infinite;
  animation-delay: var(--float-delay, 0.8s);
  animation-fill-mode: both;
}
@keyframes winFloat {
  0% {transform: translateY(0px);}
  50% {transform: translateY(-8px);}
  100% {transform: translateY(0px);}
}
.calculator-result__s2-tile:hover {
  border-color: rgba(157,59,241,.4); background: rgba(157,59,241,.08);
  transform: translateY(-3px);
}
.calculator-result__s2-tile--wide { grid-column: span 2; }
.calculator-result__s2-tile__val {
  font-size: clamp(1.6rem, 3vw, 2.2rem); font-weight: 900; line-height: 1;
  letter-spacing: -.03em; margin-bottom: 6px;
  background: linear-gradient(135deg, #9D3BF1 0%, #DC1DD3 50%, #FF715F 100%);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}
.calculator-result__s2-tile__label {
  font-size: .78rem; font-weight: 700; letter-spacing: .1em;
  text-transform: uppercase; color: var(--text-white);
}
.calculator-result__s2-tile__sub {
  font-size: .75rem; color: var(--text-white); margin-top: 4px; line-height: 1.5;
}

/* S3 — HEADLINE NUMBER  (EVEN — VIVID PURPLE GRADIENT BAND) */
.calculator-result__s3 {
  background: linear-gradient(45deg, #9d3bf1, #dc1dd3, #ff715f, #dc1dd3, #9d3bf1);
  background-size: 400% 400%;
  animation: hlGradient 8s ease infinite;
  padding: 130px 0;
  position: relative;
  overflow: hidden;
  text-align: center;
}
@keyframes hlGradient {
  0%   { background-position: 0%   50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0%   50%; }
}
.calculator-result__s3::before {
  content: ''; position: absolute; inset: 0; pointer-events: none;
  background-image:
    linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);
  background-size: 48px 48px;
  mask-image: radial-gradient(ellipse 75% 80% at 50% 50%, black 0%, transparent 80%);
  -webkit-mask-image: radial-gradient(ellipse 75% 80% at 50% 50%, black 0%, transparent 80%);
}
.calculator-result__s3-inner { max-width: 1320px; margin: 0 auto; padding: 0 40px; position: relative; z-index: 1; }
.calculator-result__s3-lead {
  font-size: 1.06rem; color: var(--text-white); line-height: 1.85;
  max-width: 1024px; margin: 0 auto 40px; font-weight: 500;
}
.calculator-result__s3-lead strong { color: #fff; font-weight: 800; }
.calculator-result__s3-divider {
  display: flex; align-items: center; gap: 18px; max-width: 340px; margin: 0 auto 26px;
}
.calculator-result__s3-divider::before,
.calculator-result__s3-divider::after { content: ''; flex: 1; height: 1px; background: rgba(255,255,255,.50); }
.calculator-result__s3-divider span {
  font-size: .70rem; font-weight: 700; letter-spacing: .18em;
  text-transform: uppercase; color: var(--text-white); white-space: nowrap;
}
.calculator-result__s3-num-wrap { display: inline-block; position: relative; }
.calculator-result__s3-num-wrap::before {
  content: ''; position: absolute; inset: -40px; pointer-events: none;
  background: radial-gradient(ellipse 80% 80% at 50% 50%, rgba(255,255,255,.15) 0%, transparent 70%);
  animation: cr_halo 3.5s ease-in-out infinite;
}
@keyframes cr_halo { 0%,100%{transform:scale(1);opacity:.85} 50%{transform:scale(1.18);opacity:.38} }
.calculator-result__s3-num-row {
  display: inline-flex; align-items: baseline; gap: 16px; position: relative; z-index: 1;
}
.calculator-result__s3-big-num {
  font-size: clamp(5rem, 12vw, 9.5rem); font-weight: 900; line-height: 1; letter-spacing: -.06em;
  color: #fff; text-shadow: 0 0 100px rgba(255,255,255,.35), 0 4px 30px rgba(0,0,0,.3);
}
.calculator-result__s3-per-year {
  font-size: 1.15rem; font-weight: 600; color: var(--text-white); white-space: nowrap;
}

/* S4 — BLIND SPOT  (ODD — dark purple left-sweep) */
.calculator-result__s4 {
  background:
    radial-gradient(ellipse 60% 80% at -8% 50%, rgba(109,40,217,.2) 0%, transparent 52%),
    radial-gradient(ellipse 35% 50% at 108% 50%, rgba(192,38,211,.08) 0%, transparent 50%),
    #0d0a1e;
  padding: 80px 0; position: relative;
}
.calculator-result__s4::before {
  content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px;
  background: linear-gradient(90deg, rgba(109,40,217,.55), rgba(192,38,211,.25), transparent 60%);
}
/* Two-column layout */
.calculator-result__s4-grid {
  display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: stretch;
}
.calculator-result__s4-visual {
  display: flex; align-items: stretch; justify-content: center;
  min-height: 100%;
}
.calculator-result__s4-visual svg {
  width: 100%; height: 100%; min-height: 420px; margin-top: -60px;
}
.calculator-result__s4-box {
  background: rgba(109,40,217,.08); border: 1px solid rgba(109,40,217,.22);
  border-radius: 20px; padding: 36px 32px;
  margin-bottom: 25px;
}
.calculator-result__s4-box-title {
  font-size: .92rem; font-weight: 800; color: #fff; margin-bottom: 18px;
}
.calculator-result__s4-box p {
  font-size: 1.06rem; color: var(--text-white); line-height: 1.88; margin-bottom: 14px;
}
.calculator-result__s4-box p:last-child { margin-bottom: 0; }
.calculator-result__s4-box p strong {
  background: linear-gradient(135deg, #DC1DD3 0%, #FF715F 100%);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
  font-size: 1.3rem; font-weight: 900;
}
@media (max-width: 900px) {
  .calculator-result__s4-grid { grid-template-columns: 1fr; }
  .calculator-result__s4-visual { display: none; }
  .calculator-result__s2-grid { grid-template-columns: 1fr; }
}

/* S5 — OBJECTION  (EVEN — animated multi-stop gradient) */
.calculator-result__s5 {
  background: linear-gradient(
    135deg, #343061, #6b1fc9, #9D3BF1, #DC1DD3, #9D3BF1, #6b1fc9, #343061);
  background-size: 400% 400%;
  animation: ftGradient 10s ease infinite;
  padding: 130px 0;
  position: relative;
  overflow: hidden;
}
@keyframes ftGradient {
  0%   { background-position: 0%   50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0%   50%; }
}
/* Subtle grid overlay */
.calculator-result__s5::before {
  content: ''; position: absolute; inset: 0; pointer-events: none;
  background-image:
    linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);
  background-size: 52px 52px;
  mask-image: radial-gradient(ellipse 80% 80% at 50% 50%, black 0%, transparent 80%);
  -webkit-mask-image: radial-gradient(ellipse 80% 80% at 50% 50%, black 0%, transparent 80%);
}
/* Two-column layout */
.calculator-result__s5-grid {
  display: grid; grid-template-columns: 1.1fr .9fr; gap: 48px; align-items: center;
}
.calculator-result__s5-visual {
  display: flex; align-items: center; justify-content: center;
}
.calculator-result__s5-visual svg {
  width: 100%; height: auto; display: block;
}
/* Text side */
.calculator-result__s5-text .calculator-result__eyebrow { color: var(--text-white) }
.calculator-result__s5-text .calculator-result__eyebrow::before { background: rgba(255,255,255,.5); }
.calculator-result__s5-text .calculator-result__h2 { color: #fff; }
.calculator-result__s5-text .calculator-result__h2 .calculator-result__g {
  background: linear-gradient(135deg, #fff 0%, #ffd1f5 60%, #ffc4b8 100%);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}
.calculator-result__s5-body {
  font-size: 1.06rem; color: var(--text-white); line-height: 1.88; margin-bottom: 16px;
}
.calculator-result__s5-body:last-child { margin-bottom: 0; }
.calculator-result__s5-body strong { color: #fff; font-weight: 800; }
@media (max-width: 900px) {
  .calculator-result__s5-grid { grid-template-columns: 1fr; }
  .calculator-result__s5-visual { display: none; }
}

/* S6 — THREE CARDS  (ODD — deepest dark + grid + top glow) */
.calculator-result__s6 {
  background:
    radial-gradient(ellipse 85% 55% at 50% -8%, rgba(157,59,241,.22) 0%, transparent 50%),
    radial-gradient(ellipse 50% 50% at 0%  100%, rgba(220,29,211,.09) 0%, transparent 50%),
    radial-gradient(ellipse 45% 45% at 100% 85%, rgba(255,113,95,.07) 0%, transparent 50%),
    #080615;
  padding: 80px 0; position: relative; overflow: hidden;
}
.calculator-result__s6::before {
  content: ''; position: absolute; inset: 0; pointer-events: none;
  background-image:
    linear-gradient(rgba(157,59,241,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(157,59,241,.04) 1px, transparent 1px);
  background-size: 52px 52px;
  mask-image: radial-gradient(ellipse 88% 78% at 50% 25%, black 0%, transparent 80%);
  -webkit-mask-image: radial-gradient(ellipse 88% 78% at 50% 25%, black 0%, transparent 80%);
}
.calculator-result__s6::after {
  content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px;
  background: linear-gradient(90deg, transparent, rgba(157,59,241,.55), rgba(220,29,211,.4), rgba(255,113,95,.2), transparent);
}
.calculator-result__s6 .calculator-result__h2 { color: #fff; }
.calculator-result__s6 .calculator-result__eyebrow { color: rgba(180,130,255,.9); }
.calculator-result__s6 .calculator-result__eyebrow::before { background: linear-gradient(90deg,rgba(180,130,255,.9),rgba(230,112,224,.8)); }

/* Cards grid — homepage-style travelling light border */
@property --cr-fc-angle {
  syntax: '<angle>';
  initial-value: 0deg;
  inherits: false;
}
.calculator-result__cards { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; margin-top: 10px; }
.calculator-result__card {
  background: rgba(255,255,255,.06); backdrop-filter: blur(12px);
  border: 1px solid rgba(255,255,255,.06);
  border-radius: 20px; padding: 32px 24px;
  position: relative; overflow: hidden;
  opacity: 0; transform: translateY(50px);
  transition: opacity .65s ease, transform .65s cubic-bezier(.22,.68,0,1.15), box-shadow .3s;
}
.calculator-result__card > * { position: relative; z-index: 1; }
.calculator-result__card.cr-fc-visible { opacity: 1; transform: translateY(0); }
.calculator-result__card:hover { box-shadow: 0 20px 56px rgba(0,0,0,.5); }

.calculator-result__card::before {
  content: ''; position: absolute; inset: -2px; border-radius: 22px; padding: 2px;
  background: conic-gradient(
    from var(--cr-fc-angle),
    transparent 0%, transparent 82%,
    rgba(255,255,255,.06) 88%,
    var(--cr-fc-glow, rgba(157,59,241,1)) 93%,
    rgba(255,255,255,.4) 96%,
    var(--cr-fc-glow, rgba(157,59,241,1)) 99%,
    transparent 100%
  );
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor; mask-composite: exclude;
  animation: crFcSpin var(--cr-fc-speed, 4s) linear infinite;
}
/* Mouse-follow inner glow */
.calculator-result__card::after {
  content: ''; position: absolute; inset: 0; border-radius: 20px;
  background: radial-gradient(circle 140px at var(--cr-glow-x,50%) var(--cr-glow-y,50%), rgba(255,255,255,.08), transparent 70%);
  opacity: 0; transition: opacity .3s ease; pointer-events: none; z-index: 0;
}
.calculator-result__card:hover::after { opacity: 1; }
@keyframes crFcSpin { to { --cr-fc-angle: 360deg; } }

.calculator-result__card:nth-child(1) {
  background: #06081a radial-gradient(circle at center, #4c5eeb 0%, #3050d0 32%, #182090 50%, #080e50 65%, transparent 72%) no-repeat -650px -650px / 650px 650px;
  border: 1px solid rgba(90, 110, 240, .3);
  background-position: -120px -350px;
  opacity: 1;
  transform: translateY(0);
  will-change: transform;
  transition: opacity .55s ease, transform .4s cubic-bezier(.22, .68, 0, 1.2), background-position 2s ease;
}
.calculator-result__card:nth-child(2) {
  background: #0c0016 radial-gradient(circle at center, #e030e0 0%, #a000b0 32%, #60006a 50%, #300030 65%, transparent 72%) no-repeat -650px -650px / 650px 650px;
  border: 1px solid rgba(200,0,200,.3);
  background-position: -120px -350px;
  opacity: 1;
  transform: translateY(0);
  will-change: transform;
  transition: opacity .55s ease, transform .4s cubic-bezier(.22, .68, 0, 1.2), background-position 2s ease;
}
.calculator-result__card:nth-child(3) {
  background: #100300 radial-gradient(circle at center, #e59901 15%, #bf5904 32%, #904000 50%, #441a00 65%, transparent 72%) no-repeat -650px -650px / 650px 650px;
  border: 1px solid rgba(240,130,0,.3);
  background-position: -120px -350px;
  opacity: 1;
  transform: translateY(0);
  will-change: transform;
  transition: opacity .55s ease, transform .4s cubic-bezier(.22, .68, 0, 1.2), background-position 2s ease;
}

.calculator-result__card:hover:nth-child(1) {background-position: -50px -50px;}
.calculator-result__card:hover:nth-child(2) {background-position: -50px -200px;}
.calculator-result__card:hover:nth-child(3) {background-position: -80px -80px;}

.calculator-result__card-icon {
  width: 48px; height: 48px; border-radius: 14px; margin-bottom: 20px;
  display: flex; align-items: center; justify-content: center;
  transition: transform .3s cubic-bezier(.22,.68,0,1.4), box-shadow .3s;
}
.calculator-result__card:nth-child(1) .calculator-result__card-icon {
  background: rgba(81,93,207,.60); border: solid 1px rgba(81,93,207,.90);
  animation: cr_f1 4s ease-in-out infinite;
}
.calculator-result__card:nth-child(2) .calculator-result__card-icon {
  background: rgba(211,0,197,.60); border: solid 1px rgba(211,0,197,.90)calculator-result__card-icon;
  animation: cr_f2 4.6s ease-in-out infinite;
}
.calculator-result__card:nth-child(3) .calculator-result__card-icon {
  background: rgba(255,122,0,.60); border: solid 1px rgba(255,122,0,.90);
  animation: cr_f3 5.2s ease-in-out infinite;
}
.calculator-result__card:hover .calculator-result__card-icon { animation-play-state: paused; transform: translateY(-6px) scale(1.12); }
.calculator-result__card:nth-child(1):hover .calculator-result__card-icon { box-shadow: 0 12px 32px rgba(157,59,241,.38); }
.calculator-result__card:nth-child(2):hover .calculator-result__card-icon { box-shadow: 0 12px 32px rgba(220,29,211,.32); }
.calculator-result__card:nth-child(3):hover .calculator-result__card-icon { box-shadow: 0 12px 32px rgba(255,113,95,.3); }
.calculator-result__card-icon svg { transition: transform .35s cubic-bezier(.22,.68,0,1.3); }
.calculator-result__card:hover .calculator-result__card-icon svg { transform: rotate(-12deg) scale(1.14); }
@keyframes cr_f1 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-6px)} }
@keyframes cr_f2 { 0%,100%{transform:translateY(-3px)} 50%{transform:translateY(4px)} }
@keyframes cr_f3 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-5px)} }

.calculator-result__card-head { font-size: 1rem; font-weight: 600; margin-bottom: 11px; }
.calculator-result__card:nth-child(1) .calculator-result__card-head { color: #7f8fff; }
.calculator-result__card:nth-child(2) .calculator-result__card-head { color: #f560e8; }
.calculator-result__card:nth-child(3) .calculator-result__card-head { color: #ffb340; }
.calculator-result__card-body { color: var(--text-white); font-size: .95rem; line-height: 1.65; }

/* S7 — CTA  (uses cta2-sec from main site) */
.calculator-result__cta-grid { display: grid; grid-template-columns: 1fr 1.1fr; gap: 48px; align-items: center; }
.calculator-result__cta-visual { display: flex; align-items: center; justify-content: flex-end; flex-direction: column; }
.calculator-result__cta-visual svg { width: 100%; max-width: 520px; height: auto; display: block; }
/* Button row alignment */
.calculator-result__cta-btns { display: flex; flex-direction: column; gap: 12px; margin-top: 28px; }
.calculator-result__cta-btns .btn-cta-primary { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; width: fit-content; }

/* ── Responsive ── */
@media (max-width: 1024px) {
  .calculator-result__cta-grid { grid-template-columns: 1fr; gap: 40px; }
  .calculator-result__cta-visual { display: none; }
}
@media (max-width: 768px) {
  .calculator-result__cards { grid-template-columns: 1fr; }
  .calculator-result__s2-top { flex-direction: column; gap: 16px; }
  .calculator-result__s3 { padding: 72px 0; }
  .calculator-result__s3-big-num { font-size: 4.5rem; }
}
@media (max-width: 560px) {
  .calculator-result__hero { padding: 72px 0 60px; }
  .calculator-result__inner,.calculator-result__s3-inner { padding: 0 20px; }
  .calculator-result__s3-big-num { font-size: 3.6rem; }
}

/* SVG animations */
@keyframes cr_nodeIn { 0%{opacity:0;transform:scale(.4)} 60%{transform:scale(1.1)} 100%{opacity:1;transform:scale(1)} }
@keyframes cr_svgFloat { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-7px)} }
@keyframes s5NodeIn { 0%{opacity:0;transform:scale(.5) translateY(8px)} 60%{transform:scale(1.08) translateY(0)} 100%{opacity:1;transform:scale(1)} }



/*Relationship Manifesto*/
/* ── Hero ── */
.manifesto-hero {
  background: var(--bg-dark);
  padding: 150px 0 100px;
  position: relative;
  overflow: hidden;
}
.manifesto-hero::before {
  content: '';
  position: absolute; inset: 0; pointer-events: none;
  background:
    radial-gradient(ellipse 70% 80% at 15% 50%, rgba(157,59,241,.22) 0%, transparent 55%),
    radial-gradient(ellipse 50% 60% at 85% 30%, rgba(220,29,211,.14) 0%, transparent 50%),
    radial-gradient(ellipse 40% 40% at 90% 85%, rgba(255,113,95,.1) 0%, transparent 50%);
}
.manifesto-hero::after {
  content: '';
  position: absolute; inset: 0; pointer-events: none;
  background-image:
    linear-gradient(rgba(157,59,241,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(157,59,241,.04) 1px, transparent 1px);
  background-size: 56px 56px;
  mask-image: radial-gradient(ellipse 90% 80% at 20% 40%, black, transparent 70%);
  -webkit-mask-image: radial-gradient(ellipse 90% 80% at 20% 40%, black, transparent 70%);
}
.manifesto-hero__inner {
  position: relative; z-index: 1;
  display: grid; grid-template-columns: 1.5fr 1fr;
  gap: 60px; align-items: start;
  max-width: 1320px; margin: 0 auto; padding: 0 40px;
}
.manifesto-hero__left { display: flex; flex-direction: column; align-items: flex-start; }
.manifesto-hero__right { display: flex; flex-direction: column; gap: 20px; padding-top: 8px; }
.manifesto-hero__eyebrow {
  display: inline-flex; align-items: center; gap: 8px;
  width: fit-content;
  background: rgba(157,59,241,.15); border: 1px solid rgba(157,59,241,.3);
  border-radius: 50px; padding: 5px 16px; margin-bottom: 28px;
  font-size: .7rem; font-weight: 700; letter-spacing: .14em;
  text-transform: uppercase; color: #c4b5fd;
}
.manifesto-hero__eyebrow::before {
  content: ''; width: 7px; height: 7px; border-radius: 50%;
  background: linear-gradient(135deg,#9D3BF1,#DC1DD3); flex-shrink: 0;
}
.manifesto-hero__h1 {
  font-size: clamp(2.8rem, 4.8vw, 5rem);
  font-weight: 900; line-height: 1.06; letter-spacing: -.045em;
  color: #fff; margin: 0 0 28px;
}
.manifesto-hero__h1 .g {
  background: linear-gradient(135deg,#9D3BF1 0%,#DC1DD3 50%,#FF715F 100%);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
  display: block;
}
.manifesto-hero__lead {
  font-size: clamp(1rem, 1.6vw, 1.18rem); 
  color: var(--text-black);
  margin: 0 0 18px; line-height: 1.75;
}
.manifesto-hero__sub {
  font-size: 1rem; 
  color: var(--text-black);
  margin: 0 0 16px; line-height: 1.8;
}
.manifesto-hero__btns {
  display: flex; gap: 14px; flex-wrap: wrap;
}
/* Key Takeaways card */
.manifesto-hero__card {
  background: rgba(15,12,32,.85);
  border: 1px solid rgba(157,59,241,.25);
  border-radius: 16px;
  overflow: hidden;
  backdrop-filter: blur(12px);
  position: relative;
}
.manifesto-hero__card::before {
  content: '';
  position: absolute; top: 0; left: 0; right: 0; height: 2px;
  background: linear-gradient(90deg, #9D3BF1, #DC1DD3, #FF715F);
}
.manifesto-hero__card-head {
  padding: 18px 22px 12px;
  display: flex; align-items: center; gap: 8px;
  font-size: .68rem; font-weight: 700; letter-spacing: .14em;
  text-transform: uppercase; 
  color: var(--coral);
  border-bottom: 1px solid rgba(255,255,255,.06);
}
.manifesto-hero__card-head svg { flex-shrink: 0; }
.manifesto-hero__card-body { padding: 18px 22px 22px; display: flex; flex-direction: column; gap: 14px; }
.manifesto-hero__takeaway {
  display: flex; align-items: flex-start; gap: 12px;
  font-size: .95rem; color: var(--text-black); line-height: 1.6;
}
.manifesto-hero__takeaway-ico {
  width: 20px; height: 20px; border-radius: 50%;
  background: linear-gradient(135deg,#9D3BF1,#DC1DD3);
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0; margin-top: 2px;
}
/* Network SVG card */
.manifesto-hero__net {
  background: rgba(15,12,32,.7);
  border: 1px solid rgba(157,59,241,.2);
  border-radius: 16px; overflow: hidden;
  padding: 8px;
}
@media(max-width:991px) {
  .manifesto-hero__inner { grid-template-columns: 1fr; gap: 48px; }
  .manifesto-hero__right { padding-top: 0; }
}


/* ── Definition section animated gradient ── */
.manifesto-ch-growth {
  background: linear-gradient(135deg, #1a0d3d 0%, #5a1580 30%, #9D3BF1 60%, #DC1DD3 85%, #FF715F 100%);
  background-size: 400% 400%;
  animation: ftGradient 10s ease infinite;
  padding: 130px 0;
  position: relative;
  overflow: hidden;
}

/* ── Chapter nav (horizontal sticky pill bar) ── */

.manifesto-ctr {
  max-width: 1320px; margin: 0 auto; padding: 0 48px;
}
@media(max-width:768px){ .manifesto-ctr { padding: 0 20px; } }

/* ── Section header ── */
.manifesto-hd {
  margin-bottom: 48px;
}
.manifesto-hd--center { text-align: center; }
.manifesto-hd--center .divider { margin: 14px auto 22px; }
.manifesto-tag {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: fit-content;
  background: rgba(255, 255, 255, .13);
  border: 1px solid rgba(255, 255, 255, .25);
  border-radius: 50px;
  padding: 6px 16px;
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, .92);
  margin-bottom: 14px;
}
.manifesto-h2 {
  font-size: clamp(1.9rem, 3.2vw, 2.8rem);
  font-weight: 900; line-height: 1.1; letter-spacing: -.04em;
  color: var(--text-main); margin-bottom: 0;
}
.manifesto-h2 .g {
  background: linear-gradient(90deg, #ffd6f5, #FF715F) !important;
  -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important;
}
.manifesto-h2--white { color: #fff; }
.manifesto-body-text {
  font-size: 1.06rem; color: #fff; line-height: 1.84; margin-bottom: 16px;
}
.manifesto-body-text:last-child { margin-bottom: 0; }
.manifesto-body-text strong { color: var(--text-main); font-weight: 700; }
.manifesto-body-text a { color: var(--coral); text-decoration: underline; border-bottom: 1px solid rgba(157,59,241,.25); }

/* ── Split layout ── */
.manifesto-ch {
  padding: 130px 0;
  position: relative;
  overflow: hidden;
}
.manifesto-split {
  display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: center;
}
.manifesto-split--wide { grid-template-columns: 1fr 1.5fr; }
.manifesto-split--flip { direction: rtl; }
.manifesto-split--flip > * { direction: ltr; }

/* ── Callout quote ── */
.manifesto-quote {
  border-left: 3px solid var(--purple);
}
#beyond-crm .manifesto-quote {
  animation: quotePulse 4s ease-in-out infinite;
}
@keyframes quotePulse {
  0%,100%{transform:translateX(0px);border-left-color:rgba(255,255,255,.6);background:rgba(255,255,255,.18)}
  50%{transform:translateX(8px);border-left-color:rgba(255,255,255,.95);background:rgba(255,255,255,.26)}
}
.manifesto-quote {
  padding: 18px 22px; margin: 22px 0;
  background: rgba(157,59,241,.08);
  border-radius: 0 14px 14px 0;
  font-size: 1.05rem; font-weight: 700;
  color: var(--text-main); line-height: 1.7;
}

/* ── Definition items ── */
.manifesto-deflist { display: flex; flex-direction: column; gap: 13px; margin-top: 26px; }
.manifesto-defitem {
  display: flex; gap: 14px; align-items: flex-start;
  background: rgba(255, 255, 255, .08); border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 14px; padding: 16px 18px;
  transition: box-shadow .2s, border-color .22s, transform .18s;
  position: relative; overflow: hidden;
  animation: defitemFloat 4s ease-in-out infinite;
}
.manifesto-defitem:nth-child(2){animation-delay:.6s}
.manifesto-defitem:nth-child(3){animation-delay:1.2s}
@keyframes defitemFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
.manifesto-defitem::before {
  content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px;
  background: var(--grad-text); opacity: 0; transition: opacity .2s;
}
.manifesto-defitem:hover { box-shadow: var(--shadow-md); border-color: rgba(157,59,241,.3); transform: translateY(-2px); }
.manifesto-defitem:hover::before { opacity: 1; }
.manifesto-defitem__ico {
  width: 40px; height: 40px; border-radius: 11px;
  border: 1px solid var(--text-black);
  display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.manifesto-defitem strong { display: block; font-size: 1rem; font-weight: 700; color: var(--text-black); margin-bottom: 4px; }
.manifesto-defitem p { font-size: .95rem; color: var(--text-black); line-height: 1.68; margin: 0; }

/* ── Truth cards ── */
.manifesto-truths { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; margin-top: 34px; }
.manifesto-truth {
  background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.1);
  border-radius: 22px; padding: 36px 30px;
  position: relative; overflow: hidden;
  transition: border-color .22s, transform .2s;
}
.manifesto-truth:hover { transform: translateY(-4px); }
.manifesto-truths .manifesto-truth:nth-child(1):hover { border-color: rgba(157,59,241,.6); box-shadow: 0 0 32px rgba(157,59,241,.35), 0 0 64px rgba(157,59,241,.18), 0 16px 40px rgba(0,0,0,.4); animation: glowPulse1 2s ease-in-out infinite; }
.manifesto-truths .manifesto-truth:nth-child(2):hover { border-color: rgba(220,29,211,.6); box-shadow: 0 0 32px rgba(220,29,211,.35), 0 0 64px rgba(255,113,95,.18), 0 16px 40px rgba(0,0,0,.4); animation: glowPulse2 2s ease-in-out infinite; }
@keyframes glowPulse1 { 0%,100%{box-shadow:0 0 24px rgba(157,59,241,.3),0 0 48px rgba(157,59,241,.15),0 16px 40px rgba(0,0,0,.4)} 50%{box-shadow:0 0 44px rgba(157,59,241,.55),0 0 80px rgba(157,59,241,.28),0 16px 40px rgba(0,0,0,.4)} }
@keyframes glowPulse2 { 0%,100%{box-shadow:0 0 24px rgba(220,29,211,.3),0 0 48px rgba(255,113,95,.15),0 16px 40px rgba(0,0,0,.4)} 50%{box-shadow:0 0 44px rgba(220,29,211,.55),0 0 80px rgba(255,113,95,.28),0 16px 40px rgba(0,0,0,.4)} }
.manifesto-truth__top {
  height: 3px; border-radius: 2px; margin-bottom: 22px;
}
.manifesto-truth__n {
  font-size: .80rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase;
  color: var(--purple); margin-bottom: 10px;
  display: flex; align-items: center; gap: 8px;
}
.manifesto-truth__n::after { content: ''; flex: 1; height: 1px; background: rgba(255,255,255,.1); }
.manifesto-truth h3 { font-size: 1.15rem; font-weight: 800; color: #fff; margin-bottom: 14px; }
.manifesto-truth p { font-size: 1rem; color: #e0dcff; line-height: 1.8; margin: 0; }
.manifesto-truth p + p { margin-top: 12px; font-style: italic; font-size: .84rem; }

/* ── Methodology steps (unique: horizontal large-number style) ── */
.manifesto-loop { display: grid; grid-template-columns: repeat(4,1fr); gap: 10px; margin-top: 44px; }
.manifesto-lstep {
  background: rgba(255, 255, 255, .08);
  border: 1px solid rgba(255, 255, 255, .14);
  padding: 36px 26px;
  opacity: 0; transform: translateY(30px);
  transition: opacity .5s, transform .65s cubic-bezier(.22,.68,0,1.1);
  position: relative; overflow: hidden;
  animation: lstepPulse 4s ease-in-out infinite;
}
.manifesto-lstep:nth-child(2){animation-delay:-1s}
.manifesto-lstep:nth-child(3){animation-delay:-2s}
.manifesto-lstep:nth-child(4){animation-delay:-3s}
.manifesto-lstep:first-child { border-radius: 18px 0 0 18px; }
.manifesto-lstep:last-child  { border-radius: 0 18px 18px 0; }
.manifesto-lstep.ls-on { opacity: 1; transform: translateY(0); }
.manifesto-lstep:hover { background: rgba(255,255,255,.14); border-color: rgba(255,255,255,.28); z-index:1; animation:none; }
@keyframes lstepPulse {
  0%,100%{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14);box-shadow:none}
  50%{background:rgba(255,255,255,.22);border-color:rgba(255,255,255,.55);box-shadow:0 0 24px rgba(255,255,255,.15),inset 0 0 20px rgba(255,255,255,.06)}
}
.manifesto-lstep__n {
  display:flex;align-items:center;gap:10px;
  font-size: 3rem; font-weight: 900; letter-spacing: -.04em; line-height: 1.2;
  background: linear-gradient(90deg, #ffffff, #ffaa9f);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent;
  background-clip: text; margin-bottom: 14px;
}
.manifesto-lstep h4 { font-size: 1.2rem; font-weight: 800; color: #fff; margin-bottom: 10px; }
.manifesto-lstep p { font-size: 1rem; color: #ffffff; line-height: 1.72; margin: 0; }

/* ── Stat highlight inline ── */
.manifesto-stat-inline {
  display: inline-flex; align-items: baseline; gap: 5px;
  font-size: 2rem; font-weight: 900; letter-spacing: -.04em;
  background: linear-gradient(135deg,#9D3BF1,#DC1DD3);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}

/* ── Comparison table ── */
.manifesto-tbl-wrap {
  overflow-x: auto; border-radius: 18px; border: 1px solid var(--border);
  margin-top: 32px; box-shadow: var(--shadow-md);
}
.manifesto-tbl { width: 100%; border-collapse: collapse; font-size: .87rem; }
.manifesto-tbl thead th { padding: 18px 22px; text-align: left; font-size: .7rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.manifesto-tbl thead th:first-child { background: rgba(255,255,255,.04); color: rgba(255,255,255,.45); width: 28%; }
.manifesto-tbl thead th:nth-child(2) { background: rgba(157,59,241,.06); color: rgba(255,255,255,.55); }
.manifesto-tbl thead th:nth-child(3) { background: linear-gradient(135deg,rgba(157,59,241,.22),rgba(220,29,211,.15)); }
.manifesto-tbl thead th:nth-child(3) span { background: linear-gradient(135deg,#9D3BF1,#DC1DD3); -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; }
.manifesto-tbl tbody tr { border-top: 1px solid rgba(255,255,255,.07); }
.manifesto-tbl tbody tr:hover { background: rgba(157,59,241,.05); }
.manifesto-tbl tbody td { padding: 15px 22px; color: rgba(255,255,255,.55); line-height: 1.6; font-size: 1rem; }
.manifesto-tbl tbody td:first-child { font-weight: 700; color: rgba(255,255,255,.8); font-size: 1rem; }
.manifesto-tbl tbody td:nth-child(3) { color: rgba(255,255,255,.9); font-weight: 500; font-size: 1rem; }
.manifesto-tbl .tc { color: #9D3BF1; font-weight: 700; }
.manifesto-tbl .tn { opacity: .3; }

/* ── "Not this" landscape cards ── */
.manifesto-notgrid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-top: 32px; }
.manifesto-notcard {
  background: var(--card); border: 1px solid var(--border);
  border-radius: 18px; padding: 28px 24px;
  transition: transform .2s, box-shadow .22s, border-color .2s;
  position: relative; overflow: hidden;
  animation: notcardFloat 5s ease-in-out infinite;
}
.manifesto-notcard:nth-child(2){animation-delay:-1.25s}.manifesto-notcard:nth-child(3){animation-delay:-2.5s}.manifesto-notcard:nth-child(4){animation-delay:-3.75s}
@keyframes notcardFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.manifesto-notcard:hover{box-shadow:var(--shadow-md);border-color:rgba(157,59,241,.3);animation:none;transform:translateY(-4px)}
.manifesto-notcard::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 3px; background: var(--grad-text); opacity: 0; transition: opacity .2s; }
.manifesto-notcard:hover::after { opacity: 1; }
.manifesto-notcard__icon { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; }
.manifesto-notcard h4 { font-size: 1rem; font-weight: 800; color: var(--text-main); margin-bottom: 8px; }
.manifesto-notcard p { font-size: 1rem; color: var(--text-muted); line-height: 1.72; margin: 0; }

/* ── Blind spot ── */
.manifesto-bscases { display: flex; flex-direction: column; gap: 12px; }
.manifesto-bscase {
  border-left: 3px solid; border-radius: 0 13px 13px 0;
  background: rgba(255,255,255,.04); border-top: 1px solid rgba(255,255,255,.07); border-right: 1px solid rgba(255,255,255,.07); border-bottom: 1px solid rgba(255,255,255,.07);
  padding: 15px 18px;
  transition: background .2s;
}
.manifesto-bscase:hover { background: rgba(255,255,255,.07); }
.manifesto-bscase:nth-child(1) { border-left-color: #9D3BF1; }
.manifesto-bscase:nth-child(2) { border-left-color: #DC1DD3; }
.manifesto-bscase:nth-child(3) { border-left-color: #FF715F; }
.manifesto-bscase:nth-child(4) { border-left-color: rgba(157,59,241,.55); }
.manifesto-bscase strong { display: block; font-size: 1rem; font-weight: 700; color: #fff; margin-bottom: 4px; }
.manifesto-bscase p { font-size: .95rem; color: var(--text-muted); line-height: 1.64; margin: 0; }

/* ── Blind spot dimensions ── */
.manifesto-bsdims { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; margin-bottom: 20px; }
.manifesto-bsdim { background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.1); border-radius: 13px; padding: 20px 18px; }
.manifesto-bsdim h5 { font-size: 1rem; font-weight: 700; color: #fff; margin-bottom: 7px; }
.manifesto-bsdim p { font-size: .95rem; color: var(--text-muted); line-height: 1.66; margin: 0; }

/* ── Relationship types (2×4) ── */
.manifesto-rtgrid { display: grid; grid-template-columns: repeat(4,1fr); gap: 14px; margin: 32px 0; }
.manifesto-rtcard {
  background: var(--card); border: 1px solid var(--border);
  border-radius: 16px; padding: 22px 18px;
  transition: transform .2s, box-shadow .2s, border-color .2s;
}
.manifesto-rtcard:hover { transform: translateY(-5px); box-shadow: var(--shadow-md); border-color: rgba(157,59,241,.3); }
.manifesto-rtcard__ico {
  width: 42px; height: 42px; border-radius: 12px;
  background: linear-gradient(135deg,rgba(157,59,241,.2),rgba(220,29,211,.12));
  border: 1px solid rgba(157,59,241,.22);
  display: flex; align-items: center; justify-content: center; margin-bottom: 13px;
}
.manifesto-rtcard h4 { font-size: 1rem; font-weight: 700; color: var(--text-main); margin-bottom: 6px; }
.manifesto-rtcard p { font-size: .95rem; color: var(--text-black); line-height: 1.65; margin: 0; }

/* ── Full Network cards: staggered light/dark pulse ── */
@keyframes rtcardPulse {
  0%, 100% {
    background: rgba(255,255,255,.06);
    border-color: rgba(255,255,255,.13);
    box-shadow: none;
  }
  50% {
    background: rgba(255,255,255,.17);
    border-color: rgba(255,255,255,.38);
    box-shadow: 0 0 28px rgba(157,59,241,.22), inset 0 0 20px rgba(255,255,255,.04);
  }
}
#full-network .manifesto-rtcard {
  animation: rtcardPulse 4s ease-in-out infinite;
}
#full-network .rta-1 { animation-delay: 0s; }
#full-network .rta-2 { animation-delay: .5s; }
#full-network .rta-3 { animation-delay: 1s; }
#full-network .rta-4 { animation-delay: 1.5s; }
#full-network .rta-5 { animation-delay: 2s; }
#full-network .rta-6 { animation-delay: 2.5s; }
#full-network .rta-7 { animation-delay: 3s; }
#full-network .rta-8 { animation-delay: 3.5s; }
/* Icon box pulse in sync */
#full-network .manifesto-rtcard__ico {
  width: 48px; height: 48px; border-radius: 14px;
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.22);
  transition: background .3s;
}
#full-network .manifesto-rtcard:hover .manifesto-rtcard__ico {
  background: rgba(255,255,255,.22);
}

/* ── Full Network section animated gradient ── */
#full-network {
  background: linear-gradient(135deg, #07061a, #343061, #9D3BF1, #343061, #07061a);
  background-size: 400% 400%;
  animation: ftGradient 10s ease infinite;
  position: relative;
  overflow: hidden;
}
#full-network::before {
  content: '';
  position: absolute; inset: 0; pointer-events: none; z-index: 0;
  background: rgba(7, 6, 26, 0.5);
}
#full-network > .container { position: relative; z-index: 1; }
/* Heading overrides */
#full-network .manifesto-h2 { color: #fff; }
#full-network .manifesto-h2 .g {
  background: linear-gradient(135deg, #e0b8ff 0%, #fff 60%);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}
#full-network .manifesto-tag  { color: #fff; background: rgba(255,255,255,.15); border-color: rgba(255,255,255,.3); }
#full-network .manifesto-body-text { color: var(--text-black) }
#full-network .divider { background: rgba(255,255,255,.45); }
#full-network .manifesto-ch__mark { opacity:.05; -webkit-text-fill-color:#fff; background:none; }
/* Cards: glass style */
#full-network .manifesto-rtcard {
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.16);
  backdrop-filter: blur(10px);
}
#full-network .manifesto-rtcard:hover {
  background: rgba(255,255,255,.13);
  border-color: rgba(255,255,255,.3);
  box-shadow: 0 12px 40px rgba(0,0,0,.35);
}
#full-network .manifesto-rtcard h4 { color: var(--text-black); }
#full-network .manifesto-rtcard p  { color: var(--text-black) }
#full-network .manifesto-rtcard__ico {
  background: rgba(255,255,255,.12);
  border-color: rgba(255,255,255,.22);
}

/* ── How it works (horizontal 4-step) ── */
.manifesto-hwgrid { display: grid; grid-template-columns: repeat(4,1fr); gap: 0; margin-top: 40px; }
.manifesto-hwstep {
  padding: 30px 24px; position: relative;
  border: 1px solid rgba(255,255,255,.08);
  border-right: none;
  border-radius: 0;
  overflow: hidden;
  transition: transform .2s;
}
.manifesto-hwstep:last-child { border-right: 1px solid rgba(255,255,255,.08); }
.manifesto-hwstep:first-child { border-radius: 18px 0 0 18px; }
.manifesto-hwstep:last-child  { border-radius: 0 18px 18px 0; }
/* Persistent top bar, colour per step */
.manifesto-hwstep::before {
  content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px;
  transition: opacity .3s;
}
.manifesto-hwstep.hw1::before { background: linear-gradient(90deg,#9D3BF1,#b55cf5); }
.manifesto-hwstep.hw2::before { background: linear-gradient(90deg,#DC1DD3,#e84ee0); }
.manifesto-hwstep.hw3::before { background: linear-gradient(90deg,#FF715F,#ff9585); }
.manifesto-hwstep.hw4::before { background: linear-gradient(90deg,#9D3BF1,#DC1DD3); }

/* === Per-box colour pulse keyframes === */
@keyframes hwPulse1 {
  0%,100% { background:rgba(255,255,255,.04); border-color:rgba(255,255,255,.08); box-shadow:none; }
  50%      { background:rgba(157,59,241,.18); border-color:rgba(157,59,241,.45); box-shadow:0 0 32px rgba(157,59,241,.25), inset 0 0 24px rgba(157,59,241,.08); }
}
@keyframes hwPulse2 {
  0%,100% { background:rgba(255,255,255,.04); border-color:rgba(255,255,255,.08); box-shadow:none; }
  50%      { background:rgba(220,29,211,.18); border-color:rgba(220,29,211,.45); box-shadow:0 0 32px rgba(220,29,211,.25), inset 0 0 24px rgba(220,29,211,.08); }
}
@keyframes hwPulse3 {
  0%,100% { background:rgba(255,255,255,.04); border-color:rgba(255,255,255,.08); box-shadow:none; }
  50%      { background:rgba(255,113,95,.16); border-color:rgba(255,113,95,.42); box-shadow:0 0 32px rgba(255,113,95,.22), inset 0 0 24px rgba(255,113,95,.07); }
}
@keyframes hwPulse4 {
  0%,100% { background:rgba(255,255,255,.04); border-color:rgba(255,255,255,.08); box-shadow:none; }
  50%      { background:rgba(157,59,241,.14); border-color:rgba(220,29,211,.4); box-shadow:0 0 32px rgba(157,59,241,.2), inset 0 0 24px rgba(220,29,211,.07); }
}
/* Apply each animation with staggered delay so wave goes box1→2→3→4 */
#how-it-works .hw1 { animation: hwPulse1 4s ease-in-out infinite 0s; }
#how-it-works .hw2 { animation: hwPulse2 4s ease-in-out infinite 1s; }
#how-it-works .hw3 { animation: hwPulse3 4s ease-in-out infinite 2s; }
#how-it-works .hw4 { animation: hwPulse4 4s ease-in-out infinite 3s; }

/* Number colour per box */
#how-it-works .hw1 .manifesto-hwnum { color: #b371f7; }
#how-it-works .hw2 .manifesto-hwnum { color: #e84ee0; }
#how-it-works .hw3 .manifesto-hwnum { color: #ff8c7a; }
#how-it-works .hw4 .manifesto-hwnum { color: #c46af5; }
.manifesto-hwnum { font-size: .80rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; margin-bottom: 10px; }
.manifesto-hwstep h4 { font-size: 1.2rem; font-weight: 700; color: #fff; margin-bottom: 10px; }
.manifesto-hwstep p { font-size: .95rem; color: var(--text-black); line-height: 1.74; margin: 0; }
.manifesto-hwstep p a {color: var(--coral); text-decoration: underline;}

/* ── Metric gradient section ── */
.manifesto-ch--grad2 {
  background: linear-gradient(160deg,#0d0b1e 0%,#1a0d42 25%,#2d0e7a 48%,#5b0ea6 65%,#9D3BF1 80%,#DC1DD3 95%,#FF715F 100%);
}
.manifesto-metric-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 52px; align-items: center; }
.manifesto-metric-nums { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-top: 28px; }
.manifesto-mnum {
  background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.2);
  border-radius: 16px; padding: 22px 18px; text-align: center; backdrop-filter: blur(10px);
}
.manifesto-mnum__val {
  font-size: 2rem; font-weight: 900; letter-spacing: -.04em; color: #fff; line-height: 1;
  margin-bottom: 6px;
}
.manifesto-mnum__lbl { font-size: .62rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: rgba(255,255,255,.6); }

/* ── What changes (4 impact cards) ── */
.manifesto-chgrid { display: grid; grid-template-columns: repeat(4,1fr); gap: 16px; margin-top: 34px; }
.manifesto-chcard {
  background: var(--card); border: 1px solid var(--border);
  border-radius: 18px; padding: 28px 22px;
  position: relative; overflow: hidden;
  transition: transform .2s, box-shadow .22s;
}
.manifesto-chcard:hover { transform: translateY(-5px); box-shadow: var(--shadow-lg); }
.manifesto-chcard__n {
  font-size: 3rem; font-weight: 900; letter-spacing: -.05em; line-height: 1;
  background: linear-gradient(135deg,#9D3BF1,#DC1DD3);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
  opacity: .16; margin-bottom: -6px;
}
.manifesto-chcard h4 { font-size: 1.1rem; font-weight: 700; color: var(--text-main); margin-bottom: 9px; }
.manifesto-chcard p { font-size: .95rem; color: var(--text-muted); line-height: 1.72; margin: 0; }
.manifesto-chcard::after {
  content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 3px; opacity: 0; transition: opacity .2s;
}
.manifesto-chcard:hover::after { opacity: 1; }
.manifesto-chcard:nth-child(1)::after { background: linear-gradient(90deg,#9D3BF1,#DC1DD3); }
.manifesto-chcard:nth-child(2)::after { background: linear-gradient(90deg,#DC1DD3,#FF715F); }
.manifesto-chcard:nth-child(3)::after { background: linear-gradient(90deg,#FF715F,#DC1DD3); }
.manifesto-chcard:nth-child(4)::after { background: linear-gradient(90deg,#DC1DD3,#9D3BF1); }

/* ── What Changes section ── */
#what-changes {
  background: #130f28;
}
/* Float animations — each card moves independently */
@keyframes chFloat1 { 0%,100%{ transform:translateY(0px) } 50%{ transform:translateY(-10px) } }
@keyframes chFloat2 { 0%,100%{ transform:translateY(0px) } 50%{ transform:translateY(-10px) } }
@keyframes chFloat3 { 0%,100%{ transform:translateY(0px) } 50%{ transform:translateY(-10px) } }
@keyframes chFloat4 { 0%,100%{ transform:translateY(0px) } 50%{ transform:translateY(-10px) } }

#what-changes .manifesto-chcard {
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.1);
  will-change: transform;
}
#what-changes .manifesto-chcard.d1 { animation: chFloat1 5s ease-in-out infinite 0s; }
#what-changes .manifesto-chcard.d2 { animation: chFloat2 5s ease-in-out infinite 1.25s; }
#what-changes .manifesto-chcard.d3 { animation: chFloat3 5s ease-in-out infinite 2.5s; }
#what-changes .manifesto-chcard.d4 { animation: chFloat4 5s ease-in-out infinite 3.75s; }
#what-changes .manifesto-chcard:hover {
  animation-play-state: paused;
  transform: translateY(-6px);
  border-color: rgba(157,59,241,.45);
  box-shadow: 0 16px 40px rgba(157,59,241,.2);
}
/* Always-visible bottom accent bar */
#what-changes .manifesto-chcard::after { opacity: 1; height: 2px; }
/* Content colours on dark bg */
#what-changes .manifesto-chcard__n { opacity: .25; }
#what-changes .manifesto-chcard h4 { color: #fff; }
#what-changes .manifesto-chcard p  { color: var(--text-black) }
/* Heading / tag / divider */
#what-changes .manifesto-h2       { color: var(--dark); }
#what-changes .manifesto-body-text { color: var(--text-black); }
#what-changes .manifesto-tag { background: rgba(255,255,255,.1); border-color: rgba(255,255,255,.2); color: rgba(255,255,255,.85); }
#what-changes .manifesto-h2 { color: #fff; }
#what-changes .divider { background: linear-gradient(90deg,#9D3BF1,#DC1DD3); }
#what-changes .manifesto-quote { color: var(--text-black); border-left-color: rgba(157,59,241,.5); background: rgba(255,255,255,.04); }

/* ── Checklist ── */
.manifesto-checks { display: flex; flex-direction: column; gap: 11px; margin-top: 28px; }
.manifesto-check {
  display: flex; align-items: flex-start; gap: 14px;
  background: var(--card); border: 1px solid var(--border);
  border-radius: 13px; padding: 17px 20px;
  transition: border-color .2s, transform .17s;
}
.manifesto-check:hover { border-color: rgba(157,59,241,.35); transform: translateX(4px); }
.manifesto-check__ico {
  width: 28px; height: 28px; border-radius: 50%;
  background: linear-gradient(135deg,#9D3BF1,#DC1DD3);
  display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 1px;
}
.manifesto-check strong { display: block; font-size: 1.1rem; font-weight: 700; color: var(--text-black); margin-bottom: 3px; }
.manifesto-check p { font-size: .95rem; color: var(--text-black); line-height: 1.66; margin: 0; }

/* ── Choose section: 2-col grid + float animation ── */
#choose .manifesto-checks {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-top: 28px;
}
@media(max-width: 767px) {
  #choose .manifesto-checks { grid-template-columns: 1fr; }
}
@keyframes chkFloat {
  0%, 100% { transform: translateY(0px); }
  50%       { transform: translateY(-8px); }
}
#choose .manifesto-check { animation: chkFloat 5s ease-in-out infinite; will-change: transform; }
#choose .chk-1 { animation-delay: 0s; }
#choose .chk-2 { animation-delay: .84s; }
#choose .chk-3 { animation-delay: 1.67s; }
#choose .chk-4 { animation-delay: 2.5s; }
#choose .chk-5 { animation-delay: 3.34s; }
#choose .chk-6 { animation-delay: 4.17s; }
#choose .manifesto-check:hover {
  animation-play-state: paused;
  transform: translateY(-5px) translateX(4px);
  border-color: rgba(255,255,255,.45) !important;
  box-shadow: 0 14px 36px rgba(0,0,0,.3);
}
/* Bigger icon box for the new icons */
#choose .manifesto-check__ico {
  width: 44px; height: 44px; border-radius: 12px; flex-shrink: 0;
  background: rgba(255,255,255,.18);
  border: 1px solid rgba(255,255,255,.28);
}

/* ── How to Evaluate section animated gradient ── */
#choose {
  background: linear-gradient(135deg, #343061, #6b1fc9, #9D3BF1, #DC1DD3, #9D3BF1, #6b1fc9, #343061);
  background-size: 400% 400%;
  animation: ftGradient 10s ease infinite;
  padding: 130px 0;
  position: relative;
  overflow: hidden;
}
#choose::before {
  content: '';
  position: absolute; inset: 0; pointer-events: none; z-index: 0;
  background: rgba(8, 5, 24, 0.48);
}
#choose > .container { position: relative; z-index: 1; }
/* Heading overrides */
#choose .manifesto-h2       { color: #fff; }
#choose .manifesto-h2 .g    {
  background: linear-gradient(135deg, #e8d5ff 0%, #fff 100%) !important;
  -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important;
}
#choose .manifesto-tag       { color: #fff; background: rgba(255,255,255,.15); border-color: rgba(255,255,255,.3); }
#choose .manifesto-body-text { color: var(--text-black); }
#choose .divider             { background: rgba(255,255,255,.5); }
#choose .manifesto-ch__mark  { opacity: .05; -webkit-text-fill-color: #fff; background: none; }
/* Check rows — glass style */
#choose .manifesto-check {
  background: rgba(255,255,255,.09);
  border: 1px solid rgba(255,255,255,.18);
  backdrop-filter: blur(10px);
}
#choose .manifesto-check:hover {
  background: rgba(255,255,255,.15);
  border-color: rgba(255,255,255,.38);
  transform: translateX(6px);
}
#choose .manifesto-check strong { color: #fff; }
#choose .manifesto-check p      { color: var(--text-black); }

/* ── Glossary ── */
.manifesto-glossary { border: 1px solid var(--border); border-radius: 18px; overflow: hidden; margin-top: 28px; }
.manifesto-gterm {
  display: grid; grid-template-columns: 220px 1fr; gap: 24px;
  padding: 17px 24px; border-bottom: 1px solid var(--border); transition: background .12s;
}
.manifesto-gterm:last-child { border-bottom: none; }
.manifesto-gterm:hover { background: rgba(157,59,241,.04); }
.manifesto-gterm dt { font-size: .87rem; font-weight: 800; color: var(--purple); line-height: 1.5; }
.manifesto-gterm dd { font-size: .85rem; color: var(--text-muted); line-height: 1.75; margin: 0; }

/* ── FAQ ── */
.manifesto-faqs { display: flex; flex-direction: column; gap: 9px; margin-top: 28px; }
.manifesto-faq {
  background: var(--card); border: 1px solid var(--border);
  border-radius: 14px; overflow: hidden; transition: border-color .2s, box-shadow .2s;
}
.manifesto-faq.open { border-color: rgba(157,59,241,.4); box-shadow: var(--shadow-sm); }
.manifesto-faq__q {
  width: 100%; background: none; border: none; padding: 18px 22px;
  text-align: left; font-size: 1rem; font-weight: 700; color: var(--text-black);
  cursor: pointer; display: flex; justify-content: space-between; align-items: center;
  gap: 14px; font-family: var(--font-primary); transition: color .15s;
}
.manifesto-faq__q:hover { color: var(--purple); }
.manifesto-faq__ico {
  width: 24px; height: 24px; line-height: 24px; border-radius: 50%; flex-shrink: 0;
  border: 1.5px solid rgba(255, 113, 95, 0.5); display: flex; align-items: center;
  justify-content: center; color: var(--coral); font-size: .9rem; font-weight: 900;
  transition: background .2s, transform .3s, border-color .2s;
}
.manifesto-faq.open .manifesto-faq__ico {
  transform: rotate(45deg);
}
.manifesto-faq__a { max-height: 0; overflow: hidden; transition: max-height .4s ease, padding .3s; padding: 0 22px; }
.manifesto-faq.open .manifesto-faq__a { max-height: 350px; padding: 0 22px 18px; }
.manifesto-faq__a p { font-size: .95rem; color: var(--text-black); line-height: 1.78; margin: 0; }

/* ── Reveal ── */
.mrv { opacity: 0; transform: translateY(22px); transition: opacity .62s, transform .72s cubic-bezier(.22,.68,0,1.1); }
.mrv.on { opacity: 1; transform: none; }
.mrv.d1 { transition-delay: .1s; }
.mrv.d2 { transition-delay: .22s; }
.mrv.d3 { transition-delay: .34s; }
.mrv.d4 { transition-delay: .46s; }

/* ── Responsive ── */
@media(max-width:1199.98px){ .manifesto-hero__inner { grid-template-columns: 1fr !important; } }
@media(max-width:1024px){
  .manifesto-split, .manifesto-metric-grid { grid-template-columns: 1fr; }
  .manifesto-loop, .manifesto-hwgrid, .manifesto-chgrid, .manifesto-rtgrid { grid-template-columns: repeat(2,1fr); }
  .manifesto-lstep:first-child, .manifesto-lstep:last-child,
  .manifesto-hwstep:first-child, .manifesto-hwstep:last-child { border-radius: 0; }
}
@media(max-width:680px){
  .manifesto-truths, .manifesto-notgrid, .manifesto-bsdims { grid-template-columns: 1fr; }
  .manifesto-loop, .manifesto-hwgrid, .manifesto-chgrid { grid-template-columns: 1fr; }
  .manifesto-rtgrid { grid-template-columns: repeat(2,1fr); }
  .manifesto-gterm { grid-template-columns: 1fr; gap: 5px; }
  .manifesto-ch { padding: 64px 0; }
}

/* ── Key Terms 2-col layout ── */
.kt2-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin-top: 8px;
}
@media(max-width: 767px) { .kt2-grid { grid-template-columns: 1fr; } }

.kt2-card {
  display: flex;
  align-items: flex-start;
  gap: 18px;
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 16px;
  padding: 22px 22px;
  position: relative;
  overflow: hidden;
  transition: transform .2s, box-shadow .2s;
  will-change: background, border-color;
}
.kt2-card::before {
  content: '';
  position: absolute; left: 0; top: 0; bottom: 0; width: 3px;
  border-radius: 16px 0 0 16px;
  opacity: 0; transition: opacity .2s;
}
.kt2-card:nth-child(3n+1)::before { background: linear-gradient(180deg,#9D3BF1,#DC1DD3); }
.kt2-card:nth-child(3n+2)::before { background: linear-gradient(180deg,#DC1DD3,#FF715F); }
.kt2-card:nth-child(3n)::before   { background: linear-gradient(180deg,#FF715F,#9D3BF1); }
.kt2-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 36px rgba(0,0,0,.35);
  animation-play-state: paused !important;
  background: rgba(255,255,255,.18) !important;
  border-color: rgba(255,255,255,.35) !important;
}
.kt2-card:hover::before { opacity: 1; }
/* Left border colour per card position on hover */
#key-terms .kt2-card:nth-child(1):hover  { border-left-color: #9D3BF1 !important; }
#key-terms .kt2-card:nth-child(2):hover  { border-left-color: #DC1DD3 !important; }
#key-terms .kt2-card:nth-child(3):hover  { border-left-color: #FF715F !important; }
#key-terms .kt2-card:nth-child(4):hover  { border-left-color: #9D3BF1 !important; }
#key-terms .kt2-card:nth-child(5):hover  { border-left-color: #DC1DD3 !important; }
#key-terms .kt2-card:nth-child(6):hover  { border-left-color: #FF715F !important; }
#key-terms .kt2-card:nth-child(7):hover  { border-left-color: #9D3BF1 !important; }
#key-terms .kt2-card:nth-child(8):hover  { border-left-color: #DC1DD3 !important; }
#key-terms .kt2-card:nth-child(9):hover  { border-left-color: #FF715F !important; }
#key-terms .kt2-card:nth-child(10):hover { border-left-color: #9D3BF1 !important; }

/* Staggered light↔dark pulse — one card at a time */
@keyframes kt2Pulse {
  0%,100% { background: rgba(255,255,255,.05); border-color: rgba(255,255,255,.10); }
  50%     { background: rgba(255,255,255,.16); border-color: rgba(255,255,255,.32); box-shadow: 0 0 28px rgba(255,255,255,.06), inset 0 0 18px rgba(255,255,255,.04); }
}
@keyframes kt2BorderPulse {
  0%,100% { opacity: 0; }
  50%     { opacity: 1; }
}
#key-terms .kt2-card { animation: kt2Pulse 5s ease-in-out infinite; }
#key-terms .kt2-card::before { animation: kt2BorderPulse 5s ease-in-out infinite; }

#key-terms .kt2-card:nth-child(1)         { animation-delay: 0s; }
#key-terms .kt2-card:nth-child(1)::before { animation-delay: 0s; }
#key-terms .kt2-card:nth-child(2)         { animation-delay: .5s; }
#key-terms .kt2-card:nth-child(2)::before { animation-delay: .5s; }
#key-terms .kt2-card:nth-child(3)         { animation-delay: 1s; }
#key-terms .kt2-card:nth-child(3)::before { animation-delay: 1s; }
#key-terms .kt2-card:nth-child(4)         { animation-delay: 1.5s; }
#key-terms .kt2-card:nth-child(4)::before { animation-delay: 1.5s; }
#key-terms .kt2-card:nth-child(5)         { animation-delay: 2s; }
#key-terms .kt2-card:nth-child(5)::before { animation-delay: 2s; }
#key-terms .kt2-card:nth-child(6)         { animation-delay: 2.5s; }
#key-terms .kt2-card:nth-child(6)::before { animation-delay: 2.5s; }
#key-terms .kt2-card:nth-child(7)         { animation-delay: 3s; }
#key-terms .kt2-card:nth-child(7)::before { animation-delay: 3s; }
#key-terms .kt2-card:nth-child(8)         { animation-delay: 3.5s; }
#key-terms .kt2-card:nth-child(8)::before { animation-delay: 3.5s; }
#key-terms .kt2-card:nth-child(9)         { animation-delay: 4s; }
#key-terms .kt2-card:nth-child(9)::before { animation-delay: 4s; }
#key-terms .kt2-card:nth-child(10)        { animation-delay: 4.5s; }
#key-terms .kt2-card:nth-child(10)::before{ animation-delay: 4.5s; }

.kt2-ico {
  width: 50px; height: 50px; border-radius: 14px;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
}
.kt2-ico--a { background: linear-gradient(135deg,rgba(157,59,241,.45),rgba(157,59,241,.18)); border: 1px solid rgba(157,59,241,.4); }
.kt2-ico--b { background: linear-gradient(135deg,rgba(220,29,211,.4), rgba(220,29,211,.16)); border: 1px solid rgba(220,29,211,.38); }
.kt2-ico--c { background: linear-gradient(135deg,rgba(255,113,95,.38),rgba(255,113,95,.15)); border: 1px solid rgba(255,113,95,.35); }

.kt2-body { flex: 1; min-width: 0; }
.kt2-term {
  font-size: 1.1rem; font-weight: 700;
  color: var(--text-black); margin: 0 0 8px; line-height: 1.3;
}
.kt2-def {
  font-size: .95rem; color: var(--text-black);
  line-height: 1.72; margin: 0;
}

/* ── CTA Section buttons ── */
.manifesto-cta-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  width: 100%; padding: 16px 28px;
  border-radius: 50px; font-size: 1rem; font-weight: 700;
  font-family: 'Sora', sans-serif; letter-spacing: .01em;
  cursor: pointer; transition: opacity .2s, box-shadow .2s, transform .2s;
  will-change: transform;
}
.manifesto-cta-btn--primary {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 15px 32px;
  font-size: .95rem;
  font-weight: 700;
  letter-spacing: .01em;
  border-radius: 50px;
  background: linear-gradient(135deg, #7C3AED 0%, #C026D3 55%, #EA580C 100%);
  background-size: 200% 200%;
  background-position: 0% 50%;
  color: #fff;
  border: none;
  box-shadow: 0 6px 28px rgba(124, 58, 237, .45), 0 2px 8px rgba(0, 0, 0, .2), 0 0 0 1px rgba(255, 255, 255, .1) inset;
  cursor: pointer;
  transition: background-position .4s ease, box-shadow .25s, transform .15s;
  white-space: nowrap;
  justify-content: center;
}
.manifesto-cta-btn--outline {
  background: rgba(255,255,255,.07);
  border: 1.5px solid rgba(255,255,255,.3);
  color: #fff;
  box-shadow: 0 4px 18px rgba(0,0,0,.25);
}
.manifesto-cta-btn--primary:hover,
.manifesto-cta-btn--outline:hover {
  animation-play-state: paused;
  background-position: 100% 50%;
  box-shadow: 0 10px 40px rgba(124, 58, 237, .6), 0 4px 16px rgba(0, 0, 0, .25);
  transform: translateY(-2px);
  color: #fff;
}
.manifesto-cta-btn--primary:hover {
  box-shadow: 0 16px 48px rgba(157,59,241,.6);
}
.manifesto-cta-btn--outline:hover {
  background: rgba(255,255,255,.14);
  border-color: rgba(255,255,255,.55);
  box-shadow: 0 12px 36px rgba(255,255,255,.1);
}
/* ── Methodology section animated gradient ── */
.manifesto-ch-loop {
  background: linear-gradient(45deg, #9d3bf1, #dc1dd3, #ff715f, #dc1dd3, #9d3bf1);
  background-size: 400% 400%;
  animation: hlGradient 8s ease infinite;
  padding: 130px 0;
  position: relative;
  overflow: hidden;
}
/* Dark overlay so content stays clearly readable */
.manifesto-ch-loop::before {
  content: '';
  position: absolute; inset: 0; pointer-events: none; z-index: 0;
  background: rgba(10, 6, 28, 0.55);
}
.manifesto-ch-loop > .container { position: relative; z-index: 1; }
/* Heading + tag on gradient bg */
.manifesto-ch-loop .manifesto-h2,
.manifesto-ch-loop .manifesto-h2--white { color: #fff; }
.manifesto-ch-loop .manifesto-h2 .g {
  background: linear-gradient(90deg, #ffd6f5, #FF715F);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}
.manifesto-ch-loop .manifesto-tag {
  color: #fff; background: rgba(255,255,255,.18); border-color: rgba(255,255,255,.35);
}
.manifesto-ch-loop .divider { background: rgba(255,255,255,.5); }
.manifesto-ch-loop .manifesto-ch__mark { opacity: .06; -webkit-text-fill-color: #fff; background: none; }
/* Step cards — glass style for contrast */
.manifesto-ch-loop .manifesto-lstep {
  background: rgba(255,255,255,.1) !important;
  border: 1px solid rgba(255,255,255,.22) !important;
  backdrop-filter: blur(10px);
}
.manifesto-ch-loop .manifesto-lstep p   { color: rgba(255,255,255,.88) !important; }
.manifesto-ch-loop .manifesto-lstep__n  {
  background: linear-gradient(90deg, #fff, rgba(255,255,255,.8)) !important;
  -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

.manifesto-ch-beyond {
  background: linear-gradient(135deg, #7C3AED 0%, #C026D3 50%, #EA580C 100%);
  background-size: 400% 400%;
  animation: hlGradient 8s ease infinite;
  padding: 130px 0;
  position: relative;
  overflow: hidden;
}
.manifesto-ch-beyond .manifesto-h2,
.manifesto-ch-beyond .manifesto-h2--white { color: #fff; }
.manifesto-ch-beyond .manifesto-h2 .g { background: linear-gradient(90deg,#fff,rgba(255,255,255,.7)) !important; -webkit-background-clip:text !important; -webkit-text-fill-color:transparent !important; background-clip:text !important; }
.manifesto-ch-beyond .manifesto-tag { color: #fff; background: rgba(255,255,255,.2); border-color: rgba(255,255,255,.35); }
.manifesto-ch-beyond .manifesto-body-text,
.manifesto-ch-beyond .manifesto-body-text[style] { color: #fff !important; }
.manifesto-ch-beyond .manifesto-body-text strong { color: #fff; }
.manifesto-ch-beyond .divider { background: rgba(255,255,255,.65); }
.manifesto-ch-beyond .manifesto-quote { background: rgba(255,255,255,.18); border-left-color: #fff; color: #fff; }
.manifesto-ch-beyond .manifesto-ch__mark { opacity: .07; -webkit-text-fill-color: #fff; background: none; }


/* ════════════════════════════════════════════════════════════════
   CALCULATOR RESULT — all CSS prefixed .calculator-result
   Exact section structure from screenshot:
   1-Hero | 2-Derivation | 3-Headline$ | 4-Blind Spot |
   5-Objection | 6-Three Cards | 7-CTA
════════════════════════════════════════════════════════════════ */

.calculator-result__g {
  background: linear-gradient(135deg, #9D3BF1 0%, #DC1DD3 50%, #FF715F 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.calculator-result__rv {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity .6s ease, transform .65s cubic-bezier(.22, .68, 0, 1.1);
}

.calculator-result__rv.on {
  opacity: 1;
  transform: translateY(0);
}

.calculator-result__rv.d1 {
  transition-delay: .1s;
}

.calculator-result__rv.d2 {
  transition-delay: .2s;
}

.calculator-result__rv.d3 {
  transition-delay: .3s;
}

.calculator-result {
  font-family: var(--font-primary);
}

.full-width {
  grid-column: 1 / -1;
  width: 300px;
  margin: 0 auto;
}

/* Shared eyebrow label */
.calculator-result__eyebrow {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: .58rem;
  font-weight: 700;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: rgba(157, 59, 241, .85);
  margin-bottom: 14px;
}

.calculator-result__eyebrow::before {
  content: '';
  width: 20px;
  height: 2px;
  border-radius: 2px;
  flex-shrink: 0;
  background: linear-gradient(90deg, #9D3BF1, #DC1DD3);
}

/* Shared section heading */
.calculator-result__h2 {
  font-size: clamp(1.8rem, 3vw, 2.4rem);
  font-weight: 900;
  line-height: 1.1;
  letter-spacing: -.03em;
  color: #fff;
  margin-bottom: 28px;
}

/* ════════════════════════════════════════════════════════
   S1 — HERO  (Dark — same as screenshot: heading + badge only)
   #080614 · radial glows · grid overlay
    ═════════════════════════════════════════════════════════ */
.calculator-result__hero {
  background:
    radial-gradient(ellipse 65% 55% at 10% 15%, rgba(124, 58, 237, .24) 0%, transparent 52%),
    radial-gradient(ellipse 45% 40% at 90% 8%, rgba(192, 38, 211, .18) 0%, transparent 52%),
    radial-gradient(ellipse 38% 32% at 65% 88%, rgba(255, 113, 95, .09) 0%, transparent 50%),
    #080614;
  padding: 150px 0 72px;
  text-align: center;
  position: relative;
  overflow: hidden;
}

.calculator-result__hero::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(157, 59, 241, .04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(157, 59, 241, .04) 1px, transparent 1px);
  background-size: 56px 56px;
  mask-image: radial-gradient(ellipse 85% 70% at 50% 10%, black 0%, transparent 75%);
  -webkit-mask-image: radial-gradient(ellipse 85% 70% at 50% 10%, black 0%, transparent 75%);
}

.calculator-result__hero-inner {
  position: relative;
  z-index: 1;
  max-width: 720px;
  margin: 0 auto;
  padding: 0 24px;
}

.calculator-result__badge {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(255, 255, 255, 0.25);
  background: rgba(255, 255, 255, 0.15);
  padding: 5px 15px;
  border-radius: 50px;
  margin-bottom: 24px;
}

.calculator-result__badge span {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: linear-gradient(135deg, #9D3BF1, #DC1DD3);
  flex-shrink: 0;
}

.calculator-result__hero-h1 {
  font-size: clamp(2.2rem, 5vw, 3.8rem);
  font-weight: 900;
  line-height: 1.07;
  letter-spacing: -.04em;
  color: #fff;
  margin-bottom: 14px;
}

.calculator-result__hero-sub {
  font-size: 1rem;
  color: var(--text-white);
}

/* ════════════════════════════════════════════════════════
   S2 — DERIVATION  (ODD — dark with left purple radial)
   Single column — eyebrow + heading + prose + download btn
   ════════════════════════════════════════════════════════ */
.calculator-result__s2 {
  padding-top: 90px;
}

.calculator-result__s2::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, rgba(109, 40, 217, .35), rgba(157, 59, 241, .15), transparent 50%);
}

.calculator-result__s2-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 36px;
  flex-wrap: wrap;
}

.calculator-result__s2-heading {
  margin-bottom: 0;
}

/* S2 — new two-column layout */
.calculator-result__s2-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  align-items: start;
}

/* Left: prose card */
.calculator-result__derive-prose {
  background: rgba(255, 255, 255, .03);
  border: 1px solid rgba(157, 59, 241, .16);
  border-radius: 20px;
  padding: 32px 30px;
}

.calculator-result__derive-prose p {
  font-size: 1.06rem;
  color: var(--text-white);
  line-height: 1.9;
  margin: 0;
  text-align: start;
}

.calculator-result__derive-prose p strong {
  color: #fff;
  font-weight: 700;
}

.calculator-result__derive-prose .cr-hl {
  color: #FF715F;
  font-weight: 900;
  font-size: 1.3rem;
}

/* Right: stat tiles */
.calculator-result__s2-stats {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

.calculator-result__s2-tile {
  background: rgba(255, 255, 255, .04);
  border: 1px solid rgba(157, 59, 241, .18);
  border-radius: 16px;
  padding: 22px 20px;
  transition: border-color .2s, background .2s, transform .2s;
  animation: winFloat 5s ease-in-out infinite;
  animation-delay: var(--float-delay, 0.8s);
  animation-fill-mode: both;
}

@keyframes winFloat {
  0% {
    transform: translateY(0px);
  }

  50% {
    transform: translateY(-8px);
  }

  100% {
    transform: translateY(0px);
  }
}

.calculator-result__s2-tile:hover {
  border-color: rgba(157, 59, 241, .4);
  background: rgba(157, 59, 241, .08);
  transform: translateY(-3px);
}

.calculator-result__s2-tile--wide {
  grid-column: span 2;
}

.calculator-result__s2-tile__val {
  font-size: clamp(1.6rem, 3vw, 2.2rem);
  font-weight: 900;
  line-height: 1;
  letter-spacing: -.03em;
  margin-bottom: 6px;
  background: linear-gradient(135deg, #9D3BF1 0%, #DC1DD3 50%, #FF715F 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.calculator-result__s2-tile__label {
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--text-white);
}

.calculator-result__s2-tile__sub {
  font-size: .75rem;
  color: var(--text-white);
  margin-top: 4px;
  line-height: 1.5;
}

/* ════════════════════════════════════════════════════════
   S3 — HEADLINE NUMBER  (EVEN — VIVID PURPLE GRADIENT BAND)
   Full-width vivid purple just like the screenshot
    ════════════════════════════════════════════════════════ */
.calculator-result__s3 {
  background: linear-gradient(45deg, #9d3bf1, #dc1dd3, #ff715f, #dc1dd3, #9d3bf1);
  background-size: 400% 400%;
  animation: hlGradient 8s ease infinite;
  padding: 130px 0;
  position: relative;
  overflow: hidden;
  text-align: center;
}

@keyframes hlGradient {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

.calculator-result__s3::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(255, 255, 255, .045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .045) 1px, transparent 1px);
  background-size: 48px 48px;
  mask-image: radial-gradient(ellipse 75% 80% at 50% 50%, black 0%, transparent 80%);
  -webkit-mask-image: radial-gradient(ellipse 75% 80% at 50% 50%, black 0%, transparent 80%);
}

.calculator-result__s3-lead {
  font-size: 1.06rem;
  color: var(--text-white);
  line-height: 1.85;
  max-width: 1024px;
  margin: 0 auto 40px;
  font-weight: 500;
}

.calculator-result__s3-lead strong {
  color: #fff;
  font-weight: 800;
}

.calculator-result__s3-divider {
  display: flex;
  align-items: center;
  gap: 18px;
  max-width: 340px;
  margin: 0 auto 26px;
}

.calculator-result__s3-divider::before,
.calculator-result__s3-divider::after {
  content: '';
  flex: 1;
  height: 1px;
  background: rgba(255, 255, 255, .50);
}

.calculator-result__s3-divider span {
  font-size: .70rem;
  font-weight: 700;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--text-white);
  white-space: nowrap;
}

.calculator-result__s3-num-wrap {
  display: inline-block;
  position: relative;
}

.calculator-result__s3-num-wrap::before {
  content: '';
  position: absolute;
  inset: -40px;
  pointer-events: none;
  background: radial-gradient(ellipse 80% 80% at 50% 50%, rgba(255, 255, 255, .15) 0%, transparent 70%);
  animation: cr_halo 3.5s ease-in-out infinite;
}

@keyframes cr_halo {

  0%,
  100% {
    transform: scale(1);
    opacity: .85
  }

  50% {
    transform: scale(1.18);
    opacity: .38
  }
}

.calculator-result__s3-num-row {
  display: inline-flex;
  align-items: baseline;
  gap: 16px;
  position: relative;
  z-index: 1;
}

.calculator-result__s3-big-num {
  font-size: clamp(5rem, 12vw, 9.5rem);
  font-weight: 900;
  line-height: 1;
  letter-spacing: -.06em;
  color: #fff;
  text-shadow: 0 0 100px rgba(255, 255, 255, .35), 0 4px 30px rgba(0, 0, 0, .3);
}

.calculator-result__s3-per-year {
  font-size: 1.15rem;
  font-weight: 600;
  color: var(--text-white);
  white-space: nowrap;
}

/* ════════════════════════════════════════════════════════
   S4 — BLIND SPOT  (ODD — dark purple left-sweep)
    ════════════════════════════════════════════════════════ */
.calculator-result__s4 {
  background:
    radial-gradient(ellipse 60% 80% at -8% 50%, rgba(109, 40, 217, .2) 0%, transparent 52%),
    radial-gradient(ellipse 35% 50% at 108% 50%, rgba(192, 38, 211, .08) 0%, transparent 50%),
    #0d0a1e;
  padding: 80px 0;
  position: relative;
}

.calculator-result__s4::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, rgba(109, 40, 217, .55), rgba(192, 38, 211, .25), transparent 60%);
}

/* Two-column layout */
.calculator-result__s4-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 56px;
  align-items: stretch;
}

.calculator-result__s4-visual {
  display: flex;
  align-items: stretch;
  justify-content: center;
  min-height: 100%;
}

.calculator-result__s4-visual svg {
  width: 100%;
  height: 100%;
  min-height: 420px;
  margin-top: -60px;
}

.calculator-result__s4-box {
  background: rgba(109, 40, 217, .08);
  border: 1px solid rgba(109, 40, 217, .22);
  border-radius: 20px;
  padding: 36px 32px;
  margin-bottom: 25px;
}

.calculator-result__s4-box-title {
  font-size: .92rem;
  font-weight: 800;
  color: #fff;
  margin-bottom: 18px;
}

.calculator-result__s4-box p {
  font-size: 1.06rem;
  color: var(--text-white);
  line-height: 1.88;
  margin-bottom: 14px;
}

.calculator-result__s4-box p:last-child {
  margin-bottom: 0;
}

.calculator-result__s4-box p strong {
  background: linear-gradient(135deg, #DC1DD3 0%, #FF715F 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-size: 1.3rem;
  font-weight: 900;
}

@media (max-width: 900px) {
  .calculator-result__s4-grid {
    grid-template-columns: 1fr;
  }

  .calculator-result__s4-visual {
    display: none;
  }

  .calculator-result__s2-grid {
    grid-template-columns: 1fr;
  }
}

/* ════════════════════════════════════════════════════════
   S5 — OBJECTION  (EVEN — animated multi-stop gradient)
    ════════════════════════════════════════════════════════ */
.calculator-result__s5 {
  background: linear-gradient(135deg, #343061, #6b1fc9, #9D3BF1, #DC1DD3, #9D3BF1, #6b1fc9, #343061);
  background-size: 400% 400%;
  animation: ftGradient 10s ease infinite;
  padding: 130px 0;
  position: relative;
  overflow: hidden;
}

@keyframes ftGradient {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

/* Subtle grid overlay */
.calculator-result__s5::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(255, 255, 255, .04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .04) 1px, transparent 1px);
  background-size: 52px 52px;
  mask-image: radial-gradient(ellipse 80% 80% at 50% 50%, black 0%, transparent 80%);
  -webkit-mask-image: radial-gradient(ellipse 80% 80% at 50% 50%, black 0%, transparent 80%);
}

/* Two-column layout */
.calculator-result__s5-grid {
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 48px;
  align-items: center;
}

.calculator-result__s5-visual {
  display: flex;
  align-items: center;
  justify-content: center;
}

.calculator-result__s5-visual svg {
  width: 100%;
  height: auto;
  display: block;
}

/* Text side */
.calculator-result__s5-text .calculator-result__eyebrow {
  color: var(--text-white)
}

.calculator-result__s5-text .calculator-result__eyebrow::before {
  background: rgba(255, 255, 255, .5);
}

.calculator-result__s5-text .calculator-result__h2 {
  color: #fff;
}

.calculator-result__s5-text .calculator-result__h2 .calculator-result__g {
  background: linear-gradient(135deg, #fff 0%, #ffd1f5 60%, #ffc4b8 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.calculator-result__s5-body {
  font-size: 1.06rem;
  color: var(--text-white);
  line-height: 1.88;
  margin-bottom: 16px;
}

.calculator-result__s5-body:last-child {
  margin-bottom: 0;
}

.calculator-result__s5-body strong {
  color: #fff;
  font-weight: 800;
}

@media (max-width: 900px) {
  .calculator-result__s5-grid {
    grid-template-columns: 1fr;
  }

  .calculator-result__s5-visual {
    display: none;
  }
}

/* ════════════════════════════════════════════════════════
   S6 — THREE CARDS  (ODD — deepest dark + grid + top glow)
       ════════════════════════════════════════════════════════ */
.calculator-result__s6 {
  background:
    radial-gradient(ellipse 85% 55% at 50% -8%, rgba(157, 59, 241, .22) 0%, transparent 50%),
    radial-gradient(ellipse 50% 50% at 0% 100%, rgba(220, 29, 211, .09) 0%, transparent 50%),
    radial-gradient(ellipse 45% 45% at 100% 85%, rgba(255, 113, 95, .07) 0%, transparent 50%),
    #080615;
  padding: 80px 0;
  position: relative;
  overflow: hidden;
}

.calculator-result__s6::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(157, 59, 241, .04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(157, 59, 241, .04) 1px, transparent 1px);
  background-size: 52px 52px;
  mask-image: radial-gradient(ellipse 88% 78% at 50% 25%, black 0%, transparent 80%);
  -webkit-mask-image: radial-gradient(ellipse 88% 78% at 50% 25%, black 0%, transparent 80%);
}

.calculator-result__s6::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(157, 59, 241, .55), rgba(220, 29, 211, .4), rgba(255, 113, 95, .2), transparent);
}

.calculator-result__s6 .calculator-result__h2 {
  color: #fff;
}

.calculator-result__s6 .calculator-result__eyebrow {
  color: rgba(180, 130, 255, .9);
}

.calculator-result__s6 .calculator-result__eyebrow::before {
  background: linear-gradient(90deg, rgba(180, 130, 255, .9), rgba(230, 112, 224, .8));
}

/* Cards grid — homepage-style travelling light border */
@property --cr-fc-angle {
  syntax: '<angle>';
  initial-value: 0deg;
  inherits: false;
}

.calculator-result__cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 10px;
}

.calculator-result__card {
  background: rgba(255, 255, 255, .06);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, .06);
  border-radius: 20px;
  padding: 32px 24px;
  position: relative;
  overflow: hidden;
  opacity: 0;
  transform: translateY(50px);
  transition: opacity .65s ease, transform .65s cubic-bezier(.22, .68, 0, 1.15), box-shadow .3s;
}

.calculator-result__card>* {
  position: relative;
  z-index: 1;
}

.calculator-result__card.cr-fc-visible {
  opacity: 1;
  transform: translateY(0);
}

.calculator-result__card:hover {
  box-shadow: 0 20px 56px rgba(0, 0, 0, .5);
}

/* Travelling light border */
.calculator-result__card::before {
  content: '';
  position: absolute;
  inset: -2px;
  border-radius: 22px;
  padding: 2px;
  background: conic-gradient(from var(--cr-fc-angle),
      transparent 0%, transparent 82%,
      rgba(255, 255, 255, .06) 88%,
      var(--cr-fc-glow, rgba(157, 59, 241, 1)) 93%,
      rgba(255, 255, 255, .4) 96%,
      var(--cr-fc-glow, rgba(157, 59, 241, 1)) 99%,
      transparent 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  animation: crFcSpin var(--cr-fc-speed, 4s) linear infinite;
}

/* Mouse-follow inner glow */
.calculator-result__card::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 20px;
  background: radial-gradient(circle 140px at var(--cr-glow-x, 50%) var(--cr-glow-y, 50%), rgba(255, 255, 255, .08), transparent 70%);
  opacity: 0;
  transition: opacity .3s ease;
  pointer-events: none;
  z-index: 0;
}

.calculator-result__card:hover::after {
  opacity: 1;
}

@keyframes crFcSpin {
  to {
    --cr-fc-angle: 360deg;
  }
}

.calculator-result__card:nth-child(1) {
  background: #06081a radial-gradient(circle at center, #4c5eeb 0%, #3050d0 32%, #182090 50%, #080e50 65%, transparent 72%) no-repeat -650px -650px / 650px 650px;
  border: 1px solid rgba(90, 110, 240, .3);
  background-position: -120px -350px;
  opacity: 1;
  transform: translateY(0);
  will-change: transform;
  transition: opacity .55s ease, transform .4s cubic-bezier(.22, .68, 0, 1.2), background-position 2s ease;
}

.calculator-result__card:nth-child(2) {
  background: #0c0016 radial-gradient(circle at center, #e030e0 0%, #a000b0 32%, #60006a 50%, #300030 65%, transparent 72%) no-repeat -650px -650px / 650px 650px;
  border: 1px solid rgba(200, 0, 200, .3);
  background-position: -120px -350px;
  opacity: 1;
  transform: translateY(0);
  will-change: transform;
  transition: opacity .55s ease, transform .4s cubic-bezier(.22, .68, 0, 1.2), background-position 2s ease;
}

.calculator-result__card:nth-child(3) {
  background: #100300 radial-gradient(circle at center, #e59901 15%, #bf5904 32%, #904000 50%, #441a00 65%, transparent 72%) no-repeat -650px -650px / 650px 650px;
  border: 1px solid rgba(240, 130, 0, .3);
  background-position: -120px -350px;
  opacity: 1;
  transform: translateY(0);
  will-change: transform;
  transition: opacity .55s ease, transform .4s cubic-bezier(.22, .68, 0, 1.2), background-position 2s ease;
}

.calculator-result__card:hover:nth-child(1) {
  background-position: -50px -50px;
}

.calculator-result__card:hover:nth-child(2) {
  background-position: -50px -200px;
}

.calculator-result__card:hover:nth-child(3) {
  background-position: -80px -80px;
}

.calculator-result__card-icon {
  width: 48px;
  height: 48px;
  border-radius: 14px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform .3s cubic-bezier(.22, .68, 0, 1.4), box-shadow .3s;
}

.calculator-result__card:nth-child(1) .calculator-result__card-icon {
  background: rgba(81, 93, 207, .60);
  border: solid 1px rgba(81, 93, 207, .90);
  animation: cr_f1 4s ease-in-out infinite;
}

.calculator-result__card:nth-child(2) .calculator-result__card-icon {
  background: rgba(211, 0, 197, .60);
  border: solid 1px rgba(211, 0, 197, .90)calculator-result__card-icon;
  animation: cr_f2 4.6s ease-in-out infinite;
}

.calculator-result__card:nth-child(3) .calculator-result__card-icon {
  background: rgba(255, 122, 0, .60);
  border: solid 1px rgba(255, 122, 0, .90);
  animation: cr_f3 5.2s ease-in-out infinite;
}

.calculator-result__card:hover .calculator-result__card-icon {
  animation-play-state: paused;
  transform: translateY(-6px) scale(1.12);
}

.calculator-result__card:nth-child(1):hover .calculator-result__card-icon {
  box-shadow: 0 12px 32px rgba(157, 59, 241, .38);
}

.calculator-result__card:nth-child(2):hover .calculator-result__card-icon {
  box-shadow: 0 12px 32px rgba(220, 29, 211, .32);
}

.calculator-result__card:nth-child(3):hover .calculator-result__card-icon {
  box-shadow: 0 12px 32px rgba(255, 113, 95, .3);
}

.calculator-result__card-icon svg {
  transition: transform .35s cubic-bezier(.22, .68, 0, 1.3);
}

.calculator-result__card:hover .calculator-result__card-icon svg {
  transform: rotate(-12deg) scale(1.14);
}

@keyframes cr_f1 {

  0%,
  100% {
    transform: translateY(0)
  }

  50% {
    transform: translateY(-6px)
  }
}

@keyframes cr_f2 {

  0%,
  100% {
    transform: translateY(-3px)
  }

  50% {
    transform: translateY(4px)
  }
}

@keyframes cr_f3 {

  0%,
  100% {
    transform: translateY(0)
  }

  50% {
    transform: translateY(-5px)
  }
}

.calculator-result__card-head {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 11px;
}

.calculator-result__card:nth-child(1) .calculator-result__card-head {
  color: #7f8fff;
}

.calculator-result__card:nth-child(2) .calculator-result__card-head {
  color: #f560e8;
}

.calculator-result__card:nth-child(3) .calculator-result__card-head {
  color: #ffb340;
}

.calculator-result__card-body {
  color: var(--text-white);
  font-size: .95rem;
  line-height: 1.65;
}

/* ════════════════════════════════════════════════════════
   S7 — CTA  (uses cta2-sec from main site)
    ════════════════════════════════════════════════════════ */
.calculator-result__cta-grid {
  display: grid;
  grid-template-columns: 1fr 1.1fr;
  gap: 48px;
  align-items: center;
}

.calculator-result__cta-visual {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: column;
}

.calculator-result__cta-visual svg {
  width: 100%;
  max-width: 520px;
  height: auto;
  display: block;
}

/* Button row alignment */
.calculator-result__cta-btns {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 28px;
}

.calculator-result__cta-btns .btn-cta-primary {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  width: fit-content;
}

/* ── Responsive ── */
@media (max-width: 1024px) {
  .calculator-result__cta-grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .calculator-result__cta-visual {
    display: none;
  }
}

@media (max-width: 768px) {
  .calculator-result__cards {
    grid-template-columns: 1fr;
  }

  .calculator-result__s2-top {
    flex-direction: column;
    gap: 16px;
  }

  .calculator-result__s3 {
    padding: 72px 0;
  }

  .calculator-result__s3-big-num {
    font-size: 4.5rem;
  }
}

@media (max-width: 560px) {
  .calculator-result__hero {
    padding: 72px 0 60px;
  }

  .calculator-result__s3-big-num {
    font-size: 3.6rem;
  }
}

/* SVG animations */
@keyframes cr_nodeIn {
  0% {
    opacity: 0;
    transform: scale(.4)
  }

  60% {
    transform: scale(1.1)
  }

  100% {
    opacity: 1;
    transform: scale(1)
  }
}

@keyframes cr_svgFloat {

  0%,
  100% {
    transform: translateY(0)
  }

  50% {
    transform: translateY(-7px)
  }
}

@keyframes s5NodeIn {
  0% {
    opacity: 0;
    transform: scale(.5) translateY(8px)
  }

  60% {
    transform: scale(1.08) translateY(0)
  }

  100% {
    opacity: 1;
    transform: scale(1)
  }
}