.companies-page{--c-navy:#0a3378;--c-blue:#0878e8;--c-cyan:#05a9d2;--c-mint:#20c997;--c-text:#20324d;--c-muted:#64748b;--c-line:#d9e6f3;max-width:1380px;margin:0 auto;padding:0 22px 56px;color:var(--c-text)}
.companies-page svg{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;display:block}
.company-hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr);min-height:430px;border:1px solid #e6eef7;border-radius:0 0 28px 28px;overflow:hidden;background:linear-gradient(100deg,#fff 0,#fff 47%,#f3fbff 100%);box-shadow:0 16px 42px rgba(10,51,120,.05)}
.company-hero-copy{padding:52px 44px 44px 30px;display:flex;flex-direction:column;justify-content:center}
.company-kicker{text-transform:uppercase;color:#0878e8;font-size:12px;font-weight:900;letter-spacing:.09em;margin-bottom:10px}
.company-hero h1{font-size:58px;line-height:.98;letter-spacing:-2.5px;color:var(--c-navy);margin:0 0 18px;font-weight:850}
.company-hero h1 span{color:var(--c-navy)}
.company-hero-copy>p{max-width:560px;font-size:18px;line-height:1.5;color:#566c8b;margin:0}
.company-hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.company-btn-primary,.company-btn-secondary{min-height:52px;border-radius:11px;padding:0 22px;font-size:15px;font-weight:800;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.company-btn-primary{background:linear-gradient(90deg,#0878e8,#10aee0 56%,#20c997);color:#fff;box-shadow:0 12px 26px rgba(8,120,232,.17)}
.company-btn-secondary{background:#fff;border:2px solid var(--c-blue);color:var(--c-navy);box-shadow:0 8px 20px rgba(10,51,120,.05)}
.company-btn-primary:hover,.company-btn-secondary:hover{transform:translateY(-2px)}
.company-btn-svg{font-size:19px}
.company-hero-visual{position:relative;min-height:430px;background:#eefaff;overflow:hidden}
.company-hero-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.28),transparent 24%);z-index:2;pointer-events:none}
.company-hero-visual img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;position:absolute;inset:0}
.company-metrics{position:absolute;z-index:4;right:24px;top:30px;display:grid;gap:12px;width:min(210px,42%)}
.company-metric-card{display:grid;grid-template-columns:42px 1fr;align-items:center;gap:10px;background:rgba(255,255,255,.95);border:1px solid #dbe8f6;border-radius:13px;padding:11px 12px;box-shadow:0 14px 30px rgba(10,51,120,.12);backdrop-filter:blur(5px)}
.company-metric-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:#edf7ff;color:#0878e8;font-size:20px}
.company-metric-card strong{display:block;color:var(--c-navy);font-size:17px;line-height:1.1}
.company-metric-card small{display:block;color:#62758f;font-size:10px;line-height:1.25;margin-top:2px}
.company-benefits{margin:-1px auto 0;position:relative;z-index:5;display:grid;grid-template-columns:repeat(3,1fr);background:linear-gradient(90deg,#f0f9ff,#f4fffb);border:1px solid #cfe3f4;border-radius:12px;padding:12px 16px;max-width:1280px}
.company-benefits article{display:grid;grid-template-columns:54px 1fr;gap:12px;align-items:center;padding:6px 22px;min-height:74px}
.company-benefits article+article{border-left:1px solid #cbdff1}
.benefit-icon{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;color:#0878e8;font-size:27px}
.company-benefits strong{display:block;color:var(--c-navy);font-size:14px;margin-bottom:2px}
.company-benefits p{margin:0;color:#5d7693;font-size:11px;line-height:1.35}
.company-pricing{padding:32px 0 8px;scroll-margin-top:86px}
.company-section-title{text-align:center;margin-bottom:20px}
.company-section-title h2{font-size:31px;line-height:1.15;color:var(--c-navy);margin:0 0 4px;letter-spacing:-.7px}
.company-section-title p{margin:0;color:#647895;font-size:14px}
.company-plan-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;align-items:stretch}
.company-plan-card{grid-column:span 2;position:relative;border:1px solid var(--c-line);border-radius:15px;padding:18px 18px 16px;background:#fff;box-shadow:0 5px 18px rgba(10,51,120,.025);display:flex;flex-direction:column;min-height:360px;outline:none;transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease}
.company-plan-card:nth-child(4){grid-column:2/span 2}
.company-plan-card:nth-child(5){grid-column:4/span 2}
.company-plan-card:hover,.company-plan-card:focus-within{animation:company-plan-hop 300ms cubic-bezier(.2,.8,.2,1) both;border-color:var(--c-blue);box-shadow:0 16px 35px rgba(10,51,120,.14)}
.company-plan-card:focus-visible{outline:3px solid rgba(8,120,232,.32);outline-offset:4px}
.company-plan-card:active{transform:translateY(-5px) scale(.99)}
.company-plan-card.recommended{border:2px solid var(--c-blue);box-shadow:0 10px 28px rgba(8,120,232,.08)}
.recommended-badge{position:absolute;top:-15px;right:18px;background:#0878e8;color:#fff;border-radius:999px;padding:6px 15px;font-size:10px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;box-shadow:0 7px 18px rgba(8,120,232,.2)}
.company-plan-head{display:grid;grid-template-columns:58px 1fr;gap:12px;align-items:start}
.plan-icon{width:54px;height:54px;border-radius:50%;background:linear-gradient(135deg,#e7f5ff,#effff9);color:#0878e8;display:grid;place-items:center;font-size:27px}
.company-plan-head h3{font-size:15px;line-height:1.2;margin:0 0 2px;color:var(--c-navy)}
.plan-price{display:block;color:#073183;font-size:29px;line-height:1.05;letter-spacing:-.9px;margin:1px 0 4px}
.company-plan-head p{margin:0;color:#536f94;font-size:12px;line-height:1.35}
.plan-features{list-style:none;padding:0;margin:14px 0 18px;display:grid;gap:7px;flex:1}
.plan-features li{display:grid;grid-template-columns:17px 1fr;gap:7px;color:#315a90;font-size:12px;line-height:1.25}
.plan-features li>span:first-child{color:#0dbb9c;font-size:16px;margin-top:0}
.company-plan-cta{margin-top:auto;min-height:43px;border-radius:9px;background:linear-gradient(90deg,#0878e8,#17aee1 55%,#20c997);color:#fff;font-size:13px;font-weight:850;box-shadow:0 8px 20px rgba(8,120,232,.12)}
.company-plan-cta:hover{transform:translateY(-2px);box-shadow:0 11px 24px rgba(8,120,232,.17)}
.company-payment-note{text-align:center;margin:18px 0 0;color:#708198;font-size:12px}
.company-payment-note strong{color:#294b7a}
.company-rh-upcoming{margin:28px auto 0;border:1px solid #c8e1f5;border-radius:16px;padding:22px;background:linear-gradient(115deg,#f2faff,#eef9ff 48%,#f4fffb);display:grid;grid-template-columns:1.05fr 1.35fr;gap:20px;position:relative;overflow:hidden}
.company-rh-upcoming:after{content:"";position:absolute;width:380px;height:380px;border-radius:50%;right:-190px;bottom:-260px;background:rgba(32,201,151,.08);pointer-events:none}
.rh-copy{padding:4px 6px}
.upcoming-label{display:inline-flex;padding:7px 13px;border-radius:8px;background:#dcefff;color:#0878e8;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px}
.rh-copy h2{font-size:26px;line-height:1.08;color:var(--c-navy);margin:0 0 10px;letter-spacing:-.6px;max-width:480px}
.rh-copy p{margin:0;color:#5f7594;font-size:14px;max-width:430px}
.rh-modules{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;align-content:start}
.rh-module{min-height:88px;border:1px solid #d6e5f4;border-radius:10px;background:#fff;padding:10px 8px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;box-shadow:0 5px 16px rgba(10,51,120,.025)}
.rh-module>span{font-size:24px;color:#0878e8}
.rh-module strong{font-size:9.5px;line-height:1.15;color:#123a7d}
.rh-notice{grid-column:1/-1;display:flex;align-items:center;gap:10px;padding:11px 13px;background:rgba(214,237,255,.68);border-radius:10px;color:#1763b8;position:relative;z-index:1}
.rh-notice span{font-size:20px;flex:0 0 20px}
.rh-notice p{margin:0;font-size:11px}
.main-nav a.active-company{color:#0878e8!important;position:relative}
.main-nav a.active-company:after{content:"";position:absolute;left:0;right:0;bottom:-14px;height:2px;background:#0878e8;border-radius:2px}
.company-dashboard{max-width:1180px;margin:40px auto 70px;padding:0 18px}
.company-dashboard-card{border:1px solid var(--c-line,#d9e6f3);border-radius:20px;background:#fff;padding:28px;box-shadow:0 12px 30px rgba(10,51,120,.06)}
.company-dashboard-card h1{margin:6px 0;color:#0a3378;font-size:34px}.company-dashboard-card>p{color:#64748b}
.company-dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}
.company-dashboard-item{border:1px solid #dde8f4;border-radius:14px;padding:16px;background:#fbfdff}.company-dashboard-item span{display:block;color:#71849e;font-size:11px;text-transform:uppercase;font-weight:800}.company-dashboard-item strong{display:block;color:#173d79;font-size:16px;margin-top:5px}
.company-dashboard-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
@keyframes company-plan-hop{0%{transform:translateY(0)}45%{transform:translateY(-8px)}72%{transform:translateY(-4px)}100%{transform:translateY(-6px)}}
@media(max-width:1120px){.company-hero{grid-template-columns:1fr 1fr}.company-hero h1{font-size:50px}.company-plan-grid{grid-template-columns:repeat(2,1fr)}.company-plan-card,.company-plan-card:nth-child(4),.company-plan-card:nth-child(5){grid-column:auto}.company-plan-card:last-child{grid-column:1/-1;max-width:620px;width:100%;justify-self:center}.rh-modules{grid-template-columns:repeat(3,1fr)}}
@media(max-width:880px){.companies-page{padding-inline:14px}.company-hero{grid-template-columns:1fr;border-radius:0 0 22px 22px}.company-hero-copy{padding:38px 28px 28px}.company-hero-visual{min-height:390px}.company-benefits{grid-template-columns:1fr;padding:6px 14px}.company-benefits article+article{border-left:0;border-top:1px solid #cbdff1}.company-rh-upcoming{grid-template-columns:1fr}.rh-modules{grid-template-columns:repeat(5,1fr)}.company-dashboard-grid{grid-template-columns:1fr}}
@media(max-width:700px){.company-hero h1{font-size:40px;letter-spacing:-1.8px}.company-hero-copy>p{font-size:16px}.company-hero-actions{display:grid}.company-hero-actions .btn{width:100%}.company-hero-visual{min-height:340px}.company-metrics{right:10px;top:12px;width:170px;gap:8px}.company-metric-card{grid-template-columns:34px 1fr;padding:8px}.company-metric-icon{width:32px;height:32px;font-size:17px}.company-metric-card strong{font-size:14px}.company-metric-card small{font-size:9px}.company-plan-grid{grid-template-columns:1fr}.company-plan-card,.company-plan-card:last-child{grid-column:auto;max-width:none}.company-section-title h2{font-size:26px}.company-rh-upcoming{padding:18px 14px}.rh-copy h2{font-size:23px}.rh-modules{grid-template-columns:repeat(2,1fr)}.rh-module{min-height:82px}.main-nav a.active-company:after{display:none}}
@media(max-width:420px){.company-hero-copy{padding:30px 20px 24px}.company-hero h1{font-size:35px}.company-hero-visual{min-height:300px}.company-benefits article{padding:10px 6px}.company-plan-card{padding:16px}.company-plan-head{grid-template-columns:50px 1fr}.plan-icon{width:48px;height:48px}.plan-price{font-size:26px}.rh-modules{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.company-plan-card,.company-plan-card:hover,.company-plan-card:focus-within,.company-plan-cta,.company-btn-primary,.company-btn-secondary{animation:none!important;transform:none!important;transition:none!important}}
.company-register-page{--c-navy:#0a3378;--c-blue:#0878e8;--c-mint:#20c997;--c-text:#20324d;--c-muted:#64748b;--c-line:#d9e6f3;background:#f7faff;min-height:calc(100vh - 72px);padding:40px 18px 70px;color:var(--c-text)}
.company-register-shell{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:330px minmax(0,1fr);gap:38px;align-items:start}
.company-register-aside{position:sticky;top:100px}
.company-register-aside h1{font-size:39px;line-height:1.05;letter-spacing:-1.6px;color:var(--c-navy);margin:10px 0 14px}
.company-register-aside>p{color:var(--c-muted);font-size:15px}
.company-register-benefits{list-style:none;padding:0;margin:22px 0;display:grid;gap:12px}
.company-register-benefits li{display:flex;gap:10px;color:#354e72;font-size:14px}.company-register-benefits li>span{color:#08a980;font-weight:900}
.company-selected-plan{border:1px solid #bfdced;border-radius:17px;padding:18px;background:linear-gradient(140deg,#edf8ff,#f2fff9);box-shadow:0 10px 28px rgba(10,51,120,.04)}
.company-selected-plan label{font-size:12px;font-weight:850;color:#365778;margin-bottom:7px}.company-selected-plan select{background:#fff;min-height:48px;border-radius:10px;border:1px solid #c4d7e8;margin-bottom:10px}.company-selected-plan>strong{display:block;color:var(--c-navy);font-size:21px;margin:4px 0}.company-selected-plan>p{font-size:12px;color:#5f7792;margin:4px 0}.company-selected-plan .company-register-today{margin-top:10px;color:#496582}.company-selected-plan .company-register-today b{color:#143c77}
.company-register-note{margin-top:20px!important;padding-left:13px;border-left:3px solid #bdd8ec;font-size:12px!important;line-height:1.5}
.company-register-card{background:#fff;border:1px solid var(--c-line);border-radius:22px;padding:28px;box-shadow:0 12px 40px rgba(23,55,100,.05)}
.company-register-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;list-style:none;margin:0 0 28px;padding:0}.company-register-steps li{border-bottom:3px solid #e7edf5;padding:0 2px 12px;font-size:12px;color:#6a7d95}.company-register-steps li[aria-current="step"]{border-color:var(--c-blue);color:var(--c-navy);font-weight:850}.company-register-steps span{display:inline-grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#eef3fa;margin-right:6px;font-weight:800}.company-register-steps li[aria-current="step"] span{background:var(--c-navy);color:#fff}
.company-register-status{padding:12px 14px;background:#fff2f0;color:#b42318;border-radius:10px;margin-bottom:18px;font-size:13px;line-height:1.5}.company-register-status.neutral{background:#eef7ff;color:#265c9d}
.company-register-step h2{font-size:24px;color:var(--c-navy);margin:0 0 6px}.company-register-intro{margin:0 0 22px;color:var(--c-muted);font-size:13px}.company-register-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.company-field{min-width:0}.company-field.full{grid-column:1/-1}.company-field label{display:block;font-size:13px;font-weight:750;color:#314966;margin-bottom:7px}.company-field label span{font-weight:500;color:#71829a}.company-field input,.company-field textarea,.company-field select{width:100%;min-height:50px;border:1px solid #bccde1;border-radius:10px;padding:12px 13px;color:var(--c-text);background:#fff}.company-field textarea{min-height:100px;resize:vertical}.company-field input:focus,.company-field textarea:focus,.company-field select:focus{border-color:var(--c-blue);outline:2px solid #cfe6ff;box-shadow:none}.company-field input[aria-invalid="true"],.company-field textarea[aria-invalid="true"]{border-color:#b42318}.company-field small{display:block;color:#71829a;font-size:11px;line-height:1.45;margin-top:6px}.company-field-error{display:block;color:#b42318;font-size:11px;line-height:1.35;margin-top:5px;min-height:0}
.company-password-row{display:flex;gap:7px;align-items:stretch}.company-password-row input{min-width:0;flex:1}.company-reveal{border:1px solid #d5e1ef;border-radius:9px;background:#f7faff;color:#0a3378;font-size:11px;font-weight:800;padding:0 12px}.company-strength{display:flex;align-items:center;gap:10px;margin-top:8px}.company-strength meter{width:42%;height:9px}.company-strength span{font-size:10px;color:#71829a}
.company-register-review{padding:14px;border-radius:12px;background:#f4f8fe;margin-top:20px;font-size:12px;color:#4c6584}.company-register-review strong{color:#173d79}.company-register-review p{margin:5px 0}.company-register-review small{display:block;margin-top:8px;color:#708198}
.company-accept{display:flex!important;flex-direction:row!important;align-items:flex-start!important;gap:10px!important;margin-top:20px;font-size:12px!important;font-weight:500!important;line-height:1.45}.company-accept input{width:20px!important;height:20px!important;flex:0 0 20px;margin-top:1px;accent-color:var(--c-navy)}.company-accept a{font-weight:800}
.company-register-actions{display:flex;justify-content:space-between;gap:12px;margin-top:26px;border-top:1px solid #edf1f7;padding-top:20px}.company-register-actions .btn{min-height:50px}.company-register-bottom{font-size:11px;color:#7a8ba3;text-align:center;margin:15px 0 0}
@media(max-width:860px){.company-register-shell{grid-template-columns:1fr;gap:24px}.company-register-aside{position:static}.company-register-aside h1{font-size:34px}.company-register-benefits{grid-template-columns:repeat(3,1fr)}.company-register-note{display:none}}
@media(max-width:620px){.company-register-page{padding:26px 12px 50px}.company-register-card{padding:20px 15px;border-radius:17px}.company-register-grid{grid-template-columns:1fr}.company-field.full{grid-column:auto}.company-register-benefits{grid-template-columns:1fr}.company-register-steps li{font-size:10px}.company-register-steps span{display:block;margin:0 0 6px}.company-register-actions{flex-direction:column-reverse}.company-register-actions .btn{width:100%}.company-register-aside h1{font-size:30px}}
