/* AiBoss v3.4.3 — Desktop proportional refinement + updated brand asset support. */
body.aixdv281-public{
  --a343-cyan:#5cecff;
  --a343-blue:#3d7cff;
  --a343-violet:#7b5cff;
  --a343-magenta:#ff47d4;
  --a343-panel:rgba(8,24,58,.72);
  --a343-panel-2:rgba(11,15,48,.78);
}

/* Updated logo: keep the new transparent emblem crisp and proportional. */
body.aixdv281-public .aixdv250-brand{
  gap:10px!important;
  min-width:166px!important;
}
body.aixdv281-public .aixdv250-brand img{
  width:46px!important;
  height:46px!important;
  max-width:46px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 0 16px rgba(64,205,255,.22)) drop-shadow(0 0 12px rgba(255,74,211,.11))!important;
}
body.aixdv281-public .aixdv250-brand .aixdv258-brand-word{
  font-family:"Outfit",system-ui,sans-serif!important;
  font-size:20px!important;
  font-weight:650!important;
  letter-spacing:-.02em!important;
}

@media (min-width:1180px){
  /* Give the two desktop sections enough horizontal breathing room. */
  body.aixdv281-public .aixdv282-openmind,
  body.aixdv281-public .aixdv281-workspace>.aixdv281-container{
    width:min(1440px,calc(100% - 72px))!important;
  }

  /* Analogy block: stable 3-step first row, Growth directly below Distribution. */
  body.aixdv281-public .aixdv282-analogy{
    grid-template-columns:minmax(440px,1.05fr) minmax(640px,.95fr)!important;
    gap:54px!important;
    align-items:center!important;
    min-height:220px!important;
    padding:30px 34px!important;
    border-color:rgba(83,204,255,.11)!important;
    border-radius:28px!important;
    background:
      radial-gradient(circle at 86% 18%,rgba(111,78,255,.10),transparent 30%),
      linear-gradient(145deg,rgba(7,21,52,.74),rgba(9,10,36,.76))!important;
    box-shadow:0 24px 70px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.025)!important;
  }
  body.aixdv281-public .aixdv282-analogy>div:first-child{
    max-width:650px!important;
  }
  body.aixdv281-public .aixdv282-analogy span{
    font-size:10px!important;
    letter-spacing:.15em!important;
  }
  body.aixdv281-public .aixdv282-analogy h3{
    margin:9px 0 10px!important;
    font-family:"Outfit",system-ui,sans-serif!important;
    font-size:clamp(26px,2vw,32px)!important;
    line-height:1.12!important;
    font-weight:620!important;
    letter-spacing:-.028em!important;
  }
  body.aixdv281-public .aixdv282-analogy p{
    max-width:620px!important;
    color:#93a6c9!important;
    font-size:12px!important;
    line-height:1.65!important;
  }
  body.aixdv281-public .aixdv282-analogy-flow{
    display:grid!important;
    grid-template-columns:minmax(150px,1fr) 42px minmax(150px,1fr) 42px minmax(150px,1fr)!important;
    grid-template-rows:76px 38px 76px!important;
    gap:8px 10px!important;
    align-items:center!important;
    justify-content:stretch!important;
    width:100%!important;
    max-width:690px!important;
    margin-left:auto!important;
  }
  body.aixdv281-public .aixdv282-analogy-flow b{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:76px!important;
    padding:0 18px!important;
    border:1px solid rgba(82,208,255,.18)!important;
    border-radius:19px!important;
    background:linear-gradient(145deg,rgba(10,38,83,.74),rgba(15,23,67,.74))!important;
    color:#edf8ff!important;
    font-family:"Outfit",system-ui,sans-serif!important;
    font-size:12px!important;
    font-weight:680!important;
    letter-spacing:.01em!important;
    text-align:center!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 12px 28px rgba(0,0,0,.11)!important;
  }
  body.aixdv281-public .aixdv282-analogy-flow i{
    display:grid!important;
    place-items:center!important;
    width:38px!important;
    height:38px!important;
    justify-self:center!important;
    border:1px solid rgba(92,225,255,.24)!important;
    border-radius:50%!important;
    background:linear-gradient(145deg,rgba(23,89,153,.52),rgba(43,35,116,.54))!important;
    color:#66ecff!important;
    font-size:20px!important;
    line-height:1!important;
    box-shadow:0 8px 22px rgba(24,130,222,.12)!important;
  }
  body.aixdv281-public .aixdv282-analogy-flow b:nth-of-type(1){grid-column:1;grid-row:1}
  body.aixdv281-public .aixdv282-analogy-flow i:nth-of-type(1){grid-column:2;grid-row:1}
  body.aixdv281-public .aixdv282-analogy-flow b:nth-of-type(2){grid-column:3;grid-row:1}
  body.aixdv281-public .aixdv282-analogy-flow i:nth-of-type(2){grid-column:4;grid-row:1}
  body.aixdv281-public .aixdv282-analogy-flow b:nth-of-type(3){grid-column:5;grid-row:1}
  body.aixdv281-public .aixdv282-analogy-flow i:nth-of-type(3){grid-column:5;grid-row:2;transform:rotate(90deg)}
  body.aixdv281-public .aixdv282-analogy-flow b:nth-of-type(4){
    grid-column:5;grid-row:3;
    border-color:rgba(190,82,255,.22)!important;
    background:linear-gradient(145deg,rgba(35,31,97,.76),rgba(35,24,78,.78))!important;
  }

  /* Workspace: wider text column, larger OS panel, and no cramped metric labels. */
  body.aixdv281-public .aixdv281-workspace{
    padding:74px 0 78px!important;
  }
  body.aixdv281-public .aixdv281-workspace-grid{
    grid-template-columns:minmax(610px,.96fr) minmax(680px,1.08fr)!important;
    gap:56px!important;
    align-items:center!important;
  }
  body.aixdv281-public .aixdv281-section-copy h2{
    max-width:690px!important;
    font-family:"Outfit",system-ui,sans-serif!important;
    font-size:clamp(48px,4vw,64px)!important;
    line-height:.98!important;
    font-weight:640!important;
    letter-spacing:-.045em!important;
  }
  body.aixdv281-public .aixdv281-section-copy>p{
    max-width:660px!important;
    font-size:14px!important;
    line-height:1.7!important;
  }
  body.aixdv281-public .aixdv281-checks{
    gap:11px!important;
    margin-top:22px!important;
  }
  body.aixdv281-public .aixdv281-checks li{
    padding-left:30px!important;
    font-size:13px!important;
    line-height:1.45!important;
  }
  body.aixdv281-public .aixdv281-checks li:before{
    width:20px!important;
    height:20px!important;
    top:-1px!important;
  }
  body.aixdv281-public .aixdv281-metrics{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:12px!important;
    margin-top:30px!important;
  }
  body.aixdv281-public .aixdv281-metrics>span{
    display:grid!important;
    grid-template-columns:46px minmax(0,1fr)!important;
    grid-template-areas:"icon copy"!important;
    min-height:104px!important;
    padding:15px 14px!important;
    column-gap:11px!important;
    overflow:hidden!important;
    border-radius:21px!important;
  }
  body.aixdv281-public .aixdv281-metrics>span>img{
    width:46px!important;
    height:46px!important;
  }
  body.aixdv281-public .aixdv281-metrics .aixdv2113-metric-copy{
    min-width:0!important;
    gap:5px!important;
  }
  body.aixdv281-public .aixdv281-metrics .aixdv2113-metric-copy b{
    font-size:clamp(25px,1.9vw,31px)!important;
    font-weight:650!important;
    white-space:nowrap!important;
  }
  body.aixdv281-public .aixdv281-metrics .aixdv2113-metric-copy small{
    font-size:11px!important;
    line-height:1.28!important;
    font-weight:540!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    hyphens:none!important;
  }

  body.aixdv281-public .aixdv281-os{
    min-height:470px!important;
    padding:18px!important;
    border-radius:29px!important;
    box-shadow:0 32px 100px rgba(0,0,0,.34),0 0 42px rgba(79,69,255,.09),inset 0 1px 0 rgba(255,255,255,.035)!important;
  }
  body.aixdv281-public .aixdv281-os:before{
    content:"AI WORKING";
    position:absolute;
    z-index:4;
    top:16px;
    right:20px;
    padding:7px 12px;
    border:1px solid rgba(83,217,255,.18);
    border-radius:999px;
    background:rgba(6,30,69,.7);
    color:#6cecff;
    font:750 9px/1 "Outfit",system-ui,sans-serif;
    letter-spacing:.06em;
  }
  body.aixdv281-public .aixdv281-os-top{
    min-height:34px!important;
    padding:2px 6px 14px!important;
  }
  body.aixdv281-public .aixdv281-os-top b{
    font-size:13px!important;
    font-weight:650!important;
  }
  body.aixdv281-public .aixdv281-os-body{
    grid-template-columns:155px minmax(0,1fr)!important;
    min-height:390px!important;
    border-radius:20px!important;
  }
  body.aixdv281-public .aixdv281-os-body aside{
    gap:7px!important;
    padding:22px 15px!important;
  }
  body.aixdv281-public .aixdv281-os-body aside>*{
    padding:12px 11px!important;
    font-size:10px!important;
  }
  body.aixdv281-public .aixdv281-os-main{
    padding:28px 30px!important;
  }
  body.aixdv281-public .aixdv281-os-main>small{
    display:block!important;
    max-width:70%!important;
    font-family:"Outfit",system-ui,sans-serif!important;
    font-size:23px!important;
    line-height:1.2!important;
    font-weight:640!important;
  }
  body.aixdv281-public .aixdv281-os-stats{
    gap:10px!important;
    margin-top:22px!important;
  }
  body.aixdv281-public .aixdv281-os-stats b{
    min-height:48px!important;
    display:grid!important;
    place-items:center!important;
    padding:10px!important;
    border-radius:14px!important;
    font-size:10px!important;
  }
  body.aixdv281-public .aixdv281-os-chart{
    height:165px!important;
    margin-top:24px!important;
    padding:14px!important;
  }
  body.aixdv281-public .aixdv281-os-robot.aixdv2110-kit-character,
  body.aixdv281-public .aixdv281-os-robot{
    right:18px!important;
    bottom:-2px!important;
    width:170px!important;
    max-width:25%!important;
    height:auto!important;
  }
}

@media (min-width:981px) and (max-width:1179px){
  body.aixdv281-public .aixdv282-analogy{grid-template-columns:1fr!important;gap:24px!important}
  body.aixdv281-public .aixdv282-analogy-flow{justify-content:flex-start!important}
  body.aixdv281-public .aixdv281-workspace-grid{grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr)!important;gap:32px!important}
  body.aixdv281-public .aixdv281-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media (max-width:700px){
  body.aixdv281-public .aixdv250-brand{min-width:0!important;gap:7px!important}
  body.aixdv281-public .aixdv250-brand img{width:40px!important;height:40px!important;max-width:40px!important}
  body.aixdv281-public .aixdv250-brand .aixdv258-brand-word{font-size:17px!important;font-weight:640!important}
}
