/* ===== Reset & base ===== */
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;overflow-x:clip}
body{
  background:var(--surface-canvas);
  color:var(--text-primary);
  font-family:var(--font-body);
  -webkit-font-smoothing:antialiased;
  overflow-x:clip;
}
#aiqu-root{overflow-x:clip}
::selection{background:var(--accent-200);color:var(--aiqu-ink)}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button{font:inherit;cursor:pointer;border:none;background:none}
svg{display:block}
:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:6px}

:root{
  --aiqu-purple-dark: #563D82;
  --aiqu-purple: #8C4799;
  --aiqu-ink: #191919;
  --aiqu-white: #FFFFFF;
  --primary-50: #F1EFF5;
  --primary-100: #E4E0EB;
  --primary-200: #C9C1D7;
  --primary-300: #A79ABE;
  --primary-400: #7F6CA0;
  --primary-500: #563D82;
  --primary-600: #47326B;
  --primary-700: #392856;
  --primary-800: #2B1E41;
  --primary-900: #1F162F;
  --accent-50: #F6F0F7;
  --accent-100: #EDE2EF;
  --accent-200: #DAC4DE;
  --accent-300: #C39FCA;
  --accent-400: #A873B1;
  --accent-500: #8C4799;
  --accent-600: #733A7D;
  --accent-700: #5C2F65;
  --accent-800: #46244C;
  --accent-900: #321A37;
  --neutral-0: #FFFFFF;
  --neutral-50: #FAF9FB;
  --neutral-100: #F3F1F6;
  --neutral-200: #E6E2EC;
  --neutral-300: #CFC8D9;
  --neutral-400: #A79FB4;
  --neutral-500: #7E7690;
  --neutral-600: #5F586E;
  --neutral-700: #453F52;
  --neutral-800: #2C2733;
  --neutral-900: #191919;
  --success: #2F8F6B;
  --success-bg: #E8F5EF;
  --warning: #B47415;
  --warning-bg: #FBF0DC;
  --error: #C23A2B;
  --error-bg: #FBE8E5;
  --info: #3A6EA5;
  --info-bg: #E9F1F9;
  --gradient-brand: linear-gradient(135deg, #8C4799 0%, #563D82 58%);
  --gradient-brand-soft: linear-gradient(135deg, #DAC4DE 0%, #E4E0EB 60%);
  --gradient-ink: linear-gradient(135deg, #392856 0%, #191919 100%);
  --surface-canvas: #FAF9FB;
  --surface-default: #FFFFFF;
  --surface-subtle: #F1EFF5;
  --surface-inverse: #563D82;
  --border-subtle: #E6E2EC;
  --border-default: #CFC8D9;
  --text-primary: #191919;
  --text-secondary: #5F586E;
  --text-muted: #7E7690;
  --text-on-dark: #FFFFFF;
  --text-link: #8C4799;
  --text-link-hover: #733A7D;
  --font-display: 'Plus Jakarta Sans', 'Segoe UI', system-ui, sans-serif;
  --font-body: 'Inter', 'Segoe UI', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --fw-extrabold: 800;
  --focus-ring: 0 0 0 3px rgba(140,71,153,.40);
  --shadow-xs: 0 1px 2px rgba(25,25,25,.06);
  --shadow-sm: 0 2px 8px rgba(86,61,130,.08);
  --shadow-md: 0 10px 28px rgba(86,61,130,.12);
  --shadow-lg: 0 24px 56px rgba(86,61,130,.18);
  --accent:var(--aiqu-purple);
  --ink:var(--text-primary);
  --ink-soft:var(--neutral-700);
  --body:var(--text-secondary);
  --muted:var(--neutral-600);
  --faint:var(--neutral-500);
  --faintest:var(--neutral-400);
  --border:var(--border-subtle);
  --border-soft:var(--neutral-200);
  --border-softer:var(--neutral-200);
  --teal:var(--success);
  --teal-dark:var(--success);
  --amber:var(--warning);
  --amber-dark:var(--warning);
  --lilac:var(--accent-300);
  --page-max:1220px;
  --nav-glass-opacity:.64;
  --nav-glass-scrolled-opacity:.72;
  --nav-glass-blur:24px;
}

.wrap{max-width:var(--page-max);margin:0 auto;padding:0 40px}

/* ===== Keyframes ===== */
@keyframes orbFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes pulseDot{0%,100%{opacity:.3;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}
@keyframes blobDrift{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(20px,-24px) scale(1.08)}}
@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* ===== Reveal-on-scroll ===== */
[data-reveal]{
  opacity:0;transform:translateY(24px);
  transition:opacity .78s cubic-bezier(.22,1,.36,1),transform .78s cubic-bezier(.22,1,.36,1);
  transition-delay:var(--reveal-delay,0ms);
  will-change:opacity,transform;
}
[data-reveal="fade-left"]{transform:translateX(-28px)}
[data-reveal="fade-right"]{transform:translateX(28px)}
[data-reveal="scale"]{transform:translateY(18px) scale(.96)}
[data-reveal].is-visible{opacity:1;transform:none}

/* ===== Shared type & components ===== */
.eyebrow{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-weight:700}
.h2{font-family:var(--font-display);font-weight:700;font-size:clamp(28px,3.2vw,42px);line-height:1.14;letter-spacing:-.02em;margin:14px 0 0;color:var(--ink)}
.lede{margin:18px 0 0;font-size:17.5px;line-height:1.62;color:var(--body)}
section[id]{scroll-margin-top:96px}

.btn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:13px 22px;border-radius:999px;font-size:15px;font-weight:600;
  border:1.5px solid transparent;font-family:var(--font-body);
  transition:transform .2s,box-shadow .2s,border-color .2s,background .2s,color .2s;
}
.btn-primary{background:var(--aiqu-purple-dark);color:#fff;box-shadow:var(--shadow-sm)}
.btn-primary:hover{background:var(--primary-700);transform:translateY(-1px);box-shadow:var(--shadow-md)}
.btn-outline{background:transparent;color:var(--aiqu-purple-dark);border-color:var(--border-default)}
.btn-outline:hover{border-color:var(--aiqu-purple-dark);background:var(--primary-50);transform:translateY(-1px)}
.btn-sm{padding:9px 16px;font-size:13px;box-shadow:var(--shadow-sm)}
.btn-sm:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}

/* ===== Nav ===== */
.nav{
  position:sticky;top:0;z-index:60;
  background:rgba(250,249,251,var(--nav-glass-opacity));
  backdrop-filter:blur(var(--nav-glass-blur)) saturate(1.35);
  -webkit-backdrop-filter:blur(var(--nav-glass-blur)) saturate(1.35);
  border-bottom:1px solid rgba(230,226,236,.76);
  transition:background .2s,box-shadow .2s,border-color .2s;
}
.nav.is-scrolled{
  background:rgba(255,255,255,var(--nav-glass-scrolled-opacity));
  border-bottom-color:rgba(207,200,217,.9);
  box-shadow:0 16px 40px -30px rgba(25,15,48,.55);
}
.nav__inner{
  height:76px;display:flex;align-items:center;gap:34px;
}
.nav__brand{display:flex;align-items:center;gap:13px;flex:0 0 auto}
.nav__brand-logo{height:30px}
.nav__links{
  margin-left:auto;display:flex;gap:24px;align-items:center;
  font-size:14px;font-weight:500;color:var(--text-secondary);
}
.nav__links a{transition:color .2s,background .2s}
.nav__links a:hover{color:var(--aiqu-purple-dark)}
.nav__toggle{display:none;margin-left:auto}

/* ===== Hero ===== */
.hero{
  position:relative;overflow:hidden;
  background:radial-gradient(1100px 620px at 78% -8%, color-mix(in srgb,var(--accent) 12%,#fff), #fff 60%);
}
.hero__blob{
  position:absolute;top:-120px;right:-80px;width:520px;height:520px;border-radius:50%;
  background:radial-gradient(circle, color-mix(in srgb,var(--accent) 16%,transparent), transparent 68%);
  animation:blobDrift 14s ease-in-out infinite;pointer-events:none;
}
.hero__inner{
  padding:84px 40px 70px;display:grid;grid-template-columns:1.05fr .95fr;
  gap:48px;align-items:center;position:relative;
}
.badge{
  display:inline-flex;align-items:center;gap:9px;
  background:color-mix(in srgb,var(--accent) 8%,#fff);
  border:1px solid color-mix(in srgb,var(--accent) 20%,#fff);
  color:var(--accent);padding:7px 14px;border-radius:100px;
  font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
}
.badge__dot{width:7px;height:7px;border-radius:50%;background:var(--accent);animation:pulseDot 2s infinite}
.hero h1{
  font-family:var(--font-display);font-weight:700;font-size:clamp(38px,4.6vw,62px);
  line-height:1.03;letter-spacing:-.025em;margin:22px 0 0;color:var(--ink);
}
.hero h1 span{color:var(--accent)}
.hero__lede{margin:24px 0 0;font-size:18.5px;line-height:1.6;color:var(--body);max-width:560px}
.hero__actions{display:flex;gap:14px;margin-top:34px;flex-wrap:wrap}
.hero__proof{display:flex;gap:26px;margin-top:36px;flex-wrap:wrap;color:var(--muted);font-size:13.5px;font-weight:600}

/* Orbit visual */
.orbit{position:relative;height:500px;display:flex;align-items:center;justify-content:center}
.orbit__ring{position:absolute;border-radius:50%}
.orbit__ring--outer{width:420px;height:420px;border:1px solid color-mix(in srgb,var(--accent) 20%,#fff)}
.orbit__ring--inner{width:280px;height:280px;border:1px solid color-mix(in srgb,var(--accent) 28%,#fff)}
.orbit__ring--dashed{width:150px;height:150px;border:1.5px dashed color-mix(in srgb,var(--accent) 34%,#fff);animation:spin 34s linear infinite}
.orbit__glow{
  position:absolute;width:300px;height:300px;border-radius:50%;
  background:radial-gradient(circle, color-mix(in srgb,var(--accent) 20%,transparent), transparent 70%);
  filter:blur(10px);
}
.orbit__stage{position:absolute;width:460px;height:460px;left:50%;top:50%;transform:translate(-50%,-50%)}
.orbit__center{
  position:absolute;left:230px;top:230px;transform:translate(-50%,-50%);z-index:3;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;
}
.orbit__center-glow{
  position:absolute;width:150px;height:150px;border-radius:50%;
  background:radial-gradient(circle,color-mix(in srgb,var(--accent) 16%,transparent),transparent 70%);
  z-index:-1;
}
.orbit__center-logo{height:30px}
.orbit__center-label{
  font-family:var(--font-display);font-size:13px;font-weight:700;
  letter-spacing:.28em;color:var(--accent);padding-left:.28em;
}
.orbit__pill{position:absolute;transform:translate(-50%,-50%);animation:orbFloat 6s ease-in-out infinite}
.orbit__pill-inner{
  display:flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--border);
  border-radius:100px;padding:8px 14px;font-size:12px;font-weight:700;color:#2A1E45;
  box-shadow:0 14px 30px -16px rgba(25,15,48,.4);white-space:nowrap;
}
.orbit__pill--inner-ring .orbit__pill-inner{padding:7px 12px;font-size:11.5px;box-shadow:0 12px 26px -16px rgba(25,15,48,.4)}
.orbit__dot{width:6px;height:6px;border-radius:50%;flex:0 0 auto}
.orbit__dot--teal{background:var(--teal)}
.orbit__dot--accent{background:var(--accent)}
.orbit__dot--amber{background:var(--amber)}

/* Trust strip */
.trust{border-top:1px solid var(--border-softer);background:rgba(255,255,255,.6)}
.trust__inner{padding:24px 40px;display:flex;align-items:center;gap:34px;flex-wrap:wrap}
.trust__label{font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--faintest);font-weight:700}
.trust__items{display:flex;gap:30px;flex-wrap:wrap;align-items:center;color:#7B6E97;font-weight:700;font-size:15px;font-family:var(--font-display)}

/* ===== Proof band ===== */
.proof-band{background:var(--gradient-ink);color:#fff}
.proof-band__inner{padding:56px 40px;display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
.stat-figure{font-family:var(--font-display);font-size:52px;font-weight:700;letter-spacing:-.02em;color:#fff}
.stat-caption{margin-top:6px;color:#C9B6EE;font-size:14.5px;font-weight:600}

/* ===== Wedge (complement vs compete) ===== */
.section{background:#fff}
.section--tint{background:color-mix(in srgb,var(--accent) 4%,#fff);border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft)}
.section__inner{padding:96px 40px;max-width:1180px;margin:0 auto}
.section__inner--wide{max-width:var(--page-max)}
.section-head{text-align:center;max-width:880px;margin:0 auto}
.section-head--left{text-align:left;margin:0;max-width:640px}

.contrast{margin-top:56px;display:grid;grid-template-columns:1fr 64px 1fr;align-items:stretch;gap:0}
.contrast__panel{border-radius:22px;padding:34px 32px}
.contrast__panel--bad{border:1.5px dashed #D8CFE6;background:#FAF9FC}
.contrast__panel--good{
  border:1.5px solid color-mix(in srgb,var(--accent) 26%,#fff);
  background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 7%,#fff),#fff);
  box-shadow:0 30px 60px -36px rgba(108,43,217,.45);
}
.contrast__head{display:flex;align-items:center;gap:10px}
.contrast__icon{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center}
.contrast__icon--bad{background:#EFEAF4;color:#9A8FB0}
.contrast__icon--good{background:var(--accent);color:#fff}
.contrast__title{font-family:var(--font-display);font-size:18px;font-weight:600}
.contrast__title--bad{color:#6E6385}
.contrast__title--good{color:var(--ink)}
.contrast__grid{margin-top:26px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}
.contrast__chip{text-align:center;border-radius:10px;padding:12px 6px;font-size:12.5px;font-weight:600;background:#fff}
.contrast__chip--bad{border:1px solid #E6E0EE;color:#9A8FB0;text-decoration:line-through}
.contrast__chip--good{border:1px solid color-mix(in srgb,var(--accent) 20%,#fff);color:var(--ink-soft);font-weight:700;position:relative}
.contrast__check{position:absolute;top:-7px;right:-7px;width:18px;height:18px;border-radius:50%;background:var(--teal);display:flex;align-items:center;justify-content:center}
.contrast__replaced{text-align:center;color:#B3A8C6;font-size:12px;font-weight:700;letter-spacing:.04em;margin:14px 0 12px}
.contrast__platform{border:1px solid #E0D7EC;border-radius:12px;padding:18px;text-align:center;background:#fff;color:#7C7193;font-weight:700;font-size:14.5px}
.contrast__layer{
  margin-top:26px;border-radius:12px;padding:14px;text-align:center;
  background:var(--gradient-brand);color:#fff;font-weight:700;font-size:14px;
  box-shadow:var(--shadow-md);
}
.contrast__connectors{display:grid;grid-template-columns:1fr 1fr 1fr;justify-items:center}
.contrast__connectors span{width:2px;height:18px;background:color-mix(in srgb,var(--accent) 40%,#fff)}
.contrast__list{margin-top:20px;display:flex;flex-direction:column;gap:9px}
.contrast__list li{display:flex;gap:9px;align-items:flex-start;font-size:14px;line-height:1.45;list-style:none}
.contrast__list--bad li{color:var(--faint)}
.contrast__list--bad li::before{content:'\00d7';color:#C0B4D4;font-weight:800}
.contrast__list--good li{color:var(--ink-soft)}
.contrast__list--good li::before{content:'\2713';color:var(--accent);font-weight:800}
.contrast__vs{display:flex;align-items:center;justify-content:center}
.contrast__vs-badge{
  width:52px;height:52px;border-radius:50%;background:#fff;border:1.5px solid var(--border);
  box-shadow:0 10px 24px -12px rgba(25,15,48,.35);display:flex;align-items:center;justify-content:center;
  font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--faint);
}

/* ===== Digital transformation ===== */
.transformation__inner{
  padding:96px 40px;max-width:1180px;margin:0 auto;
  display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;
}
.transformation__steps{margin-top:26px;display:flex;flex-direction:column;gap:14px}
.transformation__steps li{display:flex;gap:13px;align-items:flex-start;font-size:16px;color:var(--ink-soft);line-height:1.5;list-style:none}
.transformation__steps li::before{content:'\2192';margin-top:3px;color:var(--accent);font-weight:800}
.foundation{display:flex;flex-direction:column;gap:12px}
.foundation__top{
  border-radius:16px;padding:22px 26px;background:var(--gradient-brand);color:#fff;
  box-shadow:var(--shadow-lg);
}
.foundation__top-head{display:flex;align-items:center;justify-content:space-between}
.foundation__top-title{font-family:var(--font-display);font-weight:600;font-size:19px}
.foundation__pill{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:rgba(255,255,255,.16);padding:4px 10px;border-radius:100px}
.foundation__top p{margin:8px 0 0;font-size:14px;color:#E7DAFA;line-height:1.5}
.foundation__arrow{display:flex;justify-content:center;color:color-mix(in srgb,var(--accent) 55%,#fff)}
.foundation__layer{border:1px solid var(--border);border-radius:16px;padding:20px 24px;background:color-mix(in srgb,var(--accent) 5%,#fff)}
.foundation__layer-title{font-family:var(--font-display);font-weight:600;font-size:17px;color:var(--ink)}
.foundation__layer p{margin:6px 0 0;font-size:14px;color:var(--body);line-height:1.5}
.foundation__caption{text-align:center;color:var(--faintest);font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-top:4px}

/* ===== Capabilities ===== */
.cap-grid{margin-top:48px;display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.card{background:#fff;border:1px solid var(--border);border-radius:18px;padding:32px;transition:transform .25s,box-shadow .25s}
.card:hover{transform:translateY(-4px);box-shadow:0 26px 50px -28px rgba(25,15,48,.4)}
.card__icon{width:48px;height:48px;border-radius:13px;background:color-mix(in srgb,var(--accent) 12%,#fff);display:flex;align-items:center;justify-content:center;color:var(--accent)}
.card__title{font-family:var(--font-display);font-size:21px;font-weight:600;margin:20px 0 0;color:var(--ink)}
.card__body{margin:10px 0 0;font-size:15.5px;line-height:1.62;color:var(--body)}

/* ===== Agentic orchestration showcase ===== */
.showcase{
  margin-top:44px;background:linear-gradient(160deg,#FFFFFF 0%,#F6F1FC 100%);
  border:1px solid #E7DEF4;border-radius:24px;padding:32px 34px;
  box-shadow:0 30px 70px -42px rgba(25,15,48,.16);
}
.showcase__head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-bottom:20px;border-bottom:1px solid var(--border-soft)}
.showcase__dots{display:flex;align-items:center;gap:7px}
.showcase__dots span{width:11px;height:11px;border-radius:50%}
.showcase__title{color:var(--ink);font-family:var(--font-display);font-size:16px;font-weight:600;letter-spacing:.01em}
.showcase__subtitle{color:var(--muted);font-size:13px;font-weight:600}
.showcase__legend{margin-top:18px;display:flex;gap:22px;flex-wrap:wrap;align-items:center}
.legend-item{display:inline-flex;align-items:center;gap:8px;color:#4A3E66;font-size:12.5px;font-weight:600}
.legend-item .dot{width:8px;height:8px;border-radius:50%}
.showcase__columns{margin-top:24px;display:grid;grid-template-columns:repeat(3,1fr);gap:26px 24px}
.showcase__col-title{font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);font-weight:700;margin-bottom:14px}
.showcase__col-list{display:flex;flex-direction:column;gap:10px}
.agent-card{background:#FBFAFD;border:1px solid var(--border);border-radius:12px;padding:13px 15px}
.agent-card__row{display:flex;align-items:center;justify-content:space-between;gap:8px}
.agent-card__name{display:flex;align-items:center;gap:9px}
.agent-card__name span:first-child{width:7px;height:7px;border-radius:50%}
.agent-card__name span:last-child{color:var(--ink);font-size:14px;font-weight:600}
.agent-card__status{font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:3px 8px;border-radius:100px;white-space:nowrap}
.agent-card__status--live{color:var(--teal-dark);background:rgba(47,174,146,.13)}
.agent-card__status--prod{color:var(--accent);background:rgba(108,43,217,.1)}
.agent-card__status--ready{color:var(--amber-dark);background:rgba(224,152,43,.14)}
.agent-card__desc{margin-top:6px;color:var(--muted);font-size:12.5px;line-height:1.4}
.dot--live{background:var(--teal)}
.dot--prod{background:var(--lilac)}
.dot--ready{background:var(--amber)}
.showcase__footer{margin-top:26px;padding-top:20px;border-top:1px solid var(--border-soft);display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.showcase__footer-stat{display:flex;align-items:baseline;gap:8px}
.showcase__footer-stat b{font-family:var(--font-display);font-size:24px;font-weight:700;color:var(--ink)}
.showcase__footer-stat span{color:var(--muted);font-size:13px;font-weight:600}
.showcase__footer-note{margin-left:auto;color:var(--muted);font-size:12.5px;font-weight:600}

/* ===== Platform flow ===== */
.flow-panel{
  margin-top:44px;background:linear-gradient(160deg,#FFFFFF 0%,#F4EEFB 100%);
  border:1px solid var(--border-softer);border-radius:24px;padding:40px 36px;
  box-shadow:0 30px 70px -46px rgba(25,15,48,.22);
}
.flow-grid{display:grid;grid-template-columns:1fr 72px 1.2fr 72px 1fr;align-items:center;gap:0}
.flow-col-label{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--faintest);font-weight:700;margin-bottom:14px;text-align:center}
.flow-list{display:flex;flex-direction:column;gap:10px}
.flow-item{display:flex;align-items:center;gap:9px;background:#fff;border-radius:11px;padding:12px 15px;color:var(--ink-soft);font-size:13.5px;font-weight:600;box-shadow:0 4px 12px -8px rgba(25,15,48,.2)}
.flow-item--source{border:1px solid var(--border)}
.flow-item--source .flow-dot{background:var(--accent)}
.flow-item--target{border:1px solid #D7EDE6}
.flow-item--target .flow-dot{background:var(--teal-dark)}
.flow-dot{width:6px;height:6px;border-radius:50%;flex:0 0 auto}
.flow-arrow{display:flex;flex-direction:column;align-items:center;gap:6px}
.flow-arrow--in{color:var(--accent)}
.flow-arrow--out{color:var(--teal-dark)}
.flow-arrow-label{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--faintest)}
.flow-core{
  background:#fff;border:1.5px solid color-mix(in srgb,var(--accent) 30%,#fff);border-radius:20px;
  padding:28px 24px;text-align:center;box-shadow:0 24px 50px -26px rgba(108,43,217,.35);
}
.flow-core img{height:22px;margin:0 auto 14px}
.flow-core__title{font-family:var(--font-display);font-size:21px;font-weight:600;color:var(--ink)}
.flow-core__subtitle{color:var(--accent);font-size:13px;font-weight:600;margin-top:3px}
.flow-core__tags{margin-top:16px;display:flex;flex-wrap:wrap;gap:7px;justify-content:center}
.flow-core__tags span{background:color-mix(in srgb,var(--accent) 8%,#fff);color:var(--accent);font-size:11.5px;font-weight:700;padding:5px 11px;border-radius:100px}
.flow-panel__footer{margin-top:30px;padding-top:24px;border-top:1px solid var(--border-softer);display:flex;align-items:center;justify-content:center;gap:28px;flex-wrap:wrap}
.flow-panel__footer-item{display:inline-flex;align-items:center;gap:9px;color:var(--ink-soft);font-size:14.5px;font-weight:600}
.flow-panel__footer-item .dot{width:8px;height:8px;border-radius:50%;background:var(--teal-dark)}
.flow-panel__footer-note{color:var(--faintest);font-size:14px;font-weight:600}

/* ===== Speed to value ===== */
.timeline-compare{margin-top:44px;background:color-mix(in srgb,var(--accent) 4%,#fff);border:1px solid var(--border-soft);border-radius:20px;padding:34px 32px}
.timeline-compare__row{display:grid;grid-template-columns:auto 1fr;gap:20px 24px;align-items:center}
.timeline-compare__row + .timeline-compare__row{margin-top:20px}
.timeline-compare__label{font-size:14.5px;font-weight:700;white-space:nowrap}
.timeline-compare__label--muted{color:var(--faint)}
.timeline-compare__label--dark{color:var(--ink)}
.timeline-compare__bar-track{position:relative;height:42px;background:#F1ECF7;border-radius:10px;overflow:hidden;display:flex;align-items:center;padding-left:18px}
.timeline-compare__bar-track span{color:var(--faint);font-weight:700;font-size:14px}
.timeline-compare__bar-wrap{position:relative;display:flex;align-items:center;gap:12px}
.timeline-compare__bar{
  height:42px;width:34%;min-width:130px;background:linear-gradient(90deg,var(--accent),#8C4799);border-radius:10px;
  display:flex;align-items:center;padding-left:16px;color:#fff;font-weight:700;font-size:14px;white-space:nowrap;
}
.timeline-compare__bar-note{color:#B3A8C6;font-weight:600;font-size:13px;white-space:nowrap}

.reasons{margin-top:22px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.reason-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:28px}
.reason-card__icon{width:44px;height:44px;border-radius:12px;background:color-mix(in srgb,var(--accent) 12%,#fff);display:flex;align-items:center;justify-content:center;color:var(--accent)}
.reason-card__title{font-family:var(--font-display);font-size:18.5px;font-weight:600;margin:16px 0 0;color:var(--ink)}
.reason-card__body{margin:9px 0 0;font-size:14.5px;line-height:1.55;color:var(--body)}

/* ===== Industries ===== */
.industries-grid{margin-top:44px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.industry-card{background:#fff;border:1px solid var(--border);border-radius:15px;padding:24px;transition:border-color .2s,transform .2s}
.industry-card:hover{border-color:var(--accent);transform:translateY(-3px)}
.industry-card__icon{color:var(--accent);margin-bottom:14px}
.industry-card__title{font-weight:700;font-size:16px;color:var(--ink)}
.industry-card__desc{margin-top:8px;font-size:13px;line-height:1.45;color:var(--faint);font-weight:600}
.industries-note{margin-top:22px;font-size:13px;color:var(--faintest);font-weight:600}

.logo-wall{margin-top:64px;padding-top:44px;border-top:1px solid #E7DEF4}
.logo-wall__head{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.logo-wall__head h3{font-family:var(--font-display);font-weight:700;font-size:clamp(22px,2.4vw,30px);letter-spacing:-.02em;margin:10px 0 0;color:var(--ink)}
.logo-wall__head p{margin:0 0 0 auto;font-size:15px;line-height:1.55;color:var(--body);max-width:420px}
.marquee-row{margin-top:16px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.marquee-row + .marquee-row{margin-top:16px}
.marquee-track{display:flex;gap:16px;width:max-content;animation:marquee 46s linear infinite}
.marquee-track--reverse{animation:marquee 52s linear infinite reverse}
.logo-tile{flex:0 0 auto;width:176px;height:84px;background:#fff;border:1px solid var(--border);border-radius:14px;display:flex;align-items:center;justify-content:center;padding:16px 22px}
.logo-tile img{max-width:100%;max-height:100%;object-fit:contain}
.logo-wall-note{margin-top:18px;font-size:13px;color:var(--faintest);font-weight:600}

/* ===== Work ===== */
.work-grid{margin-top:46px;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.work-card{border:1px solid var(--border);border-radius:20px;overflow:hidden;transition:transform .25s,box-shadow .25s}
.work-card:hover{transform:translateY(-5px);box-shadow:0 30px 60px -34px rgba(25,15,48,.45)}
.work-card__bar{height:7px}
.work-card__body{padding:30px}
.work-card__tag{display:inline-block;font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,#fff);padding:5px 11px;border-radius:100px}
.work-card__figure{font-family:var(--font-display);font-size:38px;font-weight:700;color:var(--ink);margin:22px 0 0;letter-spacing:-.02em}
.work-card__figure-caption{color:var(--faint);font-size:13.5px;font-weight:600;margin-top:2px}
.work-card__title{font-family:var(--font-display);font-size:20px;font-weight:600;margin:18px 0 0;color:var(--ink)}
.work-card__desc{margin:10px 0 0;font-size:15px;line-height:1.6;color:var(--body)}

/* ===== Approach / wavy timeline ===== */
.approach-timeline{position:relative;margin-top:40px;width:100%;aspect-ratio:1200/440}
.approach-timeline svg{position:absolute;inset:0;width:100%;height:100%}
.timeline-node{position:absolute;transform:translate(-50%,-50%);z-index:2}
.timeline-node__dot{width:78px;height:78px;border-radius:50%;background:#fff;border:3px solid var(--accent);display:flex;align-items:center;justify-content:center;box-shadow:0 12px 30px -12px rgba(108,43,217,.5)}
.timeline-node__copy{position:absolute;left:50%;transform:translateX(-50%);width:230px;text-align:center}
.timeline-node__copy--above{bottom:96px}
.timeline-node__copy--below{top:96px}
.timeline-node__num{font-family:var(--font-display);font-size:34px;font-weight:700;color:var(--accent);line-height:1}
.timeline-node__weeks{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--faintest);font-weight:700;margin-top:6px}
.timeline-node__title{font-family:var(--font-display);font-size:18px;font-weight:600;color:var(--ink);margin-top:8px}
.timeline-node__desc{margin:7px 0 0;font-size:13.5px;line-height:1.5;color:var(--muted)}

.principles{margin-top:24px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.principles__label{font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--faintest);font-weight:700}
.principle-pill{border:1px solid #E3DBF1;color:#4A3E66;font-size:14px;font-weight:600;padding:8px 16px;border-radius:100px}

/* ===== Comparison table ===== */
.compare-table{margin-top:44px;overflow:hidden;border-radius:20px;border:1px solid var(--border);background:#fff}
.compare-table__row{display:grid;grid-template-columns:1.25fr 1.1fr 1fr 1fr 1fr}
.compare-table__row + .compare-table__row{border-top:1px solid var(--border-soft)}
.compare-table__cell{padding:18px 18px}
.compare-table__row--head .compare-table__cell{padding:20px 22px}
.compare-table__cell--criterion-head{font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--faintest);background:#FAF9FC}
.compare-table__cell--aiqu-head{background:var(--gradient-brand);color:#fff;font-family:var(--font-display);font-size:17px;font-weight:700;display:flex;align-items:center;gap:8px}
.compare-table__cell--aiqu-head img{height:16px}
.compare-table__cell--alt-head{font-size:14px;font-weight:700;color:#6E6385;background:#FAF9FC;padding:20px 18px}
.compare-table__cell--criterion{font-size:14.5px;font-weight:700;color:var(--ink);padding:18px 22px}
.compare-table__cell--aiqu{font-size:14px;font-weight:600;color:var(--ink-soft);background:color-mix(in srgb,var(--accent) 7%,#fff);display:flex;gap:8px;padding:18px 22px}
.compare-table__cell--aiqu.is-strong{font-weight:700;color:var(--accent)}
.compare-table__cell--aiqu span{color:var(--accent);font-weight:800}
.compare-table__cell--alt{font-size:13.5px;color:var(--faint)}

/* ===== Numbers ===== */
.numbers-grid{margin-top:48px;display:grid;grid-template-columns:repeat(4,1fr);gap:22px 16px}
.number-stat{text-align:center;padding:22px 12px}
.number-stat__figure{font-family:var(--font-display);font-size:46px;font-weight:700;color:var(--ink);letter-spacing:-.02em}
.number-stat__caption{margin-top:6px;color:var(--muted);font-size:14px;font-weight:600}

/* ===== Proof voice ===== */
.proof-voice{background:var(--gradient-ink);color:#fff}
.proof-voice__inner{max-width:1000px;margin:0 auto;padding:92px 40px;text-align:center}
.proof-voice__mark{font-family:var(--font-display);font-size:64px;line-height:.5;color:color-mix(in srgb,var(--accent) 60%,#fff)}
.proof-voice__quote{font-family:var(--font-display);font-weight:600;font-size:clamp(26px,3.2vw,40px);line-height:1.22;letter-spacing:-.02em;margin:18px 0 0;color:#fff}
.proof-voice__stats{margin-top:34px;display:flex;justify-content:center;gap:14px;flex-wrap:wrap}
.proof-voice__stat{background:rgba(255,255,255,.06);border:1px solid rgba(201,182,238,.2);border-radius:14px;padding:16px 24px}
.proof-voice__stat b{font-family:var(--font-display);font-size:28px;font-weight:700;color:#fff}
.proof-voice__stat span{margin-left:8px;color:#C5B7E2;font-size:14px;font-weight:600}
.proof-voice__label{margin-top:22px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#9C8FC2;font-weight:700}

/* ===== CTA ===== */
.cta{background:#fff;padding:0 40px 96px}
.cta__panel{
  max-width:var(--page-max);margin:0 auto;background:#FCFBFE;border:1px solid var(--border-softer);
  border-radius:28px;padding:64px 56px;position:relative;overflow:hidden;box-shadow:0 30px 70px -46px rgba(25,15,48,.22);
}
.cta__blob{position:absolute;top:-120px;right:-80px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 12%,transparent),transparent 70%);pointer-events:none}
.cta__content{position:relative}
.cta__heading{max-width:660px}
.cta__heading h2{font-family:var(--font-display);font-weight:700;font-size:clamp(30px,3.6vw,46px);line-height:1.08;letter-spacing:-.025em;color:var(--ink)}
.cta__heading p{margin:18px 0 0;font-size:18px;line-height:1.6;color:var(--body)}
.ladder{margin-top:38px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.ladder-step{background:color-mix(in srgb,var(--accent) 5%,#fff);border:1px solid var(--border);border-radius:16px;padding:26px}
.ladder-step__num{font-family:var(--font-display);font-size:26px;font-weight:700;color:var(--accent)}
.ladder-step__title{font-family:var(--font-display);font-size:18px;font-weight:600;margin:12px 0 0;color:var(--ink)}
.ladder-step__desc{margin:8px 0 0;font-size:14px;line-height:1.5;color:var(--body)}
.cta__footer{margin-top:38px;padding-top:30px;border-top:1px solid var(--border-softer);display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.cta__contacts{display:flex;gap:28px;flex-wrap:wrap;color:var(--body);font-size:14px;font-weight:600}
.cta__contacts span.is-dark{color:var(--ink)}

/* ===== HubSpot legacy form ===== */
.hubspot-form-shell{
  margin-top:38px;display:grid;grid-template-columns:minmax(260px,.75fr) minmax(320px,1fr);
  gap:34px;align-items:start;background:#fff;border:1px solid var(--border-subtle);
  border-radius:20px;padding:32px;box-shadow:var(--shadow-sm);
}
.hubspot-form-shell__eyebrow{
  display:inline-flex;margin-bottom:10px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--aiqu-purple);font-weight:700;
}
.hubspot-form-shell__meta h3{font-family:var(--font-display);font-size:24px;line-height:1.2;color:var(--text-primary)}
.hubspot-form-shell__meta p{margin-top:12px;color:var(--text-secondary);font-size:14.5px;line-height:1.6}
.hubspot-form-target{min-width:0}
.hs-form-frame{width:100%;min-height:520px}
.hubspot-form-pending{
  display:flex;flex-direction:column;gap:7px;border:1px dashed var(--border-default);border-radius:14px;
  background:var(--primary-50);padding:22px;color:var(--text-secondary);font-size:14px;line-height:1.5;
}
.hubspot-form-pending strong{font-family:var(--font-display);font-size:17px;color:var(--aiqu-purple-dark)}
.hs-form{display:grid;gap:16px;font-family:var(--font-body)}
.hs-form fieldset{max-width:none!important}
.hs-form .hs-form-field{margin:0 0 16px}
.hs-form label{display:block;margin-bottom:6px;font-size:14px;font-weight:600;color:var(--text-primary)}
.hs-form .hs-input{
  width:100%!important;min-height:46px;border:1.5px solid var(--border-default);border-radius:12px;
  padding:12px 14px;background:#fff;color:var(--text-primary);font-family:var(--font-body);font-size:15px;
  transition:border-color .15s,box-shadow .15s;
}
.hs-form textarea.hs-input{min-height:120px;resize:vertical}
.hs-form .hs-input:focus{outline:none;border-color:var(--aiqu-purple);box-shadow:var(--focus-ring)}
.hs-form .hs-error-msgs{margin-top:6px;color:var(--error);font-size:13px;line-height:1.4;list-style:none}
.hs-form .inputs-list{list-style:none;margin:0;padding:0}
.hs-form .inputs-list label{display:flex;gap:10px;align-items:flex-start;font-weight:500;color:var(--text-secondary)}
.hs-form input[type="checkbox"],.hs-form input[type="radio"]{width:18px;height:18px;margin-top:2px;accent-color:var(--aiqu-purple)}
.hs-form .hs-button{
  display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:13px 24px;
  border:1.5px solid transparent;border-radius:999px;background:var(--aiqu-purple-dark);color:#fff;
  font-family:var(--font-body);font-size:15px;font-weight:600;cursor:pointer;box-shadow:var(--shadow-sm);
  transition:transform .2s,box-shadow .2s,background .2s;
}
.hs-form .hs-button:hover{background:var(--primary-700);transform:translateY(-1px);box-shadow:var(--shadow-md)}

/* ===== Thank you page ===== */
.thank-hero{
  position:relative;overflow:hidden;background:
    radial-gradient(680px 420px at 82% 16%, rgba(47,143,107,.13), transparent 62%),
    radial-gradient(900px 560px at 16% 0%, color-mix(in srgb,var(--accent) 10%,#fff), #fff 64%);
}
.thank-hero__glow{
  position:absolute;right:-90px;top:-120px;width:420px;height:420px;border-radius:50%;
  background:radial-gradient(circle, color-mix(in srgb,var(--accent) 14%,transparent), transparent 68%);
  pointer-events:none;animation:blobDrift 16s ease-in-out infinite;
}
.thank-hero__inner{
  min-height:calc(100svh - 76px);padding-top:86px;padding-bottom:74px;
  display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.7fr);gap:58px;align-items:center;
}
.thank-hero h1{
  max-width:760px;margin:22px 0 0;font-family:var(--font-display);
  font-size:clamp(42px,5.5vw,72px);line-height:1.01;letter-spacing:-.025em;color:var(--ink);
}
.thank-hero__lede{max-width:620px;margin:24px 0 0;font-size:19px;line-height:1.64;color:var(--body)}
.thank-hero__actions{display:flex;gap:14px;margin-top:34px;flex-wrap:wrap}
.thank-next{
  background:rgba(255,255,255,.76);border:1px solid rgba(207,200,217,.76);
  border-radius:22px;padding:30px;box-shadow:0 28px 70px -42px rgba(25,15,48,.35);
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
}
.thank-next__status{display:flex;align-items:center;gap:10px;color:var(--success);font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.08em}
.thank-next__check{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--success-bg);color:var(--success)}
.thank-next h2{margin-top:22px;font-family:var(--font-display);font-size:25px;line-height:1.18;color:var(--ink)}
.thank-next__list{margin:20px 0 0;display:flex;flex-direction:column;gap:15px;counter-reset:next}
.thank-next__list li{display:grid;grid-template-columns:32px 1fr;gap:12px;align-items:start;list-style:none;color:var(--body);line-height:1.5}
.thank-next__list li::before{
  counter-increment:next;content:counter(next);display:inline-flex;align-items:center;justify-content:center;
  width:32px;height:32px;border-radius:50%;background:var(--primary-50);color:var(--aiqu-purple-dark);
  font-family:var(--font-display);font-size:13px;font-weight:800;
}
.thank-next p{margin-top:24px;padding-top:20px;border-top:1px solid var(--border-softer);font-size:14.5px;line-height:1.55;color:var(--body)}
.thank-next a{color:var(--aiqu-purple-dark);font-weight:700}
.thank-solutions{background:#fff;padding:88px 0 104px;border-top:1px solid var(--border-softer)}
.thank-solutions__head{max-width:690px}
.solution-link-grid{margin-top:38px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.solution-link-card{
  min-height:238px;display:flex;flex-direction:column;align-items:flex-start;
  background:#fff;border:1px solid var(--border);border-radius:18px;padding:26px;
  box-shadow:0 18px 46px -38px rgba(25,15,48,.34);
  transition:transform .22s,box-shadow .22s,border-color .22s,background .22s;
}
.solution-link-card:hover{
  transform:translateY(-4px);border-color:color-mix(in srgb,var(--accent) 38%,#fff);
  background:linear-gradient(180deg,#fff 0%,#FCFAFD 100%);box-shadow:0 28px 56px -38px rgba(25,15,48,.44);
}
.solution-link-card__num{font-family:var(--font-display);font-size:13px;font-weight:800;color:var(--accent);letter-spacing:.08em}
.solution-link-card h3{margin-top:16px;font-family:var(--font-display);font-size:21px;line-height:1.2;color:var(--ink)}
.solution-link-card p{margin-top:12px;color:var(--body);font-size:14.5px;line-height:1.55}
.solution-link-card__cta{margin-top:auto;padding-top:24px;color:var(--aiqu-purple-dark);font-weight:800;font-size:14px}
.solution-link-card__cta::after{content:' \2197';font-weight:700}
.thank-footer .footer__bottom-inner{border-top:0}
.thank-footer a{color:#C5B7E2;transition:color .2s}
.thank-footer a:hover{color:#fff}

/* ===== Footer ===== */
.footer{background:#0D0326;color:#C5B7E2}
.footer-offices{padding:72px 40px 42px}
.footer-offices__head h2{
  font-family:var(--font-display);font-size:clamp(28px,3.1vw,42px);
  line-height:1.1;font-weight:700;color:#fff;
}
.office-grid{
  margin-top:36px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  gap:26px;
}
.office-card{
  min-height:280px;border:1.5px solid rgba(140,71,153,.72);border-radius:24px;
  padding:28px 28px 24px;background:rgba(37,16,70,.18);
  box-shadow:0 22px 60px -48px rgba(218,196,222,.42);
}
.office-card h3{
  font-family:var(--font-display);font-size:22px;font-weight:700;
  color:#B66AC3;margin:0;
}
.office-card__body{margin-top:34px;display:flex;flex-direction:column;gap:24px}
.office-card__item{
  display:grid;grid-template-columns:22px 1fr;gap:12px;align-items:start;
  color:#F3ECFF;font-size:15.5px;line-height:1.52;font-weight:600;
}
.office-card__item::before{
  content:'';width:18px;height:18px;margin-top:3px;border:2px solid currentColor;
  opacity:.92;flex:0 0 auto;
}
.office-card__item--address::before{border-radius:4px;box-shadow:inset 5px 0 0 rgba(255,255,255,.18)}
.office-card__item--hours::before{border-radius:50%}
.office-card__item--email::before{border-radius:3px;height:14px;margin-top:5px}
.office-card__item--phone::before{border-radius:50%;border-top-color:transparent;border-right-color:transparent;transform:rotate(-35deg)}
.office-card a{color:#B66AC3;transition:color .2s}
.office-card a:hover{color:#fff}
.footer__inner{padding:42px 40px 36px;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;border-top:1px solid rgba(201,182,238,.12)}
.footer__brand-logo{height:28px}
.footer__brand p{margin:18px 0 0;font-size:14.5px;line-height:1.6;color:#9C8FC2;max-width:280px}
.footer__brand-tags{margin-top:20px;display:flex;gap:18px;color:#9C8FC2;font-size:13px;font-weight:600}
.footer__col-title{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#7A6E97;font-weight:700}
.footer__links{margin-top:16px;display:flex;flex-direction:column;gap:11px;font-size:14.5px}
.footer__links a{transition:color .2s}
.footer__links a:hover{color:#fff}
.footer__bottom{border-top:1px solid rgba(201,182,238,.12)}
.footer__bottom-inner{padding:22px 40px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:13px;color:#7A6E97}

/* ===================== Responsive ===================== */
@media (max-width:1080px){
  .hero__inner{grid-template-columns:1fr}
  .orbit{height:420px}
  .cap-grid{grid-template-columns:1fr}
  .showcase__columns{grid-template-columns:1fr 1fr}
  .flow-grid{grid-template-columns:1fr;gap:20px}
  .flow-arrow{flex-direction:row;justify-content:center}
  .flow-arrow svg{transform:rotate(90deg)}
  .industries-grid{grid-template-columns:repeat(2,1fr)}
  .work-grid{grid-template-columns:1fr 1fr}
  .compare-table__row{grid-template-columns:1.2fr 1fr 1fr;font-size:.9em}
  .compare-table__cell--alt:nth-of-type(4),
  .compare-table__cell--alt:nth-of-type(5){display:none}
  .numbers-grid{grid-template-columns:repeat(2,1fr)}
  .office-grid{grid-template-columns:1fr 1fr}
  .footer__inner{grid-template-columns:1fr 1fr}
  .solution-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:860px){
  .wrap,.section__inner,.hero__inner,.transformation__inner,.section__inner--wide{padding-left:24px;padding-right:24px}
  .nav__links{
    position:fixed;top:76px;left:0;right:0;background:#fff;flex-direction:column;align-items:flex-start;
    padding:20px 24px;gap:18px;border-bottom:1px solid var(--border-softer);
    box-shadow:0 20px 40px -20px rgba(25,15,48,.25);transform:translateY(-8px);opacity:0;pointer-events:none;
    transition:opacity .2s,transform .2s;
  }
  .nav__links.is-open{transform:none;opacity:1;pointer-events:auto}
  .nav__toggle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px}
  .contrast{grid-template-columns:1fr}
  .contrast__vs{padding:10px 0}
  .orbit{transform:scale(.72);transform-origin:50% 50%;height:360px}
  .transformation__inner{grid-template-columns:1fr}
  .reasons{grid-template-columns:1fr}
  .work-grid{grid-template-columns:1fr}
  .ladder{grid-template-columns:1fr}
  .hubspot-form-shell{grid-template-columns:1fr;padding:26px}
  .thank-hero__inner{grid-template-columns:1fr;min-height:auto;padding-top:64px;padding-bottom:66px}
  .proof-band__inner{grid-template-columns:1fr 1fr}
  .approach-timeline{aspect-ratio:auto;height:auto;display:flex;flex-direction:column;gap:28px;padding:8px 0}
  .approach-timeline svg{display:none}
  .timeline-node{position:relative;left:auto!important;top:auto!important;transform:none;display:flex;gap:16px;align-items:flex-start}
  .timeline-node__copy{position:relative;left:auto;bottom:auto;top:auto;transform:none;width:auto;text-align:left}
}

@media (max-width:640px){
  .orbit{transform:scale(.58);transform-origin:50% 50%;height:290px}
  .orbit__pill--inner-ring{display:none}
  .cap-grid,.showcase__columns,.industries-grid,.compare-table__row,.numbers-grid,.office-grid,.footer__inner{grid-template-columns:1fr}
  .footer-offices{padding-top:52px}
  .office-card{min-height:0;border-radius:20px;padding:26px 24px}
  .office-card__body{margin-top:28px}
  .compare-table__cell--alt{display:none}
  .compare-table__row--head .compare-table__cell--alt-head{display:none}
  .compare-table__row{grid-template-columns:1.1fr 1fr}
  .cta__panel{padding:40px 26px}
  .cta__footer{flex-direction:column;align-items:flex-start}
  .solution-link-grid{grid-template-columns:1fr}
  .thank-solutions{padding:64px 0 74px}
  .thank-next{padding:26px}
}

@media (max-width:420px){
  .orbit{transform:scale(.44);transform-origin:50% 50%;height:220px}
}

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