@property --hero-ring-progress{syntax:"<number>";inherits:false;initial-value:0}.human-hero__progress-card.hero-progress-card--cockpit{flex-direction:initial;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"head head head""ring guidance chip";align-items:center;gap:clamp(.85rem,2vw,1.15rem) clamp(1rem,2.6vw,1.5rem);padding-top:clamp(.85rem,2.8vw,1.15rem);padding-bottom:clamp(1.65rem,4.2vw,2.05rem);display:grid}.human-hero__progress-card.hero-progress-card--cockpit>.human-hero__progress-head{text-align:center;grid-area:head;justify-content:center}.human-hero__progress-card.hero-progress-card--cockpit .hero-progress-cockpit__body{display:contents}.human-hero__progress-card.hero-progress-card--cockpit .hero-progress-ring{grid-area:ring;place-self:center start}.human-hero__progress-card.hero-progress-card--cockpit .hero-progress-cockpit__guidance{text-align:left;flex-direction:column;grid-area:guidance;place-self:center stretch;gap:.45rem;min-width:0;max-width:36rem;display:flex}.human-hero__progress-card.hero-progress-card--cockpit .human-hero__progress-cta{grid-area:chip;place-self:center end;margin-left:clamp(-.6rem,-1vw,-.25rem)}.human-hero__progress-card.hero-progress-card--cockpit .human-hero__cta-chip,.human-hero__progress-card.hero-progress-card--cockpit .human-hero__cta-chip--icon{border-radius:22px;width:clamp(64px,8.4vw,84px);height:clamp(64px,8.4vw,84px)}.human-hero__progress-card.hero-progress-card--cockpit .human-hero__cta-chip svg{width:clamp(34px,4.4vw,42px);height:clamp(34px,4.4vw,42px)}.human-hero__progress-card.hero-progress-card--cockpit .human-hero__cta-chip--classification{box-shadow:inset 0 0 0 1px #ffffff52}.human-hero__progress-card.hero-progress-card--cockpit .human-hero__cta-chip--classification:before{background:radial-gradient(70% 70% at 50% 42%,#f973164d,#0000 72%);inset:-11px}[data-theme=dark] .human-hero__progress-card.hero-progress-card--cockpit .human-hero__cta-chip--classification{box-shadow:inset 0 0 0 1px #ffffff14}[data-theme=dark] .human-hero__progress-card.hero-progress-card--cockpit .human-hero__cta-chip--classification:before{background:radial-gradient(70% 70% at 50% 42%,#fb923c52,#0000 72%)}.hero-progress-cockpit__guidance-headline{color:var(--bv-color-text-strong);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.95rem;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.hero-progress-cockpit__guidance-subline{color:#0f172a9e;margin:0;font-size:.82rem;font-weight:500;line-height:1.4}[data-theme=dark] .hero-progress-cockpit__guidance-subline{color:#e2e8f099}.hero-progress-cockpit__suggestion{color:inherit;opacity:.92;border-top:1px solid #0f172a14;flex-direction:column;gap:.18rem;margin-top:.2rem;padding-top:.55rem;text-decoration:none;transition:opacity .18s,transform .16s;display:flex}.hero-progress-cockpit__suggestion:hover{opacity:1;transform:translate(2px)}.hero-progress-cockpit__suggestion-label{letter-spacing:.14em;text-transform:uppercase;color:#ec6e17cb;opacity:.85;font-size:.62rem;font-weight:700}.hero-progress-cockpit__suggestion-text{color:#445165d3;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.86rem;font-weight:500;line-height:1.35;display:-webkit-box;overflow:hidden}[data-theme=dark] .hero-progress-cockpit__suggestion{border-top-color:#e2e8f01a}[data-theme=dark] .hero-progress-cockpit__suggestion-label{color:#f89c51ca}[data-theme=dark] .hero-progress-cockpit__suggestion-text{color:#cdd6e2cf}.hero-progress-ring{--hero-ring-progress:0;--hero-ring-cyan:var(--bv-color-info);--hero-ring-mint:#34d399;--hero-ring-color:#10b981fa;--hero-ring-track:#e2e8f073;--hero-ring-angle:calc(var(--hero-ring-progress) * 3.6deg);aspect-ratio:1;border-radius:var(--bv-radius-pill);font-variant-numeric:tabular-nums;background:conic-gradient(from -90deg, var(--hero-ring-color) 0 var(--hero-ring-angle), color-mix(in srgb, var(--hero-ring-track) 80%, #e2e8f033) var(--hero-ring-angle) 360deg), radial-gradient(140% 130% at 18% -20%, #ffffffbf, transparent 65%), linear-gradient(155deg, #ebfafff5, #d6f5ffd9, #d1fae5e0);border:1.6px solid color-mix(in srgb, var(--hero-ring-mint) 35%, #ffffffb3);-webkit-backdrop-filter:blur(22px)saturate(150%);backdrop-filter:blur(22px)saturate(150%);isolation:isolate;flex-shrink:0;place-items:center;width:clamp(82px,9.6vw,104px);transition:--hero-ring-progress .48s cubic-bezier(.22,.61,.36,1),transform .35s,box-shadow .35s,background .35s;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffbf,0 12px 28px #89daff29,0 6px 18px #10b9811f}.hero-progress-ring:before{content:"";border-radius:inherit;opacity:.95;z-index:0;pointer-events:none;background:radial-gradient(120% 120% at 30% 20%,#fffffff5,#ffffffb3),linear-gradient(160deg,#ecfdf5cc,#dbf4ffbf);border:1px solid #ffffff73;position:absolute;inset:clamp(.55rem,.85vw,.75rem);box-shadow:inset 0 1px 2px #0f172a14,inset 0 -6px 12px #a5f3fc47}.hero-progress-ring:after{content:"";border-radius:inherit;opacity:0;mix-blend-mode:screen;filter:blur(6px);pointer-events:none;background:radial-gradient(60% 95% at 50% 0,#6ee7b766,#0000 70%),radial-gradient(80% 90% at 50% 100%,#3b82f626,#0000 75%);transition:opacity .35s;position:absolute;inset:-.35rem}.hero-progress-ring.is-animated{transform:scale(1.025);box-shadow:0 14px 24px #10b98133,0 6px 14px #3b82f61f}.hero-progress-ring.is-animated:after{opacity:.3}.hero-progress-ring__value{z-index:1;letter-spacing:-.018em;font-variant-numeric:tabular-nums;color:color-mix(in srgb, var(--hero-ring-cyan) 35%, #0f172aeb);text-shadow:0 10px 20px #0f4c812e,0 0 10px #ffffffd9;justify-content:center;align-items:center;font-size:clamp(1.25rem,2.5vw,1.75rem);font-weight:700;line-height:1;display:inline-flex;position:relative}.hero-progress-ring__caption{z-index:1;letter-spacing:.06em;color:color-mix(in srgb, var(--hero-ring-cyan) 22%, #0f172a9e);margin-top:3px;font-size:.6rem;font-weight:600;display:block;position:relative}@media (max-width:640px){.human-hero__progress-card.hero-progress-card--cockpit{text-align:center;grid-template-columns:1fr;grid-template-areas:"head""ring""guidance""chip";justify-items:center;padding-top:clamp(1.1rem,4vw,1.4rem);padding-bottom:clamp(1.2rem,4.2vw,1.5rem)}.human-hero__progress-card.hero-progress-card--cockpit .hero-progress-ring{justify-self:center}.human-hero__progress-card.hero-progress-card--cockpit .human-hero__progress-cta{justify-self:center;margin-left:0}.human-hero__progress-card.hero-progress-card--cockpit .hero-progress-cockpit__guidance{text-align:center;justify-self:center;align-items:center;width:100%}.hero-progress-cockpit__suggestion{text-align:center;align-items:center;width:100%;max-width:22rem}.hero-progress-cockpit__suggestion:hover{transform:none}}[data-theme=dark] .hero-progress-cockpit__guidance-headline{color:#e2e8f0}[data-theme=dark] .hero-progress-ring{--hero-ring-color:#3bc9bff2;--hero-ring-track:#0f172ab8;color:#e0f2feeb;background:conic-gradient(from -90deg, var(--hero-ring-color) 0 var(--hero-ring-angle), #0e1528bc var(--hero-ring-angle) 360deg), radial-gradient(140% 130% at 18% -20%, #2563eb59, transparent 70%), linear-gradient(165deg, #040d1efa, #081420f0);border-color:#3bc9bf99;box-shadow:inset 0 1px #ffffff14,0 26px 48px #020617c7,0 16px 36px #0f766e52}[data-theme=dark] .hero-progress-ring:before{opacity:.85;background:radial-gradient(120% 120% at 28% 18%,#3b82f659,#020617e0),linear-gradient(170deg,#040f20eb,#061224e0);border-color:#94c5ff38;box-shadow:inset 0 1px 2px #94a3b840,inset 0 -8px 14px #0f766e59}[data-theme=dark] .hero-progress-ring:after{background:radial-gradient(60% 95% at 50% 0,#3bc9bf73,#0000 72%),radial-gradient(70% 90% at 50% 100%,#2563eb33,#0000 80%)}[data-theme=dark] .hero-progress-ring__value{color:#78dbd5fa;text-shadow:0 10px 18px #020617cc,0 0 14px #3bc9bfd9}[data-theme=dark] .hero-progress-ring__caption{color:#a7f3d0a6}@media (prefers-reduced-motion:reduce){.hero-progress-ring,.hero-progress-cockpit__suggestion{transition-duration:0s}.hero-progress-ring.is-animated{transform:none}.hero-progress-ring.is-animated:after{opacity:0}.hero-progress-cockpit__suggestion:hover{transform:none}}
