html[data-theme=light]{color-scheme:light;--page-bg: #f7f5f2;--page-bg-accent: #efeaf8;--surface: #ffffff;--surface-raised: #ffffff;--surface-muted: #f0ede8;--text-primary: #0f1b3d;--text-secondary: #3d4a6b;--text-tertiary: #66708c;--border-subtle: rgba(15, 27, 61, .1);--border-strong: rgba(15, 27, 61, .18);--brand-primary: #6d28d9;--brand-hover: #5b21b6;--brand-soft: rgba(109, 40, 217, .1);--brand-gradient: linear-gradient(100deg, #6338e8 0%, #a448f4 100%);--focus-ring: #7c3aed;--success: #15803d;--warning: #b45309;--danger: #b91c1c;--shadow-sm: 0 1px 2px rgba(15, 27, 61, .05);--shadow-md: 0 12px 40px rgba(15, 27, 61, .08);--shadow-lg: 0 24px 64px rgba(15, 27, 61, .12);--nav-bg: rgba(247, 245, 242, .82);--mock-chrome: #e8e4dc;--mock-side: #f4f1ec;--hero-glow: radial-gradient(ellipse 60% 50% at 85% 20%, rgba(167, 139, 250, .22), transparent 70%)}html[data-theme=dark]{color-scheme:dark;--page-bg: #07102b;--page-bg-accent: #0c1638;--surface: #0d1736;--surface-raised: #121d42;--surface-muted: #0a142f;--text-primary: #f2f4ff;--text-secondary: #b4bdd9;--text-tertiary: #8791b0;--border-subtle: rgba(180, 189, 217, .14);--border-strong: rgba(180, 189, 217, .26);--brand-primary: #a78bfa;--brand-hover: #c4b5fd;--brand-soft: rgba(167, 139, 250, .14);--brand-gradient: linear-gradient(100deg, #6338e8 0%, #a448f4 100%);--focus-ring: #c4b5fd;--success: #4ade80;--warning: #fbbf24;--danger: #f87171;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .25);--shadow-md: 0 16px 48px rgba(0, 0, 0, .35);--shadow-lg: 0 28px 72px rgba(0, 0, 0, .45);--nav-bg: rgba(7, 16, 43, .84);--mock-chrome: #151f44;--mock-side: #0a1432;--hero-glow: radial-gradient(ellipse 55% 45% at 80% 15%, rgba(124, 58, 237, .28), transparent 70%)}:root{--radius: 14px;--radius-sm: 10px;--wrap: min(1440px, calc(100% - (clamp(1.25rem, 4vw, 3.5rem)*2)) );--wrap-narrow: min(720px, 100%);--content: min(1280px, 100%);--font-display: "Syne", ui-sans-serif, system-ui, sans-serif;--font-body: "Manrope", ui-sans-serif, system-ui, sans-serif;--space-section: clamp(3.5rem, 6vw, 6.5rem);--measure: 38rem}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body{margin:0;min-width:320px;font-family:var(--font-body);background:var(--page-bg);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}a:hover{color:var(--brand-primary)}button,input,select,textarea{font:inherit}h1,h2,h3,h4{margin:0;font-family:var(--font-display);letter-spacing:-.03em;line-height:1.15;font-weight:700;color:var(--text-primary);text-wrap:balance}p{margin:0}ul,ol{margin:0;padding:0;list-style:none}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:1rem;top:-3rem;z-index:1000;padding:.65rem 1rem;background:var(--brand-primary);color:#fff;border-radius:8px;font-weight:600}.skip-link:focus{top:1rem;color:#fff}.wrap{width:var(--wrap);max-width:1440px;margin-inline:auto}.narrow{max-width:760px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:44px;padding:.65rem 1.15rem;border-radius:999px;border:1px solid transparent;font-weight:600;font-size:.95rem;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;transition:background .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease}.btn--sm{min-height:40px;padding:.45rem .95rem;font-size:.875rem}.btn--lg{min-height:52px;padding:0 1.75rem}.btn--primary{border:0;outline:1px solid #6338e8;outline-offset:-1px;background-color:#6338e8;background-image:linear-gradient(100deg,#6338e8,#a448f4);background-clip:border-box;background-origin:border-box;color:#fff;box-shadow:0 14px 30px -12px #6338e873;overflow:hidden;isolation:isolate;-webkit-tap-highlight-color:transparent}.btn--primary:before,.btn--primary:after{content:none!important;display:none!important}.btn--primary:hover{color:#fff;transform:translateY(-1px);box-shadow:0 18px 36px -12px #6338e885;filter:none}.btn--primary:focus-visible{outline:3px solid rgba(109,65,232,.35);outline-offset:3px}.btn--primary:active{transform:none}.btn--ghost{background:transparent;border-color:var(--border-strong);color:var(--text-primary)}.btn--ghost:hover{background:var(--brand-soft);border-color:var(--brand-primary);color:var(--brand-primary)}.text-link{color:var(--brand-primary);font-weight:600;text-decoration:underline;text-underline-offset:3px}.eyebrow{display:inline-block;margin-bottom:.85rem;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-primary)}.lede{margin-top:1rem;max-width:var(--measure);color:var(--text-secondary);font-size:clamp(1rem,.95rem + .2vw,1.125rem)}.fineprint{margin-top:1.25rem;color:var(--text-tertiary);font-size:.875rem}.optional{font-weight:500;color:var(--text-tertiary)}.pill{display:inline-flex;align-items:center;padding:.2rem .6rem;border-radius:999px;border:1px solid var(--border-subtle);font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);background:var(--surface-muted)}.pill--live{color:var(--success);border-color:color-mix(in srgb,var(--success) 35%,transparent);background:color-mix(in srgb,var(--success) 12%,transparent)}.pill--soon{color:var(--warning);border-color:color-mix(in srgb,var(--warning) 35%,transparent);background:color-mix(in srgb,var(--warning) 12%,transparent)}.nav{position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--nav-bg);border-bottom:1px solid transparent}.nav.is-solid{border-bottom-color:var(--border-subtle)}.nav__inner{display:flex;align-items:center;gap:1rem;min-height:4rem}.nav__brand{display:inline-flex;align-items:center;flex-shrink:0;line-height:0;background:transparent;padding:0;border-radius:0}.nav__brand:hover{color:var(--text-primary)}.brand-logo-stack{display:inline-flex;align-items:center;line-height:0;background:transparent}.brand-logo{display:block;width:clamp(150px,12vw,190px);height:auto;object-fit:contain;background:transparent;box-shadow:none;border:0;padding:0}.brand-logo-stack--mock .brand-logo--light,.brand-logo-stack--mock .brand-logo--dark{width:140px;height:auto;object-fit:contain;background:transparent}.brand-logo--dark,html[data-theme=dark] .brand-logo--light{display:none}html[data-theme=dark] .brand-logo--dark{display:block}.nav__desktop{display:none;align-items:center;gap:.15rem;margin-left:1rem}.nav__desktop a{padding:.45rem .7rem;border-radius:8px;color:var(--text-secondary);font-size:.9rem;font-weight:550}.nav__desktop a:hover{color:var(--text-primary);background:var(--brand-soft)}.nav__actions{margin-left:auto;display:flex;align-items:center;gap:.55rem}.nav__login{display:none;color:var(--text-secondary);font-weight:600;font-size:.9rem;padding:.4rem .5rem}.nav__demo{display:none}.nav__burger{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--border-subtle);border-radius:10px;background:var(--surface);color:var(--text-primary);cursor:pointer}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:999px;border:1px solid var(--border-subtle);background:var(--surface);color:var(--text-primary);cursor:pointer;font-size:1.1rem}.theme-toggle:hover{border-color:var(--brand-primary);background:var(--brand-soft)}.nav__mobile{border-top:1px solid var(--border-subtle);background:var(--surface);max-height:min(80vh,560px);overflow:auto}.nav__mobile[hidden]{display:none}.nav__mobile nav{display:flex;flex-direction:column;gap:.35rem;padding:1rem clamp(1.25rem,4vw,3.5rem) 1.5rem}.nav__mobile a{padding:.75rem .5rem;border-radius:10px;font-weight:600;color:var(--text-primary)}.nav__mobile a:hover{background:var(--brand-soft)}.nav__mobile-theme{display:flex;align-items:center;gap:.75rem;margin-top:.5rem;padding-top:.75rem;border-top:1px solid var(--border-subtle);color:var(--text-secondary);font-weight:600}.nav__mobile-contact{display:grid;gap:.35rem;margin-top:.75rem;padding:.85rem .5rem .25rem;border-top:1px solid var(--border-subtle)}.nav__mobile-contact p{margin:0;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary)}.nav__mobile-contact a{padding:.35rem 0;font-weight:600;color:var(--text-secondary)}.nav__mobile-contact a:hover{color:var(--brand-primary);background:transparent}@media (min-width: 980px){.nav__desktop{display:flex}.nav__login,.nav__demo{display:inline-flex}.nav__burger,.nav__mobile{display:none!important}}.hero{position:relative;padding:clamp(2.5rem,5vw,4.5rem) 0 clamp(2rem,4vw,3rem);overflow:clip}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--hero-glow);pointer-events:none}.hero__grid{position:relative;display:grid;gap:2rem;align-items:center}.hero__copy h1{font-size:clamp(2rem,1.4rem + 2.2vw,3.35rem);max-width:18ch}.hero__cta{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.hero__micro{margin-top:1rem;color:var(--text-tertiary);font-size:.875rem}.hero__visual{min-width:0}@media (min-width: 1024px){.hero__grid{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(1.5rem,3vw,3rem)}.hero__visual{width:100%}}.cred{padding:1rem 0 1.75rem;border-block:1px solid var(--border-subtle);background:var(--surface-muted)}.cred__list{display:flex;flex-wrap:wrap;gap:.65rem 1.25rem;justify-content:center}.cred__list li{position:relative;color:var(--text-secondary);font-size:.875rem;font-weight:600;padding-left:.9rem}.cred__list li:before{content:"";position:absolute;left:0;top:.55em;width:5px;height:5px;border-radius:50%;background:var(--brand-primary)}.section{padding:var(--space-section) 0}.section--band{background:linear-gradient(180deg,var(--page-bg-accent),var(--page-bg))}.section--muted{background:var(--surface-muted)}.section__intro{margin-bottom:clamp(1.75rem,3vw,2.75rem);max-width:40rem}.section__intro--wide{max-width:48rem}.section__intro h2{font-size:clamp(1.65rem,1.25rem + 1.4vw,2.45rem)}.compare{display:grid;gap:1rem}@media (min-width: 768px){.compare{grid-template-columns:1fr 1fr;gap:1.25rem}}.compare__col{padding:1.35rem 1.4rem;border-radius:var(--radius);border:1px solid var(--border-subtle);background:var(--surface);box-shadow:var(--shadow-sm)}.compare__col h3{margin-bottom:1rem;font-size:1.1rem}.compare__col ul{display:grid;gap:.65rem}.compare__col li{position:relative;padding-left:1.15rem;color:var(--text-secondary);font-size:.95rem}.compare__col li:before{content:"–";position:absolute;left:0;color:var(--text-tertiary)}.compare__col--after{border-color:color-mix(in srgb,var(--brand-primary) 35%,var(--border-subtle));background:color-mix(in srgb,var(--brand-soft) 55%,var(--surface))}.compare__col--after li:before{content:"✓";color:var(--success);font-weight:700}.tabs{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.5rem;padding:.35rem;border-radius:12px;background:var(--surface);border:1px solid var(--border-subtle)}.tabs button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--text-secondary);font-weight:600;font-size:.875rem;padding:.55rem .85rem;border-radius:8px;cursor:pointer;min-height:40px}.tabs button.is-active,.tabs button[aria-selected=true]{background:var(--brand-soft);color:var(--brand-primary)}.tabs--pill{width:fit-content;max-width:100%}.tour,.roles{display:grid;gap:1.5rem;align-items:start;min-height:22rem}@media (min-width: 980px){.tour,.roles{grid-template-columns:minmax(0,.9fr) minmax(0,1.15fr);gap:2rem}}.tour__copy h3,.roles h3{font-size:clamp(1.25rem,1.1rem + .6vw,1.65rem);margin-bottom:.75rem}.tour__copy p,.roles p{color:var(--text-secondary);margin-bottom:1rem;max-width:var(--measure)}.tour__copy ul,.check-list{display:grid;gap:.55rem}.tour__copy li,.check-list li{position:relative;padding-left:1.2rem;color:var(--text-secondary)}.tour__copy li:before,.check-list li:before{content:"";position:absolute;left:0;top:.55em;width:.45rem;height:.45rem;border-radius:2px;background:var(--brand-primary)}.tour__visual{min-width:0}.outcomes{display:grid;gap:1rem}@media (min-width: 720px){.outcomes{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1100px){.outcomes{grid-template-columns:repeat(3,minmax(0,1fr))}}.outcomes li{padding:1.25rem;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border-subtle)}.outcomes h3{font-size:1.05rem;margin-bottom:.45rem}.outcomes p{color:var(--text-secondary);font-size:.95rem}.timeline{display:grid;gap:0;border-left:2px solid var(--border-subtle);margin-left:.65rem}.timeline li{display:grid;grid-template-columns:auto 1fr;gap:1rem;padding:0 0 1.5rem 1.25rem;position:relative}.timeline__n{position:absolute;left:-.85rem;width:1.5rem;height:1.5rem;border-radius:999px;background:var(--brand-primary);color:#fff;font-size:.75rem;font-weight:700;display:grid;place-items:center}.timeline h3{font-size:1.05rem;margin-bottom:.35rem}.timeline p{color:var(--text-secondary);max-width:var(--measure)}.security-grid{display:grid;gap:1rem}@media (min-width: 900px){.security-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.security-grid article{padding:1.25rem;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border-subtle)}.security-grid h3{margin-bottom:.85rem;font-size:1.05rem}.security-grid li{position:relative;padding-left:.9rem;margin-bottom:.55rem;color:var(--text-secondary);font-size:.95rem}.security-grid li:before{content:"•";position:absolute;left:0;color:var(--brand-primary)}.suite{display:grid;gap:1rem}@media (min-width: 900px){.suite{grid-template-columns:1.35fr .85fr .85fr;align-items:stretch}}.suite__card{padding:1.35rem;border-radius:var(--radius);border:1px solid var(--border-subtle);background:var(--surface);display:flex;flex-direction:column;gap:.75rem}.suite__card--primary{background:linear-gradient(160deg,color-mix(in srgb,var(--brand-soft) 80%,var(--surface)),var(--surface));border-color:color-mix(in srgb,var(--brand-primary) 30%,var(--border-subtle));box-shadow:var(--shadow-md);padding:1.75rem}.suite__card h3{font-size:1.25rem}.suite__card p{color:var(--text-secondary);flex:1}.suite__meta{display:flex;flex-wrap:wrap;gap:.4rem}.pricing{display:grid;gap:1rem}@media (min-width: 900px){.pricing{grid-template-columns:repeat(3,minmax(0,1fr))}}.price{padding:1.5rem;border-radius:var(--radius);border:1px solid var(--border-subtle);background:var(--surface);display:flex;flex-direction:column;gap:.85rem}.price.is-featured{border-color:color-mix(in srgb,var(--brand-primary) 40%,var(--border-subtle));box-shadow:var(--shadow-md)}.price__amount{font-family:var(--font-display);font-size:2rem;font-weight:700;letter-spacing:-.03em}.price__amount span{font-size:.95rem;font-weight:600;color:var(--text-tertiary);margin-left:.2rem}.price__meta{color:var(--text-tertiary);font-size:.875rem}.price ul{display:grid;gap:.5rem;flex:1;margin-bottom:.5rem}.price li{position:relative;padding-left:1.1rem;color:var(--text-secondary);font-size:.92rem}.price li:before{content:"✓";position:absolute;left:0;color:var(--success);font-size:.8rem}.table-wrap{margin-top:2rem;overflow-x:auto;border:1px solid var(--border-subtle);border-radius:var(--radius);background:var(--surface)}.compare-table{width:100%;border-collapse:collapse;font-size:.9rem;min-width:640px}.compare-table th,.compare-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border-subtle);color:var(--text-secondary)}.compare-table thead th{background:var(--surface-muted);color:var(--text-primary);font-weight:700}.compare-table tbody th{color:var(--text-primary);font-weight:600}.about{display:grid;gap:1.5rem}@media (min-width: 900px){.about{grid-template-columns:1.2fr .8fr;align-items:start}}.about__card{padding:1.35rem;border-radius:var(--radius);border:1px solid var(--border-subtle);background:var(--surface);display:grid;gap:.75rem;color:var(--text-secondary)}.about__card a{color:var(--brand-primary);font-weight:600}.faq{display:grid;gap:.65rem}.faq details{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--surface);padding:.25rem 1rem}.faq summary{cursor:pointer;font-weight:650;padding:.9rem 0;list-style:none;color:var(--text-primary)}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";float:right;color:var(--brand-primary);font-weight:700}.faq details[open] summary:after{content:"–"}.faq details p{padding-bottom:1rem;color:var(--text-secondary);max-width:62ch}.demo{display:grid;gap:2rem}@media (min-width: 900px){.demo{grid-template-columns:1fr 1fr;align-items:start}}.form{position:relative;display:grid;gap:.9rem;padding:1.5rem;border-radius:var(--radius);border:1px solid var(--border-subtle);background:var(--surface);box-shadow:var(--shadow-md)}.form label{display:grid;gap:.35rem;font-weight:600;font-size:.9rem;color:var(--text-primary)}.form input,.form select,.form textarea{width:100%;min-height:44px;padding:.65rem .8rem;border-radius:10px;border:1px solid var(--border-strong);background:var(--page-bg);color:var(--text-primary)}.form textarea{min-height:6rem;resize:vertical}.form input[aria-invalid=true],.form select[aria-invalid=true]{border-color:var(--danger)}.field-error{color:var(--danger);font-size:.8rem;font-weight:600}.hp{position:absolute;left:0;top:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;opacity:0;pointer-events:none}.footer{padding:3rem 0 2rem;border-top:1px solid var(--border-subtle);background:var(--surface-muted)}.footer__grid{display:grid;gap:2rem}@media (min-width: 768px){.footer__grid{grid-template-columns:1fr 1.2fr}}.footer__meta{margin-top:.45rem;color:var(--text-secondary);font-size:.925rem}.footer__contact{display:grid;gap:.35rem;margin-top:1.1rem;color:var(--text-secondary);font-size:.925rem}.footer__contact-label{font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:.15rem}.footer__contact a,.contact-block a{color:var(--text-secondary);font-weight:600;width:fit-content}.footer__contact a:hover,.contact-block a:hover{color:var(--brand-primary)}.contact-block{display:grid;gap:.35rem;margin-top:1.35rem;color:var(--text-secondary);font-size:.95rem}.contact-block__label{font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:.1rem}.footer nav{display:flex;flex-wrap:wrap;gap:.5rem 1.15rem;align-content:start}.footer nav a{color:var(--text-secondary);font-weight:600;font-size:.9rem}.footer__bottom{margin-top:2rem;padding-top:1.25rem;border-top:1px solid var(--border-subtle);color:var(--text-tertiary);font-size:.85rem}.hrms-mock[data-variant=hero] .hrms-mock__kpis>div:nth-child(2) strong{animation:metric-pulse 4.5s ease-in-out infinite}.hrms-mock[data-variant=hero]:after{content:"";position:absolute;width:14px;height:14px;border:2px solid var(--brand-primary);border-radius:50%;top:42%;left:58%;opacity:.55;animation:cursor-drift 7s ease-in-out infinite;pointer-events:none;box-shadow:0 0 0 2px color-mix(in srgb,var(--brand-primary) 25%,transparent)}.hrms-mock{position:relative;border-radius:16px;border:1px solid var(--border-subtle);background:var(--surface-raised);box-shadow:var(--shadow-lg);overflow:hidden;min-height:22rem}@keyframes metric-pulse{0%,to{opacity:1}50%{opacity:.72}}@keyframes cursor-drift{0%,to{transform:translate(0)}40%{transform:translate(28px,18px)}70%{transform:translate(-10px,32px)}}@media (prefers-reduced-motion: reduce){.hrms-mock[data-variant=hero] .hrms-mock__kpis>div:nth-child(2) strong,.hrms-mock[data-variant=hero]:after{animation:none}}.hrms-mock.is-compact{min-height:16rem}.hrms-mock__chrome{display:flex;align-items:center;gap:.4rem;padding:.65rem .9rem;background:var(--mock-chrome);border-bottom:1px solid var(--border-subtle)}.hrms-mock__chrome span{width:9px;height:9px;border-radius:50%;background:var(--border-strong)}.hrms-mock__chrome p{margin-left:.6rem;font-size:.75rem;color:var(--text-tertiary);font-weight:600}.hrms-mock__shell{display:grid;grid-template-columns:9.5rem 1fr;min-height:20rem}.hrms-mock__side{padding:1rem .75rem;background:var(--mock-side);border-right:1px solid var(--border-subtle)}.hrms-mock__brand{display:flex;align-items:center;margin-bottom:.85rem;padding:0;background:transparent}.hrms-mock__brand img{display:block;width:100%;max-width:9.5rem;height:auto;background:transparent}.hrms-mock__side nav{display:grid;gap:.25rem}.hrms-mock__side span{display:block;padding:.4rem .5rem;border-radius:7px;font-size:.78rem;font-weight:600;color:var(--text-secondary)}.hrms-mock__side span.is-on{background:var(--brand-soft);color:var(--brand-primary)}.hrms-mock__main{padding:1rem 1.1rem 1.2rem;min-width:0}.hrms-mock__main>header{display:flex;justify-content:space-between;gap:.75rem;align-items:start;margin-bottom:1rem}.hrms-mock__main h4{font-size:1rem}.hrms-mock__main header p{color:var(--text-tertiary);font-size:.78rem;margin-top:.15rem}.hrms-mock__pill{flex-shrink:0;font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--brand-primary);background:var(--brand-soft);padding:.25rem .5rem;border-radius:999px}.hrms-mock__kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;margin-bottom:1rem}.hrms-mock__kpis>div{padding:.55rem .6rem;border-radius:10px;background:var(--surface-muted);border:1px solid var(--border-subtle)}.hrms-mock__kpis span{display:block;font-size:.68rem;color:var(--text-tertiary);font-weight:600}.hrms-mock__kpis strong{font-family:var(--font-display);font-size:1.05rem;color:var(--text-primary)}.hrms-mock table{width:100%;border-collapse:collapse;font-size:.8rem}.hrms-mock th,.hrms-mock td{text-align:left;padding:.55rem .4rem;border-bottom:1px solid var(--border-subtle);color:var(--text-secondary)}.hrms-mock th{color:var(--text-tertiary);font-size:.72rem;text-transform:uppercase;letter-spacing:.04em}.hrms-mock em{font-style:normal;font-weight:700;font-size:.75rem}.hrms-mock em.ok{color:var(--success)}.hrms-mock em.warn{color:var(--warning)}.hrms-mock__list{display:grid;gap:.55rem}.hrms-mock__list li{display:flex;justify-content:space-between;gap:.75rem;padding:.7rem .8rem;border-radius:10px;background:var(--surface-muted);border:1px solid var(--border-subtle);font-size:.85rem;color:var(--text-secondary)}.hrms-mock__list strong{color:var(--text-primary)}.hrms-mock__note{color:var(--text-secondary);font-size:.85rem}@media (max-width: 640px){.hrms-mock__shell{grid-template-columns:1fr}.hrms-mock__side{display:none}.hrms-mock__kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1600px){.hero__copy h1{max-width:16ch}.section__intro{max-width:44rem}}@media (min-width: 2200px){.wrap{width:min(1520px,calc(100% - 6rem))}.hero{padding-block:5rem 3.5rem}}