/*
 * AiBoss Visitor Design System v2 — v3.5.0
 * Public/visitor surfaces only. Built as the final visual layer so legacy public
 * modules can remain functional while typography, spacing, glass, controls and
 * motion are normalized into one coherent system.
 */
body.aiboss-visitor-v2{
  --abv-bg-0:#030817;
  --abv-bg-1:#07122c;
  --abv-bg-2:#10103b;
  --abv-surface:rgba(8,20,51,.72);
  --abv-surface-strong:rgba(8,17,45,.90);
  --abv-surface-soft:rgba(18,24,65,.55);
  --abv-glass:rgba(13,25,61,.62);
  --abv-line:rgba(126,168,255,.12);
  --abv-line-soft:rgba(255,255,255,.065);
  --abv-line-focus:rgba(77,225,255,.46);
  --abv-text:#f7f9ff;
  --abv-text-2:#cad4ed;
  --abv-muted:#8797b9;
  --abv-cyan:#4ce6ff;
  --abv-blue:#3384ff;
  --abv-violet:#7b5cff;
  --abv-magenta:#ec4bd8;
  --abv-pink:#ff5aa9;
  --abv-good:#59f5c6;
  --abv-danger:#ff6c8d;
  --abv-gradient:linear-gradient(103deg,#26dfff 0%,#4e8fff 35%,#9268ff 65%,#f14fcf 100%);
  --abv-gradient-cta:linear-gradient(104deg,#129dff 0%,#405dff 42%,#9d38ef 72%,#eb14c9 100%);
  --abv-shadow:0 28px 80px rgba(0,0,0,.28);
  --abv-shadow-soft:0 16px 44px rgba(0,0,0,.18);
  --abv-radius-xs:12px;
  --abv-radius-sm:16px;
  --abv-radius-md:22px;
  --abv-radius-lg:30px;
  --abv-radius-xl:38px;
  --abv-container:min(1280px,calc(100% - 48px));
  --abv-display:var(--aiboss-font-display,'Outfit',system-ui,sans-serif);
  --abv-body:var(--aiboss-font-body,'Plus Jakarta Sans',system-ui,sans-serif);
  --abv-ease:cubic-bezier(.2,.75,.2,1);
  background:
    radial-gradient(circle at 8% 8%,rgba(48,126,255,.08),transparent 27%),
    radial-gradient(circle at 91% 12%,rgba(237,52,206,.07),transparent 24%),
    linear-gradient(180deg,var(--abv-bg-0) 0%,#03091c 50%,#040817 100%)!important;
  color:var(--abv-text)!important;
  font-family:var(--abv-body)!important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

/* Typography — expressive, but never oversized or excessively bold. */
body.aiboss-visitor-v2 :where(h1,h2,h3,h4,h5,h6){
  margin-top:0;
  color:var(--abv-text)!important;
  font-family:var(--abv-display)!important;
  font-style:normal!important;
  font-synthesis:none!important;
  letter-spacing:-.032em!important;
  text-wrap:balance;
}
body.aiboss-visitor-v2 h1{font-weight:790!important;line-height:1.02!important}
body.aiboss-visitor-v2 h2{font-weight:760!important;line-height:1.07!important}
body.aiboss-visitor-v2 h3{font-weight:730!important;line-height:1.12!important}
body.aiboss-visitor-v2 h4,
body.aiboss-visitor-v2 h5,
body.aiboss-visitor-v2 h6{font-weight:600!important}
body.aiboss-visitor-v2 :where(p,li,small,label,input,textarea,select){font-family:var(--abv-body)!important}
body.aiboss-visitor-v2 :where(p,li){color:var(--abv-text-2);line-height:1.7}
body.aiboss-visitor-v2 :where(.aixdv281-eyebrow,.aixdv281-kicker,.aixdv252-status-pill,.aixdv252-sec-head small){
  color:var(--abv-cyan)!important;
  font:700 11px/1.2 var(--abv-display)!important;
  letter-spacing:.14em!important;
  text-transform:uppercase;
}
body.aiboss-visitor-v2 :where(.gradient-text,.aixdv281-section-copy h2 em,.aixdv281-hero h1 em){
  background:var(--abv-gradient)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
}

/* Global container and section rhythm. */
body.aiboss-visitor-v2 :where(.aixdv281-container,.aixdv252-container,.aixdv256-container){
  width:var(--abv-container)!important;
  max-width:none!important;
  margin-inline:auto!important;
}
body.aiboss-visitor-v2 :where(.aixdv281-hero,.aixdv281-workspace,.aixdv281-community,.aixdv281-programs,.aixdv281-final,.aixdv252-section,.aixdv256-section){
  scroll-margin-top:110px;
}
body.aiboss-visitor-v2 .aixdv281-site{overflow:clip;background:transparent!important}

/* Header: one clean floating system. */
body.aiboss-visitor-v2 :where(.aixdv281-header,.aixdv252-header){
  position:sticky!important;
  top:0!important;
  z-index:9990!important;
  padding:12px 0 0!important;
  background:linear-gradient(180deg,rgba(3,8,23,.90),rgba(3,8,23,.58) 70%,transparent)!important;
  backdrop-filter:blur(14px) saturate(135%);
}
body.aiboss-visitor-v2 :where(.aixdv281-nav,.aixdv252-nav){
  min-height:72px!important;
  padding:9px 12px 9px 18px!important;
  border:1px solid var(--abv-line-soft)!important;
  border-radius:24px!important;
  background:linear-gradient(118deg,rgba(10,22,53,.76),rgba(17,12,53,.70))!important;
  box-shadow:0 14px 40px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.035)!important;
  transition:background .25s ease,border-color .25s ease,box-shadow .25s ease,transform .25s ease;
}
body.aiboss-visitor-v2.abv-header-scrolled :where(.aixdv281-nav,.aixdv252-nav){
  background:linear-gradient(118deg,rgba(7,17,43,.94),rgba(17,11,49,.92))!important;
  border-color:rgba(110,168,255,.14)!important;
  box-shadow:0 16px 48px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.04)!important;
}
body.aiboss-visitor-v2 .aixdv250-brand{display:inline-flex!important;align-items:center!important;gap:9px!important;text-decoration:none!important}
body.aiboss-visitor-v2 .aixdv250-brand img{width:48px!important;height:48px!important;object-fit:contain!important;filter:drop-shadow(0 0 14px rgba(66,205,255,.17))!important}
body.aiboss-visitor-v2 .aixdv258-brand-word{color:#fff!important;font:620 21px/1 var(--abv-display)!important;letter-spacing:-.025em!important}
body.aiboss-visitor-v2 :where(.aixdv281-desktop-menu,.aixdv254-main-menu) a,
body.aiboss-visitor-v2 :where(.aixdv281-desktop-menu,.aixdv254-main-menu) button{
  color:#bfcbe5!important;
  font-family:var(--abv-body)!important;
  font-size:13px!important;
  font-weight:560!important;
  letter-spacing:-.01em!important;
}
body.aiboss-visitor-v2 :where(.aixdv281-desktop-menu,.aixdv254-main-menu) a:hover,
body.aiboss-visitor-v2 :where(.aixdv281-desktop-menu,.aixdv254-main-menu) button:hover{color:#fff!important}

/* Stage 8: subtle desktop navigation feedback, no extra borders or color changes. */
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  body.aiboss-visitor-v2 .aixdv281-desktop-menu>a{
    transition:color .18s ease,translate .18s cubic-bezier(.2,.75,.2,1)!important;
  }
  body.aiboss-visitor-v2 .aixdv281-desktop-menu>a:hover{translate:0 -1px}
}
@media(prefers-reduced-motion:reduce){
  body.aiboss-visitor-v2 .aixdv281-desktop-menu>a{transition:none!important;translate:0 0!important}
}
/* Buttons/CTAs: one language, no hard cyan rectangles. */
body.aiboss-visitor-v2 :where(.button,.et_pb_button,.aixdv252-btn,.aixdv281-art-cta,.aixdv254-login-link){
  font-family:var(--abv-display)!important;
  font-weight:620!important;
  letter-spacing:-.015em!important;
}
body.aiboss-visitor-v2 :where(.aixdv252-btn,.aixdv254-login-link):not(.secondary){
  border:0!important;
  border-radius:16px!important;
  background:var(--abv-gradient-cta)!important;
  color:#fff!important;
  box-shadow:0 14px 34px rgba(84,65,255,.18)!important;
  transition:transform .2s var(--abv-ease),filter .2s ease,box-shadow .2s ease!important;
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  body.aiboss-visitor-v2 :where(.aixdv252-btn,.aixdv254-login-link):hover{
    transform:translateY(-2px);filter:brightness(1.05);box-shadow:0 18px 42px rgba(84,65,255,.28)!important;
  }
}
body.aiboss-visitor-v2 :where(a,button,input,textarea,select):focus-visible{
  outline:2px solid rgba(83,229,255,.75)!important;
  outline-offset:3px!important;
}

/* Visitor CTA and icon alignment: keep image-button assets transparent. */
body.aiboss-visitor-v2.aixdv281-public .aixdv281-hero-actions{
  gap:clamp(10px,1.5vw,18px)!important;align-items:center!important;
}
body.aiboss-visitor-v2.aixdv281-public .aixdv281-hero-actions .aixdv281-art-cta{
  min-height:44px;border:0!important;background:transparent!important;
  transition:transform .22s var(--abv-ease),filter .22s ease!important;
}
body.aiboss-visitor-v2.aixdv281-public .aixdv281-trust{gap:clamp(8px,1vw,12px)!important}
body.aiboss-visitor-v2.aixdv281-public .aixdv281-trust>span{
  display:flex!important;align-items:center!important;gap:9px!important;
  min-width:0;border-radius:16px!important;
}
body.aiboss-visitor-v2.aixdv281-public .aixdv281-trust>span img{
  flex:0 0 26px!important;width:26px!important;height:26px!important;object-fit:contain!important;
}
@media(hover:hover) and (pointer:fine){
  body.aiboss-visitor-v2.aixdv281-public .aixdv281-hero-actions .aixdv281-art-cta:hover{
    transform:translateY(-2px)!important;
    filter:brightness(1.05) drop-shadow(0 12px 24px rgba(47,91,255,.22))!important;
  }
}

/* Universal premium glass language for public cards. */
body.aiboss-visitor-v2 :where(
  .aixdv282-analogy,
  .aixdv281-os,
  .aixdv281-mentor-card,
  .aixdv281-program-grid article,
  .aixdv281-metrics>span,
  .aixdv252-copy-card,
  .aixdv252-programs article,
  .aixdv257-card,
  .aixdv257-auth-card
){
  border:1px solid var(--abv-line)!important;
  background:
    linear-gradient(145deg,rgba(11,26,61,.72),rgba(12,14,47,.68))!important;
  box-shadow:var(--abv-shadow-soft),inset 0 1px 0 rgba(255,255,255,.035)!important;
  backdrop-filter:blur(18px) saturate(130%);
}
body.aiboss-visitor-v2 :where(.aixdv281-program-grid article,.aixdv281-metrics>span,.aixdv252-programs article){
  transition:transform .24s var(--abv-ease),border-color .24s ease,background .24s ease,box-shadow .24s ease;
}
@media(hover:hover) and (pointer:fine){
  body.aiboss-visitor-v2 :where(.aixdv281-program-grid article,.aixdv281-metrics>span,.aixdv252-programs article):hover{
    transform:translateY(-3px);
    border-color:rgba(94,198,255,.19)!important;
    box-shadow:0 20px 52px rgba(0,0,0,.24),0 0 26px rgba(77,101,255,.05)!important;
  }
}

/* Visitor cards: unified radius and readable content, colors unchanged. */
body.aiboss-visitor-v2.aixdv281-public .aixdv281-program-grid article{
  min-width:0;padding:clamp(18px,1.7vw,24px)!important;border-radius:22px!important;
}
body.aiboss-visitor-v2.aixdv281-public .aixdv281-program-grid article h3{
  font-size:clamp(18px,1.5vw,22px)!important;line-height:1.16!important;
}
body.aiboss-visitor-v2.aixdv281-public .aixdv281-program-grid article p{
  font-size:clamp(12px,1vw,14px)!important;line-height:1.65!important;
}
/* Analogy block: clean, proportional and low-border. */
body.aiboss-visitor-v2 .aixdv282-analogy{
  border-color:rgba(95,161,255,.10)!important;
  border-radius:var(--abv-radius-lg)!important;
}
body.aiboss-visitor-v2 .aixdv282-analogy-flow b{
  border-color:rgba(121,166,255,.12)!important;
  background:linear-gradient(145deg,rgba(13,35,77,.66),rgba(17,22,61,.64))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.028)!important;
  font-family:var(--abv-display)!important;
  font-weight:610!important;
}
body.aiboss-visitor-v2 .aixdv282-analogy-flow i{
  border-color:rgba(78,219,255,.16)!important;
  box-shadow:none!important;
}

/* Stage 11: compact LottieFiles mascot stage. One character, no oversized orbit or stacked HUD. */
body.aixdv281-public .aixdv281-hero-visual{
  min-height:clamp(480px,42vw,560px)!important;
  display:grid!important;place-items:center!important;
}
body.aixdv281-public .aiboss361-robot-slot{
  position:absolute!important;z-index:8!important;
  left:50%!important;right:auto!important;top:auto!important;bottom:0!important;
  transform:translateX(-50%)!important;
  width:min(360px,72%)!important;max-width:360px!important;
  aspect-ratio:900 / 956!important;
  display:grid!important;place-items:center!important;
  background:transparent!important;border:0!important;box-shadow:none!important;
  overflow:visible!important;pointer-events:none!important;isolation:isolate;
}
body.aixdv281-public .aiboss361-robot-fallback{
  display:block!important;position:relative!important;z-index:1!important;
  width:100%!important;height:100%!important;object-fit:contain!important;
  background:transparent!important;border:0!important;box-shadow:none!important;
  filter:drop-shadow(0 10px 20px rgba(38,188,255,.14))!important;
  opacity:1!important;transition:opacity .24s ease!important;
}
body.aixdv281-public .aiboss361-robot-animation{
  position:absolute!important;inset:0!important;z-index:2!important;
  display:grid!important;place-items:center!important;
  width:100%!important;height:100%!important;opacity:0!important;
  background:transparent!important;border:0!important;box-shadow:none!important;
  transition:opacity .24s ease!important;overflow:visible!important;
}
body.aixdv281-public .aiboss361-robot-animation dotlottie-wc{
  display:block!important;width:100%!important;height:100%!important;
  background:transparent!important;border:0!important;box-shadow:none!important;
}
body.aixdv281-public .aiboss361-robot-slot.is-lottie-ready .aiboss361-robot-fallback{opacity:0!important}
body.aixdv281-public .aiboss361-robot-slot.is-lottie-ready .aiboss361-robot-animation{opacity:1!important}
/* The Lottie character has its own holographic base; remove the old large orbit. */
body.aixdv281-public .aixdv2107-orbit-stage{display:none!important}
@media(max-width:980px){
  body.aixdv281-public .aixdv281-hero-visual{min-height:410px!important}
  body.aixdv281-public .aiboss361-robot-slot{
    width:min(315px,74%)!important;max-width:315px!important;bottom:0!important;
  }
}
@media(max-width:700px){
  body.aixdv281-public .aixdv281-hero-visual{
    min-height:clamp(340px,86vw,380px)!important;margin-inline:4px!important;
  }
  body.aixdv281-public .aiboss361-robot-slot{
    width:min(235px,66%)!important;max-width:235px!important;bottom:0!important;
  }
  body.aixdv281-public .aixdv2100-live-status{
    top:8px!important;left:50%!important;right:auto!important;
    transform:translateX(-50%)!important;
    min-width:0!important;width:max-content!important;max-width:86%!important;
    padding:7px 10px!important;border-radius:12px!important;
    text-align:left!important;z-index:9!important;
  }
  body.aixdv281-public .aixdv2100-live-status b{font-size:8px!important;line-height:1.2!important}
  body.aixdv281-public .aixdv2100-live-status small{font-size:7px!important;line-height:1.25!important}
  body.aixdv281-public .aixdv281-hud{display:none!important}
  body.aixdv281-public .aixdv281-planet{opacity:.24!important}
}
@media(prefers-reduced-motion:reduce){
  body.aixdv281-public .aiboss361-robot-animation{display:none!important}
  body.aixdv281-public .aiboss361-robot-fallback{opacity:1!important;transition:none!important}
}

/* Hero/workspace: make hierarchy intentional, not thick. */
body.aiboss-visitor-v2 .aixdv281-hero{padding-block:clamp(74px,8vw,118px)!important}
body.aiboss-visitor-v2 .aixdv281-hero-copy h1{
  font-family:var(--abv-display)!important;
  font-size:clamp(50px,5.4vw,82px)!important;
  font-weight:790!important;
  line-height:1!important;
  letter-spacing:-.035em!important;
  max-width:760px;
}
body.aiboss-visitor-v2 .aixdv281-hero-copy>p{max-width:670px!important;color:#aebbd7!important;font-size:clamp(15px,1.2vw,17px)!important;line-height:1.68!important}
body.aiboss-visitor-v2 .aixdv281-workspace{padding-block:clamp(74px,8vw,118px)!important}
body.aiboss-visitor-v2 .aixdv281-section-copy h2{font-weight:760!important;letter-spacing:-.035em!important}
body.aiboss-visitor-v2 .aixdv281-section-copy>p{color:#9eadd0!important;font-size:clamp(14px,1.1vw,16px)!important;line-height:1.7!important}
body.aiboss-visitor-v2 .aixdv281-checks li{color:#c9d3e8!important}
body.aiboss-visitor-v2 .aixdv281-checks li:before{box-shadow:0 0 18px rgba(62,222,255,.12)!important}
body.aiboss-visitor-v2 .aixdv281-metrics>span{border-radius:20px!important;overflow:hidden!important}
body.aiboss-visitor-v2 .aixdv281-metrics b{font-family:var(--abv-display)!important;font-weight:750!important;line-height:1.12!important}
body.aiboss-visitor-v2 .aixdv281-metrics small{color:#aab8d3!important;font-weight:520!important}

/* OS mockup — quieter border, stronger depth. */
body.aiboss-visitor-v2 .aixdv281-os{
  border-color:rgba(116,109,255,.15)!important;
  border-radius:32px!important;
  background:
    radial-gradient(circle at 100% 0,rgba(115,74,255,.09),transparent 34%),
    linear-gradient(145deg,rgba(7,22,56,.92),rgba(8,12,39,.94))!important;
  box-shadow:0 34px 100px rgba(0,0,0,.32),0 0 60px rgba(80,52,255,.055),inset 0 1px 0 rgba(255,255,255,.035)!important;
}
body.aiboss-visitor-v2 .aixdv281-os-body{border:1px solid rgba(255,255,255,.035)!important;background:rgba(5,14,39,.62)!important}
body.aiboss-visitor-v2 .aixdv281-os-body aside{border-right:1px solid rgba(255,255,255,.045)!important;background:rgba(20,31,75,.28)!important}
body.aiboss-visitor-v2 .aixdv281-os-stats b,
body.aiboss-visitor-v2 .aixdv281-os-chart{border-color:rgba(109,164,255,.10)!important;background:rgba(15,35,78,.48)!important}

/* Public footer. */
body.aiboss-visitor-v2 :where(.aixdv281-footer,.aixdv252-footer){
  margin-top:44px!important;
  padding:30px 0 calc(30px + env(safe-area-inset-bottom))!important;
  border-top:1px solid rgba(255,255,255,.055)!important;
  color:#7687aa!important;
  font-size:12px!important;
}

/* Mobile menu and sheet. */
body.aiboss-visitor-v2 .aixdv281-mobile-menu{
  margin-top:10px!important;
  padding:10px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:22px!important;
  background:linear-gradient(150deg,rgba(6,17,43,.97),rgba(20,11,55,.97))!important;
  box-shadow:0 28px 80px rgba(0,0,0,.38)!important;
  backdrop-filter:blur(22px) saturate(140%);
}
body.aiboss-visitor-v2 .aixdv281-mobile-menu a{
  min-height:52px!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.045)!important;
  border-radius:14px!important;
  color:#d9e1f4!important;
}
body.aiboss-visitor-v2 .aixdv281-mobile-menu a:last-child{border-bottom:0!important}

/* Visitor welcome popup belongs to the same system. */
body.aiboss-visitor-v2 .aiboss-welcome-popup,
body.aiboss-visitor-v2 [class*='welcome-popup']{
  font-family:var(--abv-body)!important;
}
body.aiboss-visitor-v2 .aiboss-welcome-popup h1,
body.aiboss-visitor-v2 .aiboss-welcome-popup h2,
body.aiboss-visitor-v2 [class*='welcome-popup'] h1,
body.aiboss-visitor-v2 [class*='welcome-popup'] h2{font-family:var(--abv-display)!important;font-weight:620!important}

/* Auth/tutorial surfaces: same product family. */
body.aiboss-visitor-v2.aixdv257-auth-page,
body.aiboss-visitor-v2.aixdv257-tutorial-page{background:linear-gradient(180deg,#030818,#050a1d)!important}
body.aiboss-visitor-v2.aixdv257-auth-page :where(input,textarea,select){
  min-height:48px!important;
  border:1px solid rgba(123,164,255,.13)!important;
  border-radius:14px!important;
  background:rgba(7,18,45,.72)!important;
  color:#f4f7ff!important;
}

/* One-shot reveal classes controlled by visitor-design-v350.js. */
body.aiboss-visitor-v2.abv-motion-ready [data-abv-reveal]{
  opacity:0;
  transform:translate3d(0,18px,0);
  transition:opacity .68s var(--abv-ease),transform .68s var(--abv-ease);
}
body.aiboss-visitor-v2.abv-motion-ready [data-abv-reveal].is-abv-visible{opacity:1;transform:none}
body.aiboss-visitor-v2 .abv-soft-glow{position:relative;isolation:isolate}
body.aiboss-visitor-v2 .abv-soft-glow:after{
  content:"";position:absolute;z-index:-1;inset:16%;border-radius:50%;
  background:radial-gradient(circle,rgba(65,202,255,.10),rgba(126,75,255,.06) 38%,transparent 70%);
  filter:blur(26px);pointer-events:none;
}

/* Desktop proportionality. */
@media(min-width:1180px){
  body.aiboss-visitor-v2{--abv-container:min(1280px,calc(100% - 72px))}
  body.aiboss-visitor-v2 .aixdv281-workspace-grid{grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr)!important;gap:clamp(28px,3.5vw,56px)!important}
  body.aiboss-visitor-v2 .aixdv281-os{min-height:490px!important}
}
@media(min-width:981px) and (max-width:1179px){
  body.aiboss-visitor-v2{--abv-container:min(1120px,calc(100% - 42px))}
}

/* Tablet/mobile: comfortable reading, no cramped borders. */
@media(max-width:980px){
  body.aiboss-visitor-v2{--abv-container:min(860px,calc(100% - 28px))}
  body.aiboss-visitor-v2 :where(.aixdv281-header,.aixdv252-header){padding-top:max(8px,env(safe-area-inset-top))!important}
  body.aiboss-visitor-v2 :where(.aixdv281-nav,.aixdv252-nav){min-height:64px!important;border-radius:20px!important;padding:7px 8px 7px 12px!important}
  body.aiboss-visitor-v2 .aixdv250-brand img{width:42px!important;height:42px!important}
  body.aiboss-visitor-v2 .aixdv258-brand-word{font-size:18px!important}
}
@media(max-width:700px){
  body.aiboss-visitor-v2{--abv-container:calc(100% - 22px)}
  body.aiboss-visitor-v2 .aixdv281-hero{padding-block:56px 66px!important}
  body.aiboss-visitor-v2 .aixdv281-hero-copy h1{font-size:clamp(32px,9.4vw,48px)!important;line-height:1.06!important;letter-spacing:-.025em!important}
  body.aiboss-visitor-v2 .aixdv281-hero-copy>p{font-size:14px!important;line-height:1.68!important}
  body.aiboss-visitor-v2 .aixdv281-workspace{padding-block:58px 68px!important}
  body.aiboss-visitor-v2 .aixdv281-section-copy h2{font-size:clamp(28px,8vw,42px)!important;line-height:1.08!important}
  body.aiboss-visitor-v2 .aixdv281-section-copy>p{font-size:14px!important;line-height:1.7!important}
  body.aiboss-visitor-v2 .aixdv281-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  body.aiboss-visitor-v2 .aixdv281-metrics>span{min-height:92px!important;padding:13px!important}
  body.aiboss-visitor-v2 .aixdv282-analogy{padding:22px 18px!important;border-radius:24px!important}
  body.aiboss-visitor-v2 .aixdv282-analogy h3{font-size:24px!important}
  body.aiboss-visitor-v2 .aixdv282-analogy p{font-size:13px!important;line-height:1.68!important}
  body.aiboss-visitor-v2 .aixdv281-os{border-radius:24px!important}
  body.aiboss-visitor-v2 :where(button,a.button,.aixdv252-btn,input[type='submit']){min-height:44px}
}
@media(max-width:390px){
  body.aiboss-visitor-v2{--abv-container:calc(100% - 18px)}
  body.aiboss-visitor-v2 .aixdv281-hero-copy h1{font-size:clamp(30px,9.2vw,36px)!important}
  body.aiboss-visitor-v2 .aixdv281-metrics{grid-template-columns:1fr 1fr!important}
}

/* Stage 8: precise responsive typography and touch-first compositing.
   Preserve all original palette tokens and avoid additional visual layers. */
body.aiboss-visitor-v2.aixdv281-public :where(.aixdv281-hero-copy h1,.aixdv281-section-copy h2){
  overflow-wrap:break-word;
  text-wrap:balance;
}
body.aiboss-visitor-v2.aixdv281-public :where(#problem-awareness,#open-mindset,#member-access,#ai){
  scroll-margin-top:clamp(74px,8vw,104px);
}
@media(max-width:700px){
  body.aiboss-visitor-v2.aixdv281-public .aixdv281-hero-actions>a{min-height:44px}
  body.aiboss-visitor-v2 :where(.aixdv281-program-grid article,.aixdv281-metrics>span,.aixdv252-programs article){
    backdrop-filter:blur(9px) saturate(115%)!important;
    -webkit-backdrop-filter:blur(9px) saturate(115%)!important;
  }
}
@media(max-height:520px) and (orientation:landscape) and (max-width:980px){
  body.aiboss-visitor-v2 .aixdv281-hero-visual{min-height:clamp(230px,58vh,330px)!important}
  body.aiboss-visitor-v2.aixdv281-public .aixdv2100-svg-robot.aixdv2100-robot-live{
    width:min(265px,58%)!important;max-width:265px!important;
  }
  body.aiboss-visitor-v2.aixdv281-public .aixdv2100-svg-robot .aixdv94-robot-svg{
    max-height:285px!important;
  }
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}
/* Stage 10: coherent icon-to-copy rhythm, using existing AiBoss cyan/magenta/violet. */
body.aiboss-visitor-v2.aixdv281-public #kesadaran .aixdv282-room-icon{
  display:grid!important;place-items:center!important;
  width:68px!important;height:68px!important;margin:0 0 13px!important;
  border-radius:19px!important;overflow:visible!important;
}
body.aiboss-visitor-v2.aixdv281-public #kesadaran .aixdv282-room-icon img{
  width:100%!important;height:100%!important;object-fit:contain!important;
  transition:transform .22s ease,filter .22s ease!important;
}
body.aiboss-visitor-v2.aixdv281-public #kesadaran .is-distribution .aixdv282-room-icon img{
  filter:drop-shadow(0 7px 15px rgba(236,75,216,.20))!important;
}
body.aiboss-visitor-v2.aixdv281-public #kesadaran .is-business .aixdv282-room-icon img{
  filter:drop-shadow(0 7px 15px rgba(76,230,255,.22))!important;
}
body.aiboss-visitor-v2.aixdv281-public #kesadaran .aixdv282-room>span{
  margin-top:10px!important;line-height:1.4!important;
}
body.aiboss-visitor-v2.aixdv281-public #kesadaran .aixdv282-room h3{
  margin:7px 0 11px!important;line-height:1.2!important;
}
body.aiboss-visitor-v2.aixdv281-public #kesadaran .aixdv282-room ul{
  gap:10px!important;margin-top:17px!important;
}
body.aiboss-visitor-v2.aixdv281-public #kesadaran .aixdv282-room li{
  padding-left:19px!important;line-height:1.55!important;
}
body.aiboss-visitor-v2.aixdv281-public .aixdv282-growth-steps article{
  column-gap:11px;row-gap:3px;
}
body.aiboss-visitor-v2.aixdv281-public .aixdv282-growth-steps i img{
  width:100%!important;height:100%!important;object-fit:contain!important;
  filter:drop-shadow(0 5px 10px rgba(76,230,255,.16))!important;
  transition:transform .22s ease,filter .22s ease!important;
}
body.aiboss-visitor-v2.aixdv281-public .aixdv282-growth-steps article:nth-child(2n) i img{
  filter:drop-shadow(0 5px 10px rgba(166,100,255,.18))!important;
}
body.aiboss-visitor-v2.aixdv281-public .aiboss355-card-top{
  gap:clamp(8px,1.2vw,13px)!important;align-items:center!important;
}
body.aiboss-visitor-v2.aixdv281-public .aiboss355-card-top img{
  object-fit:contain!important;filter:drop-shadow(0 6px 11px rgba(76,230,255,.19))!important;
  transition:transform .22s ease,filter .22s ease!important;
}
body.aiboss-visitor-v2.aixdv281-public .aiboss355-compare-card:nth-child(2n) .aiboss355-card-top img{
  filter:drop-shadow(0 6px 11px rgba(166,100,255,.19))!important;
}
body.aiboss-visitor-v2.aixdv281-public .aiboss354-oldway-grid img{
  filter:drop-shadow(0 7px 13px rgba(236,75,216,.18))!important;
  transition:transform .22s ease,filter .22s ease!important;
}
body.aiboss-visitor-v2.aixdv281-public .aiboss354-story-map-grid a img{
  filter:drop-shadow(0 5px 9px rgba(76,230,255,.17))!important;
  transition:transform .22s ease,filter .22s ease!important;
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  body.aiboss-visitor-v2.aixdv281-public
  :is(.aixdv282-room,.aixdv282-growth-steps article,.aiboss355-compare-card,.aiboss354-oldway-grid article):hover
  :is(.aixdv282-room-icon img,.aixdv282-growth-steps i img,.aiboss355-card-top img,.aiboss354-oldway-grid img){
    transform:translateY(-2px) scale(1.035)!important;
  }
  body.aiboss-visitor-v2.aixdv281-public .aiboss354-story-map-grid a:hover img{
    transform:translateY(-2px)!important;
  }
}
@media(max-width:820px){
  body.aiboss-visitor-v2.aixdv281-public #kesadaran .aixdv282-room-icon{
    width:62px!important;height:62px!important;margin-bottom:11px!important;
  }
  body.aiboss-visitor-v2.aixdv281-public .aixdv282-growth-steps article{
    column-gap:12px!important;row-gap:4px!important;
  }
  body.aiboss-visitor-v2.aixdv281-public .aixdv282-growth-steps strong{
    font-size:12px!important;line-height:1.18!important;
  }
  body.aiboss-visitor-v2.aixdv281-public .aixdv282-growth-steps small{
    font-size:10.5px!important;line-height:1.45!important;
  }
  body.aiboss-visitor-v2.aixdv281-public .aiboss355-card-top{
    grid-template-columns:29px 42px minmax(0,1fr)!important;
    column-gap:9px!important;
  }
  body.aiboss-visitor-v2.aixdv281-public .aiboss355-card-top img{
    width:40px!important;height:40px!important;
  }
  body.aiboss-visitor-v2.aixdv281-public .aiboss355-card-top h4{
    font-size:clamp(14px,3.6vw,17px)!important;line-height:1.26!important;
  }
  body.aiboss-visitor-v2.aixdv281-public .aiboss354-story-map-grid a img{
    width:34px!important;height:34px!important;margin:8px 0 7px!important;
  }
  body.aiboss-visitor-v2.aixdv281-public .aiboss354-story-map-grid a span{
    font-size:13px!important;line-height:1.3!important;
  }
}
/* Stage 10: make seven real-life questions legible on narrow screens. */
@media(max-width:820px){
  body.aiboss-visitor-v2.aixdv281-public .aixdv2104-question-grid article,
  body.aiboss-visitor-v2.aixdv281-public .aixdv2104-question-grid .aixdv2104-question-wide{
    grid-template-columns:34px minmax(0,1fr)!important;
    column-gap:11px!important;
  }
  body.aiboss-visitor-v2.aixdv281-public .aixdv2104-question-grid article>span{
    width:32px!important;height:32px!important;
    color:#8bf2ff!important;
  }
  body.aiboss-visitor-v2.aixdv281-public .aixdv2104-question-grid article small{
    font-size:9px!important;line-height:1.4!important;margin-bottom:4px!important;
  }
  body.aiboss-visitor-v2.aixdv281-public .aixdv2104-question-grid article h4{
    font-size:clamp(13px,3.4vw,15px)!important;line-height:1.36!important;
  }
  body.aiboss-visitor-v2.aixdv281-public .aixdv2104-question-grid article p{
    font-size:11px!important;line-height:1.56!important;
  }
  body.aiboss-visitor-v2.aixdv281-public #kesadaran
  :is(.aixdv282-risk-strip,.aixdv282-business-strip){
    gap:10px!important;font-size:10px!important;line-height:1.55!important;
  }
}
/* Accessibility/performance. */
@media(prefers-reduced-motion:reduce){
  body.aiboss-visitor-v2 *,body.aiboss-visitor-v2 *:before,body.aiboss-visitor-v2 *:after{
    scroll-behavior:auto!important;
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
  }
  body.aiboss-visitor-v2.abv-motion-ready [data-abv-reveal]{opacity:1!important;transform:none!important}
}
@media(prefers-contrast:more){
  body.aiboss-visitor-v2{--abv-line:rgba(180,211,255,.28);--abv-text-2:#dfe8fb;--abv-muted:#aebbd5}
}

/* Skip-link is invisible until keyboard users need it. */
body.aiboss-visitor-v2 .abv-skip-link{
  position:fixed;z-index:2147483647;left:14px;top:12px;
  transform:translateY(-150%);padding:10px 14px;border-radius:12px;
  background:#f6f8ff;color:#08132e!important;font:650 13px/1 var(--abv-display)!important;
  text-decoration:none!important;box-shadow:0 10px 30px rgba(0,0,0,.28);transition:transform .2s ease;
}
body.aiboss-visitor-v2 .abv-skip-link:focus{transform:translateY(0);outline:2px solid var(--abv-cyan)!important;outline-offset:2px!important}