.hr-flat-intro{--paper:color-mix(in srgb,var(--hr-blue) 5%,var(--hr-surface));--bp-line:rgba(28,117,188,.1);background:var(--hr-surface);padding:clamp(38px,5vw,60px) 0}.hr-flat-intro *,.hr-flat-intro :after,.hr-flat-intro :before{box-sizing:border-box}.hr-flat-intro__container{margin:0 auto;max-width:1180px;padding:0 clamp(20px,4vw,44px)}.hr-flat-intro .grid{align-items:center;display:grid;gap:clamp(22px,3.4vw,44px);grid-template-columns:1.04fr .96fr}.hr-flat-intro__radio{height:1px;margin:0;opacity:0;pointer-events:none;position:absolute;width:1px}.hr-flat-intro .stage{background:linear-gradient(var(--bp-line) 1px,transparent 1px) 0 0 /100% 28px,linear-gradient(90deg,var(--bp-line) 1px,transparent 1px) 0 0 /28px 100%,var(--paper);border:1px solid var(--hr-border);border-radius:var(--r-xl,18px);min-width:0;padding:clamp(20px,3vw,34px);position:relative}.hr-flat-intro .tick{height:16px;pointer-events:none;position:absolute;width:16px}.hr-flat-intro .tick:after,.hr-flat-intro .tick:before{background:var(--hr-blue);content:"";position:absolute}.hr-flat-intro .tick:before{height:2px;width:100%}.hr-flat-intro .tick:after{height:100%;width:2px}.hr-flat-intro .tick--tl{left:10px;top:10px}.hr-flat-intro .tick--tl:after,.hr-flat-intro .tick--tl:before{left:0;top:0}.hr-flat-intro .tick--tr{right:10px;top:10px}.hr-flat-intro .tick--tr:after,.hr-flat-intro .tick--tr:before{right:0;top:0}.hr-flat-intro .tick--bl{bottom:10px;left:10px}.hr-flat-intro .tick--bl:after,.hr-flat-intro .tick--bl:before{bottom:0;left:0}.hr-flat-intro .tick--br{bottom:10px;right:10px}.hr-flat-intro .tick--br:after,.hr-flat-intro .tick--br:before{bottom:0;right:0}.hr-flat-intro .stage__canvas{position:relative}.hr-flat-intro .stage__img{height:auto}.hr-flat-intro .stage__img,.hr-flat-intro .stage__placeholder{display:block;filter:drop-shadow(0 20px 40px rgba(15,37,55,.22));width:100%}.hr-flat-intro .stage__placeholder{aspect-ratio:4/3;background:repeating-linear-gradient(90deg,hsla(0,0%,100%,.5) 0 2px,transparent 2px 46px),linear-gradient(150deg,#dfe6ec,#c4d0da 70%,#b3c1cc);border-radius:var(--r-lg,14px)}.hr-flat-intro .pin{align-items:center;background:var(--hr-surface);box-shadow:0 3px 10px rgba(15,37,55,.28);color:var(--hr-blue);cursor:pointer;display:inline-flex;font-family:var(--font-display);font-size:13px;font-weight:var(--fw-bold,700);height:30px;justify-content:center;transform:translate(-50%,-50%);transition:transform .18s var(--ease-out,ease),background-color .18s var(--ease-out,ease),color .18s var(--ease-out,ease);width:30px}.hr-flat-intro .pin,.hr-flat-intro .pin:after{border:2px solid var(--hr-blue);border-radius:50%;position:absolute}.hr-flat-intro .pin:after{content:"";inset:-5px;opacity:0}@keyframes hrPinPulse{0%{opacity:.55;transform:scale(.8)}70%{opacity:0}to{opacity:0;transform:scale(1.9)}}.hr-flat-intro .legend{min-width:0}.hr-flat-intro .legend__head{margin:0 0 clamp(18px,2.4vw,24px)}.hr-flat-intro .legend__eyebrow{color:var(--hr-blue);font-family:var(--font-display);font-size:var(--fs-eyebrow,13px);font-weight:var(--fw-bold,700);letter-spacing:.14em;margin:0 0 var(--sp-3,12px);text-transform:uppercase}.hr-flat-intro .legend__h2{color:var(--hr-text-strong);font-family:var(--font-display);font-size:clamp(24px,2.9vw,33px);font-weight:var(--fw-extrabold,800);letter-spacing:var(--tracking-tight,-.01em);line-height:1.15;margin:0 0 var(--sp-4,16px)}.hr-flat-intro .legend__accent{color:var(--hr-blue)}.hr-flat-intro .legend__intro p{color:var(--hr-body);font-family:var(--font-sans);font-size:var(--fs-body,15.5px);line-height:1.65;margin:0}.hr-flat-intro .key{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.hr-flat-intro .est,.hr-flat-intro .ki{align-items:flex-start;border-left:3px solid transparent;border-radius:var(--r-md,12px);display:flex;gap:12px;padding:12px 14px;transition:background-color .18s var(--ease-out,ease),border-color .18s var(--ease-out,ease)}.hr-flat-intro .est__num,.hr-flat-intro .ki__num{align-items:center;border-radius:50%;display:inline-flex;flex:0 0 auto;font-family:var(--font-display);font-size:12.5px;font-weight:var(--fw-bold,700);height:26px;justify-content:center;width:26px}.hr-flat-intro .ki__num{background:var(--hr-blue-50);color:var(--hr-blue)}.hr-flat-intro .est__num{background:var(--hr-navy);color:#fff}.hr-flat-intro .ki__text{min-width:0}.hr-flat-intro .ki__value{color:var(--hr-text-strong);font-family:var(--font-display);font-size:17px;font-weight:var(--fw-extrabold,800);line-height:1.3;margin:0 0 2px}.hr-flat-intro .ki__suffix{color:var(--hr-blue);font-size:12px;font-weight:var(--fw-bold,700);margin-left:2px}.hr-flat-intro .ki__label{color:var(--hr-text);font-family:var(--font-display);font-size:13.5px;font-weight:var(--fw-bold,700);margin-left:8px}.hr-flat-intro .ki__desc{color:var(--hr-text-muted);font-family:var(--font-sans);font-size:12.75px;line-height:1.5;margin:2px 0 0}.hr-flat-intro .est{background:var(--hr-blue-50);border-left-color:var(--hr-navy);margin-top:4px}.hr-flat-intro .grid>.hr-flat-intro__radio:first-of-type:checked~.legend .key .ki:first-of-type,.hr-flat-intro .grid>.hr-flat-intro__radio:nth-of-type(2):checked~.legend .key .ki:nth-of-type(2),.hr-flat-intro .grid>.hr-flat-intro__radio:nth-of-type(3):checked~.legend .key .ki:nth-of-type(3),.hr-flat-intro .grid>.hr-flat-intro__radio:nth-of-type(4):checked~.legend .key .ki:nth-of-type(4){background:var(--hr-blue-50);border-left-color:var(--hr-blue)}.hr-flat-intro .grid>.hr-flat-intro__radio:first-of-type:checked~.legend .key .ki:first-of-type .ki__desc,.hr-flat-intro .grid>.hr-flat-intro__radio:nth-of-type(2):checked~.legend .key .ki:nth-of-type(2) .ki__desc,.hr-flat-intro .grid>.hr-flat-intro__radio:nth-of-type(3):checked~.legend .key .ki:nth-of-type(3) .ki__desc,.hr-flat-intro .grid>.hr-flat-intro__radio:nth-of-type(4):checked~.legend .key .ki:nth-of-type(4) .ki__desc{color:var(--hr-text)}.hr-flat-intro .grid>.hr-flat-intro__radio:first-of-type:checked~.stage .pin:first-of-type,.hr-flat-intro .grid>.hr-flat-intro__radio:nth-of-type(2):checked~.stage .pin:nth-of-type(2),.hr-flat-intro .grid>.hr-flat-intro__radio:nth-of-type(3):checked~.stage .pin:nth-of-type(3),.hr-flat-intro .grid>.hr-flat-intro__radio:nth-of-type(4):checked~.stage .pin:nth-of-type(4){background:var(--hr-blue);color:#fff;transform:translate(-50%,-50%) scale(1.18)}.hr-flat-intro .grid>.hr-flat-intro__radio:first-of-type:checked~.stage .pin:first-of-type:after,.hr-flat-intro .grid>.hr-flat-intro__radio:nth-of-type(2):checked~.stage .pin:nth-of-type(2):after,.hr-flat-intro .grid>.hr-flat-intro__radio:nth-of-type(3):checked~.stage .pin:nth-of-type(3):after,.hr-flat-intro .grid>.hr-flat-intro__radio:nth-of-type(4):checked~.stage .pin:nth-of-type(4):after{animation:hrPinPulse 1.6s var(--ease-out,ease-out) infinite;opacity:1}.hr-flat-intro .grid>.hr-flat-intro__radio:first-of-type:focus-visible~.stage .pin:first-of-type,.hr-flat-intro .grid>.hr-flat-intro__radio:nth-of-type(2):focus-visible~.stage .pin:nth-of-type(2),.hr-flat-intro .grid>.hr-flat-intro__radio:nth-of-type(3):focus-visible~.stage .pin:nth-of-type(3),.hr-flat-intro .grid>.hr-flat-intro__radio:nth-of-type(4):focus-visible~.stage .pin:nth-of-type(4){outline:3px solid var(--hr-blue);outline-offset:3px}@media (max-width:900px){.hr-flat-intro .grid{grid-template-columns:minmax(0,1fr)}.hr-flat-intro .stage{order:-1}}@media (prefers-reduced-motion:reduce){.hr-flat-intro .est,.hr-flat-intro .ki,.hr-flat-intro .pin,.hr-flat-intro .pin:after{transition:none!important}.hr-flat-intro .pin:after{animation:none!important;transform:none}}.hr-flat-intro.is-bg-white{background:var(--hr-surface)}.hr-flat-intro.is-bg-soft{background:var(--hr-bg)}.hr-flat-intro.is-bg-blue{background:var(--hr-blue-50)}.hr-flat-intro.is-bg-navy{background:var(--hr-navy);color:#fff;--paper:color-mix(in srgb,#fff 8%,var(--hr-navy));--bp-line:rgba(121,180,236,.14);--hr-surface:color-mix(in srgb,#fff 9%,var(--hr-navy));--hr-bg:color-mix(in srgb,#fff 6%,var(--hr-navy));--hr-surface-alt:color-mix(in srgb,#fff 13%,var(--hr-navy));--hr-border:hsla(0,0%,100%,.16);--hr-border-strong:hsla(0,0%,100%,.3);--hr-text-strong:#fff;--hr-text:hsla(0,0%,100%,.92);--hr-body:hsla(0,0%,100%,.82);--hr-text-muted:hsla(0,0%,100%,.66);--hr-text-subtle:hsla(0,0%,100%,.45);--hr-blue:#79b4ec;--hr-blue-700:#9ecbf5;--hr-blue-50:rgba(121,180,236,.16);--hr-green:#a6d96a;--hr-green-700:#a6d96a;--hr-green-50:rgba(140,198,63,.18)}