/* Namensko oblikovanje strani kadrovske evidence; grafična podoba Phoenix. */
:root { --hr-navbar-height:61px; --hr-header-height:85px; }
.breadcrumbs-poslovni { top:var(--hr-navbar-height); margin-top:0; }
.submenu-container { padding-top:var(--hr-header-height); }
.hr-page { --hr-ink:#153247; --hr-muted:#526879; --hr-line:#dce7ee; --hr-blue:#00759b; --hr-orange:#c94b1b; color:var(--hr-ink); font-size:16px; line-height:1.7; }
.hr-page *, .hr-page *::before, .hr-page *::after { box-sizing:border-box; }
.hr-container { width:min(1180px,100% - 48px); margin-inline:auto; }
.hr-page h1,.hr-page h2,.hr-page h3,.hr-page p,.hr-page figure { margin:0; }
.hr-page h1,.hr-page h2,.hr-page h3 { color:var(--hr-ink); }
.hr-page a { text-underline-offset:4px; }
.hr-page a:focus-visible,.hr-page button:focus-visible,.hr-page summary:focus-visible { outline:3px solid #008bb9; outline-offset:5px; }
.hr-page [id] { scroll-margin-top:calc(var(--hr-header-height) + 16px); }
.hr-hero { background:linear-gradient(110deg,#f5fafc 0%,#eff8fc 70%,#e1f3fb 100%); border-bottom:1px solid var(--hr-line); padding:64px 0 52px; }
.hr-hero-grid { display:grid; grid-template-columns:1fr 1.06fr; align-items:center; gap:48px; }
.hr-eyebrow { font-size:11px; letter-spacing:.13em; line-height:1.5; font-weight:700; color:var(--hr-blue); margin-bottom:18px!important; }
.hr-page h1 { font-size:clamp(34px,3.6vw,49px); font-weight:750; line-height:1.13; letter-spacing:-.035em; }
.hr-page h1 span { color:var(--hr-blue); }
.hr-hero-intro { max-width:520px; margin-top:24px!important; color:var(--hr-muted); font-size:18px; line-height:1.7; }
.hr-actions { display:flex; flex-wrap:wrap; align-items:center; gap:18px; margin-top:28px; }
.hr-button { display:inline-flex; justify-content:center; align-items:center; gap:12px; padding:15px 20px; border:1px solid transparent; border-radius:8px; font:inherit; font-size:14px; font-weight:700; line-height:1.4; text-decoration:none!important; cursor:pointer; transition:background .15s,box-shadow .15s; }
.hr-button-primary { background:var(--hr-orange); color:#fff!important; box-shadow:0 4px 12px #d34d191a; }
.hr-button-primary:hover { background:#c74717; box-shadow:0 6px 18px #d34d1926; }
.hr-button:disabled { opacity:.65; cursor:wait; }
.hr-text-link { display:inline-flex; gap:10px; align-items:center; color:var(--hr-ink); font-size:14px; font-weight:650; text-decoration:none; }
.hr-text-link:hover { color:var(--hr-blue); text-decoration:underline; }
.hr-hero-note { margin-top:14px!important; font-size:12px; color:var(--hr-muted); }
.hr-proof-list { display:flex; flex-wrap:wrap; gap:12px 20px; margin:28px 0 0; padding:0; list-style:none; font-size:12px; color:var(--hr-muted); }
.hr-proof-list li { display:flex; gap:7px; align-items:center; }
.hr-proof-list i { color:var(--hr-blue); }
.hr-product-figure { min-width:0; background:#fff; border:1px solid #cbdfe9; border-radius:14px; overflow:hidden; box-shadow:0 22px 55px #1d526419; }
.hr-product-caption { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:16px 20px; color:var(--hr-ink); font-size:12px; font-weight:650; background:#fff; border-bottom:1px solid var(--hr-line); }
.hr-product-caption i { color:var(--hr-blue); margin-right:7px; }
.hr-caption-badge { background:#eaf7fc; padding:4px 10px; border-radius:5px; color:#007ca5; font-size:10px; }
.hr-screenshot-button { position:relative; display:block; width:100%; padding:0; border:0; background:#fff; cursor:zoom-in; }
.hr-screenshot-button img { display:block; width:100%; height:auto; }
.hr-image-zoom { display:inline-flex; gap:6px; align-items:center; position:absolute; right:12px; bottom:10px; padding:5px 9px; border-radius:5px; color:#385468; background:#ffffffed; font-size:10px; border:1px solid #dce7ee; }
.hr-product-figure figcaption { padding:14px 20px; color:var(--hr-muted); font-size:11px; line-height:1.6; border-top:1px solid var(--hr-line); }
.hr-section-nav { background:#fff; border-bottom:1px solid var(--hr-line); }
.hr-section-nav .hr-container { display:flex; flex-wrap:wrap; align-items:center; gap:22px; min-height:65px; }
.hr-section-nav a { color:var(--hr-muted); text-decoration:none; font-size:12px; font-weight:600; padding:14px 0; }
.hr-section-nav a:hover { color:var(--hr-blue); }
.hr-section-nav .hr-nav-cta { margin-left:auto; color:var(--hr-orange); }
.hr-section { padding:80px 0; }
.hr-section-heading { max-width:630px; margin-bottom:36px; }
.hr-page h2 { font-size:clamp(28px,3vw,37px); line-height:1.2; font-weight:700; letter-spacing:-.025em; }
.hr-section-heading>p:last-child,.hr-modules-intro>p:not(.hr-eyebrow) { margin-top:18px; color:var(--hr-muted); }
.hr-benefits-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:32px; }
.hr-icon { width:44px; height:44px; display:flex; justify-content:center; align-items:center; background:#eaf7fc; color:#0082ad; border-radius:11px; font-size:22px; flex-shrink:0; }
.hr-benefit h3 { margin-top:18px; font-size:19px; line-height:1.35; font-weight:650; }
.hr-benefit p { margin-top:12px; color:var(--hr-muted); font-size:14px; line-height:1.8; }
.hr-process { margin-top:36px; padding:19px 24px; border:1px solid var(--hr-line); border-radius:8px; display:flex; gap:25px; flex-wrap:wrap; align-items:center; font-size:13px; font-weight:600; }
.hr-process i { color:var(--hr-blue); }
.hr-tinted { background:#f5f9fb; border-block:1px solid #e8f0f4; }
.hr-methods-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.hr-method { background:#fff; border:1px solid var(--hr-line); border-radius:12px; overflow:hidden; }
.hr-method-visual { height:200px; display:flex; align-items:center; justify-content:center; padding:18px; background:#fff; border-bottom:1px solid #edf2f5; }
.hr-method-visual img { display:block; width:100%; max-height:170px; object-fit:contain; }
.hr-phone-visual { background:#eaf7fc; }
.hr-phone-visual img { width:auto; height:170px; }
.hr-tablet-visual { padding:0; background:#eaf7fc; }
.hr-tablet-visual img { width:100%; height:100%; max-height:none; object-fit:contain; }
.hr-method-copy { padding:26px; }
.hr-small-label { font-size:10px; font-weight:700; letter-spacing:.1em; color:var(--hr-blue); }
.hr-method h3 { margin-top:10px; font-size:20px; font-weight:650; line-height:1.3; }
.hr-method-copy>p:not(.hr-small-label) { margin-top:12px; color:var(--hr-muted); font-size:14px; }
.hr-use-case { display:block; margin-top:20px; border-top:1px solid #e9eff3; padding-top:16px; font-size:12px; color:var(--hr-muted); }
.hr-method-plan .hr-method-visual { background:#eaf7fc; padding:0; }
.hr-method-plan .hr-screenshot-button { background:transparent; }
.hr-method-plan .hr-method-visual img { width:100%; height:auto; max-height:none; }
.hr-section-note { margin-top:22px!important; color:var(--hr-muted); font-size:12px; }
.hr-modules-layout { display:grid; grid-template-columns:.8fr 1.2fr; gap:90px; }
.hr-modules-intro .hr-text-link { margin-top:24px; }
.hr-module-list article { display:flex; gap:20px; padding:24px 0; border-bottom:1px solid var(--hr-line); }
.hr-module-list article:first-child { padding-top:0; }
.hr-module-list h3 { font-size:20px; font-weight:650; }
.hr-module-list p { margin-top:10px; color:var(--hr-muted); font-size:14px; }
.hr-module-list a { display:inline-flex; align-items:center; gap:8px; margin-top:12px; color:var(--hr-blue); font-size:12px; font-weight:600; text-decoration:none; }
.hr-demo { background:#153247; color:#fff; }
.hr-demo-grid { display:grid; grid-template-columns:1fr 1fr; gap:85px; align-items:start; }
.hr-demo .hr-eyebrow { color:#80d5f2; }
.hr-demo h2 { color:#fff; font-size:clamp(30px,3vw,42px); }
.hr-demo-copy>p:not(.hr-eyebrow) { color:#c0d1dd; margin-top:22px; }
.hr-demo-steps { list-style:none; margin:32px 0 0; padding:0; }
.hr-demo-steps li { display:flex; align-items:flex-start; gap:18px; margin:24px 0; }
.hr-demo-steps strong { font-size:15px; font-weight:600; }
.hr-demo-steps p { margin-top:5px; color:#bed0dc; font-size:13px; }
.hr-demo .hr-direct-contact { font-size:14px; border-top:1px solid #3a556a; padding-top:24px; margin-top:30px; line-height:2; }
.hr-direct-contact a { color:#fff; font-weight:600; }
.hr-form-card { background:#fff; border-radius:14px; padding:30px; color:var(--hr-ink); box-shadow:0 12px 36px #00121f30; min-width:0; }
.hr-form-card h3 { font-size:22px; line-height:1.35; font-weight:650; }
.hr-form-intro { margin-top:8px!important; font-size:13px; color:var(--hr-muted); }
.hr-form-card label:not(.hr-consent) { display:block; margin:16px 0 6px; font-size:12px; font-weight:600; }
.hr-form-card label>span:not(.hr-consent span) { color:var(--hr-orange); }
.hr-form-card small { font-size:10px; color:var(--hr-muted); font-weight:400; }
.hr-form-card input:not([type=checkbox]):not([type=hidden]),.hr-form-card select,.hr-form-card textarea { display:block; width:100%; border:1px solid #bbcbd6; border-radius:6px; background:#fff; padding:10px 12px; font:inherit; font-size:14px; color:var(--hr-ink); }
.hr-form-card input:focus,.hr-form-card select:focus,.hr-form-card textarea:focus { outline:2px solid #7ecde9; outline-offset:1px; }
.hr-form-card textarea { resize:vertical; }
.hr-form-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.hr-consent { display:flex; gap:10px; align-items:flex-start; margin:20px 0; font-size:11px; line-height:1.6; color:var(--hr-muted); }
.hr-consent input { margin:3px 0 0; flex-shrink:0; width:15px; height:15px; accent-color:#008bb9; }
.hr-consent a { color:#006e93; }
.hr-captcha { margin-bottom:18px; max-width:100%; overflow:hidden; }
.hr-submit { width:100%; }
.hr-form-note { margin-top:12px!important; text-align:center; font-size:10px; color:var(--hr-muted); }
.hr-form-errors { margin-top:18px; padding:14px; border:1px solid #e2a0a0; border-radius:6px; background:#fff2f2; color:#912c2c; font-size:12px; }
.hr-form-errors ul { padding-left:20px; margin:6px 0 0; }
.hr-form-success { text-align:center; padding:24px 0; }
.hr-form-success>i { color:#008bb9; font-size:40px; }
.hr-form-success h3 { margin:16px 0; }
.hr-form-success p { color:var(--hr-muted); }
.hr-form-success a { display:inline-block; margin-top:20px; color:#006e93; font-size:14px; }
.hr-faq-layout { display:grid; grid-template-columns:.7fr 1.3fr; gap:90px; }
.hr-faq-list details { border-bottom:1px solid var(--hr-line); padding:20px 0; }
.hr-faq-list details:first-child { padding-top:0; }
.hr-faq-list summary { cursor:pointer; color:var(--hr-ink); font-size:16px; font-weight:600; }
.hr-faq-list details p { margin:14px 0 4px; color:var(--hr-muted); font-size:14px; }
.hr-faq-list a { color:#006e93; }
.hr-bottom-cta { padding:36px 0; background:#eef8fc; border-top:1px solid var(--hr-line); }
.hr-bottom-cta .hr-container { display:flex; gap:28px; justify-content:space-between; align-items:center; }
.hr-bottom-cta h2 { font-size:25px; }
.hr-bottom-cta p { color:var(--hr-muted); margin-top:8px; font-size:14px; }
@media(max-width:1000px) { .hr-hero-grid { gap:30px; } .hr-hero-grid { grid-template-columns:1fr 1fr; } .hr-modules-layout,.hr-demo-grid,.hr-faq-layout { gap:45px; } .hr-section-nav .hr-container { gap:18px; } .hr-actions { gap:14px; } .hr-hero h1 { font-size:38px; } .hr-form-card { padding:24px; } }
@media(max-width:767px) { .hr-container { width:calc(100% - 36px); } .hr-hero { padding:40px 0 36px; } .hr-hero-grid,.hr-modules-layout,.hr-demo-grid,.hr-faq-layout { grid-template-columns:1fr; gap:36px; } .hr-hero h1 { font-size:37px; } .hr-hero-intro { font-size:16px; } .hr-section { padding:52px 0; } .hr-benefits-grid,.hr-methods-grid { grid-template-columns:1fr; gap:26px; } .hr-benefit { display:grid; grid-template-columns:44px 1fr; column-gap:18px; } .hr-benefit .hr-icon { grid-row:1 / 3; } .hr-benefit h3 { margin:0; } .hr-benefit p { grid-column:2; margin-top:7px; } .hr-method { display:grid; grid-template-columns:115px 1fr; } .hr-method-visual { height:auto; min-height:200px; border:0; padding:10px; } .hr-method-visual img { max-height:150px; } .hr-phone-visual img { height:150px; } .hr-method-copy { padding:22px; } .hr-method h3 { font-size:18px; } .hr-method-copy>p:not(.hr-small-label) { font-size:13px; } .hr-use-case { margin-top:14px; padding-top:12px; } .hr-section-nav .hr-container { gap:0 18px; min-height:58px; } .hr-section-nav a { font-size:11px; padding:10px 0; } .hr-section-nav .hr-nav-cta { margin-left:0; } .hr-process { gap:12px; padding:16px; font-size:11px; } .hr-process i { font-size:12px; } .hr-section-heading { margin-bottom:28px; } .hr-faq-layout { gap:4px; } .hr-bottom-cta .hr-container { flex-direction:column; align-items:flex-start; } .hr-bottom-cta .hr-button { width:100%; } .hr-demo .hr-direct-contact { margin-bottom:0; } }
@media(max-width:400px) { .hr-hero h1 { font-size:34px; } .hr-actions .hr-button { width:100%; } .hr-form-card { padding:20px; } .hr-form-grid { grid-template-columns:1fr; gap:0; } .hr-captcha .g-recaptcha { transform:scale(.9); transform-origin:top left; width:304px; height:70px; } .hr-method { grid-template-columns:95px 1fr; } .hr-method-copy { padding:18px; } .hr-proof-list { gap:9px 14px; } }
@media(prefers-reduced-motion:reduce) { .hr-button { transition:none; } }
@media(max-width:991px) {
  :root { --hr-navbar-height:62px; --hr-header-height:86px; }
}
@media(max-width:767px) { :root { --hr-header-height:110px; } }
@media(max-width:360px) { .hr-captcha .g-recaptcha { transform:scale(.78); height:62px; } }
@media(max-width:767px) {
  .hr-method-tablet,.hr-method-plan { grid-template-columns:1fr; }
  .hr-tablet-visual,.hr-method-plan .hr-method-visual { height:auto; min-height:0; padding:0; }
  .hr-tablet-visual img { height:auto; max-height:none; }
}