/* Hero-carousel engine (namespaced hc-*), layered on site.css + v3-hero.css. */
  :root{--navH:64px}
  .hc-hero{position:relative;height:calc(100dvh - var(--navH));overflow:hidden;isolation:isolate;
    background:radial-gradient(120% 90% at 50% 42%,#0a1327 0%,#070d1c 46%,#050912 100%)}
  .hc-stage{position:absolute;inset:0}
  .hc-frame{position:absolute;inset:0;opacity:0;transition:opacity 820ms ease}
  .hc-frame.is-active{opacity:1}
  .hc-frame--brand{overflow:hidden;display:grid;place-items:center}
  .hc-frame--overview{overflow-y:auto;overflow-x:hidden}
  @media (prefers-reduced-motion:reduce){.hc-frame{transition:none}}
  .hc-brandframe{position:absolute;inset:0}
  .hc-brandcopy{position:absolute;inset:0;z-index:2;text-align:center;display:flex;flex-direction:column;
    align-items:center;justify-content:center;gap:clamp(12px,2.6vh,26px);padding:0 20px;
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif}
  .hc-b-brand{font-size:clamp(52px,12vw,168px);font-weight:900;letter-spacing:-.03em;line-height:.92;color:#fff;margin:0}
  .hc-b-brand span{color:#4C8DFF}
  .hc-b-tag{font-size:clamp(18px,3vw,42px);font-weight:400;letter-spacing:.005em;color:#dbe6fb}
  .hc-b-foot{position:absolute;left:0;right:0;bottom:clamp(26px,7vh,74px);text-align:center;
    font-size:clamp(15px,2.2vw,26px);font-weight:300;letter-spacing:.06em;color:#c9d6ef}
  .hc-b-foot b{font-weight:800;color:#eaf1ff}
  /* Edge navigation: dynamic adjacent-pane labels + chevron. The label sits ABOVE the chevron
     and is fixed at the hero edge (never rotates with pane content). */
  .hc-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:20;display:flex;flex-direction:column;
    gap:11px;cursor:pointer;background:none;border:0;padding:0;
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif}
  .hc-nav.prev{left:clamp(10px,2.4vw,34px);align-items:flex-start;text-align:left}
  .hc-nav.next{right:clamp(10px,2.4vw,34px);align-items:flex-end;text-align:right}
  .hc-nav-label{display:flex;flex-direction:column;gap:3px;line-height:1.15;opacity:.62;
    transition:opacity .22s ease;pointer-events:none;max-width:16ch}
  .hc-nav-eyebrow{font-size:12px;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:#8fa6cf}
  .hc-nav-title{font-size:clamp(18px,1.5vw,21px);font-weight:700;color:#eaf1ff}
  /* Restrained on content-heavy panes: labels stay on screen, just a touch dimmer. */
  .hc-hero[data-navheavy="1"] .hc-nav-label{opacity:.5}
  .hc-nav:hover .hc-nav-label,.hc-nav:focus-visible .hc-nav-label{opacity:1}
  .hc-nav-chev{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;
    background:rgba(9,16,30,.5);border:1px solid rgba(76,141,255,.42);opacity:.9;
    -webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .18s,border-color .18s,opacity .18s}
  .hc-nav:hover .hc-nav-chev,.hc-nav:focus-visible .hc-nav-chev{background:rgba(20,34,62,.78);border-color:rgba(120,175,255,.75);opacity:1}
  .hc-nav:focus-visible .hc-nav-chev{outline:2px solid #7fb0ff;outline-offset:2px}
  .hc-nav:focus-visible{outline:none}
  .hc-nav-chev svg{width:20px;height:20px;stroke:#cfe0ff;stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round}
  @media (max-width:760px){.hc-nav-label{display:none}}

  /* Showcase frame — message (left) + board-deck slide image (right); no octagon */
  .hc-frame--showcase{overflow-y:auto;overflow-x:hidden}
  .hc-show{position:absolute;inset:0;display:grid;grid-template-columns:clamp(230px,26vw,360px) 1fr;
    align-items:center;gap:clamp(16px,2.4vw,44px);padding:clamp(12px,2.4vh,32px) clamp(16px,2.6vw,44px);
    max-width:2300px;margin:0 auto;
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif}
  .hc-show-eyebrow{font-size:13px;letter-spacing:.22em;text-transform:uppercase;color:#9fb6df;font-weight:700;margin-bottom:clamp(14px,2.4vh,22px)}
  .hc-show-head{font-size:clamp(30px,4vw,56px);font-weight:800;line-height:1.08;letter-spacing:-.015em;color:#f3f7ff;margin:0}
  .hc-show-head .hc-acc{color:#4C8DFF}
  .hc-show-sub{font-size:clamp(16px,1.5vw,22px);line-height:1.5;color:#a9bcdd;margin-top:clamp(14px,2.4vh,22px);max-width:36ch}
  .hc-show-cta{display:inline-flex;align-items:center;gap:9px;margin-top:clamp(20px,3.4vh,32px);
    font-size:16px;font-weight:800;color:#fff;text-decoration:none;background:linear-gradient(180deg,#4C8DFF,#2f6fe0);
    border-radius:12px;padding:14px 24px}
  .hc-show-cta svg{width:18px;height:18px;stroke:#fff;stroke-width:2.4;fill:none;stroke-linecap:round;stroke-linejoin:round}
  .hc-show-media{display:flex;align-items:center;justify-content:center;min-width:0}
  /* Bare visual (e.g. the AI graphic): no frame; fades into the dark background */
  .hc-show-media.hc-bare img{border:0;box-shadow:none;border-radius:0;
    -webkit-mask-image:linear-gradient(to right,transparent 0,#000 8%,#000 100%);
            mask-image:linear-gradient(to right,transparent 0,#000 8%,#000 100%)}
  .hc-show-media img{width:100%;height:auto;max-height:92vh;border-radius:14px;
    border:1px solid rgba(150,185,235,.35);
    box-shadow:0 36px 80px -14px rgba(0,0,0,.65),0 14px 28px -12px rgba(0,0,0,.5)}
  @media (max-width:900px){
    .hc-show{grid-template-columns:1fr;align-content:center;gap:clamp(16px,3vh,26px);text-align:center;padding:clamp(20px,4vh,40px) 22px}
    .hc-show-sub{margin-left:auto;margin-right:auto}
    .hc-show-cta{margin-left:auto;margin-right:auto}
    .hc-show-media img{max-height:50vh}
  }

  /* Licensing frame (pane 4) — message (left) + native "capabilities you own" card (right) */
  .hc-frame--licensing{overflow-y:auto;overflow-x:hidden}
  .hc-lic{position:absolute;inset:0;display:grid;grid-template-columns:minmax(240px,26%) 1fr;
    align-items:center;gap:clamp(16px,2.4vw,46px);padding:clamp(12px,2.4vh,34px) clamp(16px,2.6vw,48px);
    max-width:2200px;margin:0 auto;
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif}
  .hc-lic-card{background:rgba(14,22,40,.62);border:1px solid rgba(140,175,230,.30);border-radius:18px;
    padding:clamp(18px,2.3vw,32px);
    box-shadow:0 36px 80px -14px rgba(0,0,0,.65),0 14px 28px -12px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.08)}
  .hc-lic-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
  .hc-lic-stat{background:rgba(20,30,52,.5);border:1px solid rgba(90,130,190,.16);border-radius:12px;padding:14px 16px}
  .hc-lic-stat .n{font-size:clamp(26px,2.3vw,38px);font-weight:800;line-height:1}
  .hc-lic-stat .l{font-size:13px;color:#9db0d2;margin-top:6px}
  .hc-lic-stat.blue .n{color:#4C8DFF}.hc-lic-stat.amber .n{color:#f2b53b}.hc-lic-stat.grey .n{color:#cdd8ea}
  .hc-lic-div{height:1px;background:rgba(90,130,190,.16);margin:clamp(14px,2vh,22px) 0}
  .hc-lic-h{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#8ba0c4;font-weight:700;margin-bottom:14px}
  .hc-lic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
  .hc-lic-tile{background:rgba(20,30,52,.4);border:1px solid rgba(90,130,190,.16);border-radius:12px;
    padding:16px 12px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}
  .hc-lic-ic{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:rgba(76,141,255,.14)}
  .hc-lic-ic svg{width:22px;height:22px}
  .hc-lic-ic[data-cap="security"]{background:rgba(76,141,255,.16)}
  .hc-lic-ic[data-cap="collaboration"]{background:rgba(167,139,250,.16)}
  .hc-lic-ic[data-cap="automation"]{background:rgba(242,181,59,.14)}
  .hc-lic-ic[data-cap="analytics"]{background:rgba(52,211,194,.14)}
  .hc-lic-ic[data-cap="ai"]{background:rgba(167,139,250,.16)}
  .hc-lic-ic[data-cap="compliance"]{background:rgba(94,220,140,.14)}
  .hc-lic-tile .nm{font-size:14px;font-weight:700;color:#eaf1ff}
  .hc-lic-badge{font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#6ee7a0;
    border:1px solid rgba(94,220,140,.45);border-radius:999px;padding:3px 10px;background:rgba(46,125,80,.14)}
  .hc-lic-foot{text-align:center;color:#8ba0c4;font-size:14px;margin-top:clamp(14px,2vh,22px)}
  @media (max-width:960px){
    .hc-lic{grid-template-columns:1fr;text-align:center;gap:clamp(16px,3vh,26px);padding:clamp(18px,4vh,40px) 20px}
    .hc-lic .hc-show-sub{margin-left:auto;margin-right:auto}
    .hc-lic .hc-show-cta{margin-left:auto;margin-right:auto}
    .hc-lic-grid{grid-template-columns:repeat(2,1fr)}
    .hc-lic-tile{text-align:center}
  }

  /* Pane 6 — VerityPoint AI: scattered evidence resolves into three executive answers
     (WHAT CHANGED / WHY IT MATTERS / NEXT MOVE) with an EVIDENCE -> CONTEXT -> DECISION rail.
     Violet VerityPoint treatment. Native SVG, CSP-safe; motion is CSS keyframes gated on
     .hc-frame--aicards.is-active, so the engine's rebuild-per-mount replays it on return. */
  .hc-frame--aicards{overflow-y:auto;overflow-x:hidden;
    background:radial-gradient(58% 92% at 20% 48%,rgba(76,141,255,.13),transparent 70%),
      radial-gradient(70% 96% at 84% 46%,rgba(124,58,237,.17),transparent 68%)}
  .hc-aic{position:absolute;inset:0;display:grid;grid-template-columns:minmax(280px,30%) 1fr;
    align-items:center;gap:clamp(20px,2.6vw,50px);padding:clamp(14px,3vh,40px) clamp(18px,3.4vw,60px);
    max-width:2100px;margin:0 auto;
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif}
  .hc-aic-copy{position:relative;z-index:5;max-width:480px}
  .hc-aic-eyebrow{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:12px;font-weight:800;
    letter-spacing:.2em;text-transform:uppercase;margin-bottom:clamp(14px,2.2vh,20px)}
  .hc-aic-eyebrow .sb{color:#7fb0ff}.hc-aic-eyebrow .arrow{color:#8177a0;letter-spacing:0}.hc-aic-eyebrow .ai{color:#c4b5fd}
  .hc-aic-h{margin:0;font-size:clamp(32px,3.6vw,60px);line-height:1.03;letter-spacing:-.035em;font-weight:850;color:#f7f4ff}
  .hc-aic-h .src{color:#7fb0ff}
  .hc-aic-h .result{display:block;color:#c4b5fd}
  .hc-aic-sub{max-width:35ch;margin:clamp(14px,2.2vh,21px) 0 0;color:#c8bddb;font-size:clamp(16px,1.3vw,21px);line-height:1.5}
  .hc-aic-cta{margin-top:clamp(18px,2.6vh,28px);display:inline-flex;align-items:center;gap:10px;
    border:1px solid rgba(221,214,254,.52);border-radius:12px;background:linear-gradient(180deg,#a78bfa,#7c3aed);
    box-shadow:0 16px 38px rgba(76,29,149,.3),inset 0 1px rgba(255,255,255,.24);
    padding:14px 22px;color:#fff;font-size:16px;font-weight:800;text-decoration:none}
  .hc-aic-cta svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}
  .hc-aic-visual{position:relative;z-index:2;min-width:0}
  .hc-aic-visual svg{display:block;width:100%;height:auto;max-height:84vh;overflow:visible}
  .hc-aic-sig{opacity:0;transform-box:fill-box;transform-origin:center}
  .hc-aic-trail{fill:none;stroke:url(#hcAicTrail);stroke-width:1.35;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;opacity:0}
  .hc-aic-core{opacity:0;filter:blur(12px)}
  .hc-aic-octo{opacity:.06;filter:blur(8px);transform-box:fill-box;transform-origin:center}
  .hc-aic-spark{opacity:0;transform-box:fill-box;transform-origin:center}
  .hc-aic-out{fill:none;stroke:#bca7ff;stroke-width:2;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;opacity:0}
  .hc-aic-ans{opacity:0;transform-box:fill-box;transform-origin:left center}
  .hc-aic-pulse{opacity:0;transform-box:fill-box;transform-origin:center}
  .hc-aic-step{opacity:0}
  .hc-frame--aicards.is-active .hc-aic-sig{animation:hcAicSig .7s ease forwards}
  .hc-frame--aicards.is-active .hc-aic-sig.s1{animation-delay:.05s}
  .hc-frame--aicards.is-active .hc-aic-sig.s2{animation-delay:.17s}
  .hc-frame--aicards.is-active .hc-aic-sig.s3{animation-delay:.29s}
  .hc-frame--aicards.is-active .hc-aic-sig.s4{animation-delay:.41s}
  .hc-frame--aicards.is-active .hc-aic-sig.s5{animation-delay:.53s}
  .hc-frame--aicards.is-active .hc-aic-sig.s6{animation-delay:.65s}
  .hc-frame--aicards.is-active .hc-aic-trail{animation:hcAicDraw 1.55s ease forwards 1.05s}
  .hc-frame--aicards.is-active .hc-aic-trail.t2{animation-delay:1.18s}
  .hc-frame--aicards.is-active .hc-aic-trail.t3{animation-delay:1.31s}
  .hc-frame--aicards.is-active .hc-aic-trail.t4{animation-delay:1.44s}
  .hc-frame--aicards.is-active .hc-aic-trail.t5{animation-delay:1.57s}
  .hc-frame--aicards.is-active .hc-aic-core{animation:hcAicCore 1.5s ease forwards 2.2s}
  .hc-frame--aicards.is-active .hc-aic-octo{animation:hcAicOcto 1.35s ease forwards 2.15s}
  .hc-frame--aicards.is-active .hc-aic-spark{animation:hcAicSpark .7s cubic-bezier(.2,.9,.25,1) forwards}
  .hc-frame--aicards.is-active .hc-aic-spark.sp1{animation-delay:2.85s}
  .hc-frame--aicards.is-active .hc-aic-spark.sp2{animation-delay:3s}
  .hc-frame--aicards.is-active .hc-aic-spark.sp3{animation-delay:3.15s}
  .hc-frame--aicards.is-active .hc-aic-out{animation:hcAicDraw .8s ease forwards 3.25s}
  .hc-frame--aicards.is-active .hc-aic-ans{animation:hcAicAns .65s ease forwards}
  .hc-frame--aicards.is-active .hc-aic-ans.a1{animation-delay:3.65s}
  .hc-frame--aicards.is-active .hc-aic-ans.a2{animation-delay:4.05s}
  .hc-frame--aicards.is-active .hc-aic-ans.a3{animation-delay:4.45s}
  .hc-frame--aicards.is-active .hc-aic-pulse{animation:hcAicPulse 3.4s ease-out infinite 5.1s}
  .hc-frame--aicards.is-active .hc-aic-step{animation:hcAicFade .55s ease forwards 4.8s}
  .hc-frame--aicards.is-active .hc-aic-step.s-context{animation-delay:4.95s}
  .hc-frame--aicards.is-active .hc-aic-step.s-decision{animation-delay:5.1s}
  @keyframes hcAicSig{from{opacity:0;transform:scale(.35)}to{opacity:1;transform:scale(1)}}
  @keyframes hcAicDraw{0%{stroke-dashoffset:1;opacity:0}15%{opacity:.72}100%{stroke-dashoffset:0;opacity:.74}}
  @keyframes hcAicCore{0%{opacity:0}55%{opacity:.88}100%{opacity:.48}}
  @keyframes hcAicOcto{0%{opacity:.06;filter:blur(8px);transform:scale(.92)}100%{opacity:1;filter:blur(0);transform:scale(1)}}
  @keyframes hcAicSpark{0%{opacity:0;transform:scale(.25)}70%{opacity:1;transform:scale(1.18)}100%{opacity:1;transform:scale(1)}}
  @keyframes hcAicAns{from{opacity:0;transform:translateX(-18px)}to{opacity:1;transform:translateX(0)}}
  @keyframes hcAicPulse{0%{opacity:0;transform:scale(1)}22%{opacity:.4}100%{opacity:0;transform:scale(1.16)}}
  @keyframes hcAicFade{to{opacity:1}}
  @media (max-width:900px){
    .hc-aic{grid-template-columns:1fr;text-align:center;gap:clamp(14px,3vh,24px);padding:clamp(18px,4vh,36px) 22px;align-content:center}
    .hc-aic-copy{margin:0 auto}.hc-aic-sub{margin-left:auto;margin-right:auto}
    .hc-aic-eyebrow{justify-content:center}.hc-aic-visual svg{max-height:46vh}
  }
  @media (prefers-reduced-motion:reduce){
    .hc-aic-sig,.hc-aic-spark,.hc-aic-ans,.hc-aic-step{opacity:1}
    .hc-aic-trail,.hc-aic-out{stroke-dashoffset:0;opacity:.74}
    .hc-aic-core{opacity:.48}.hc-aic-octo{opacity:1;filter:none}.hc-aic-pulse{display:none}
    .hc-frame--aicards.is-active .hc-aic-sig,
    .hc-frame--aicards.is-active .hc-aic-trail,
    .hc-frame--aicards.is-active .hc-aic-core,
    .hc-frame--aicards.is-active .hc-aic-octo,
    .hc-frame--aicards.is-active .hc-aic-spark,
    .hc-frame--aicards.is-active .hc-aic-out,
    .hc-frame--aicards.is-active .hc-aic-ans,
    .hc-frame--aicards.is-active .hc-aic-step{animation:none}
  }

  /* Pane 7 — Executive Trend Analysis: milestone trajectory (Baseline..Target), 4 completed +
     2 planned points, best-practice band + target line. Native SVG; the external JS controller
     (CSP-safe) draws it and wires the filter tabs. Base states hide the series for the build. */
  .hc-frame--trajectory{overflow-y:auto;overflow-x:hidden}
  .hc-tr{position:absolute;inset:0;display:grid;grid-template-columns:minmax(290px,28%) 1fr;
    align-items:center;gap:clamp(20px,2.8vw,54px);padding:clamp(16px,3vh,50px) clamp(20px,3.6vw,66px);
    max-width:2200px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif}
  .hc-tr-copy{max-width:480px}
  .hc-tr-eyebrow{font-size:13px;font-weight:800;letter-spacing:.23em;text-transform:uppercase;color:#9fb6df;margin-bottom:clamp(14px,2.2vh,20px)}
  .hc-tr-h{margin:0;font-size:clamp(34px,3.7vw,62px);line-height:1.05;letter-spacing:-.03em;font-weight:850;color:#f3f7ff}
  .hc-tr-h span{display:block;color:#4c8dff}
  .hc-tr-sub{max-width:35ch;margin:clamp(15px,2.4vh,23px) 0 0;color:#a9bcdd;font-size:clamp(16px,1.3vw,22px);line-height:1.5}
  .hc-tr-cta{margin-top:clamp(18px,2.6vh,28px);display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(120,175,255,.5);border-radius:12px;
    background:linear-gradient(180deg,#4c8dff,#2f6fe0);box-shadow:0 16px 38px rgba(16,54,120,.28),inset 0 1px rgba(255,255,255,.2);
    padding:14px 22px;color:#fff;font-size:16px;font-weight:800;text-decoration:none}
  .hc-tr-cta svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}
  .hc-tr-card{min-width:0;background:rgba(9,17,32,.77);border:1px solid rgba(120,160,220,.3);border-radius:19px;
    padding:clamp(16px,1.7vw,26px);box-shadow:0 34px 78px -16px rgba(0,0,0,.66),inset 0 1px rgba(255,255,255,.06)}
  .hc-tr-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:13px}
  .hc-tr-title{font-size:clamp(15px,1.25vw,19px);font-weight:850;letter-spacing:.12em;text-transform:uppercase;color:#e7effb}
  .hc-tr-sample{flex:none;border:1px solid rgba(159,196,255,.28);border-radius:999px;padding:6px 10px;color:#91a7ca;background:rgba(35,54,84,.42);
    font-size:10.5px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
  .hc-tr-tabs{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:8px}
  .hc-tr-tab{border:1px solid rgba(90,130,190,.22);border-radius:999px;background:rgba(20,30,52,.58);padding:7px 12px;color:#a9bcdd;
    font:700 12.5px/1 inherit;cursor:pointer;transition:background .18s,border-color .18s,color .18s}
  .hc-tr-tab:hover{background:rgba(34,50,82,.78);color:#e5efff}
  .hc-tr-tab:focus-visible{outline:2px solid #7fb0ff;outline-offset:2px}
  .hc-tr-tab.is-sel{color:#fff;border-color:transparent;background:linear-gradient(180deg,#4c8dff,#2f6fe0)}
  .hc-tr-svg{display:block;width:100%;height:auto;max-height:54vh;overflow:visible}
  .hc-tr-grid{stroke:rgba(120,150,205,.12);stroke-width:1}
  .hc-tr-axis{fill:#7084a7;font-size:12px}
  .hc-tr-axt{fill:#7f94b8;font-size:11px;font-weight:700;letter-spacing:1px}
  .hc-tr-band{fill:rgba(79,224,184,.055)}
  .hc-tr-band-lbl{fill:#54d9b5;font-size:11.5px;font-weight:700}
  .hc-tr-target{stroke:#4fe0b8;stroke-width:1.7;stroke-dasharray:7 6;opacity:.86}
  .hc-tr-actual{fill:none;stroke:#4c8dff;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1000;stroke-dashoffset:1000}
  .hc-tr-plan{fill:none;stroke:#8fc0ff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:4 9;opacity:0}
  .hc-tr-svg.run .hc-tr-actual{animation:hcTrDraw 2.5s ease-out forwards}
  .hc-tr-svg.run .hc-tr-plan{animation:hcTrPlan 1.25s ease forwards 2.3s}
  .hc-tr-mk{opacity:0;transform-box:fill-box;transform-origin:center}
  .hc-tr-svg.run .hc-tr-mk{animation:hcTrMark .38s ease forwards}
  .hc-tr-svg.run .hc-tr-mk.m0{animation-delay:.25s}.hc-tr-svg.run .hc-tr-mk.m1{animation-delay:.9s}.hc-tr-svg.run .hc-tr-mk.m2{animation-delay:1.55s}.hc-tr-svg.run .hc-tr-mk.m3{animation-delay:2.2s}.hc-tr-svg.run .hc-tr-mk.m4{animation-delay:2.75s}.hc-tr-svg.run .hc-tr-mk.m5{animation-delay:3.2s}
  .hc-tr-score{fill:#dce8fb;font-size:14px;font-weight:850;opacity:0}
  .hc-tr-score.cur{fill:#fff;font-size:18px}.hc-tr-score.plan{fill:#9fc4ff}
  .hc-tr-svg.run .hc-tr-score{animation:hcTrFade .35s ease forwards}
  .hc-tr-svg.run .hc-tr-score.q0{animation-delay:.3s}.hc-tr-svg.run .hc-tr-score.q1{animation-delay:.95s}.hc-tr-svg.run .hc-tr-score.q2{animation-delay:1.6s}.hc-tr-svg.run .hc-tr-score.q3{animation-delay:2.25s}.hc-tr-svg.run .hc-tr-score.q4{animation-delay:2.85s}.hc-tr-svg.run .hc-tr-score.q5{animation-delay:3.3s}
  .hc-tr-plan-lbl{fill:#8fc0ff;font-size:11.5px;font-weight:700;letter-spacing:1px}
  .hc-tr-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-top:10px}
  .hc-tr-sum{border:1px solid rgba(90,130,190,.18);border-radius:13px;background:rgba(20,30,52,.48);padding:12px 14px;opacity:0;transform:translateY(7px)}
  .hc-tr-sum.good{border-color:rgba(94,220,140,.3);background:rgba(28,66,46,.27)}
  .hc-tr-sum.warn{border-color:rgba(242,181,59,.32);background:rgba(70,52,20,.28)}
  .hc-tr-sum .l{font-size:12.5px;font-weight:700;color:#b7c6de}.hc-tr-sum.good .l{color:#6ee7a0}.hc-tr-sum.warn .l{color:#f2b53b}
  .hc-tr-sum .v{margin-top:5px;font-size:clamp(19px,1.6vw,26px);font-weight:850;color:#f2f6fd}.hc-tr-sum.good .v{color:#6ee7a0}.hc-tr-sum.warn .v{color:#f2b53b}
  .hc-tr-card.ready .hc-tr-sum{animation:hcTrSum .45s ease forwards}
  .hc-tr-card.ready .hc-tr-sum:nth-child(2){animation-delay:.12s}.hc-tr-card.ready .hc-tr-sum:nth-child(3){animation-delay:.24s}
  .hc-tr-foot{display:flex;align-items:center;gap:9px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(90,130,190,.17);color:#9db0d2;font-size:13.5px}
  .hc-tr-foot svg{width:17px;height:17px;flex:none;fill:none;stroke:#f2b53b;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  @keyframes hcTrDraw{to{stroke-dashoffset:0}}
  @keyframes hcTrPlan{from{opacity:0}to{opacity:.95}}
  @keyframes hcTrMark{0%{opacity:0;transform:scale(.2)}70%{opacity:1;transform:scale(1.28)}100%{opacity:1;transform:scale(1)}}
  @keyframes hcTrFade{to{opacity:1}}
  @keyframes hcTrSum{to{opacity:1;transform:translateY(0)}}
  @media (max-width:1000px){
    .hc-tr{grid-template-columns:1fr;text-align:center;gap:clamp(14px,2.4vh,22px);padding:clamp(18px,3vh,34px) 20px;align-content:center}
    .hc-tr-copy{margin:0 auto}.hc-tr-sub{margin-left:auto;margin-right:auto}.hc-tr-card{margin-top:2px}.hc-tr-svg{max-height:44vh}.hc-tr-tabs{justify-content:center}.hc-tr-foot{justify-content:center}
  }
  @media (max-width:600px){.hc-tr-cards{grid-template-columns:1fr}.hc-tr-sample{display:none}}
  @media (prefers-reduced-motion:reduce){
    .hc-tr-actual{stroke-dashoffset:0}.hc-tr-plan{opacity:.95}
    .hc-tr-mk,.hc-tr-score,.hc-tr-sum{opacity:1;transform:none}
    .hc-tr-svg.run .hc-tr-actual,.hc-tr-svg.run .hc-tr-plan,.hc-tr-svg.run .hc-tr-mk,.hc-tr-svg.run .hc-tr-score,.hc-tr-card.ready .hc-tr-sum{animation:none}
  }