/* Neuro Visuals Collection — production bundle */
.intent-chart[data-intent-chart]{
  box-sizing:border-box;
  width:100%;
}
.intent-chart[data-intent-chart] *,
.intent-chart[data-intent-chart] *::before,
.intent-chart[data-intent-chart] *::after{
  box-sizing:border-box;
}


/* 1. Intent Skills Radar v2 Smart */
.intent-radar{
--ir-bg:#081018;
  --ir-panel:rgba(11,16,25,.88);
  --ir-line:rgba(255,255,255,.13);
  --ir-line-soft:rgba(255,255,255,.07);
  --ir-text:#f5f7fb;
  --ir-muted:#9aa6b7;
  --ir-accent:#48e7c8;
  --ir-muted-series:#9b9aaa;
  --ir-shadow:0 26px 70px rgba(0,0,0,.34);
}
.intent-radar{
  position:relative;overflow:hidden;width:100%;
  border:1px solid rgba(255,255,255,.075);border-radius:34px;
  background:
    radial-gradient(720px 430px at 50% 24%,rgba(72,231,200,.055),transparent 68%),
    radial-gradient(520px 300px at 84% 18%,rgba(106,115,255,.055),transparent 72%),
    linear-gradient(160deg,rgba(255,255,255,.038),rgba(255,255,255,.016));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    0 22px 60px rgba(0,0,0,.14);
  padding:30px 30px 26px;isolation:isolate
}
.intent-radar::before{
  content:"";
  position:absolute;
  width:420px;height:420px;
  left:50%;top:47%;
  transform:translate(-50%,-50%);
  border-radius:50%;
  pointer-events:none;
  background:
    radial-gradient(circle,rgba(72,231,200,.035) 0 18%,transparent 19% 38%,rgba(72,231,200,.018) 39% 40%,transparent 41% 100%);
  opacity:.9;
}
.intent-radar::after{
  content:"";
  position:absolute;inset:0;
  pointer-events:none;
  background:
    linear-gradient(120deg,transparent 0 42%,rgba(255,255,255,.015) 50%,transparent 58%),
    radial-gradient(circle at 18% 22%,rgba(255,255,255,.025),transparent 22%);
  opacity:.8
}
.intent-radar-head{position:relative;z-index:2;display:flex;justify-content:space-between;gap:22px;align-items:flex-start;margin-bottom:6px}
.intent-radar-kicker{color:var(--ir-accent);font-size:11px;font-weight:760;letter-spacing:.13em;text-transform:uppercase;margin-bottom:9px}
.intent-radar-title{margin:0;font-size:clamp(24px,3.6vw,40px);line-height:1.04;letter-spacing:-.035em;max-width:720px}
.intent-radar-caption{margin-top:10px;max-width:680px;color:var(--ir-muted);font-size:14px;line-height:1.5}
.intent-radar-badge{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;color:#b8fff3;border:1px solid rgba(72,231,200,.16);background:rgba(72,231,200,.055);font-size:11px;font-weight:700;white-space:nowrap}
.intent-radar-stage{position:relative;width:100%;aspect-ratio:1.85/1;min-height:410px}
.intent-radar-svg{width:100%;height:100%;display:block;overflow:visible}
.intent-radar-grid,.intent-radar-axis{fill:none;stroke:var(--ir-line);vector-effect:non-scaling-stroke}
.intent-radar-grid{stroke-width:1}
.intent-radar-axis{stroke-width:1;stroke:var(--ir-line-soft)}
.intent-series-shape{vector-effect:non-scaling-stroke;stroke-linejoin:round;transform-origin:center}
.intent-series-fill{transition:opacity .25s ease}
.intent-series-fill[data-tone="accent"]{
  filter:drop-shadow(0 0 8px rgba(72,231,200,.12));
}
.intent-point{cursor:pointer;transform-box:fill-box;transform-origin:center;transition:r .2s ease,filter .2s ease,opacity .2s ease,transform .24s cubic-bezier(.16,1,.3,1)}
.intent-point:hover{transform:scale(1.25)}
.intent-axis-label{fill:var(--ir-text);font-size:14px;font-weight:680;letter-spacing:-.01em;cursor:pointer;user-select:none;transition:fill .2s ease,opacity .2s ease}
.intent-axis-label.is-muted{opacity:.55}
.intent-axis-label.is-active{fill:var(--ir-accent)}
.intent-radar-center{fill:rgba(255,255,255,.16)}
.intent-radar-legend{display:flex;justify-content:center;align-items:center;gap:22px;flex-wrap:wrap;padding-top:8px}
.intent-legend-item{display:inline-flex;align-items:center;gap:9px;border:0;background:none;color:#d9dee7;font:inherit;font-size:14px;font-weight:690;cursor:pointer;opacity:.9;transition:opacity .2s ease,transform .2s ease}
.intent-legend-item:hover{opacity:1;transform:translateY(-1px)}
.intent-legend-swatch{width:27px;height:8px;border-radius:999px}
.intent-radar-detail{position:absolute;z-index:5;min-width:240px;max-width:340px;padding:14px 15px;border-radius:17px;border:1px solid rgba(255,255,255,.13);background:rgba(11,14,20,.92);box-shadow:var(--ir-shadow);backdrop-filter:blur(20px) saturate(135%);opacity:0;visibility:hidden;transform:translateY(7px) scale(.97);transition:opacity .19s ease,transform .26s cubic-bezier(.16,1,.3,1),visibility .19s;pointer-events:none}
.intent-radar-detail.is-visible{opacity:1;visibility:visible;transform:translateY(0) scale(1)}
.intent-detail-label{margin-bottom:9px;color:#fff;font-size:14px;font-weight:760;line-height:1.25}
.intent-detail-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin-top:7px;font-size:12px}
.intent-detail-dot{width:7px;height:7px;border-radius:50%}
.intent-detail-name{color:#bac3d0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.intent-detail-value{font-variant-numeric:tabular-nums;color:#fff;font-weight:780}
.intent-detail-delta{margin-top:10px;display:inline-flex;align-items:center;gap:5px;color:#bff9ef;font-size:11px;font-weight:700}
.intent-mobile-card{display:none}
.intent-mobile-axislist{
  display:none;
}
.intent-axis-pill{
  appearance:none;
  border:1px solid rgba(255,255,255,.075);
  background:rgba(255,255,255,.025);
  color:#cbd3df;
  border-radius:999px;
  min-height:34px;
  padding:7px 11px;
  font:inherit;
  font-size:11px;
  font-weight:700;
  cursor:pointer;
  transition:.2s ease;
}
.intent-axis-pill.is-active{
  color:#c8fff5;
  border-color:rgba(72,231,200,.20);
  background:rgba(72,231,200,.075);
}

.intent-radar-insight{margin:16px auto 0;max-width:760px;padding:15px 17px;border-radius:18px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025);color:#c9d1dc;font-size:13px;line-height:1.5}
.intent-radar-insight strong{color:#fff}
.intent-radar.is-entering .intent-radar-grid,.intent-radar.is-entering .intent-radar-axis{stroke-dasharray:900;stroke-dashoffset:900;animation:intentGridIn .95s cubic-bezier(.16,1,.3,1) forwards}
.intent-radar.is-entering .intent-series-shape{animation:intentSeriesIn .78s cubic-bezier(.16,1,.3,1) both}
.intent-radar.is-entering .intent-point{opacity:0;animation:intentPointIn .38s cubic-bezier(.16,1,.3,1) forwards}
@keyframes intentGridIn{to{stroke-dashoffset:0}}
@keyframes intentSeriesIn{from{opacity:0;transform:scale(.08)}to{opacity:1;transform:scale(1)}}
@keyframes intentPointIn{from{opacity:0;transform:scale(.2)}to{opacity:1;transform:scale(1)}}
@media (max-width:720px){
.intent-radar{padding:20px 14px 16px;border-radius:26px}
  .intent-radar-title{font-size:25px}
  .intent-radar-caption{font-size:12px;line-height:1.45;margin-top:7px}
  .intent-radar-badge{display:none}
  .intent-radar-stage{aspect-ratio:auto;min-height:0;height:360px;margin-top:2px}
  .intent-axis-label{font-size:11px;font-weight:700}
  .intent-radar-detail{display:none!important}
  .intent-radar-legend{gap:10px 16px;justify-content:flex-start;padding:0 4px;margin-top:0}
  .intent-legend-item{font-size:12px}.intent-legend-swatch{width:22px;height:7px}
  .intent-mobile-card{display:block;margin-top:14px;min-height:82px;padding:12px 13px;border-radius:17px;border:1px solid rgba(255,255,255,.08);background:radial-gradient(280px 120px at 90% 0%,rgba(72,231,200,.07),transparent 70%),rgba(255,255,255,.026);opacity:.65;transition:opacity .24s ease,border-color .24s ease,transform .28s cubic-bezier(.16,1,.3,1)}
  .intent-mobile-card.is-active{opacity:1;border-color:rgba(72,231,200,.18);transform:translateY(-1px)}
  .intent-mobile-title{color:#fff;font-size:13px;font-weight:760;line-height:1.25;margin-bottom:9px}
  .intent-mobile-values{display:flex;gap:12px;flex-wrap:wrap}
  .intent-mobile-value{display:inline-flex;align-items:center;gap:6px;color:#aeb8c7;font-size:11px}
  .intent-mobile-value strong{color:#fff}
  .intent-radar-insight{margin-top:12px;font-size:12px;border-radius:16px}

  .intent-radar.is-compact-mobile .intent-radar-stage{
    height:300px;
  }
  .intent-radar.is-compact-mobile .intent-axis-label{
    display:none;
  }
  .intent-radar.is-compact-mobile .intent-mobile-axislist{
    display:flex;
    gap:7px;
    flex-wrap:wrap;
    margin:8px 0 2px;
  }
}

@media (prefers-reduced-motion:reduce){.intent-chart[data-intent-chart] *,.intent-chart[data-intent-chart] *::before,.intent-chart[data-intent-chart] *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* 2. AI-first System v6 */
.aifs{
--text:#f4f7fb;
  --muted:#97a4b5;
  --line:rgba(255,255,255,.08);
  --line-soft:rgba(255,255,255,.045);
  --accent:#48e7c8;
  --accent-rgb:72,231,200;
  --inactive:#697485;
  --panel:rgba(9,15,24,.86);
  --shadow:0 28px 70px rgba(0,0,0,.28);
}
.aifs .block{
  position:relative;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:34px;
  background:
    radial-gradient(780px 460px at 50% 24%,rgba(72,231,200,.055),transparent 68%),
    radial-gradient(620px 340px at 88% 16%,rgba(101,115,255,.045),transparent 72%),
    linear-gradient(160deg,rgba(255,255,255,.038),rgba(255,255,255,.016));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),var(--shadow);
  padding:28px 22px 24px;
}
.aifs .head{
  position:relative;
  z-index:3;
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:flex-start;
  margin-bottom:18px;
}
.aifs .kicker{
  color:var(--accent);
  font-size:11px;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
  margin-bottom:9px;
}
.aifs .title{
  margin:0;
  max-width:1040px;
  font-size:clamp(30px,4.5vw,62px);
  line-height:1.02;
  letter-spacing:-.05em;
}
.aifs .caption{
  max-width:780px;
  margin-top:10px;
  color:var(--muted);
  font-size:15px;
  line-height:1.55;
}
.aifs .caption strong{color:#fff}
.aifs .chip{
  flex:none;
  padding:9px 13px;
  border-radius:999px;
  border:1px solid rgba(var(--accent-rgb),.15);
  background:rgba(var(--accent-rgb),.05);
  color:#c6fff5;
  font-size:11px;
  font-weight:760;
}
.aifs .definition, .aifs .bottom-note{
  position:relative;
  z-index:3;
  border:1px solid var(--line-soft);
  background:rgba(255,255,255,.024);
}
.aifs .definition{
  margin-top:16px;
  padding:14px 16px;
  border-radius:17px;
  color:#c4ceda;
  font-size:14px;
  line-height:1.55;
}
.aifs .bottom-note{
  margin-top:14px;
  padding:17px;
  border-radius:19px;
  color:#c9d2de;
  font-size:17px;
  line-height:1.45;
}
.aifs .definition strong, .aifs .bottom-note strong{color:#fff}

/* DESKTOP */
.aifs .desktop{display:block}
.aifs .mobile{display:none}
.aifs .diagram{
  position:relative;
  height:690px;
  margin-top:6px;
}
.aifs .wires{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  overflow:visible;
  z-index:1;
  pointer-events:none;
}
.aifs .wire-base{
  fill:none;
  stroke:rgba(255,255,255,.055);
  stroke-width:1.3;
  vector-effect:non-scaling-stroke;
}
.aifs .wire-live{
  fill:none;
  stroke:var(--accent);
  stroke-width:2.4;
  stroke-linecap:round;
  stroke-linejoin:round;
  vector-effect:non-scaling-stroke;
  filter:drop-shadow(0 0 8px rgba(var(--accent-rgb),.18));
}
.aifs .spoke-live{
  fill:none;
  stroke:var(--accent);
  stroke-width:2.1;
  stroke-linecap:round;
  vector-effect:non-scaling-stroke;
  filter:drop-shadow(0 0 7px rgba(var(--accent-rgb),.16));
}
.aifs .travel-halo{
  fill:rgba(var(--accent-rgb),.14);
  filter:drop-shadow(0 0 8px rgba(var(--accent-rgb),.30));
}
.aifs .travel-core{
  fill:var(--accent);
  filter:drop-shadow(0 0 7px rgba(var(--accent-rgb),.55));
}
.aifs .node, .aifs .center{
  position:absolute;
  z-index:2;
  border:1px solid rgba(255,255,255,.10);
  background:var(--panel);
  backdrop-filter:blur(12px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
.aifs .node{
  width:242px;
  min-height:100px;
  padding:15px 16px 15px 20px;
  border-radius:20px;
  transition:border-color .28s ease,box-shadow .28s ease,background .28s ease;
}
.aifs .node.active{
  border-color:rgba(var(--accent-rgb),.42);
  background:rgba(10,17,26,.94);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 0 0 1px rgba(var(--accent-rgb),.055),
    0 0 20px rgba(var(--accent-rgb),.12);
}
.aifs .node-title{
  position:relative;
  padding-left:17px;
  font-size:18px;
  line-height:1.12;
  letter-spacing:-.02em;
}
.aifs .node-title::before{
  content:"";
  position:absolute;
  left:0;
  top:.53em;
  width:10px;height:10px;
  border-radius:50%;
  background:var(--inactive);
  transition:.28s ease;
}
.aifs .node.active .node-title::before{
  background:var(--accent);
  box-shadow:0 0 12px rgba(var(--accent-rgb),.55);
}
.aifs .node-text{
  margin-top:9px;
  color:var(--muted);
  font-size:12px;
  line-height:1.45;
}
.aifs .top{left:50%;top:18px;transform:translateX(-50%)}
.aifs .right{right:44px;top:247px}
.aifs .br{right:160px;bottom:40px}
.aifs .bl{left:160px;bottom:40px}
.aifs .left{left:44px;top:247px}

.aifs .center{
  left:50%;top:50%;
  transform:translate(-50%,-50%);
  width:278px;height:278px;
  border-radius:50%;
  display:grid;place-items:center;
  text-align:center;
  padding:30px;
  border-color:rgba(var(--accent-rgb),.16);
  background:
    radial-gradient(circle at 34% 24%,rgba(var(--accent-rgb),.15),rgba(40,57,80,.07) 46%,rgba(7,13,21,.87)),
    linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.01));
  transition:border-color .4s ease,box-shadow .4s ease,transform .4s ease;
}
.aifs .center::before, .aifs .center::after{
  content:"";
  position:absolute;
  border-radius:50%;
  opacity:0;
  transition:.4s ease;
}
.aifs .center::before{
  inset:-17px;
  border:1px solid rgba(var(--accent-rgb),.10);
}
.aifs .center::after{
  inset:-33px;
  border:1px dashed rgba(var(--accent-rgb),.07);
}
.aifs .center.active{
  border-color:rgba(var(--accent-rgb),.40);
  box-shadow:0 0 0 1px rgba(var(--accent-rgb),.05),0 0 34px rgba(var(--accent-rgb),.16),inset 0 1px 0 rgba(255,255,255,.05);
  animation:centerBreathe 2.9s ease-in-out infinite;
}
.aifs .center.active::before, .aifs .center.active::after{opacity:1}
.aifs .center-title{
  font-size:28px;
  font-weight:760;
  line-height:1.02;
  letter-spacing:-.035em;
}
.aifs .center-text{
  margin-top:12px;
  color:var(--muted);
  font-size:15px;
  line-height:1.42;
}
@keyframes centerBreathe{
  0%,100%{transform:translate(-50%,-50%) scale(1)}
  50%{transform:translate(-50%,-50%) scale(1.014)}
}

/* MOBILE */
.aifs .mflow{
  position:relative;
  padding:8px 0 5px;
}
.aifs .rail{
  position:absolute;
  left:17px;
  top:8px;
  bottom:22px;
  width:2px;
  border-radius:999px;
  background:rgba(255,255,255,.075);
}
.aifs .rail-fill{
  position:absolute;
  left:0;top:0;
  width:100%;
  height:0;
  border-radius:inherit;
  background:linear-gradient(180deg,var(--accent),rgba(var(--accent-rgb),.52));
  box-shadow:0 0 12px rgba(var(--accent-rgb),.20);
}
.aifs .rail-pulse{
  position:absolute;
  left:50%;
  top:0;
  width:22px;
  height:22px;
  transform:translate(-50%,-50%);
  opacity:0;
}
.aifs .rail-pulse::before{
  content:"";
  position:absolute;
  inset:0;
  clip-path:polygon(50% 100%, 0 38%, 28% 38%, 28% 0, 72% 0, 72% 38%, 100% 38%);
  background:linear-gradient(180deg,rgba(var(--accent-rgb),1),rgba(var(--accent-rgb),.78));
  box-shadow:0 0 16px rgba(var(--accent-rgb),.38);
  filter:drop-shadow(0 0 8px rgba(var(--accent-rgb),.35));
}
.aifs .mflow.started .rail-pulse{opacity:1}
.aifs .m-item{
  position:relative;
  margin-left:42px;
  margin-bottom:13px;
}
.aifs .m-card, .aifs .m-center{
  position:relative;
  border:1px solid rgba(255,255,255,.10);
  background:var(--panel);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
  transition:border-color .26s ease,box-shadow .26s ease,transform .26s ease;
}
.aifs .m-card{
  padding:15px 14px 14px 16px;
  border-radius:20px;
}
.aifs .m-center{
  padding:21px 16px 18px;
  border-radius:24px;
  border-color:rgba(var(--accent-rgb),.18);
  background:
    radial-gradient(circle at 34% 24%,rgba(var(--accent-rgb),.17),rgba(40,57,80,.08) 44%,rgba(7,13,21,.88)),
    linear-gradient(180deg,rgba(255,255,255,.022),rgba(255,255,255,.012));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 0 0 1px rgba(var(--accent-rgb),.02);
}
.aifs .m-center::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:inherit;
  pointer-events:none;
  background:
    linear-gradient(135deg,rgba(var(--accent-rgb),.22),transparent 24%,transparent 74%,rgba(var(--accent-rgb),.14));
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  padding:1px;
  opacity:.9;
}
.aifs .m-center .m-title{font-size:27px}
.aifs .m-center .m-sub{font-size:14px}
.aifs .m-center::after{
  content:"Объединяет весь процесс";
  position:absolute;
  right:12px;
  top:12px;
  padding:6px 9px;
  border-radius:999px;
  font-size:10px;
  font-weight:760;
  letter-spacing:.03em;
  color:#d7fff8;
  border:1px solid rgba(var(--accent-rgb),.18);
  background:rgba(var(--accent-rgb),.08);
}
.aifs .m-card.active, .aifs .m-center.active{
  border-color:rgba(var(--accent-rgb),.42);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 0 0 1px rgba(var(--accent-rgb),.055),0 0 18px rgba(var(--accent-rgb),.11);
  transform:translateY(-1px);
}
.aifs .m-dot{
  position:absolute;
  left:-32px;
  top:23px;
  width:14px;height:14px;
  border-radius:50%;
  background:var(--inactive);
  box-shadow:0 0 0 3px rgba(7,17,25,.88);
  transition:.26s ease;
}
.aifs .active .m-dot{
  background:var(--accent);
  box-shadow:0 0 0 3px rgba(7,17,25,.88),0 0 13px rgba(var(--accent-rgb),.52);
}
.aifs .m-title{
  margin-bottom:7px;
  font-size:21px;
  line-height:1.07;
  letter-spacing:-.03em;
}
.aifs .m-sub{
  color:var(--muted);
  font-size:13px;
  line-height:1.47;
}
.aifs .m-center.active{
  border-color:rgba(var(--accent-rgb),.48);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 0 0 1px rgba(var(--accent-rgb),.07),
    0 0 22px rgba(var(--accent-rgb),.16);
  animation:mCenterBreathe 2.9s ease-in-out infinite;
}
@keyframes mCenterBreathe{50%{transform:scale(1.01)}}

@media(max-width:980px){
  .aifs .desktop{display:none}
  .aifs .mobile{display:block}
}
@media(max-width:720px){
  .aifs main{width:min(100% - 18px,1180px);padding:42px 0 130px}
  .aifs .block{padding:18px 14px 16px;border-radius:26px}
  .aifs .head{margin-bottom:12px}
  .aifs .title{font-size:34px}
  .aifs .caption{font-size:13px}
  .aifs .chip{display:none}
  .aifs .definition{font-size:13px}
  .aifs .bottom-note{font-size:15px}
  .aifs .m-center .m-title{font-size:24px}
  .aifs .m-center::after{font-size:9px;padding:5px 8px;right:10px;top:10px}
}
@media(prefers-reduced-motion:reduce){
  .aifs *, .aifs *::before, .aifs *::after{transition:none!important;animation:none!important}
}

/* 3. Dialogue Timeline v4 Premium White */
.dtm{
--page:#091016;
  --paper:#f7f7f3;
  --paper-2:#ffffff;
  --ink:#15171a;
  --muted:#71767d;
  --hair:#dedfd9;
  --hair-2:#ecece7;
  --accent:#5967ff;
  --accent-soft:#eef0ff;
  --mint:#4fcfb7;
  --shadow:0 28px 80px rgba(0,0,0,.25);
}
.dtm{
  position:relative;
  overflow:hidden;
  color:var(--ink);
  border:1px solid rgba(255,255,255,.4);
  border-radius:34px;
  background:
    radial-gradient(700px 340px at 50% 0%,rgba(89,103,255,.045),transparent 68%),
    linear-gradient(180deg,var(--paper-2),var(--paper));
  box-shadow:var(--shadow);
  padding:30px 26px 34px;
}
.dtm::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.35;
  background-image:radial-gradient(rgba(18,20,24,.05) .55px,transparent .55px);
  background-size:8px 8px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.35),transparent 38%);
}
.dtm-head{
  position:relative;
  z-index:3;
  display:grid;
  justify-items:center;
  text-align:center;
  padding:4px 16px 24px;
}
.dtm-kicker{
  margin-bottom:10px;
  color:#777d87;
  font-size:10px;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.dtm-title{
  max-width:840px;
  margin:0;
  font-size:clamp(29px,4.4vw,50px);
  line-height:1;
  letter-spacing:-.045em;
}
.dtm-caption{
  max-width:720px;
  margin-top:11px;
  color:var(--muted);
  font-size:13px;
  line-height:1.55;
}
.dtm-summary{
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin-top:13px;
  color:#565b62;
  font-size:10px;
  font-weight:720;
}
.dtm-summary-dot{
  width:6px;height:6px;
  border-radius:50%;
  background:var(--mint);
}

/* ---------- timeline ---------- */
.dtm-flow{
  position:relative;
  z-index:2;
  max-width:980px;
  margin:0 auto;
  padding:16px 0 8px;
}
.dtm-axis{
  position:absolute;
  left:50%;
  top:22px;
  bottom:22px;
  width:1px;
  transform:translateX(-50%);
  background:var(--hair);
}
.dtm-axis-fill{
  position:absolute;
  left:0;top:0;
  width:1px;
  height:0;
  background:linear-gradient(180deg,var(--accent),var(--mint));
  box-shadow:0 0 8px rgba(89,103,255,.16);
}
.dtm-spark{
  position:absolute;
  z-index:5;
  left:50%;
  top:0;
  width:25px;
  height:34px;
  border:0;
  border-radius:0;
  transform:translate(-50%,-26%);
  background:transparent;
  box-shadow:none;
  filter:drop-shadow(0 4px 7px rgba(56,72,230,.36));
  opacity:0;
}
.dtm-spark::before{content:"";position:absolute;left:11px;top:0;width:3px;height:20px;border-radius:999px;background:linear-gradient(180deg,#5f6cff,#4fcfb7)}
.dtm-spark::after{content:"";position:absolute;left:6px;top:15px;width:13px;height:13px;border-right:3px solid #4fcfb7;border-bottom:3px solid #4fcfb7;transform:rotate(45deg)}

.dtm-step{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) 56px minmax(0,1fr);
  min-height:132px;
  align-items:center;
}
.dtm-step-content{
  position:relative;
  max-width:430px;
  opacity:.35;
  transform:translateY(7px);
  transition:
    opacity .35s ease,
    transform .4s cubic-bezier(.16,1,.3,1);
}
.dtm-step.active .dtm-step-content{
  opacity:1;
  transform:none;
}
.dtm-step:nth-child(odd) .dtm-step-content{
  grid-column:1;
  justify-self:end;
  text-align:right;
  padding-right:19px;
}
.dtm-step:nth-child(even) .dtm-step-content{
  grid-column:3;
  justify-self:start;
  text-align:left;
  padding-left:19px;
}
.dtm-step-node{
  position:relative;
  grid-column:2;
  justify-self:center;
  z-index:3;
  width:42px;height:42px;
  border-radius:50%;
  display:grid;
  place-items:center;
  color:#8b9097;
  border:1px solid #d7d8d2;
  background:#fbfbf8;
  box-shadow:0 0 0 6px var(--paper);
  transition:
    color .3s ease,
    border-color .3s ease,
    background .3s ease,
    transform .3s ease,
    box-shadow .3s ease;
}
.dtm-step-node svg{width:19px;height:19px;display:block}
.dtm-step.active .dtm-step-node{
  color:#fff;
  border-color:#1b1d21;
  background:#1b1d21;
  transform:scale(1.03);
  box-shadow:0 0 0 6px var(--paper),0 6px 16px rgba(20,22,25,.14);
}
.dtm-step.selected .dtm-step-node{
  background:var(--accent);
  border-color:var(--accent);
  box-shadow:0 0 0 6px var(--paper),0 0 0 9px rgba(89,103,255,.07);
}

.dtm-step-meta{
  display:flex;
  align-items:center;
  gap:7px;
  margin-bottom:5px;
  color:#999da3;
  font-size:9.5px;
  font-weight:800;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.dtm-step-kind{
  color:#70757d;
}
.dtm-step.selected .dtm-step-kind{
  color:var(--accent);
}
.dtm-step:nth-child(odd) .dtm-step-meta{justify-content:flex-end}
.dtm-step-title{
  font-size:22px;
  line-height:1.1;
  font-weight:790;
  letter-spacing:-.027em;
}
.dtm-step-copy{
  margin-top:7px;
  color:#686d74;
  font-size:13.5px;
  line-height:1.5;
}
.dtm-extras{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
  margin-top:8px;
}
.dtm-step:nth-child(odd) .dtm-extras{justify-content:flex-end}
.dtm-extra{
  display:inline-flex;
  align-items:center;
  gap:5px;
  min-height:25px;
  padding:5px 8px;
  border:1px solid #e1e2dc;
  border-radius:999px;
  background:rgba(255,255,255,.68);
  color:#666b72;
  font-size:9.5px;
  font-weight:740;
  white-space:nowrap;
}
.dtm-extra svg{
  width:13px;height:13px;
  display:block;
}
.dtm-extra.tech{
  border-color:#dfe2ff;
  background:var(--accent-soft);
  color:#5961a1;
}
.dtm-extra.data{
  border-color:#d5eee8;
  background:#f0faf7;
  color:#52776f;
}


/* orchestration: tiny multi-agent convergence */
.dtm-orch-dot{
  position:absolute;
  z-index:-1;
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--accent);
  box-shadow:0 0 0 3px rgba(89,103,255,.06);
  opacity:0;
  pointer-events:none;
}
.dtm-orch-dot.a{left:-8px;top:5px}
.dtm-orch-dot.b{right:-8px;top:5px}
.dtm-orch-dot.c{left:50%;bottom:-9px;transform:translateX(-50%)}
.dtm-step.active[data-type="orchestration"] .dtm-orch-dot.a{
  animation:dtmConvergeA .72s cubic-bezier(.16,1,.3,1) .05s both;
}
.dtm-step.active[data-type="orchestration"] .dtm-orch-dot.b{
  animation:dtmConvergeB .72s cubic-bezier(.16,1,.3,1) .10s both;
}
.dtm-step.active[data-type="orchestration"] .dtm-orch-dot.c{
  animation:dtmConvergeC .72s cubic-bezier(.16,1,.3,1) .15s both;
}
@keyframes dtmConvergeA{
  0%{opacity:0;transform:translate(-7px,-5px) scale(.7)}
  28%{opacity:1}
  78%{opacity:1;transform:translate(11px,9px) scale(1)}
  100%{opacity:0;transform:translate(17px,12px) scale(.35)}
}
@keyframes dtmConvergeB{
  0%{opacity:0;transform:translate(7px,-5px) scale(.7)}
  28%{opacity:1}
  78%{opacity:1;transform:translate(-11px,9px) scale(1)}
  100%{opacity:0;transform:translate(-17px,12px) scale(.35)}
}
@keyframes dtmConvergeC{
  0%{opacity:0;transform:translate(-50%,8px) scale(.7)}
  28%{opacity:1}
  78%{opacity:1;transform:translate(-50%,-9px) scale(1)}
  100%{opacity:0;transform:translate(-50%,-14px) scale(.35)}
}

/* final action = quiet culmination */
.dtm-step[data-type="action"] .dtm-step-node{
  border-color:#b9ded6;
}
.dtm-step.active[data-type="action"] .dtm-step-node{
  color:#fff;
  background:var(--mint);
  border-color:var(--mint);
}
.dtm-step.selected[data-type="action"] .dtm-step-node{
  background:#202522;
  border-color:#202522;
  box-shadow:0 0 0 6px var(--paper),0 0 0 9px rgba(79,207,183,.09);
}
.dtm-action-result{
  display:flex;
  align-items:flex-start;
  gap:6px;
  margin-top:9px;
  padding-top:8px;
  border-top:1px solid #dfe7e4;
  color:#4e6f67;
  font-size:10.5px;
  font-weight:760;
  line-height:1.4;
}
.dtm-action-check{
  flex:none;
  display:grid;
  place-items:center;
  width:16px;height:16px;
  border-radius:50%;
  background:#eaf8f4;
  color:#3c8b7b;
  font-size:10px;
  margin-top:0;
}

/* smart extras density */
.dtm-extra-more{
  display:inline-flex;
  align-items:center;
  min-height:25px;
  padding:5px 8px;
  border:1px solid #e1e2dc;
  border-radius:999px;
  background:#f5f5f1;
  color:#747981;
  font-size:9.5px;
  font-weight:800;
}
.dtm-extra-mobile-more{display:none}

/* tiny action link */
.dtm-orb{
  appearance:none;
  position:relative;
  z-index:3;
  display:flex;
  align-items:center;
  gap:8px;
  margin:18px auto 0;
  padding:9px 12px;
  border:0;
  background:transparent;
  color:#5e636b;
  font:inherit;
  font-size:10px;
  font-weight:740;
  cursor:pointer;
}
.dtm-orb-arrow{
  display:grid;
  place-items:center;
  width:24px;height:24px;
  border-radius:50%;
  color:#fff;
  background:#1b1d21;
  transition:.2s ease;
}
.dtm-orb:hover .dtm-orb-arrow{
  transform:translateX(2px);
  background:var(--accent);
}

/* ---------- mobile: still alternating ---------- */
@media(max-width:760px){
  .dtm-step-content{max-width:100%}

  .dtm-extra:nth-child(n+3){display:none}
  .dtm-extra-desktop-more{display:none}
  .dtm-extra-mobile-more{display:inline-flex}
  .dtm-action-result{
    margin-top:7px;
    padding-top:6px;
    font-size:9.2px;
    line-height:1.35;
  }
  .dtm-action-check{
    width:14px;height:14px;
    font-size:9px;
  }


  .dtm{
    border-radius:26px;
    padding:22px 10px 26px;
  }
  .dtm-head{padding:2px 10px 18px}
  .dtm-title{font-size:29px}
  .dtm-caption{font-size:11.5px}
  .dtm-summary{font-size:9px}
  .dtm-flow{padding-top:9px}
  .dtm-axis{top:16px;bottom:16px}
  .dtm-step{
    grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr);
    min-height:138px;
  }
  .dtm-step-node{
    width:34px;height:34px;
    box-shadow:0 0 0 4px var(--paper);
  }
  .dtm-step.active .dtm-step-node,
  .dtm-step.selected .dtm-step-node{
    box-shadow:0 0 0 4px var(--paper);
  }
  .dtm-step-node svg{width:15px;height:15px}
  .dtm-step:nth-child(odd) .dtm-step-content{padding-right:10px}
  .dtm-step:nth-child(even) .dtm-step-content{padding-left:10px}
  .dtm-step-title{
    font-size:17px;
    line-height:1.12;
  }
  .dtm-step-copy{
    margin-top:5px;
    font-size:11.3px;
    line-height:1.45;
  }
  .dtm-step-meta{
    margin-bottom:4px;
    font-size:8px;
    letter-spacing:.08em;
  }
  .dtm-extras{
    gap:4px;
    margin-top:6px;
  }
  .dtm-extra{
    min-height:21px;
    max-width:100%;
    padding:3px 6px;
    font-size:8.2px;
  }
  .dtm-extra svg{width:11px;height:11px}
}
@media(max-width:370px){
  .dtm-step{
    grid-template-columns:minmax(0,1fr) 36px minmax(0,1fr);
    min-height:148px;
  }
  .dtm-step-title{font-size:15.5px}
  .dtm-step-copy{font-size:10.5px}
  .dtm-step:nth-child(odd) .dtm-step-content{padding-right:7px}
  .dtm-step:nth-child(even) .dtm-step-content{padding-left:7px}
}
@media(prefers-reduced-motion:reduce){
  .intent-chart[data-intent-chart] *, .intent-chart[data-intent-chart] *::before, .intent-chart[data-intent-chart] *::after{animation:none!important;transition:none!important}
}

/* Live readability tune: these charts can be embedded over a generated image.
   Keep their hierarchy legible even when the parent message is bright. */
.aifs .block{
  border-color:rgba(72,231,200,.38);
  background:
    radial-gradient(780px 460px at 50% 24%,rgba(72,231,200,.14),transparent 68%),
    linear-gradient(160deg,rgba(4,19,29,.94),rgba(3,12,21,.92));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 28px 70px rgba(0,0,0,.48);
}
.aifs .title,.aifs .node-title,.aifs .center-title,.aifs .m-title{color:#f7ffff;text-shadow:0 2px 16px rgba(0,0,0,.72)}
.aifs .caption,.aifs .node-text,.aifs .center-text,.aifs .m-sub{color:#d2e6ea;font-weight:560;text-shadow:0 1px 10px rgba(0,0,0,.68)}
.aifs .node,.aifs .center,.aifs .m-card,.aifs .m-center{background-color:rgba(3,15,26,.94);border-color:rgba(160,247,235,.42);box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 12px 30px rgba(0,0,0,.34)}
.aifs .center{background:radial-gradient(circle at 34% 24%,rgba(72,231,200,.24),rgba(18,61,69,.48) 44%,rgba(3,15,26,.97))}

.dtm-step-content{opacity:.72;color:#20252c}
.dtm-step.active .dtm-step-content{opacity:1}
.dtm-step-title{color:#18202a;text-shadow:0 1px 0 rgba(255,255,255,.75)}
.dtm-step-copy{color:#4f5965;font-weight:560}
.dtm-step-meta{color:#68717e}
.dtm-extra{color:#3f4954;border-color:#c8d0d5;background:rgba(255,255,255,.9)}

/* 4. Intent Score Cards v4 */
.isc{
--page:#071214;
  --panel:#0c1718;
  --panel-2:#0d1d1f;
  --panel-3:#10252a;
  --text:#eef7f6;
  --muted:#a7b7b6;
  --cyan:#58ead6;
  --cyan-rgb:88,234,214;
  --blue:#61c9ff;
  --blue-rgb:97,201,255;
  --violet:#9d7cff;
  --violet-rgb:157,124,255;
  --amber:#f2c26d;
  --amber-rgb:242,194,109;
  --line:rgba(88,234,214,.22);
  --line-soft:rgba(88,234,214,.11);
}
.isc{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(88,234,214,.22);
  border-radius:32px;
  background:
    radial-gradient(900px 420px at 18% 0%,rgba(23,125,116,.11),transparent 58%),
    radial-gradient(620px 340px at 82% 8%,rgba(50,173,208,.07),transparent 62%),
    linear-gradient(150deg,rgba(12,29,30,.97),rgba(7,18,20,.97));
  box-shadow:
    0 28px 72px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.045);
  padding:24px 22px 22px;
}
.isc::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(120deg,transparent 0 43%,rgba(255,255,255,.018) 50%,transparent 57%),
    repeating-linear-gradient(135deg,rgba(88,234,214,.018) 0 1px,transparent 1px 22px);
  opacity:.6;
}
.isc-head{
  position:relative;
  z-index:2;
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:flex-start;
  margin-bottom:18px;
}
.isc-head-copy{min-width:0}
.isc-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-bottom:9px;
  color:#73f3df;
  font-size:10px;
  font-weight:840;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.isc-kicker::before{
  content:"";
  width:7px;height:7px;
  border-radius:50%;
  background:var(--cyan);
  box-shadow:0 0 12px rgba(var(--cyan-rgb),.42);
}
.isc-title{
  margin:0;
  max-width:860px;
  font-size:clamp(27px,4vw,44px);
  line-height:1.03;
  letter-spacing:-.04em;
}
.isc-caption{
  max-width:820px;
  margin-top:9px;
  color:#b3c5c3;
  font-size:13px;
  line-height:1.5;
}
.isc-badge{
  flex:none;
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:8px 11px;
  border-radius:999px;
  border:1px solid rgba(88,234,214,.22);
  background:rgba(88,234,214,.055);
  color:#bffbf1;
  font-size:9.5px;
  font-weight:800;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.isc-badge-dot{
  width:6px;height:6px;border-radius:50%;
  background:var(--cyan);
  box-shadow:0 0 10px rgba(var(--cyan-rgb),.5);
}

.isc-note{
  position:relative;
  z-index:2;
  margin-bottom:14px;
  padding:13px 15px;
  border-radius:17px;
  border:1px solid rgba(72,195,224,.22);
  background:
    linear-gradient(90deg,rgba(15,83,86,.34),rgba(9,31,42,.46));
  color:#c0d6d4;
  font-size:12px;
  line-height:1.45;
}

/* ---------- grid ---------- */
.isc-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.isc-card{
  position:relative;
  overflow:hidden;
  min-width:0;
  border:1px solid rgba(88,234,214,.20);
  border-radius:24px;
  background:
    radial-gradient(360px 180px at 30% 0%,rgba(56,193,178,.085),transparent 72%),
    linear-gradient(150deg,rgba(13,31,32,.94),rgba(8,21,23,.94));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    0 12px 30px rgba(0,0,0,.12);
  opacity:0;
  transform:translateY(12px) scale(.985);
  transition:
    opacity .5s cubic-bezier(.16,1,.3,1),
    transform .55s cubic-bezier(.16,1,.3,1),
    border-color .25s ease,
    box-shadow .25s ease;
}
.isc-card.enter{
  opacity:1;
  transform:none;
}
.isc-card:hover{
  border-color:rgba(88,234,214,.34);
  box-shadow:
    0 18px 36px rgba(0,0,0,.18),
    0 0 0 1px rgba(88,234,214,.03) inset;
}
.isc-card.active{
  border-color:rgba(88,234,214,.42);
  box-shadow:
    0 20px 42px rgba(0,0,0,.2),
    0 0 26px rgba(var(--cyan-rgb),.055),
    inset 0 1px 0 rgba(255,255,255,.04);
}
.isc-card::after{
  content:"";
  position:absolute;
  left:0;right:0;top:0;
  height:2px;
  background:linear-gradient(90deg,transparent,var(--cyan),transparent);
  opacity:.38;
}
.isc-card:nth-child(2)::after{
  background:linear-gradient(90deg,transparent,var(--blue),transparent);
}
.isc-card:nth-child(3)::after{
  background:linear-gradient(90deg,transparent,var(--violet),transparent);
}

.isc-card-btn{
  appearance:none;
  display:block;
  width:100%;
  min-height:330px;
  border:0;
  padding:15px 15px 14px;
  color:inherit;
  background:transparent;
  font:inherit;
  text-align:left;
  cursor:pointer;
}
.isc-top{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:10px;
}
.isc-label{
  max-width:78%;
  color:#dff7f4;
  font-size:13px;
  font-weight:820;
  line-height:1.2;
}
.isc-rank{
  flex:none;
  display:grid;
  place-items:center;
  width:30px;height:30px;
  border-radius:50%;
  border:1px solid rgba(88,234,214,.20);
  background:rgba(88,234,214,.045);
  color:#9feadd;
  font-size:9px;
  font-weight:820;
}

/* ---------- gauge ---------- */
.isc-gauge{
  position:relative;
  width:min(100%,280px);
  aspect-ratio:1.45/1;
  margin:10px auto 0;
}
.isc-svg{
  width:100%;
  height:100%;
  overflow:visible;
  display:block;
}
.isc-track{
  fill:none;
  stroke:rgba(207,224,223,.16);
  stroke-width:12;
  stroke-linecap:round;
}
.isc-value{
  fill:none;
  stroke:var(--cyan);
  stroke-width:12;
  stroke-linecap:round;
  stroke-dasharray:100 100 !important;
  stroke-dashoffset:100;
  will-change:stroke-dashoffset;
  filter:drop-shadow(0 0 8px rgba(var(--cyan-rgb),.25));
}
.isc-card:nth-child(2) .isc-value{
  stroke:var(--blue);
  filter:drop-shadow(0 0 8px rgba(var(--blue-rgb),.25));
}
.isc-card:nth-child(3) .isc-value{
  stroke:var(--violet);
  filter:drop-shadow(0 0 8px rgba(var(--violet-rgb),.22));
}

.isc-sweep-dot{
  position:absolute;
  width:9px;height:9px;
  border-radius:50%;
  background:#fff;
  border:2px solid currentColor;
  box-shadow:0 0 10px currentColor;
  opacity:0;
  pointer-events:none;
  transform:translate(-50%,-50%);
}
.isc-card:nth-child(1) .isc-sweep-dot{color:var(--cyan)}
.isc-card:nth-child(2) .isc-sweep-dot{color:var(--blue)}
.isc-card:nth-child(3) .isc-sweep-dot{color:var(--violet)}

.isc-score-wrap{
  position:absolute;
  left:50%;
  top:57%;
  transform:translate(-50%,-50%);
  text-align:center;
  pointer-events:none;
}
.isc-score{
  font-size:clamp(52px,5.5vw,70px);
  line-height:.82;
  letter-spacing:-.06em;
  font-weight:900;
  color:#fff;
  text-shadow:0 4px 18px rgba(0,0,0,.16);
}
.isc-score-max{
  margin-top:9px;
  color:#9eb0ae;
  font-size:9px;
  font-weight:780;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.isc-status{
  margin-top:-2px;
  text-align:center;
  color:#effaf8;
  font-size:17px;
  line-height:1.15;
  font-weight:820;
  letter-spacing:-.025em;
}
.isc-short{
  max-width:250px;
  margin:7px auto 0;
  text-align:center;
  color:#9fb1af;
  font-size:11px;
  line-height:1.45;
}

/* ---------- detail ---------- */
.isc-detail{
  max-height:0;
  overflow:hidden;
  opacity:0;
  transition:max-height .34s cubic-bezier(.16,1,.3,1),opacity .25s ease;
}
.isc-card.active .isc-detail{
  max-height:140px;
  opacity:1;
}
.isc-detail-inner{
  margin:0 13px 13px;
  padding:11px 12px 12px;
  border-top:1px solid rgba(88,234,214,.10);
  color:#a8bcba;
  font-size:10.5px;
  line-height:1.48;
}
.isc-detail-inner strong{color:#eafffb}

.isc-footer{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:14px;
  padding:11px 13px;
  border-radius:16px;
  border:1px solid rgba(88,234,214,.11);
  background:rgba(88,234,214,.025);
  color:#98aca9;
  font-size:10px;
  line-height:1.4;
}
.isc-footer strong{
  color:#dff8f4;
  font-weight:780;
}
.isc-footer-orb{
  appearance:none;
  flex:none;
  border:1px solid rgba(88,234,214,.19);
  border-radius:999px;
  background:rgba(88,234,214,.05);
  color:#bffaf0;
  padding:7px 10px;
  font:inherit;
  font-size:9px;
  font-weight:800;
  cursor:pointer;
}

/* ---------- mobile ---------- */
@media(max-width:760px){
  .isc{
    padding:17px 10px 15px;
    border-radius:25px;
  }
  .isc-head{
    display:grid;
    gap:10px;
    margin-bottom:12px;
  }
  .isc-title{font-size:28px}
  .isc-caption{font-size:11.5px}
  .isc-badge{
    justify-self:start;
    font-size:8px;
    padding:6px 8px;
  }
  .isc-note{
    padding:10px 11px;
    margin-bottom:10px;
    font-size:10px;
  }
  .isc-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }
  .isc-card:last-child:nth-child(odd){
    grid-column:1 / -1;
    width:calc(50% - 4px);
    justify-self:center;
  }
  .isc-card{
    border-radius:19px;
  }
  .isc-card-btn{
    min-height:250px;
    padding:10px 7px 9px;
  }
  .isc-label{
    max-width:74%;
    font-size:10.5px;
  }
  .isc-rank{
    width:25px;height:25px;
    font-size:8px;
  }
  .isc-gauge{
    width:min(100%,190px);
    margin-top:6px;
  }
  .isc-track,.isc-value{
    stroke-width:10;
  }
  .isc-score{
    font-size:44px;
  }
  .isc-score-max{
    margin-top:6px;
    font-size:7px;
  }
  .isc-status{
    font-size:13px;
  }
  .isc-short{
    padding:0 3px;
    margin-top:5px;
    font-size:9px;
    line-height:1.36;
  }
  .isc-detail-inner{
    margin:0 7px 8px;
    padding:8px 6px;
    font-size:8.6px;
  }
  .isc-footer{
    display:grid;
    gap:8px;
    font-size:8.7px;
  }
  .isc-footer-orb{
    justify-self:start;
  }
}
@media(max-width:380px){
  .isc-card-btn{min-height:238px;padding-left:5px;padding-right:5px}
  .isc-gauge{width:min(100%,175px)}
  .isc-score{font-size:40px}
  .isc-status{font-size:12px}
  .isc-short{font-size:8.4px}
}
@media(prefers-reduced-motion:reduce){
  .isc-card{transition-duration:.18s}
}