/* Creasoft 2.0.2: cs-consent-159, cs-site-header-actions, cs-site-1523, cs-site-ux-154, cs-site-1544, cs-site-1526, cs-1529-marketing, cs-a11y-1543, cs-menu-201, cs-home-1531, cs-site-1532, cs-style-202 */
/* consent-159.css */
/* Creasoft 1.5.30 - discrete, non-modal cookie preferences.
   Both decisions are equally available and analytics is loaded only after opt-in. */
.cs-consent-banner,.cs-consent-banner *,.cs-consent-reopen{box-sizing:border-box}
.cs-consent-banner[hidden],.cs-consent-reopen[hidden]{display:none!important}
.cs-consent-banner{position:fixed;z-index:2147483600;left:16px;bottom:16px;right:auto;top:auto;
  width:min(400px,calc(100vw - 32px));max-width:100%;
  background:#fff;color:#263f50;box-shadow:0 7px 32px rgba(8,35,57,.15);
  border:1px solid #d6e4ee;border-radius:13px;
  font:12.5px/1.45 system-ui,-apple-system,"Segoe UI",sans-serif}
.cs-consent-inner{width:100%;padding:11px 13px;display:flex;flex-direction:column;gap:8px;align-items:stretch}
.cs-consent-inner p{margin:0;max-width:none}
.cs-consent-inner a{color:#11699e;text-decoration:underline;text-underline-offset:2px}
.cs-consent-actions{display:flex;gap:8px;flex-shrink:0;align-items:center}
.cs-consent-actions button{border:1px solid #c6dce9;border-radius:8px;padding:7px 12px;
  background:#fff;color:#165a87;cursor:pointer;font:600 12px/1.25 system-ui,sans-serif;
  min-height:34px;flex:1 1 0;min-width:0;text-align:center}
.cs-consent-actions button[data-cs-consent="accept"]{background:#116b9e;border-color:#116b9e;color:#fff}
.cs-consent-actions button:focus-visible,.cs-consent-reopen:focus-visible{outline:3px solid #71b7df;outline-offset:2px}
.cs-consent-reopen{position:fixed;bottom:12px;left:12px;z-index:2147483599;
  border:1px solid #d7e5ed;background:#fff;color:#31576d;padding:5px 9px;
  border-radius:999px;font:11px/1.25 system-ui,sans-serif;
  box-shadow:0 2px 8px rgba(0,26,59,.09);cursor:pointer}
@media(max-width:480px){.cs-consent-banner{left:10px;right:10px;bottom:10px;width:auto}
  .cs-consent-inner{padding:10px 12px;gap:8px}
  .cs-consent-actions button{min-height:38px}
  .cs-consent-reopen{left:9px;bottom:9px}}

/* header-actions.css */
/* Creasoft 1.5.8 - selector de limba discret (contur) si Login compact, aliniate cu butoanele temei. */
.cs-header-actions {
  display: inline-flex !important; align-items: center !important; justify-content: flex-end !important;
  gap: 12px !important; margin-inline-start: auto; flex-shrink: 0;
  white-space: nowrap; position: relative; z-index: 25;
}
.cs-header-languages.cs-language-picker { position: relative; padding: 0; margin: 0; border: 0; background: transparent; }
.cs-language-trigger { display: flex; gap: 8px; align-items: center; justify-content: center;
  min-height: 38px; padding: 0 12px; list-style: none; cursor: pointer; border-radius: 999px;
  background: transparent; border: 1px solid #d5dde8; transition: background .15s ease; }
.cs-language-trigger:hover { background: #f3f6fa; }
.cs-language-trigger::-webkit-details-marker { display:none; }
.cs-language-trigger:focus-visible, .cs-header-actions :is(a,button):focus-visible { outline:3px solid #f4b545; outline-offset:4px; }
.cs-flag { display: inline-block; flex: none; width: 22px; height: 15px; border-radius: 2px; vertical-align: middle; overflow: hidden; }
.cs-flag-ro { background: linear-gradient(90deg,#002b7f 0 33.333%,#fcd116 33.333% 66.666%,#ce1126 66.666%); }
.cs-flag-en { font: 17px/15px sans-serif; width: 22px; height: 15px; }
.cs-language-chevron { display:inline-block; width: 6px; height: 6px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor;
  transform: rotate(45deg) translateY(-2px); color: #4a5a70; }
.cs-language-picker[open] .cs-language-chevron { transform:rotate(225deg) translateY(-2px); }
.cs-language-options { position:absolute; top: calc(100% + 5px); left:0; min-width: 150px; padding:7px; border-radius: 12px;
  box-shadow: 0 12px 38px rgba(8,33,73,.22); border: 1px solid #dce7f2; background: #fff; z-index: 99999; }
.cs-language-options .cs-header-language { display:flex!important; align-items:center; gap: 10px; padding: 10px 12px!important; min-height: 40px; border-radius: 8px;
  font:650 14px/1.2 system-ui,sans-serif!important; text-decoration:none!important; color:#1e3553!important; }
.cs-language-options .cs-header-language[aria-current="page"], .cs-language-options .cs-header-language:hover { background: #e7f3fc!important; }
.cs-language-options .cs-flag { width:27px; height:19px; }
.cs-language-options .cs-flag-en { font-size:20px; line-height:19px; }
.cs-header-actions .cs-header-login {
  appearance: none; box-sizing:border-box; display:inline-grid; place-items:center; cursor:pointer;
  border: 0!important; border-radius: 999px!important;
  background:#1f5fd6!important; color:#fff!important;
  min-height: 38px!important; min-width: 0; padding: 0 20px!important;
  font: 600 15px/1 system-ui,-apple-system,"Segoe UI",sans-serif!important;
  box-shadow: none!important; text-decoration: none!important; transition: background .15s ease;
}
.cs-header-actions .cs-header-login:hover { background:#184cb0!important; }
.cs-app-login-dialog {box-sizing:border-box;width:min(560px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow-y:auto;margin:auto;
 border:1px solid #d9e6f1;padding:28px;border-radius:14px;background:#fff;color:#18344c;box-shadow:0 22px 80px rgba(9,37,65,.30);z-index:2147483647;}
.cs-app-login-dialog:not([open]){display:none!important}.cs-app-login-dialog::backdrop{background:rgba(6,22,38,.70)}
.cs-app-login-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:23px}
.cs-app-login-head h2{font:750 29px/1.18 system-ui,sans-serif!important;color:#123650!important;margin:0 0 8px!important}
.cs-app-login-head p{font:400 15px/1.6 system-ui,sans-serif!important;color:#476174!important;margin:0!important}
.cs-app-login-close{display:inline-grid;place-items:center;flex:0 0 39px;width:39px;height:39px;padding:0!important;border-radius:8px;border:1px solid #dbe4eb!important;background:#f2f6f9!important;color:#234a66!important;font:27px/1 system-ui,sans-serif!important;cursor:pointer}
.cs-app-login-list{display:grid;gap:10px}.cs-app-login-list .cs-app-login-option{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;min-height:61px;padding:15px 17px;border:1px solid #d6e5f0!important;border-radius:10px;background:#f6fbff!important;color:#163f5d!important;font:650 15px/1.4 system-ui,sans-serif!important;text-decoration:none!important}
.cs-app-login-list .cs-app-login-option:hover{border-color:#088cda!important;background:#eaf5fc!important}
.cs-app-login-arrow{font-size:19px;color:#087cc0;flex-shrink:0}
.cs-header-mobile-strip{display:none}
@media(max-width:980px){.cs-header-actions{gap:10px!important}}
@media(max-width:760px){.cs-header-mobile-strip{box-sizing:border-box;display:flex;align-items:center;justify-content:flex-end;width:100%;padding:6px 16px;background:#fff;border-bottom:1px solid #e6ebf1;position:relative;z-index:30}.cs-header-mobile-strip>.cs-header-actions{margin-inline-start:0}.cs-header-actions{gap:10px!important}.cs-language-trigger{min-height:34px}.cs-header-actions .cs-header-login{min-height:34px!important;font-size:14px!important;padding:0 16px!important}.cs-app-login-dialog{padding:20px}}
@media(max-width:375px){.cs-header-actions .cs-header-login{padding:0 14px!important}}

/* 1.5.9: discrete sales telephone, desktop only. */
.cs-header-actions .cs-header-phone{font:650 14px/1.3 system-ui,sans-serif!important;color:#174b76!important;text-decoration:none!important;white-space:nowrap}
.cs-header-actions .cs-header-phone:hover{text-decoration:underline!important}
@media(max-width:1100px){.cs-header-actions .cs-header-phone{display:none!important}}
/* 2.0.1: randul mic sub numele aplicatiei */
.cs-app-login-option .cs-app-login-sub{display:block;margin-top:2px;font-size:13px;font-weight:450;line-height:1.35;color:#476174}

/* site-1523.css */
/* v1.5.23: selected commercial screenshots and integration cards only. */
.cs-1523-screens-inner{max-width:1180px;margin:0 auto;padding:0 20px}
.cs-1523-screens-inner>h2{margin:0 auto 14px;text-align:center;max-width:900px}
.cs-1523-screen-intro{max-width:850px;margin:0 auto 25px;text-align:center;color:#565d67;line-height:1.6}
.cs-1523-screenshot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
.cs-1523-showcase{margin:18px auto 0;max-width:1040px;text-align:center}
.cs-1523-screenshot-grid .cs-1523-showcase{margin-top:0}
.cs-1523-showcase a{display:block;border-radius:16px;overflow:hidden;border:1px solid #e1e5eb;background:#fff;box-shadow:0 8px 24px #1118270b}
.cs-1523-showcase img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain}
.cs-1523-showcase figcaption{margin:12px 6px 0;font-size:14px;line-height:1.45;color:#52606d}
.cs-1523-phone-image{max-width:315px!important;margin-left:auto!important;margin-right:auto!important}
.cs-1523-phone-image img{width:100%;height:auto;max-width:315px;margin:0 auto;display:block;border-radius:16px}
.cs-1523-brand-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:25px auto}
.cs-1523-brand-grid-small{grid-template-columns:repeat(2,minmax(0,1fr));max-width:590px;margin:16px 0 0}
.cs-1523-brand-card{border:1px solid #e4e9f0;border-radius:14px;padding:18px 20px;background:white;display:flex;flex-direction:column;gap:4px;min-width:0}
.cs-1523-brand-card strong{font-size:18px;color:#19232f;font-weight:650}
.cs-1523-brand-card span{font-size:13px;color:#687483}
.cs-1523-integration-detail{background:#f5f7fa;border-radius:18px;padding:24px 28px;margin:17px auto;max-width:990px}
.cs-1523-integration-detail h3{font-size:21px!important;margin:0 0 10px}
.cs-1523-integration-detail p{line-height:1.6;margin:0;color:#46505c}
.cs-1523-integrations .wp-element-button{display:inline-block;text-decoration:none;margin-top:8px}
.cs-1523-video-links{text-align:center;margin:20px auto 0;font-size:14px;color:#596270}.cs-1523-video-links a{text-decoration:underline;text-underline-offset:3px}.cs-1523-subtle-link{margin-top:16px}
.cs-1523-subtle-link a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:700px){.cs-1523-screenshot-grid,.cs-1523-brand-grid{grid-template-columns:1fr}.cs-1523-brand-grid-small{grid-template-columns:1fr}.cs-1523-screens-inner{padding:0 18px}.cs-1523-integration-detail{padding:20px}.cs-1523-phone-image{max-width:280px!important}}

/* site-ux-154.css */
/* Creasoft 1.5.4 - content enhancements independent of the active theme. */
.cs-home-pricing-note { margin: 14px auto 34px !important; color: #526979; font-size: clamp(15px,1.25vw,18px); font-weight: 550; text-align: center; }
.cs-payroll-note { max-width: 1080px; margin-inline: auto; padding-block: clamp(32px, 5vw, 66px) !important; }
.cs-payroll-note .cs-kicker { color: #087cc0; font-weight: 750; }
.cs-payroll-note h2 { max-width: 820px; font-size: clamp(24px,2.5vw,37px); line-height: 1.2; }
.cs-payroll-note p { max-width: 800px; }
.cs-planner-visual { margin-block: 28px 20px; }
.cs-planner-visual img { width: 100%; height: auto; display: block; }
.cs-planner-visual figcaption { font-size: 13px; text-align: center; color: #506c80; padding-top: 10px; }
.cs-planner-visual figcaption a { color: #087cc0; text-decoration: underline; }
.cs-official-store-badge { padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important; }
.cs-official-store-badge img { display: block; width: auto; max-width: 190px; height: 55px; object-fit: contain; }
.cs-video-preview { margin: 8px 0 18px; }
.cs-video-preview a { display: block; position: relative; aspect-ratio: 16/9; overflow: hidden; background: #152a42; border-radius: 14px; box-shadow: 0 4px 20px rgba(18,50,80,.12); }
.cs-video-preview img { width: 100%; height: 100%; object-fit: cover; }
.cs-video-preview .cs-play-icon { position: absolute; width: 67px; height: 48px; left: 50%; top: 50%; transform: translate(-50%,-50%); display: grid; place-items: center; background: #ed1c24; border-radius: 14px; color: #fff; font-size: 27px; font-weight: 800; box-shadow: 0 4px 24px rgba(0,0,0,.4); }
.cs-video-preview figcaption { font-size: 14px; margin-top: 8px; color: #506478; }
.cs-section.cs-hero .wp-block-buttons { margin-bottom: 14px; }
@media(max-width:600px){.cs-payroll-note {padding-inline: 18px!important}.cs-planner-visual {margin-inline: -12px}.cs-video-preview .cs-play-icon {width:60px;height:44px}}

/* 1.5.5: clarify initial contract duration directly on the pricing page. */
.cs-contract-term { max-width: 1100px; margin: 0 auto 22px; padding: 12px 16px; border-left: 3px solid #149ddb; border-radius: 6px; background: #f4f7fb; color: #334155; font-size: 0.94rem; line-height: 1.55; }
.cs-contract-term strong { color: #17243b; }

/* 1.5.7: homepage showcase for the integrated HR platform + attendance hardware. */
.cs-home-showcase { align-items: center; margin-top: 18px !important; }
.cs-home-showcase .wp-block-column { display: flex; }
.cs-device-highlight { width: 100%; padding: 22px; border: 1px solid #d9e4ec; border-radius: 18px; background: linear-gradient(180deg,#ffffff 0%,#f6fbff 100%); box-shadow: 0 8px 30px rgba(17,39,63,.07); }
.cs-device-highlight h3 { margin-top: 0.25em; margin-bottom: 0.45em; font-size: clamp(24px,2vw,31px); line-height: 1.18; }
.cs-device-highlight p { margin-bottom: 18px; color: #415468; }
.cs-device-highlight .wp-block-image { margin: 0; width: 100%; }
.cs-device-highlight img { width: 100%; height: auto; display: block; }
.cs-phone-showcase img { max-width: 760px; margin-inline: auto; }
@media(max-width:900px){ .cs-home-showcase { gap: 18px !important; } .cs-device-highlight { padding: 18px; } }

/* 1.5.8 - targeted layout corrections for homepage, time attendance and pricing. */
.cs-benefits-section .cs-benefits-grid {display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important;align-items:stretch;list-style:none!important;padding:0!important;margin:26px auto 0!important;}
.cs-benefits-section .cs-benefits-grid>li {width:auto!important;max-width:none!important;margin:0!important;box-sizing:border-box;}
.cs-payroll-centered {max-width:960px!important;margin-inline:auto!important;text-align:center!important;}
.cs-payroll-centered h2,.cs-payroll-centered p {margin-left:auto!important;margin-right:auto!important;max-width:850px!important;text-align:center!important;}
.cs-attendance-device {max-width:min(60%,540px)!important;width:100%!important;margin:26px auto 0!important;text-align:center!important;}
.cs-attendance-device img {width:100%!important;max-width:100%!important;height:auto!important;object-fit:contain!important;}
.cs-section.cs-hero.cs-center>p.cs-lead,.cs-section.cs-hero.cs-center>.cs-lead {margin-left:auto!important;margin-right:auto!important;text-align:center!important;}
.cs-pricing-shell {max-width:1240px!important;margin-inline:auto!important;}
.cs-pricing-shell .cs-pricing-language {max-width:1100px;margin:0 auto 12px!important;text-align:right!important;font-size:14px;}
.cs-pricing-shell .cs-pricing-language a {color:#087cc0;text-decoration:underline;}
.cs-pricing-shell .cs-pricing-intro {max-width:1100px;margin:0 auto!important;}
.cs-pricing-shell .cs-contract-term {max-width:100%;margin:0 0 14px!important;border-left:3px solid #149ddb;}
.cs-pricing-shell .cs-offer-frame {display:block;width:100%;margin:0 auto!important;border-radius:12px;}
.cs-en-hardware {max-width:550px;margin:20px auto!important;}
.cs-en-hardware img {width:100%;height:auto;object-fit:contain;}
@media(max-width:900px){.cs-benefits-section .cs-benefits-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}}
@media(max-width:600px){.cs-benefits-section .cs-benefits-grid{grid-template-columns:1fr!important;}.cs-attendance-device{max-width:90%!important;}.cs-pricing-shell .cs-pricing-language{text-align:left!important;}}

/* v1.5.12: text-only domestic production banner; avoid a third attendance-terminal picture. */
.cs-ro-manufacturing { text-align:center; }
.cs-ro-manufacturing > .cs-eyebrow, .cs-ro-manufacturing > h2, .cs-ro-manufacturing > .cs-sub { max-width:840px; margin-left:auto!important; margin-right:auto!important; text-align:center!important; }
.cs-ro-manufacturing > h2 { max-width:760px; }
.cs-ro-manufacturing > .cs-sub { line-height:1.65; }
.cs-ro-manufacturing > .wp-block-buttons { justify-content:center!important; }

/* Creasoft v1.5.14: responsive English product and guide pages */
.cs-translated-media {max-width: min(620px, 96%); margin: 24px auto;}
.cs-translated-media img {width:100%;height:auto;object-fit:contain;}
.cs-all-english-solutions .cs-solutions-english-grid ul {columns:3;column-gap:36px;list-style:none;padding:0;margin:18px 0;}
.cs-all-english-solutions .cs-solutions-english-grid li {break-inside:avoid;margin:0 0 10px;}
.cs-all-english-solutions .cs-solutions-english-grid a {text-decoration:none;font-weight:600;}
.cs-related-translated ul {columns:2;}
@media(max-width:800px) {.cs-all-english-solutions .cs-solutions-english-grid ul {columns:2}.cs-related-translated ul {columns:1}}
@media(max-width:550px) {.cs-all-english-solutions .cs-solutions-english-grid ul {columns:1}}

/* Creasoft v1.5.19 -- enterprise desktop density and new pages */
.cs-1519-hero-showcase{max-width:1240px;margin:28px auto 0}
.cs-1519-hero-showcase>h2{margin-bottom:14px!important}
.cs-1519-hero-showcase>.cs-sub{text-align:center;max-width:840px;margin:0 auto 25px}
.cs-1519-hero-cards,.cs-1519-testimonials{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px!important;align-items:stretch}
.cs-1519-hero-cards>.wp-block-column,.cs-1519-testimonials>.wp-block-column{width:auto!important;flex-basis:auto!important;margin:0!important;min-width:0}
.cs-1519-hero-cards .cs-tile{height:100%;display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1px solid #dce8f0;padding:24px;border-radius:22px}
.cs-1519-hero-cards .cs-tile h3{font-size:clamp(19px,1.7vw,24px)!important;line-height:1.22}
.cs-1519-hero-cards .cs-1519-card-image{margin-top:auto;padding-top:16px}
.cs-1519-hero-cards .cs-1519-card-image img{width:100%;height:195px;object-fit:contain;background:transparent;border:0;border-radius:10px}
.cs-1519-showcase-footer{text-align:center;font-weight:650;color:#446177;margin-top:17px}
/* 1.5.33: sectiunea e alignfull; latimea vine din layout (aliniata cu restul paginii). */
.cs-1519-payroll-integrations h2{max-width:850px}
.cs-1519-testimonials-section .cs-1519-testimonials + .cs-1519-testimonials{margin-top:20px!important}
.cs-1519-testimonial-card{height:100%;padding:22px!important;display:flex;flex-direction:column;background:#fff;border:1px solid #e1eaf2;border-radius:20px}
.cs-1519-client-mark{height:66px;margin-bottom:17px!important;display:flex;align-items:center}
.cs-1519-client-logo{max-width:185px;max-height:64px;width:auto;height:auto;object-fit:contain;display:block}
.cs-1519-testimonial-card .cs-quote-text{font-size:15px!important;line-height:1.55;flex:1}
.cs-1519-testimonial-card .cs-quote-author{font-size:13px;margin-top:18px}
.cs-1519-quote-note{font-size:12px;color:#728496;margin-top:7px}
.cs-1519-category-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px!important;margin-bottom:20px!important}
.cs-1519-category-grid>.wp-block-column{width:auto!important;min-width:0;flex-basis:auto!important;margin:0!important}
.cs-1519-category-grid .cs-tile{padding:24px;height:100%;display:flex;flex-direction:column;border-radius:19px}
.cs-1519-category-grid h3{font-size:22px!important}
.cs-1519-category-grid .cs-more{margin-top:auto;padding-top:16px}
/* 1.5.21: sectiunile sunt alignfull; latimea continutului vine din layout-ul constrained (1240px). */
.cs-1519-partner-hero .cs-lead{max-width:950px}
.cs-1519-partner-hero .cs-1519-text-link{margin-top:14px}
.cs-1519-partner-models .cs-1519-partner-step{padding:23px 26px;margin-top:18px;border:1px solid #e0eaf2;background:white;border-radius:16px}
.cs-1519-partner-models .cs-1519-outcome{color:#29647e;margin-top:13px}
.cs-1519-topic-title{font-weight:700;margin-bottom:12px;color:#2a6c9b}
.cs-1519-footer-links{display:flex;flex-wrap:wrap;gap:12px 25px;justify-content:center;padding:18px 3%;border-top:1px solid #e5ebf2;font-size:14px}
.cs-1519-footer-links a{color:#2277ae;text-decoration:none;font-weight:650}
.cs-1519-footer-links a:hover,.cs-1519-footer-links a:focus-visible{text-decoration:underline}
@media(min-width:1024px){
 .cs-section{padding-top:clamp(42px,4.5vw,68px)!important;padding-bottom:clamp(42px,4.5vw,68px)!important}
 .cs-section.cs-hero{padding-top:clamp(56px,5.8vw,90px)!important;padding-bottom:clamp(53px,5vw,80px)!important}
 .cs-section.cs-tight{padding-top:38px!important;padding-bottom:38px!important}
 .cs-section h1{font-size:clamp(42px,3.4vw,48px)!important;line-height:1.14!important}
 .cs-section h2{font-size:clamp(29px,2.45vw,34px)!important;line-height:1.22!important}
 .cs-section h3{font-size:clamp(20px,1.65vw,24px)!important;line-height:1.28!important}
 .cs-section p:not(.cs-num):not(.cs-kicker):not(.cs-quote-text):not(.cs-more){line-height:1.55}
 .cs-section .cs-lead{font-size:19px!important}
}
@media(max-width:900px){
 .cs-1519-hero-cards,.cs-1519-testimonials,.cs-1519-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
 .cs-1519-hero-cards,.cs-1519-testimonials,.cs-1519-category-grid{grid-template-columns:1fr}
 .cs-1519-hero-cards .cs-1519-card-image img{height:200px}
 .cs-1519-hero-cards .cs-tile,.cs-1519-testimonial-card{padding:19px!important}
}
/* 1.5.19 main navigation: open by click while retaining theme hover behaviour. */
header li.cs-1519-nav-open > ul, header li.cs-1519-nav-open > .wp-block-navigation__submenu-container,
header .cs-1519-nav-open > .wp-block-navigation__submenu-container{display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}
header .cs-1519-overview-item{border-bottom:1px solid #e7edf4}
header .cs-1519-overview-item > a{font-weight:700!important}

/* site-1544.css */
/* Creasoft 1.5.44 */

/* 7. Pagina de login (/ro/login/, /en/login/): aceeasi lista ca in fereastra Login. */
.cs-1544-login-page{max-width:560px;margin:30px auto 26px!important;text-align:left}

/* 9. Imaginile cu copie pentru telefon sunt intr-un <picture>; acesta nu adauga nicio cutie in pagina,
   asa ca imaginea se aseaza exact ca inainte. */
picture.cs-m{display:contents}

/* site-1526.css */
/* Creasoft Site 1.5.26 — larger proportionate original logo without distortion. */
@media (min-width: 1280px) {
  header .wp-block-site-logo, .wp-site-blocks > header .wp-block-site-logo,
  .wp-block-template-part header .wp-block-site-logo {
    flex: 0 0 auto !important;
    min-width: 200px;
    max-width: 220px;
    overflow: visible;
  }
  header .wp-block-site-logo img, .wp-site-blocks header .wp-block-site-logo img,
  header img.custom-logo, .wp-block-template-part header img.custom-logo {
    width: 208px !important;
    height: 50px !important;
    max-height: 50px !important;
    max-width: none !important;
    object-fit: contain !important;
    aspect-ratio: 696 / 167;
    display: block;
  }
}
@media (min-width: 761px) and (max-width: 1279px) {
  header .wp-block-site-logo img, header img.custom-logo {
    width: 174px !important;
    height: 42px !important;
    object-fit: contain !important;
    aspect-ratio: 696 / 167;
  }
}
@media (max-width: 760px) {
  header .wp-block-site-logo img, header img.custom-logo {
    width: 155px !important;
    height: auto !important;
    aspect-ratio: 696 / 167;
    object-fit: contain !important;
  }
}
/* Benefit module reused on both localised home and digital employee file pages. */
.cs-1526-bulk{padding:66px 20px !important;background:linear-gradient(132deg,#0d1735 0%,#162762 56%,#48348a 100%) !important;color:#fff !important;overflow:hidden}
.cs-1526-bulk .cs-1526-bulk-inner{max-width:1190px;margin:0 auto;display:grid;grid-template-columns:1.1fr .9fr;gap:38px;align-items:center}
.cs-1526-bulk .cs-1526-kicker{font-size:12px;letter-spacing:.18em;font-weight:800;color:#a9dffb;margin:0 0 14px}
.cs-1526-bulk h2{color:white !important;font-size:clamp(34px,4vw,59px) !important;line-height:1.08 !important;letter-spacing:-.045em;margin:0 0 24px !important}
.cs-1526-bulk .cs-1526-bulk-claim{font-size:clamp(16px,1.4vw,19px);line-height:1.58;color:#e6e9fd;max-width:690px}
.cs-1526-bulk .cs-1526-bulk-button{display:inline-flex;gap:18px;align-items:center;margin-top:18px;padding:13px 22px;border-radius:999px;color:#13254b !important;background:#fff !important;text-decoration:none !important;font-weight:800}
.cs-1526-bulk .cs-1526-bulk-visual{position:relative;min-width:0;padding:36px 26px;border-radius:28px;background:linear-gradient(145deg,#ffffff19,#ffffff08);border:1px solid #ffffff41;box-shadow:0 24px 65px #020a2933;text-align:center}
.cs-1526-bulk .cs-1526-bulk-number{font-size:clamp(66px,9vw,110px);font-weight:900;line-height:1;letter-spacing:-.065em;color:#d9eaff}
.cs-1526-bulk .cs-1526-bulk-number span{display:block;margin-top:7px;font-size:15px;text-transform:uppercase;letter-spacing:.14em;color:#dbdefb;font-weight:800}
.cs-1526-bulk .cs-1526-bulk-steps{display:flex;justify-content:center;align-items:center;gap:7px;flex-wrap:wrap;margin:27px 0 20px}
.cs-1526-bulk .cs-1526-stage{font-size:11px;font-weight:700;padding:8px 9px;border-radius:10px;background:#e8f6ff;color:#163b62}
.cs-1526-bulk .cs-1526-arrow{font-size:18px;color:#c3defa}
.cs-1526-bulk .cs-1526-bulk-time{font-size:42px;font-weight:850;letter-spacing:-.05em;color:#aaf2fb}
.cs-1526-bulk .cs-1526-bulk-time span{font-size:21px;letter-spacing:0}
@media(max-width:860px){.cs-1526-bulk .cs-1526-bulk-inner{grid-template-columns:1fr;gap:27px}.cs-1526-bulk{padding:45px 17px !important}}
@media(max-width:450px){.cs-1526-bulk .cs-1526-bulk-visual{padding:25px 12px}.cs-1526-bulk .cs-1526-bulk-steps{gap:4px}.cs-1526-bulk .cs-1526-stage{font-size:10px;padding:7px 8px}.cs-1526-bulk h2{font-size:37px !important}}

/* marketing-1529.css */
/* Creasoft 1.5.29: top-level differentiator link, 6,000+ Lugera proof point. */
header .cs-why-main-link > .wp-block-navigation-item__content,
header .cs-why-main-link .wp-block-navigation-item__label {font-weight:800;color:#086ba7;}
.cs-1519-testimonial-card .cs-lugera-badge {
 display:inline-flex;align-items:baseline;gap:.45em;padding:7px 14px;margin:8px 0 13px;
 border-radius:999px;background:#e7f3fc;color:#15415e;
 border:1px solid #c5e4f5;font-size:14px;line-height:1.25;font-weight:700;
}
.cs-lugera-badge strong {font-size:21px;letter-spacing:-.025em;color:#086aa5;}
@media(max-width:781px){.cs-1519-testimonial-card .cs-lugera-badge{font-size:13px;}}

/* a11y-1543.css */
/* Creasoft 1.5.43: contrast WCAG AA (4.5:1) pentru textele mici semnalate de Lighthouse. */
.cs-1519-footer-links a{color:#1b6596}
.cs-1519-quote-note{color:#5a6a7b}
p.cs-muted a{text-decoration:underline;text-underline-offset:2px}

/* menu-201.css */
/* Creasoft 2.0.1: meniul principal (Software HR pe 3 coloane, Dispozitive pontaj si acces). */
header .wp-block-navigation__container{position:relative}
header .wp-block-navigation__container > .cs-201-mega-item{position:static!important}

/* deschis la clic (aceeasi clasa ca meniurile 1.5.19) sau la trecerea cu mouse-ul */
header .cs-201-item.cs-1519-nav-open > .wp-block-navigation__submenu-container,
header .cs-201-item:hover > .wp-block-navigation__submenu-container,
header .cs-201-item:focus-within > .wp-block-navigation__submenu-container{height:auto!important;overflow:visible!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}
header .cs-201-item.cs-1519-nav-open > .cs-201-parent .wp-block-navigation-item__label{color:#0d5c63}
header .cs-201-item.cs-1519-nav-open > .wp-block-navigation__submenu-icon svg{transform:rotate(180deg)}

/* submeniul Software HR */
header .wp-block-navigation .cs-201-mega-item > .cs-201-mega.wp-block-navigation__submenu-container{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px 10px;
  width:940px!important;min-width:940px!important;max-width:calc(100vw - 32px);left:-60px!important;top:100%;
  box-sizing:border-box;padding:10px!important;border-radius:16px;
  background:#fff;border:.8px solid rgba(0,0,0,.08);box-shadow:0 16px 40px rgba(0,0,0,.12)}
header .cs-201-mega > li,header .cs-201-list > li{display:block!important;width:auto!important;margin:0!important}
header .cs-201-mega > .cs-201-top,header .cs-201-mega > .cs-201-bottom{grid-column:1 / -1}
header .cs-201-top > a{display:flex!important;flex-direction:column;align-items:flex-start;gap:2px;background:#f5f5f7;border-radius:10px;padding:12px 14px!important;font-size:14px;font-weight:650;color:#1d1d1f;white-space:normal}
header .cs-201-top > a::after,header .cs-201-bottom > a::after{content:attr(data-cs-desc);font-size:12.5px;font-weight:450;color:#6e6e73}
header .cs-201-top > a:hover{background:#ececf0}
header .cs-201-col{padding:6px 0 2px}
header .cs-201-col > a.cs-201-col-title{display:block;padding:6px 10px!important;font-size:11px!important;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#6e6e73}
header .cs-201-col > a.cs-201-col-title:hover{color:#0d5c63;background:none}
header .cs-201-col-links{display:grid;gap:1px}
header .cs-201-col-links > a{display:block;padding:6.5px 10px!important;border-radius:8px;font-size:13px;color:#000;white-space:normal;line-height:1.35}
header .cs-201-col-links > a:hover{background:#f5f5f7}
header .cs-201-bottom{border-top:1px solid #ececef;margin-top:4px!important;padding-top:4px}
header .cs-201-bottom > a{display:flex!important;justify-content:space-between;align-items:center;gap:16px;padding:10px 14px!important;font-weight:600;color:#1d1d1f;white-space:normal}

/* submeniul Dispozitive pontaj si acces */
header .wp-block-navigation .cs-201-list-item > .cs-201-list.wp-block-navigation__submenu-container{width:330px!important;min-width:330px!important;box-sizing:border-box;padding:8px!important}
header .cs-201-list > li > a{white-space:normal;line-height:1.35}
header .cs-201-list > .cs-201-top{margin-bottom:4px!important}

/* telefon: grupele din Software HR (meniul construit de tema) */
.cs-menu-list a.cs-201-group{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#6e6e73;padding-top:20px}
.cs-menu-list a.cs-201-group .cs-menu-arrow{opacity:.5}
.cs-menu-list a.cs-201-sub{padding-left:14px}

/* 2.0.2: a patra coloana, Integrari */
header .cs-201-mega > li.cs-201-col:last-child{border-left:1px solid #e3e6e8;padding-left:10px}

/* 2.0.2: telefon, Software HR pe grupe inchise (meniul construit de tema, transformat de menu-201.js) */
.cs-menu-list .cs-201-ov{color:#0d5c63!important;font-weight:600}
.cs-menu-list .cs-201-acc-h{display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:15px 2px;background:none;border:0;border-bottom:1px solid #e3e6e8;font:inherit;color:#1d1d1f;text-align:left;cursor:pointer}
.cs-menu-list .cs-201-acc-h b{display:block;font-size:18px;font-weight:600;line-height:1.3}
.cs-menu-list .cs-201-acc-h small{display:block;font-size:14px;color:#6b7075;margin-top:2px;line-height:1.35}
.cs-menu-list .cs-201-acc-h i{position:relative;width:14px;height:14px;flex:none}
.cs-menu-list .cs-201-acc-h i::before,.cs-menu-list .cs-201-acc-h i::after{content:"";position:absolute;left:0;top:6px;width:14px;height:2px;background:#1d1d1f}
.cs-menu-list .cs-201-acc-h i::after{transform:rotate(90deg)}
.cs-menu-list .cs-201-acc-h[aria-expanded="true"] i::after{transform:none}
.cs-menu-list .cs-201-acc-h[aria-expanded="true"] b{color:#0d5c63}
.cs-menu-list li.cs-201-acc-item[hidden]{display:none!important}
.cs-menu-list li.cs-201-acc-item a.cs-menu-row{padding-left:14px;font-size:16px}
.cs-menu-list li.cs-201-acc-item a.cs-201-acc-ov{color:#0d5c63;font-weight:600}

/* home-1531.css */
/* Creasoft 1.5.31 - one clear homepage hero; capabilities are a distinct section below. */
.cs-section.cs-hero.cs-center{padding-bottom:clamp(14px,1.6vw,24px)!important;text-align:center}
.cs-section.cs-hero.cs-center>.wp-block-group__inner-container{width:100%}
.cs-section.cs-hero.cs-center .cs-lead{max-width:860px!important;line-height:1.47}
.cs-section.cs-hero.cs-center .cs-home-pricing-note{margin:22px auto 0!important;font-size:15px!important;font-weight:650;color:#526979}
.cs-home-capabilities{background:#f6f9fc;padding-top:clamp(60px,6vw,92px)!important;padding-bottom:clamp(58px,6vw,86px)!important}
.cs-home-capabilities .cs-1519-hero-showcase{margin-top:0!important}
.cs-home-capabilities .cs-1519-hero-showcase>h2{font-size:clamp(27px,3.3vw,39px);line-height:1.13}
.cs-home-capabilities .wp-block-image img{width:100%;height:auto;object-fit:contain}
@media(max-width:780px){.cs-section.cs-hero.cs-center{min-height:0;padding-top:60px!important;padding-bottom:22px!important}}

/* 1.5.32 (items 12-13): figures and client logos directly under the hero, inside the first screen. */
.cs-section.cs-hero.cs-center + .cs-section.cs-tight{padding-top:clamp(8px,1vw,14px)!important}
.cs-section.cs-hero.cs-center + .cs-section.cs-tight .cs-1532-logos-label{margin-top:clamp(14px,1.6vw,22px)!important}
@media (max-width:781px){
  .cs-section.cs-hero.cs-center + .cs-section.cs-tight .cs-stats{display:grid!important;grid-template-columns:1fr 1fr;gap:26px 14px!important}
  .cs-section.cs-hero.cs-center + .cs-section.cs-tight .cs-stats .cs-stat{flex-basis:auto!important;margin:0!important}
  .cs-section.cs-hero.cs-center + .cs-section.cs-tight .cs-stats .cs-num{font-size:clamp(32px,9.5vw,44px)!important;margin-bottom:4px!important}
  .cs-section.cs-hero.cs-center + .cs-section.cs-tight .cs-stats p:not(.cs-num){font-size:14px;line-height:1.35;margin:0!important}
}

/* site-1532.css */
/* Creasoft 1.5.32 */

/* 12-13. Homepage: client logos directly under the figures. */
.cs-1532-logos-label{margin-top:clamp(34px,4vw,52px)!important;text-align:center}
.cs-1532-logos{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:22px clamp(28px,4vw,56px);max-width:1080px;margin:14px auto 0!important}
.cs-1532-logos img{display:block;height:34px;width:auto;max-width:150px;object-fit:contain;filter:grayscale(1);opacity:.72;transition:opacity .2s,filter .2s}
.cs-1532-logos img.cs-logo-round{height:46px}
.cs-1532-logos img:hover{filter:none;opacity:1}
@media (max-width:640px){
  .cs-1532-logos{gap:18px 26px}
  .cs-1532-logos img{height:26px;max-width:118px}
  .cs-1532-logos img.cs-logo-round{height:36px}
}

/* 15. Why Creasoft: visible numbers 07-12 (01-06 use the existing labels). */
.cs-why-1526 .autom-item .cs-adv-num,
.cs-why-1526 .doc-item .cs-adv-num{display:block;font-size:11px;line-height:1;letter-spacing:.14em;font-weight:850;margin:2px 0 6px}
.cs-why-1526 .autom-item .cs-adv-num{color:#69dcff}
.cs-why-1526 .doc-item .cs-adv-num{color:#1679b4}

/* 6. EN pricing: price tiers above the configurator. */
.cs-1532-price-tiers{margin-top:28px!important;margin-bottom:6px!important}

/* 21. Phones: comparison tables as stacked cards, no sideways scrolling. */
@media (max-width:640px){
  .cs-compare.cs-1532-stack{overflow:visible}
  .cs-compare.cs-1532-stack table{min-width:0!important;width:100%;background:transparent!important;border-radius:0}
  .cs-compare.cs-1532-stack thead{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .cs-compare.cs-1532-stack table,
  .cs-compare.cs-1532-stack tbody,
  .cs-compare.cs-1532-stack tr,
  .cs-compare.cs-1532-stack td{display:block;width:100%;box-sizing:border-box}
  .cs-compare.cs-1532-stack tr{background:#fff;border:1px solid #e5e5ea;border-radius:16px;padding:4px 16px;margin:0 0 12px}
  .cs-section:not(.cs-mist) .cs-compare.cs-1532-stack tr{background:var(--wp--preset--color--mist,#f5f5f7);border-color:transparent}
  .cs-compare.cs-1532-stack td{border:0!important;border-bottom:1px solid #e5e5ea!important;padding:10px 0!important}
  .cs-compare.cs-1532-stack tr td:last-child{border-bottom:0!important}
  .cs-compare.cs-1532-stack td:first-child{font-size:1.02rem;font-weight:650;padding-top:12px!important}
  .cs-compare.cs-1532-stack td:first-child::before{display:none}
  .cs-compare.cs-1532-stack td[data-label]::before{content:attr(data-label);display:block;font-size:.78rem;font-weight:650;line-height:1.3;color:#6e6e73;margin-bottom:3px}
}

/* style-202.css */
/* Creasoft 2.0.2: stilul aprobat 01.11.2026.
   Alb dominant, grafit (#1D1D1F) pentru text si meniu, petrol (#0D5C63) doar pentru actiuni,
   font IBM Plex Sans (400 text, 600 titluri), butoane cu colturi de 8 px, fara gradiente.
   Fontul (@font-face) se scrie in <head> din inc/style-202.php, cu adrese absolute. */

:root:root{
  --cs-ink:#1d1d1f; --cs-ink-2:#3a3d40; --cs-muted:#6b7075; --cs-line:#e3e6e8; --cs-mist:#f5f6f7;
  --cs-petrol:#0d5c63; --cs-petrol-hover:#0a4a50; --cs-petrol-tint:#e9f2f2;
  --cs-font:"IBM Plex Sans","Segoe UI",Roboto,Arial,sans-serif;
  --wp--preset--color--accent:#0d5c63;
  --wp--preset--color--accent-soft:#e9f2f2;
  --wp--preset--font-family--inter:var(--cs-font);
}

/* 1. Font */
body,button,input,select,textarea,.wp-block-navigation,.wp-element-button{font-family:var(--cs-font)}
body{letter-spacing:0}
h1,h2,h3,h4,h5,h6,.wp-block-heading{font-family:var(--cs-font);font-weight:600;letter-spacing:-.012em}

/* 2. Butoane: petrol, colturi 8 px */
.wp-block-button__link,.wp-element-button,button.cs-submit,.cs-submit,.cs-header-login,.cs-consent-actions button,.cs-menu-demo,.btn.btn-blue{border-radius:8px!important}
.wp-block-button:not(.is-style-cs-link):not(.is-style-outline) > .wp-block-button__link,
button.cs-submit,.cs-submit,.cs-menu-demo{background-color:var(--cs-petrol)!important;color:#fff!important}
.wp-block-button:not(.is-style-cs-link):not(.is-style-outline) > .wp-block-button__link:hover,
button.cs-submit:hover,.cs-submit:hover,.cs-menu-demo:hover{background-color:var(--cs-petrol-hover)!important}
.wp-block-button.is-style-cs-link .wp-block-button__link{color:var(--cs-petrol)!important}
.wp-block-button.is-style-outline .wp-block-button__link{border-color:var(--cs-petrol)!important;color:var(--cs-petrol)!important}
header .cs-header-login,.cs-header-actions .cs-header-login{background:var(--cs-petrol)!important;color:#fff!important}
header .cs-header-login:hover{background:var(--cs-petrol-hover)!important}
.btn.btn-blue{background:var(--cs-petrol)!important}

/* 3. Antet si meniu: grafit; petrol doar la trecerea cu mouse-ul */
header .wp-block-navigation-item__label,header .cs-why-main-link .wp-block-navigation-item__label{color:var(--cs-ink)}
header .wp-block-navigation a:hover .wp-block-navigation-item__label{color:var(--cs-petrol)}
.cs-header-actions .cs-header-phone{color:var(--cs-ink)!important}
.cs-language-options .cs-header-language{color:var(--cs-ink)!important}
header .cs-201-item.cs-1519-nav-open > .cs-201-parent .wp-block-navigation-item__label{color:var(--cs-ink)!important;box-shadow:inset 0 -2px 0 var(--cs-ink)}
header .cs-201-col > a.cs-201-col-title{color:var(--cs-petrol)!important}
header .cs-201-col > a.cs-201-col-title::after{content:" \203A"}
header .cs-201-col-links > a:hover,header .cs-201-list > li > a:hover{background:var(--cs-petrol-tint)!important;color:var(--cs-petrol)!important}
header .cs-201-top > a .wp-block-navigation-item__label{color:var(--cs-ink)}

/* 4. Text de accent si linkuri */
.cs-eyebrow{color:var(--cs-muted)!important;font-size:13px!important;font-weight:600!important;letter-spacing:.06em!important;text-transform:uppercase}
.cs-dark .cs-eyebrow,.cs-section.cs-dark .cs-eyebrow{color:#9fd0d3!important}
.cs-kicker,.cs-payroll-note .cs-kicker{color:var(--cs-muted)!important}
.cs-1519-topic-title,.cs-1519-outcome strong{color:var(--cs-ink)!important}
.cs-1519-footer-links a{color:var(--cs-ink-2)!important}
.cs-1519-footer-links a:hover{color:var(--cs-petrol)!important}
.cs-pricing-language a{color:var(--cs-petrol)!important}
.cs-pricing-intro .cs-contract-term{border-left-color:var(--cs-petrol)!important}
.cs-note{border-left-color:var(--cs-petrol)!important}
.cs-app-login-option > span{color:var(--cs-ink)!important}
.cs-app-login-arrow{color:var(--cs-petrol)!important}
.cs-lugera-badge{color:var(--cs-ink)!important;border-color:var(--cs-line)!important}
.cs-lugera-badge strong{color:var(--cs-petrol)!important}

/* 5. Fara gradiente */
.cs-num{background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;-webkit-text-fill-color:currentColor!important;color:var(--cs-ink)!important}
.cs-1526-bulk{background:var(--cs-mist)!important;color:var(--cs-ink)!important}
.cs-1526-bulk h2,.cs-1526-bulk .cs-1526-bulk-claim{color:var(--cs-ink)!important}
.cs-1526-bulk .cs-1526-kicker{color:var(--cs-muted)!important}
.cs-1526-bulk .cs-1526-bulk-button{background:var(--cs-petrol)!important;color:#fff!important;border-radius:8px!important;border:0!important}
.cs-1526-bulk .cs-1526-bulk-button span{color:#fff!important}
.cs-1526-bulk .cs-1526-bulk-visual{background:#fff!important;border:1px solid var(--cs-line)!important;box-shadow:none!important}
.cs-1526-bulk .cs-1526-bulk-number,.cs-1526-bulk .cs-1526-bulk-number span{color:var(--cs-ink)!important;background:none!important;-webkit-text-fill-color:currentColor!important}
.cs-1526-bulk .cs-1526-stage{color:var(--cs-ink)!important;background:var(--cs-mist)!important;border-color:var(--cs-line)!important}
.cs-1526-bulk .cs-1526-arrow{color:var(--cs-muted)!important}
.cs-1526-bulk .cs-1526-bulk-time,.cs-1526-bulk .cs-1526-bulk-time span{color:var(--cs-petrol)!important;-webkit-text-fill-color:currentColor!important}

/* 6. Banner cookie-uri */
.cs-consent-banner{border-color:var(--cs-line)!important}
.cs-consent-inner > p{color:var(--cs-ink-2)!important}
.cs-consent-banner a{color:var(--cs-petrol)!important}
.cs-consent-actions button{color:var(--cs-petrol)!important;border-color:var(--cs-petrol)!important}
.cs-consent-actions button:last-child{background:var(--cs-petrol)!important;color:#fff!important}

/* ===== Pagina principala (blocurile cs-202-*) ===== */
.cs-202-kicker{font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--cs-muted);margin:0}
.cs-202-sub{font-size:18px;color:var(--cs-ink-2);max-width:62ch}

.cs-202-hero{padding-top:48px!important;padding-bottom:28px!important}
.cs-202-hero-cols{align-items:center!important;gap:40px!important}
.cs-202-hero h1{font-size:clamp(34px,4vw,52px)!important;line-height:1.06!important;text-align:left!important;margin:10px 0 18px!important}
.cs-202-hero-text > *{text-align:left!important}
.cs-202-lead{font-size:19px;line-height:1.5;color:var(--cs-ink-2);max-width:40ch;margin:0}
.cs-202-lead a{color:var(--cs-petrol);text-decoration:underline;text-underline-offset:3px}
.cs-202-maker{margin:18px 0 0!important;padding-left:14px;border-left:3px solid var(--cs-petrol);font-size:16px;line-height:1.45;color:var(--cs-ink);max-width:46ch}
.cs-202-maker strong{font-weight:600}
.cs-202-hero .wp-block-buttons{margin-top:28px!important;gap:20px!important;align-items:center;justify-content:flex-start!important}
.cs-202-price{margin:16px 0 0!important;font-size:14.5px;color:var(--cs-muted)}
.cs-202-price strong{color:var(--cs-ink);font-weight:600}

.cs-202-stage{position:relative;aspect-ratio:16/11;max-width:100%}
.cs-202-stage > figure{position:absolute;margin:0!important}
.cs-202-stage > figure img{width:100%!important;height:auto!important;display:block}
.cs-202-stage > .cs-202-ui{right:0;top:4%;width:86%}
.cs-202-stage > .cs-202-ui img{border-radius:12px;box-shadow:0 24px 60px rgba(29,29,31,.16),0 0 0 1px rgba(29,29,31,.06);background:#fff}
.cs-202-stage > .cs-202-dev{left:0;bottom:2%;width:46%;z-index:2}
.cs-202-stage > .cs-202-dev img{filter:drop-shadow(0 18px 28px rgba(29,29,31,.22))}
.cs-202-stage > .cs-202-ph{right:-3%;bottom:-4%;width:40%;z-index:2}
.cs-202-stage > .cs-202-ph img{filter:drop-shadow(0 16px 26px rgba(29,29,31,.22))}
.cs-202-tag{position:absolute;left:2%;top:0;z-index:3;margin:0!important;max-width:92%;line-height:1.35;background:#fff;border:1px solid var(--cs-line);border-radius:999px;font-size:12.5px;font-weight:600;padding:6px 12px;color:var(--cs-ink-2);box-shadow:0 6px 18px rgba(29,29,31,.08)}
.cs-202-tag::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--cs-petrol);margin-right:6px;vertical-align:1px}
.cs-202-badge{position:absolute;left:6%;bottom:-3%;z-index:3;margin:0!important;background:var(--cs-ink);color:#fff;font-size:12.5px;font-weight:600;padding:6px 12px;border-radius:6px;box-shadow:0 6px 18px rgba(29,29,31,.18)}

.cs-202-proof{border-top:1px solid var(--cs-line);margin-top:34px!important;padding-top:22px}
.cs-202-stats{gap:24px!important;margin:0!important}
.cs-202-stat p{margin:0;text-align:left;font-size:13.5px;color:var(--cs-muted)}
.cs-202-stat .cs-202-num{font-size:30px;font-weight:600;color:var(--cs-ink);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.cs-202-logos{justify-content:flex-start!important;margin-top:18px!important}
.cs-202-logos img{filter:grayscale(1);opacity:.7}

.cs-202-auto-cols{align-items:center!important;gap:48px!important}
.cs-202-auto h2{text-align:left!important;margin:8px 0 12px!important}
.cs-202-auto .wp-block-buttons{justify-content:flex-start!important}
.cs-202-flow{list-style:none!important;counter-reset:cs202;padding:0!important;margin:0!important;border-top:1px solid #d6dadd}
.cs-202-flow li{counter-increment:cs202;display:flex;align-items:center;gap:14px;border-bottom:1px solid #d6dadd;padding:15px 2px;font-weight:600;font-size:16px;margin:0!important}
.cs-202-flow li::before{content:counter(cs202);width:28px;height:28px;border-radius:50%;background:var(--cs-ink);color:#fff;display:grid;place-items:center;font-size:13px;flex:none}
.cs-202-flow li em{margin-left:auto;font-style:normal;color:var(--cs-muted);font-weight:500;font-size:14px;text-align:right}
.cs-202-flow li:last-child{color:var(--cs-petrol)}
.cs-202-flow li:last-child::before{content:"\2713";background:var(--cs-petrol)}

.cs-202-mods .cs-tile{border-radius:16px!important}
.cs-202-equip h2{margin:8px 0 12px!important}
.cs-202-equip .wp-block-buttons{justify-content:flex-start!important}
.cs-202-hw{gap:24px!important;margin-top:32px!important}
.cs-202-hw-item{border-top:2px solid var(--cs-ink);padding-top:20px}
.cs-202-hw-img{height:200px;display:grid;place-items:center;margin:0 0 12px!important}
.cs-202-hw-img img{max-height:200px!important;width:auto!important;margin:0 auto}
.cs-202-hw-item h3{font-size:19px!important;margin:0 0 6px!important}
.cs-202-hw-item h3 a{color:var(--cs-ink);text-decoration:none}
.cs-202-hw-item h3 a:hover{color:var(--cs-petrol)}
.cs-202-hw-item p{font-size:15px;color:var(--cs-ink-2);margin:0}

.cs-202-why .cs-benefits-grid li{background:none!important;border:0!important;border-top:2px solid var(--cs-ink)!important;border-radius:0!important;box-shadow:none!important;padding:16px 0 0!important}
.cs-202-flat .cs-quote,.cs-202-flat .cs-1519-testimonial-card{background:none!important;border:0!important;border-top:1px solid var(--cs-line)!important;border-radius:0!important;box-shadow:none!important;padding:22px 0 0!important}
.cs-202-flat .cs-quote img{filter:grayscale(1);opacity:.8}
.cs-202-certs .cs-tile{background:none!important;border:0!important;border-bottom:1px solid #d6dadd!important;border-radius:0!important;box-shadow:none!important;padding:20px 0!important}

@media (max-width:781px){
  .cs-202-hero h1{font-size:34px!important}
  .cs-202-stage{margin-top:24px}
  .cs-202-stats{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (prefers-reduced-motion:reduce){header *{transition:none!important}}