.hr-flat-systems{--cost-off:#cdd3da;background:var(--hr-surface);padding:clamp(38px,5vw,60px) 0}.hr-flat-systems *,.hr-flat-systems :after,.hr-flat-systems :before{box-sizing:border-box}.hr-flat-systems__container{margin:0 auto;max-width:1180px;padding:0 clamp(20px,4vw,44px)}.hr-flat-systems__sr{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.hr-flat-systems__head{margin:0 0 clamp(24px,3.2vw,32px);max-width:820px}.hr-flat-systems__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-systems__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-systems__accent{color:var(--hr-blue)}.hr-flat-systems__intro{color:var(--hr-body);font-family:var(--font-sans);font-size:var(--fs-body,16px);line-height:1.7;margin:0}.hr-flat-systems__spectrum{margin:clamp(30px,4vw,44px) 0 0;padding-top:26px}.hr-flat-systems__spectrum-ends{color:var(--hr-text-muted);display:flex;font-family:var(--font-display);font-size:11px;font-weight:var(--fw-bold,700);justify-content:space-between;letter-spacing:.1em;margin:0 0 8px;text-transform:uppercase}.hr-flat-systems__track{background:linear-gradient(90deg,var(--hr-blue-50) 0,var(--hr-blue) 52%,var(--hr-navy) 100%);border-radius:999px;height:8px;position:relative}.hr-flat-systems__node{position:absolute;top:50%;transform:translate(-50%,-50%)}.hr-flat-systems__node-dot{background:var(--hr-surface);border-radius:50%;box-shadow:inset 0 0 0 3px var(--hr-blue),0 2px 6px rgba(15,37,55,.3);display:block;height:16px;width:16px}.hr-flat-systems__node-label{bottom:calc(100% + 8px);color:var(--hr-text-strong);font-family:var(--font-display);font-size:12px;font-weight:var(--fw-bold,700);left:50%;position:absolute;transform:translateX(-50%);white-space:nowrap}.hr-flat-systems__spectrum-caption{display:none}.hr-flat-systems__cards{display:grid;gap:clamp(14px,2vw,20px);grid-template-columns:repeat(4,minmax(0,1fr));margin:clamp(26px,3.4vw,36px) 0 0}.hr-flat-systems__card{background:var(--hr-surface);border:1px solid var(--hr-border);border-radius:var(--r-lg,16px);box-shadow:var(--shadow-sm,0 4px 14px -8px rgba(8,23,42,.22));display:flex;flex-direction:column;min-width:0;overflow:hidden;position:relative}.hr-flat-systems__connector{background:var(--hr-border-strong,var(--hr-border));height:14px;left:50%;position:absolute;top:-14px;transform:translateX(-50%);width:2px;z-index:1}.hr-flat-systems__card-media{background:var(--hr-navy);height:150px}.hr-flat-systems__card-media.is-fallback{background:repeating-linear-gradient(90deg,hsla(0,0%,100%,.06) 0 1px,transparent 1px 30px),linear-gradient(150deg,#33475b,#22323f 70%,#16232e)}.hr-flat-systems__card-img{display:block;height:100%;object-fit:cover;object-position:center;width:100%}.hr-flat-systems__card-body{display:flex;flex:1 1 auto;flex-direction:column;padding:clamp(15px,1.8vw,18px)}.hr-flat-systems__type-tag{color:var(--hr-blue);font-family:var(--font-display);font-size:10.5px;font-weight:var(--fw-bold,700);letter-spacing:.08em;margin:0 0 5px;text-transform:uppercase}.hr-flat-systems__name{color:var(--hr-text-strong);font-family:var(--font-display);font-size:clamp(17px,1.9vw,20px);font-weight:var(--fw-extrabold,800);line-height:1.18;margin:0 0 8px}.hr-flat-systems__what{color:var(--hr-text-muted);font-family:var(--font-sans);font-size:13px;line-height:1.55;margin:0 0 14px}.hr-flat-systems__specs{border-top:1px solid var(--hr-border);margin:auto 0 12px;padding:12px 0 0}.hr-flat-systems__spec{align-items:center;display:flex;gap:10px;justify-content:space-between}.hr-flat-systems__spec+.hr-flat-systems__spec{margin-top:7px}.hr-flat-systems__spec-label{color:var(--hr-text-muted);font-size:11px;letter-spacing:.06em;text-transform:uppercase}.hr-flat-systems__spec-label,.hr-flat-systems__spec-val{font-family:var(--font-display);font-weight:var(--fw-bold,700)}.hr-flat-systems__spec-val{color:var(--hr-text-strong);font-size:14px;margin:0}.hr-flat-systems__meter{align-items:center;display:inline-flex;gap:1px}.hr-flat-systems__dollar{color:var(--cost-off);font-family:var(--font-display);font-size:15px;font-weight:var(--fw-bold,700)}.hr-flat-systems__dollar.is-on{color:var(--hr-blue)}.hr-flat-systems__bestfor{background:var(--hr-blue-50);border-radius:var(--r-sm,10px);padding:11px 13px}.hr-flat-systems__bestfor-label{color:var(--hr-blue);display:block;font-family:var(--font-display);font-size:10.5px;font-weight:var(--fw-bold,700);letter-spacing:.1em;margin-bottom:3px;text-transform:uppercase}.hr-flat-systems__bestfor-text{color:var(--hr-body);font-family:var(--font-sans);font-size:12.75px;line-height:1.5}.hr-flat-systems__hotmop{align-items:flex-start;background:var(--hr-navy);border-radius:var(--r-lg,16px);display:flex;gap:clamp(14px,2.2vw,20px);margin:clamp(20px,2.8vw,26px) 0 0;padding:clamp(18px,2.6vw,24px) clamp(20px,3vw,28px)}.hr-flat-systems__hotmop-icon{align-items:center;background:rgba(143,208,255,.16);border-radius:50%;color:#8fd0ff;display:inline-flex;flex:0 0 auto;height:44px;justify-content:center;width:44px}.hr-flat-systems__hotmop-icon svg{height:22px;width:22px}.hr-flat-systems__hotmop-text{min-width:0}.hr-flat-systems__hotmop-text p{color:hsla(0,0%,100%,.86);font-family:var(--font-sans);font-size:14px;line-height:1.65;margin:0}@media (max-width:900px){.hr-flat-systems__cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.hr-flat-systems__spectrum{display:none}.hr-flat-systems__spectrum-caption{color:var(--hr-text-muted);display:block;font-family:var(--font-display);font-size:12.5px;font-weight:var(--fw-bold,700);margin:clamp(24px,6vw,30px) 0 0}.hr-flat-systems__cards{grid-template-columns:minmax(0,1fr)}.hr-flat-systems__connector{display:none}}@media (prefers-reduced-motion:reduce){.hr-flat-systems__card{transition:none!important}}.hr-flat-systems.is-bg-white{background:var(--hr-surface)}.hr-flat-systems.is-bg-soft{background:var(--hr-bg)}.hr-flat-systems.is-bg-blue{background:var(--hr-blue-50)}.hr-flat-systems.is-bg-navy{background:var(--hr-navy);color:#fff;--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)}