/* Hero-only lifecycle wheel and native HTML callouts. The shared lifecycle
 * gate/21-second CSS clock owns automatic emphasis; interactions only pause it. */
.codebeamer-page .cb-hero .pr-hero-grid{min-height:var(--cb-creo-hero-grid);max-height:none}
.codebeamer-page .cb-hero-lifecycle{height:auto;max-height:none;aspect-ratio:auto;align-self:stretch;background:transparent;overflow:visible}
.cb-hero-lifecycle:before,.cb-hero-lifecycle:after{display:none}
.cb-hero-lifecycle>.cb-lifecycle-svg{position:absolute;inset:auto;left:var(--cb-wheel-left,0px);top:var(--cb-wheel-top,0px);width:var(--cb-wheel-size,100%);height:var(--cb-wheel-size,calc(100% - 80px));pointer-events:none}
.cb-hero-lifecycle .cb-hero-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.cb-hero-lifecycle .cb-hero-hotspot{position:absolute;z-index:2;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--body-text-on-dark);cursor:help;visibility:hidden;overflow:visible}
.cb-hero-lifecycle[data-cb-hero-ready] .cb-hero-hotspot{visibility:visible}
.cb-hero-lifecycle .cb-hero-hotspot:focus-visible{outline:2px solid #9be7e3;outline-offset:2px}
.cb-hero-lifecycle .cb-hero-hotspot[data-cb-tip-open]{z-index:4}
.cb-hero-lifecycle .cb-hero-tip{position:absolute;left:var(--cb-tip-x,0);top:var(--cb-tip-y,0);z-index:5;box-sizing:border-box;width:max-content;max-width:var(--cb-hero-tip-limit,calc(100vw - 48px));padding:10px 14px;border:1px solid #65c3c7;border-radius:8px;background:#0d3549;color:#e5f7f8;font:600 1rem/1.5 var(--font-body);text-align:center;white-space:normal;overflow-wrap:anywhere;box-shadow:0 5px 18px #00182255;opacity:0;visibility:hidden;animation:cb-hero-tooltip 21s linear infinite;animation-delay:var(--cb-lifecycle-delay);animation-play-state:paused}
.cb-hero-lifecycle[data-cb-lifecycle-motion="active"] .cb-hero-tip{animation-play-state:running}
.cb-hero-lifecycle:not([data-cb-hero-ready]) .cb-hero-tip,
.cb-hero-lifecycle[data-cb-lifecycle-motion="idle"] .cb-hero-tip,
.cb-hero-lifecycle[data-cb-hero-paused] .cb-hero-tip{opacity:0!important;visibility:hidden!important}
.cb-hero-lifecycle[data-cb-hero-paused] :is(.cb-lifecycle-rotor,.cb-lifecycle-area,.cb-lifecycle-focus,.cb-hero-tip){animation-play-state:paused!important}
.cb-hero-lifecycle[data-cb-hero-ready] .cb-hero-hotspot[data-cb-tip-open] .cb-hero-tip{opacity:1!important;visibility:visible!important;animation-play-state:paused!important}
@keyframes cb-hero-tooltip{0%,5.5%,94.5%,100%{opacity:1;visibility:visible}7.1429%,92.8571%{opacity:0;visibility:hidden}}
@media(prefers-reduced-motion:reduce){.cb-hero-lifecycle .cb-hero-tip{animation:none}}
@media(max-width:700px){.codebeamer-page .cb-hero .pr-hero-grid{grid-template-rows:max-content minmax(0,1fr);align-items:start}.codebeamer-page .cb-hero-lifecycle{min-height:calc(12rem + 100px)}}
/* Responsive Creo reference heights, measured with the approved fonts/copy.
 * Minimums preserve matching normal-size heroes while allowing enlarged text
 * to grow naturally. Interpolation avoids abrupt steps between reference widths. */
.codebeamer-page .cb-hero{--cb-creo-hero-grid:842.484375px}
@media(min-width:320px){.codebeamer-page .cb-hero{--cb-creo-hero-grid:calc(787.3593750000px + 17.2265625000vw)}}
@media(min-width:360px){.codebeamer-page .cb-hero{--cb-creo-hero-grid:calc(630.7500000000px + 60.7291666667vw)}}
@media(min-width:375px){.codebeamer-page .cb-hero{--cb-creo-hero-grid:calc(1733.0937500000px - 233.2291666667vw)}}
@media(min-width:390px){.codebeamer-page .cb-hero{--cb-creo-hero-grid:calc(961.0156250000px - 35.2604166667vw)}}
@media(min-width:420px){.codebeamer-page .cb-hero{--cb-creo-hero-grid:calc(1006.0781250000px - 45.9895833333vw)}}
@media(min-width:480px){.codebeamer-page .cb-hero{--cb-creo-hero-grid:calc(544.1406250000px + 50.2473958333vw)}}
@media(min-width:600px){.codebeamer-page .cb-hero{--cb-creo-hero-grid:calc(896.3437500000px - 8.4531250000vw)}}
@media(min-width:700px){.codebeamer-page .cb-hero{--cb-creo-hero-grid:calc(91060.6093750000px - 12889.0625000000vw)}}
@media(min-width:701px){.codebeamer-page .cb-hero{--cb-creo-hero-grid:calc(708.2812500000px + 0.0000000000vw)}}
@media(min-width:768px){.codebeamer-page .cb-hero{--cb-creo-hero-grid:calc(1396.2324695122px - 89.5769817073vw)}}
@media(min-width:850px){.codebeamer-page .cb-hero{--cb-creo-hero-grid:calc(1099.9375000000px - 54.7187500000vw)}}
@media(min-width:900px){.codebeamer-page .cb-hero{--cb-creo-hero-grid:calc(1071.9848790323px - 51.6129032258vw)}}
@media(min-width:1024px){.codebeamer-page .cb-hero{--cb-creo-hero-grid:calc(1643.2582236842px - 107.4013157895vw)}}
@media(min-width:1100px){.codebeamer-page .cb-hero{--cb-creo-hero-grid:calc(-27897.5312500000px + 2578.1250000000vw)}}
@media(min-width:1101px){.codebeamer-page .cb-hero{--cb-creo-hero-grid:calc(510.7867493017px - 2.1037011173vw)}}
@media(min-width:1280px){.codebeamer-page .cb-hero{--cb-creo-hero-grid:calc(304.6093750000px + 14.0039062500vw)}}
@media(min-width:1440px){.codebeamer-page .cb-hero{--cb-creo-hero-grid:calc(563.7812500000px - 3.9941406250vw)}}
@media(min-width:1600px){.codebeamer-page .cb-hero{--cb-creo-hero-grid:calc(449.2500000000px + 3.1640625000vw)}}
@media(min-width:1920px){.codebeamer-page .cb-hero{--cb-creo-hero-grid:510px}}