/* AiBoss v2.10.7 — Global Premium Visual System
 * Presentation only: typography, spacing, premium icons, mobile safety, motion,
 * landing polish, member/public surface harmonization. No financial logic.
 */
:root{
  --a2107-cyan:#27eaff;--a2107-blue:#248bff;--a2107-violet:#7657ff;--a2107-pink:#f43ad7;
  --a2107-ink:#03102b;--a2107-panel:#071b43;--a2107-text:#f6fbff;--a2107-muted:#9fb2d3;
  --a2107-line:rgba(72,220,255,.20);--a2107-radius:22px;--a2107-shadow:0 18px 55px rgba(0,0,0,.28);
}
body.aixdv281-public,body.aixdv252-landing-page,body.aixdv256-system-page,body.aixdv257-tutorial-page,body.aixdv257-auth-page,body.aixdv-app{font-family:Poppins,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body.aixdv281-public *,body.aixdv252-landing-page *,body.aixdv256-system-page *,body.aixdv257-tutorial-page *,body.aixdv257-auth-page *,body.aixdv-app *{box-sizing:border-box}

/* Premium icon language */
.aixdv2107-icon{display:inline-grid;place-items:center;width:50px;height:50px;flex:0 0 auto;border-radius:15px;overflow:hidden;filter:drop-shadow(0 7px 16px rgba(28,102,255,.15))}
.aixdv2107-icon img{display:block;width:100%!important;height:100%!important;object-fit:contain!important}

/* GLOBAL MOBILE READABILITY + SAFE EDGE SYSTEM */
@media(max-width:700px){
 body.aixdv281-public .aixdv281-container{width:min(calc(100% - 28px),620px)!important}
 body.aixdv281-public .aixdv281-section-copy p,
 body.aixdv281-public .aixdv282-openmind-head p,
 body.aixdv281-public .aixdv282-room p,
 body.aixdv281-public .aixdv2104-problem-copy p,
 body.aixdv281-public .aixdv2104-room-statement-copy>p,
 body.aixdv281-public .aixdv2100-awareness-copy>p,
 body.aixdv281-public .aixdv281-programs>header>p{font-size:13px!important;line-height:1.68!important;color:#a9bad7!important}
 body.aixdv281-public .aixdv281-kicker,
 body.aixdv281-public .aixdv282-openmind-head .aixdv281-kicker,
 body.aixdv281-public .aixdv2100-awareness-kicker,
 body.aixdv281-public .aixdv2104-problem-kicker{font-size:10px!important;line-height:1.4!important;letter-spacing:.12em!important}
 body.aixdv281-public .aixdv281-checks li,
 body.aixdv281-public .aixdv281-mentor-list li,
 body.aixdv281-public .aixdv282-room li{font-size:12.5px!important;line-height:1.55!important}
 body.aixdv281-public .aixdv281-feature-pills span,
 body.aixdv281-public .aixdv281-final-tags span{font-size:10px!important}
 body.aixdv281-public .aixdv281-section-copy h2,
 body.aixdv281-public .aixdv281-programs h2,
 body.aixdv281-public .aixdv281-final h2{font-size:clamp(32px,9.2vw,44px)!important;line-height:1.02!important}
}

/* 1 — WELCOME POPUP: fixed compact size, no internal scrolling. */
body.aixdv281-public .aixdv2105-welcome-modal{display:grid;place-items:center;padding:12px!important;overflow:hidden!important}
body.aixdv281-public .aixdv2105-welcome-card{
 width:min(90vw,410px)!important;height:auto!important;max-height:min(680px,calc(100dvh - 24px))!important;overflow:hidden!important;
 padding:20px 20px 18px!important;border-radius:24px!important;
 background:radial-gradient(circle at 50% -10%,rgba(34,224,255,.18),transparent 37%),radial-gradient(circle at 95% 80%,rgba(238,55,215,.13),transparent 35%),linear-gradient(150deg,#061733 0%,#0b123c 58%,#080c28 100%)!important;
 box-shadow:0 26px 80px rgba(0,0,0,.54),0 0 40px rgba(61,181,255,.10),inset 0 1px 0 rgba(255,255,255,.10)!important
}
body.aixdv281-public .aixdv2106-welcome-art{height:82px!important;width:112px!important;margin:0 auto 6px!important}
body.aixdv281-public .aixdv2106-welcome-art>img{width:78px!important;height:82px!important;animation:a2107-robot-float 4.8s ease-in-out infinite!important}
body.aixdv281-public .aixdv2105-welcome-eyebrow{font-size:8px!important;margin:0 0 6px!important}
body.aixdv281-public .aixdv2105-welcome-title{font-size:clamp(23px,6.1vw,30px)!important;line-height:1.06!important;font-weight:720!important;margin:0 auto 9px!important;letter-spacing:-.025em!important}
body.aixdv281-public .aixdv2105-welcome-title em{font-weight:690!important;line-height:1.11!important;margin-top:4px!important}
body.aixdv281-public .aixdv2105-welcome-copy{font-size:11.5px!important;line-height:1.5!important;margin:0 auto 9px!important;max-width:340px!important}
body.aixdv281-public .aixdv2105-welcome-note{font-size:8px!important;line-height:1.42!important;margin:0 auto 11px!important;max-width:330px!important}
body.aixdv281-public .aixdv2105-welcome-continue{min-height:46px!important;width:min(100%,285px)!important;margin:auto!important;font-size:11.5px!important;border-radius:14px!important}
body.aixdv281-public .aixdv2105-welcome-foot{font-size:7px!important;margin-top:9px!important}
body.aixdv281-public .aixdv2105-welcome-close{top:9px!important;right:9px!important;width:38px!important;height:38px!important;border-radius:50%!important;font-size:21px!important;animation:a2107-close 2.2s ease-in-out infinite!important}
@media(max-height:720px){
 body.aixdv281-public .aixdv2105-welcome-card{padding:14px 17px 13px!important;max-height:calc(100dvh - 14px)!important}
 body.aixdv281-public .aixdv2106-welcome-art{height:64px!important;margin-bottom:2px!important}
 body.aixdv281-public .aixdv2106-welcome-art>img{width:61px!important;height:64px!important}
 body.aixdv281-public .aixdv2105-welcome-title{font-size:clamp(20px,5.6vw,26px)!important;margin-bottom:6px!important}
 body.aixdv281-public .aixdv2105-welcome-copy{font-size:10px!important;line-height:1.4!important;margin-bottom:6px!important}
 body.aixdv281-public .aixdv2105-welcome-note{font-size:7.2px!important;margin-bottom:7px!important}
 body.aixdv281-public .aixdv2105-welcome-continue{min-height:42px!important}
 body.aixdv281-public .aixdv2105-welcome-foot{display:none!important}
}

/* 2 — MENTOR: larger, raised character and less dead space on mobile. */
@media(max-width:700px){
 body.aixdv281-public .aixdv281-mentor-card{min-height:500px!important;padding:22px 20px 20px!important;overflow:hidden!important}
 body.aixdv281-public .aixdv281-mentor-card .aixdv281-section-copy{padding-bottom:205px!important;max-width:100%!important}
 body.aixdv281-public .aixdv281-mentor-person{right:-1%!important;bottom:22px!important;width:58%!important;max-height:285px!important;filter:drop-shadow(0 18px 28px rgba(0,0,0,.25)) drop-shadow(0 0 18px rgba(48,212,255,.13))}
 body.aixdv281-public .aixdv281-art-cta.mentor-cta{max-width:230px!important;margin-top:4px!important}
 body.aixdv281-public .aixdv281-mentor-list{max-width:88%;gap:8px!important;margin-bottom:12px!important}
}
@media(max-width:420px){
 body.aixdv281-public .aixdv281-mentor-card{min-height:475px!important}
 body.aixdv281-public .aixdv281-mentor-card .aixdv281-section-copy{padding-bottom:190px!important}
 body.aixdv281-public .aixdv281-mentor-person{width:61%!important;max-height:265px!important;bottom:16px!important}
}

/* 3 — AIBOSS OS: living animated chart + working robot. */
body.aixdv281-public .aixdv281-os{overflow:hidden;isolation:isolate}
body.aixdv281-public .aixdv281-os:before{content:"AI WORKING";position:absolute;z-index:4;right:18px;top:13px;padding:5px 9px;border:1px solid rgba(70,231,255,.18);border-radius:999px;background:rgba(5,34,77,.68);color:#78efff;font-size:7px;font-weight:800;letter-spacing:.12em;opacity:.78}
body.aixdv281-public .aixdv281-os-chart{position:relative;overflow:hidden}
body.aixdv281-public .aixdv281-os-chart:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(47,230,255,.08),transparent);transform:translateX(-120%);animation:a2107-chart-scan 3.7s ease-in-out infinite}
body.aixdv281-public .aixdv281-os-chart i{transform-origin:bottom;animation:a2107-bar-live 3.2s cubic-bezier(.2,.75,.25,1) infinite;will-change:transform,filter}
body.aixdv281-public .aixdv281-os-chart i:nth-child(2){animation-delay:.15s}.aixdv281-public .aixdv281-os-chart i:nth-child(3){animation-delay:.3s}.aixdv281-public .aixdv281-os-chart i:nth-child(4){animation-delay:.45s}.aixdv281-public .aixdv281-os-chart i:nth-child(5){animation-delay:.6s}.aixdv281-public .aixdv281-os-chart i:nth-child(6){animation-delay:.75s}.aixdv281-public .aixdv281-os-chart i:nth-child(7){animation-delay:.9s}
body.aixdv281-public .aixdv281-os-robot{animation:a2107-ai-work 4.4s ease-in-out infinite!important;transform-origin:60% 100%}
body.aixdv281-public .aixdv281-os.aixdv2107-active{box-shadow:0 28px 90px rgba(0,0,0,.35),0 0 34px rgba(39,221,255,.10),inset 0 0 60px rgba(77,103,255,.08)}

/* 4 — HERO ORBIT: more premium layered futuristic motion. */
body.aixdv281-public .aixdv2107-orbit-stage{position:absolute;z-index:2;inset:7% 2% 3%;pointer-events:none;display:grid;place-items:center;overflow:visible}
body.aixdv281-public .aixdv2107-orbit-stage span{position:absolute;width:78%;aspect-ratio:1;border-radius:50%;border:1px solid rgba(70,225,255,.28);box-shadow:0 0 30px rgba(45,186,255,.07),inset 0 0 28px rgba(99,62,255,.05);transform:rotateX(68deg) rotateZ(-14deg);animation:a2107-orbit 13s linear infinite}
body.aixdv281-public .aixdv2107-orbit-stage span:nth-child(2){width:64%;border-color:rgba(246,62,220,.22);transform:rotateX(72deg) rotateZ(23deg);animation-duration:9s;animation-direction:reverse}
body.aixdv281-public .aixdv2107-orbit-stage span:nth-child(3){width:49%;border-style:dashed;border-color:rgba(114,119,255,.23);transform:rotateX(66deg) rotateZ(48deg);animation-duration:16s}
body.aixdv281-public .aixdv2107-orbit-stage:after{content:"";width:56%;height:56%;border-radius:50%;background:radial-gradient(circle,rgba(52,221,255,.15),rgba(110,66,255,.08) 38%,transparent 72%);filter:blur(10px);animation:a2107-core-pulse 5s ease-in-out infinite}

/* 5 — OPEN MIND room card: icon + text larger. */
@media(max-width:700px){
 body.aixdv281-public .aixdv282-room{padding:22px 20px!important;border-radius:22px!important}
 body.aixdv281-public .aixdv282-room-icon{width:66px!important;height:66px!important;border-radius:18px!important;font-size:28px!important;margin-bottom:14px!important;display:grid!important;place-items:center!important}
 body.aixdv281-public .aixdv282-room>span{font-size:11px!important}
 body.aixdv281-public .aixdv282-room h3{font-size:24px!important;line-height:1.17!important;margin:8px 0 12px!important}
 body.aixdv281-public .aixdv282-room p{font-size:13px!important}
 body.aixdv281-public .aixdv282-room ul{gap:9px!important;margin-top:14px!important}
 body.aixdv281-public .aixdv282-room li{padding-left:22px!important}
 body.aixdv281-public .aixdv282-risk-strip,body.aixdv281-public .aixdv282-business-strip{font-size:11px!important;line-height:1.45!important;padding:11px 12px!important}
}

/* 6 — AWARENESS / PROBLEM typography and visual balance on mobile. */
@media(max-width:700px){
 body.aixdv281-public .aixdv2104-problem-opening{margin-top:18px!important;padding:22px 18px!important;border-radius:24px!important}
 body.aixdv281-public .aixdv2104-problem-hero{gap:15px!important}
 body.aixdv281-public .aixdv2104-problem-copy h3{font-size:clamp(31px,9vw,43px)!important;line-height:1.02!important}
 body.aixdv281-public .aixdv2104-problem-art{min-height:300px!important;margin-top:6px!important}
 body.aixdv281-public .aixdv2104-problem-art img{width:min(100%,340px)!important;max-height:330px!important}
 body.aixdv281-public .aixdv2104-question-grid{gap:10px!important}
 body.aixdv281-public .aixdv2104-question-grid article{padding:15px!important;gap:12px!important;border-radius:17px!important}
 body.aixdv281-public .aixdv2104-question-grid h4{font-size:14px!important;line-height:1.35!important}
 body.aixdv281-public .aixdv2104-question-grid p{font-size:11.5px!important;line-height:1.55!important}
 body.aixdv281-public .aixdv2104-room-statement{padding:18px!important;border-radius:22px!important}
 body.aixdv281-public .aixdv2104-room-statement h3{font-size:clamp(30px,8.5vw,42px)!important;line-height:1.03!important}
 body.aixdv281-public .aixdv2104-nonblame{font-size:12px!important;line-height:1.62!important;padding:13px!important}
 body.aixdv281-public .aixdv2104-shift-art{min-height:330px!important;margin-top:10px!important;padding:10px 8px 8px!important}
 body.aixdv281-public .aixdv2104-shift-art img{width:min(100%,355px)!important;max-height:340px!important}
 body.aixdv281-public .aixdv2104-shift-art>span{font-size:9px!important;padding:8px 12px!important}
 body.aixdv281-public .aixdv2100-awareness{padding:22px 18px!important;border-radius:24px!important}
 body.aixdv281-public .aixdv2100-awareness-copy h3{font-size:clamp(31px,8.8vw,42px)!important;line-height:1.04!important}
 body.aixdv281-public .aixdv2100-awareness-visual img{width:min(100%,240px)!important}
 body.aixdv281-public .aixdv2100-awareness-card{padding:17px!important}
 body.aixdv281-public .aixdv2100-awareness-card h4{font-size:15px!important;line-height:1.28!important}
 body.aixdv281-public .aixdv2100-awareness-card p{font-size:12px!important;line-height:1.58!important}
}

/* 7 — FLOATING STATUS + HUD: bigger, safer inset from screen edge. */
@media(max-width:700px){
 body.aixdv281-public .aixdv281-hero-visual{min-height:410px!important;margin-inline:4px!important}
 body.aixdv281-public .aixdv2100-live-status{right:10px!important;top:18px!important;transform:none!important;min-width:168px!important;padding:10px 12px!important;border-radius:16px!important}
 body.aixdv281-public .aixdv2100-live-status b{font-size:9px!important}.aixdv281-public .aixdv2100-live-status small{font-size:7.8px!important}
 body.aixdv281-public .aixdv281-hud{transform:none!important;padding:8px 10px!important;border-radius:13px!important;min-width:108px!important}
 body.aixdv281-public .aixdv281-hud img{width:30px!important;height:30px!important}
 body.aixdv281-public .aixdv281-hud b{font-size:8.5px!important}
 body.aixdv281-public .aixdv281-hud.h1{right:10px!important;top:108px!important}
 body.aixdv281-public .aixdv281-hud.h2{left:10px!important;bottom:24px!important}
 body.aixdv281-public .aixdv2102-scroll-top{right:14px!important;width:54px!important;height:54px!important}
 body.aixdv281-public .aixdv2100-chat{right:14px!important;bottom:14px!important}
}

/* Program cards use premium icon assets + consistent scale. */
body.aixdv281-public .aixdv2106-program-icon{width:60px!important;height:60px!important;padding:0!important;border:none!important;background:transparent!important;box-shadow:none!important}
body.aixdv281-public .aixdv2106-program-icon>img{width:60px!important;height:60px!important;filter:none!important}
@media(max-width:700px){
 body.aixdv281-public .aixdv281-program-grid .aixdv2106-program-card{grid-template-columns:62px minmax(0,1fr) 48px!important;min-height:108px!important;padding:13px 13px!important;column-gap:12px!important}
 body.aixdv281-public .aixdv2106-program-copy small{font-size:8.5px!important}
 body.aixdv281-public .aixdv2106-program-copy h3{font-size:17px!important}
 body.aixdv281-public .aixdv2106-program-copy p{font-size:10.5px!important;line-height:1.45!important}
 body.aixdv281-public .aixdv2106-program-action{width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important;border-radius:14px!important}
}

/* Global public/member surface refinement: one consistent visual language. */
body.aixdv-app .aix-card,body.aixdv-app [class*="card"],body.aixdv257-tutorial-page article,body.aixdv256-system-page article{border-radius:var(--a2107-radius)}
@media(max-width:700px){
 body.aixdv-app .aix-main,body.aixdv-app .aixdv-container,body.aixdv257-tutorial-page .aixdv257-container,body.aixdv256-system-page .aixdv252-container{padding-left:max(14px,env(safe-area-inset-left))!important;padding-right:max(14px,env(safe-area-inset-right))!important}
 body.aixdv257-tutorial-page p,body.aixdv256-system-page p,body.aixdv-app p{line-height:1.6}
 body.aixdv257-tutorial-page button,body.aixdv257-tutorial-page a[class*="cta"],body.aixdv256-system-page button,body.aixdv256-system-page a[class*="cta"],body.aixdv-app button{min-height:44px}
}

@keyframes a2107-close{0%,100%{transform:scale(1);box-shadow:0 0 0 2px rgba(255,65,215,.06),0 0 12px rgba(255,55,220,.18)}50%{transform:scale(1.05);box-shadow:0 0 0 5px rgba(255,65,215,.08),0 0 22px rgba(255,55,220,.34),0 0 28px rgba(41,223,255,.12)}}
@keyframes a2107-robot-float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-4px) rotate(1deg)}}
@keyframes a2107-chart-scan{0%,20%{transform:translateX(-130%)}70%,100%{transform:translateX(130%)}}
@keyframes a2107-bar-live{0%,100%{transform:scaleY(.88);filter:saturate(.9)}48%{transform:scaleY(1.08);filter:saturate(1.25) brightness(1.08)}}
@keyframes a2107-ai-work{0%,100%{transform:translateY(0) rotate(0deg)}45%{transform:translateY(-7px) rotate(-2deg)}58%{transform:translateY(-5px) rotate(2deg)}}
@keyframes a2107-orbit{to{transform:rotateX(68deg) rotateZ(346deg)}}
@keyframes a2107-core-pulse{0%,100%{transform:scale(.96);opacity:.7}50%{transform:scale(1.05);opacity:1}}
@media(prefers-reduced-motion:reduce){
 body.aixdv281-public .aixdv2105-welcome-close,body.aixdv281-public .aixdv2106-welcome-art>img,body.aixdv281-public .aixdv281-os-chart:before,body.aixdv281-public .aixdv281-os-chart i,body.aixdv281-public .aixdv281-os-robot,body.aixdv281-public .aixdv2107-orbit-stage span,body.aixdv281-public .aixdv2107-orbit-stage:after{animation:none!important}
}

/* Premium menu/grid treatment across public templates. */
.aixdv2107-premium-icon{object-fit:contain!important;filter:none!important}
@media(max-width:980px){
 body.aixdv252-landing-page .aixdv252-menu,body.aixdv256-system-page .aixdv252-menu{
  width:48px!important;height:48px!important;border-radius:15px!important;border:1px solid rgba(81,224,255,.22)!important;
  background:linear-gradient(145deg,rgba(12,62,123,.62),rgba(74,25,145,.58)) url('../icons/premium-v2107/grid.svg') center/40px 40px no-repeat!important;
  box-shadow:0 10px 24px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.07)!important
 }
 body.aixdv252-landing-page .aixdv252-menu span,body.aixdv256-system-page .aixdv252-menu span{display:none!important}
}

/* Member app: unify mobile dock dimensions and premium active state without changing routes. */
@media(max-width:700px){
 body.aixdv-app .aixdv-bottom-nav{width:min(calc(100vw - 18px),540px)!important;max-width:calc(100vw - 18px)!important;padding:7px 6px calc(7px + env(safe-area-inset-bottom,0px))!important;border-radius:23px!important;border:1px solid rgba(72,220,255,.18)!important;background:linear-gradient(135deg,rgba(4,20,52,.94),rgba(17,10,58,.92))!important;box-shadow:0 18px 40px rgba(0,0,0,.38),0 0 24px rgba(52,137,255,.10)!important}
 body.aixdv-app .aixdv-bottom-nav a,body.aixdv-app .aixdv-bottom-nav button{min-height:58px!important;border-radius:15px!important;font-size:9px!important}
 body.aixdv-app .aixdv-bottom-nav :is(svg,.et-pb-icon){width:23px!important;height:23px!important;font-size:23px!important}
 body.aixdv-app .aixdv-bottom-nav :is(a.is-active,a[aria-current="page"]){background:linear-gradient(145deg,rgba(37,134,255,.28),rgba(141,54,255,.28))!important;border:1px solid rgba(80,223,255,.18)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 18px rgba(57,157,255,.12)!important}
}