.hr-flat-drain{--warn:#c0563e;--warn-soft:#e07a5a;background:var(--hr-surface);padding:clamp(38px,5vw,60px) 0}.hr-flat-drain *,.hr-flat-drain :after,.hr-flat-drain :before{box-sizing:border-box}.hr-flat-drain__container{margin:0 auto;max-width:1180px;padding:0 clamp(20px,4vw,44px)}.hr-flat-drain__head{margin:0 0 clamp(22px,3vw,30px);max-width:820px}.hr-flat-drain__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-drain__h2{color:var(--hr-text-strong);font-family:var(--font-display);font-size:clamp(26px,3.1vw,37px);font-weight:var(--fw-extrabold,800);letter-spacing:var(--tracking-tight,-.01em);line-height:1.14;margin:0 0 var(--sp-4,16px)}.hr-flat-drain__accent{color:var(--hr-blue)}.hr-flat-drain__intro{color:var(--hr-body);font-family:var(--font-sans);font-size:var(--fs-body,16px);line-height:1.7;margin:0}.hr-flat-drain__frame{border:1px solid var(--hr-border);border-radius:var(--r-xl,18px);box-shadow:var(--shadow-md,0 14px 34px -18px rgba(8,23,42,.28));display:grid;gap:0;grid-template-columns:1fr 1fr;margin:clamp(22px,3vw,30px) 0 0;overflow:hidden;position:relative}.hr-flat-drain__scene{aspect-ratio:22/15;background:var(--hr-navy);overflow:hidden;position:relative}.hr-flat-drain .scene-svg,.hr-flat-drain__scene-img{display:block;height:100%;inset:0;object-fit:cover;position:absolute;width:100%}.hr-flat-drain__scene-top{align-items:flex-start;display:flex;flex-direction:column;gap:8px;left:14px;position:absolute;right:14px;top:14px;z-index:2}.hr-flat-drain__badge{border-radius:var(--r-pill,999px);color:#fff;display:inline-flex;font-family:var(--font-display);font-size:10.5px;font-weight:var(--fw-bold,700);letter-spacing:.06em;padding:4px 10px;text-transform:uppercase}.hr-flat-drain__badge--bad{background:var(--warn)}.hr-flat-drain__badge--good{background:var(--hr-blue)}.hr-flat-drain__scene-title{color:#fff;font-family:var(--font-display);font-size:clamp(16px,2vw,20px);font-weight:var(--fw-extrabold,800);line-height:1.15;text-shadow:0 1px 6px rgba(8,20,34,.7)}.hr-flat-drain__chip{background:rgba(9,20,33,.74);border-radius:var(--r-md,10px);bottom:12px;color:hsla(0,0%,100%,.94);font-family:var(--font-sans);font-size:12.5px;left:12px;line-height:1.45;padding:9px 12px;position:absolute;right:12px;z-index:2}.hr-flat-drain__divider{border-left:2px dashed hsla(0,0%,100%,.9);bottom:0;left:50%;pointer-events:none;position:absolute;top:0;transform:translateX(-50%);width:0;z-index:3}.hr-flat-drain__divider,.hr-flat-drain__divider-pill{align-items:center;display:flex;justify-content:center}.hr-flat-drain__divider-pill{background:var(--hr-navy);border-radius:12px;box-shadow:0 6px 16px rgba(8,20,34,.4);flex:0 0 auto;flex-direction:column;gap:1px;padding:8px 16px}.hr-flat-drain__divider-main,.hr-flat-drain__divider-sub{white-space:nowrap}.hr-flat-drain__divider-main{color:#fff;font-family:var(--font-display);font-size:14px;font-weight:var(--fw-extrabold,800);line-height:1}.hr-flat-drain__divider-sub{color:#8fd0ff;font-family:var(--font-display);font-size:8px;font-weight:var(--fw-bold,700);letter-spacing:.1em}.hr-flat-drain__lists{display:grid;gap:clamp(14px,2vw,20px);grid-template-columns:1fr 1fr;margin:clamp(18px,2.6vw,24px) 0 0}.hr-flat-drain__panel{border:1px solid var(--hr-border);border-radius:var(--r-lg,16px);padding:clamp(18px,2.4vw,24px)}.hr-flat-drain__panel--bad{background:color-mix(in srgb,var(--warn) 7%,var(--hr-surface));border-color:color-mix(in srgb,var(--warn) 24%,#fff)}.hr-flat-drain__panel--good{background:var(--hr-blue-50);border-color:color-mix(in srgb,var(--hr-blue) 22%,#fff)}.hr-flat-drain__panel-h{color:var(--hr-text-strong);font-family:var(--font-display);font-size:clamp(16px,1.9vw,19px);font-weight:var(--fw-extrabold,800);line-height:1.2;margin:0 0 clamp(14px,2vw,18px)}.hr-flat-drain__panel-list{display:flex;flex-direction:column;gap:13px;list-style:none;margin:0;padding:0}.hr-flat-drain__panel-item{align-items:flex-start;display:flex;gap:11px}.hr-flat-drain__panel-ico{align-items:center;border-radius:50%;display:inline-flex;flex:0 0 auto;height:24px;justify-content:center;margin-top:1px;width:24px}.hr-flat-drain__panel-ico svg{height:14px;width:14px}.hr-flat-drain__panel-ico--bad{background:color-mix(in srgb,var(--warn) 16%,#fff);color:var(--warn)}.hr-flat-drain__panel-ico--good{background:color-mix(in srgb,var(--hr-blue) 16%,#fff);color:var(--hr-blue)}.hr-flat-drain__panel-text{color:var(--hr-body);font-family:var(--font-sans);font-size:13.5px;line-height:1.55}.hr-flat-drain__panel-text strong{color:var(--hr-text-strong);font-family:var(--font-display);font-weight:var(--fw-bold,700)}.hr-flat-drain__closer{background:var(--hr-navy);border-radius:var(--r-lg,16px);margin:clamp(18px,2.6vw,24px) 0 0;padding:clamp(20px,2.8vw,28px) clamp(22px,3.2vw,34px)}.hr-flat-drain__closer-text{color:hsla(0,0%,100%,.82);font-family:var(--font-sans);font-size:clamp(15px,1.9vw,17px);line-height:1.6;margin:0}.hr-flat-drain__closer-text strong{color:#fff;font-family:var(--font-display);font-weight:var(--fw-bold,700)}@media (max-width:720px){.hr-flat-drain__frame{grid-template-columns:minmax(0,1fr)}.hr-flat-drain__divider{border-left:0;border-top:2px dashed hsla(0,0%,100%,.9);bottom:auto;height:0;left:0;right:0;top:50%;transform:translateY(-50%);width:auto}.hr-flat-drain__lists{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.hr-flat-drain__panel{transition:none!important}}.hr-flat-drain.is-bg-white{background:var(--hr-surface)}.hr-flat-drain.is-bg-soft{background:var(--hr-bg)}.hr-flat-drain.is-bg-blue{background:var(--hr-blue-50)}.hr-flat-drain.is-bg-navy{background:var(--hr-navy);color:#fff;--warn:#e07a5a;--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)}