/* Specific ocptechnology.ro */
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(plus-jakarta-sans-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(plus-jakarta-sans-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root{
  --ocp-navy:#002b44; --ocp-text:#102f53; --ocp-blue:#0078ff; --ocp-blue-2:#1266df;
  --ocp-dark:#0d1b2a; --ocp-footer:#071a2e; --ocp-footer-text:#b9c9db; --ocp-soft:#f7f8f9; --ocp-line:#e6ebf0;
  --ocp-font:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --ocp-radius:24px; --ocp-shadow:0 8px 28px rgba(0,43,68,.10);
}
html{background:#071a2e!important}
html body{background:#fff!important;color:var(--ocp-text)!important}
html body :is(.ocp-page,.ocpp):is(.ocp-page,.ocpp){background:#fff!important;color:var(--ocp-text)!important;font-family:var(--ocp-font)!important}
html body :is(.ocp-page,.ocpp):is(.ocp-page,.ocpp) .ocp-bg,html body :is(.ocp-page,.ocpp):is(.ocp-page,.ocpp) canvas,html body :is(.ocp-page,.ocpp):is(.ocp-page,.ocpp) .ocp-bg:before{display:none!important}
html body :is(.ocp-page,.ocpp):is(.ocp-page,.ocpp) :is(div,p,li,span,small,b,strong,i,em,a,label,h1,h2,h3,h4,h5,h6,button,input,textarea,select,td,th,summary):not(i.ico){font-family:var(--ocp-font)!important}
/* text */
html body :is(.ocp-page,.ocpp):is(.ocp-page,.ocpp) :is(p,li,span,small,em,label,td,th,div,summary){color:var(--ocp-text)!important;-webkit-text-fill-color:var(--ocp-text)!important;text-shadow:none!important}
html body :is(.ocp-page,.ocpp):is(.ocp-page,.ocpp) :is(h1,h2,h3,h4,h5,h6,strong,b){color:var(--ocp-navy)!important;-webkit-text-fill-color:var(--ocp-navy)!important;text-shadow:none!important;background:none!important;letter-spacing:-.02em;font-weight:800!important}
html body :is(.ocp-page,.ocpp):is(.ocp-page,.ocpp) h1{font-weight:800!important}
html body :is(.ocp-page,.ocpp):is(.ocp-page,.ocpp) .lead,html body :is(.ocp-page,.ocpp):is(.ocp-page,.ocpp) .section-head p{color:var(--ocp-text)!important;-webkit-text-fill-color:var(--ocp-text)!important;font-weight:500!important}
html body :is(.ocp-page,.ocpp):is(.ocp-page,.ocpp) .gold-text,html body :is(.ocp-page,.ocpp):is(.ocp-page,.ocpp) :is(.gold,.blue):not(.btn){color:var(--ocp-blue)!important;-webkit-text-fill-color:var(--ocp-blue)!important}
html body :is(.ocp-page,.ocpp):is(.ocp-page,.ocpp) a:where(:not(.btn,.wa)){color:var(--ocp-blue-2)!important;-webkit-text-fill-color:var(--ocp-blue-2)!important}
html body :is(.ocp-page,.ocpp):is(.ocp-page,.ocpp) a:where(:not(.btn,.wa)):hover{color:var(--ocp-navy)!important;-webkit-text-fill-color:var(--ocp-navy)!important}
/* antet */
html body :is(.ocp-page,.ocpp):is(.ocp-page,.ocpp) .ocpx-hdr{background:#fff!important;border-bottom:1px solid var(--ocp-line)!important;box-shadow:0 4px 18px rgba(0,43,68,.06);font-family:var(--ocp-font)!important}
html body :is(.ocp-page,.ocpp):is(.ocp-page,.ocpp) .ocpx-brand b{color:var(--ocp-navy)!important;font-weight:800;font-family:var(--ocp-font)}
html body :is(.ocp-page,.ocpp):is(.ocp-page,.ocpp) .ocpx-brand small{color:var(--ocp-blue)!important;font-weight:700;font-family:var(--ocp-font)}
html body :is(.ocp-page,.ocpp):is(.ocp-page,.ocpp) .ocpx-brand img{height:44px}
html body :is(.ocp-page,.ocpp):is(.ocp-page,.ocpp) .ocpx-nav{gap:2px;align-items:center}
html body :is(.ocp-page,.ocpp):is(.ocp-page,.ocpp) .ocpx-nav a{color:var(--ocp-navy)!important;font-family:var(--ocp-font)!important;font-size:12px!important;font-weight:800!important;letter-spacing:2px;text-transform:uppercase;border-radius:0!important;background:none!important;padding:12px 12px!important;border-bottom:2px solid transparent}
html body :is(.ocp-page,.ocpp):is(.ocp-page,.ocpp) .ocpx-nav a{-webkit-text-fill-color:var(--ocp-navy)!important}
html body :is(.ocp-page,.ocpp):is(.ocp-page,.ocpp) .ocpx-nav a:hover,html body :is(.ocp-page,.ocpp):is(.ocp-page,.ocpp) .ocpx-nav a.active{-webkit-text-fill-color:var(--ocp-blue)!important}
html body :is(.ocp-page,.ocpp):is(.ocp-page,.ocpp) .ocpx-nav a:hover{color:var(--ocp-blue)!important;background:none!important}
html body :is(.ocp-page,.ocpp):is(.ocp-page,.ocpp) .ocpx-nav a.active{color:var(--ocp-blue)!important;background:none!important;border-bottom-color:var(--ocp-blue)}
html body :is(.ocp-page,.ocpp):is(.ocp-page,.ocpp) .ocpx-nav a.ocpx-shop{background:var(--ocp-blue)!important;color:#fff!important;border-radius:var(--ocp-radius)!important;padding:10px 20px!important;margin:0 6px;border-bottom:0}
html body :is(.ocp-page,.ocpp):is(.ocp-page,.ocpp) .ocpx-nav a.ocpx-shop,html body :is(.ocp-page,.ocpp):is(.ocp-page,.ocpp) .ocpx-nav a.ocpx-shop:hover{-webkit-text-fill-color:#fff!important;color:#fff!important}
html body :is(.ocp-page,.ocpp):is(.ocp-page,.ocpp) .ocpx-nav a.ocpx-shop:hover{background:var(--ocp-navy)!important;color:#fff!important}
html body :is(.ocp-page,.ocpp):is(.ocp-page,.ocpp) .ocpx-btn{color:var(--ocp-navy)!important;border:1px solid var(--ocp-line)!important;border-radius:var(--ocp-radius)!important;font-weight:700}
@media(max-width:860px){html body :is(.ocp-page,.ocpp):is(.ocp-page,.ocpp) .ocpx-nav{background:#fff;padding-bottom:10px}html body :is(.ocp-page,.ocpp):is(.ocp-page,.ocpp) .ocpx-nav a{padding:12px 6px!important}}
html body :is(.ocp-page,.ocpp):is(.ocp-page,.ocpp) .topbar-wrap,html body :is(.ocp-page,.ocpp):is(.ocp-page,.ocpp) .ocpx-pad{background:transparent!important;backdrop-filter:none!important;padding:0!important}
html body :is(.ocp-page,.ocpp):is(.ocp-page,.ocpp) .topbar{display:none!important}
/* hero */
html body :is(.ocp-page,.ocpp):is(.ocp-page,.ocpp) .hero{padding:72px 0 56px}
html body :is(.ocp-page,.ocpp):is(.ocp-page,.ocpp) .kicker{background:rgba(0,120,255,.08)!important;border:0!important;color:var(--ocp-blue)!important;-webkit-text-fill-color:var(--ocp-blue)!important;font-size:12px;font-weight:800;letter-spacing:.08em}
html body :is(.ocp-page,.ocpp):is(.ocp-page,.ocpp) .kicker:before{background:var(--ocp-blue)!important;box-shadow:none!important}
html body :is(.ocp-page,.ocpp):is(.ocp-page,.ocpp) h1{font-size:clamp(34px,4.6vw,60px)!important;letter-spacing:-.035em!important;line-height:1.08!important;max-width:900px}
html body :is(.ocp-page,.ocpp):is(.ocp-page,.ocpp) .section-head h2{font-size:clamp(28px,3.4vw,44px)!important}
html body :is(.ocp-page,.ocpp):is(.ocp-page,.ocpp) .card h3{font-size:22px!important}
html body :is(.ocp-page,.ocpp):is(.ocp-page,.ocpp) :is(p,li,span,small,a,label){letter-spacing:0!important}
html body :is(.ocp-page,.ocpp):is(.ocp-page,.ocpp) .kicker,html body :is(.ocp-page,.ocpp):is(.ocp-page,.ocpp) .panel-label,html body :is(.ocp-page,.ocpp):is(.ocp-page,.ocpp) .ocpx-nav a{letter-spacing:.08em!important}
html body :is(.ocp-page,.ocpp):is(.ocp-page,.ocpp) .ocpx-nav a{letter-spacing:2px!important}
html body :is(.ocp-page,.ocpp):is(.ocp-page,.ocpp) :is(.icon,.ic,.ico,.icon-pill) svg{width:26px;height:26px;stroke:currentColor!important;fill:none!important;color:var(--ocp-blue)}
/* butoane */
html body :is(.ocp-page,.ocpp):is(.ocp-page,.ocpp) .btn,html body :is(.ocp-page,.ocpp):is(.ocp-page,.ocpp) .wa,html body :is(.ocp-page,.ocpp):is(.ocp-page,.ocpp) button.btn{border-radius:var(--ocp-radius)!important;font-family:var(--ocp-font)!important;font-weight:700!important;min-height:52px;box-shadow:none!important;border:2px solid transparent!important;transform:none!important}
html body :is(.ocp-page,.ocpp):is(.ocp-page,.ocpp) .btn.gold,html body :is(.ocp-page,.ocpp):is(.ocp-page,.ocpp) .btn.whatsapp,html body :is(.ocp-page,.ocpp):is(.ocp-page,.ocpp) .wa,html body :is(.ocp-page,.ocpp):is(.ocp-page,.ocpp) button.btn.gold{background:var(--ocp-blue)!important;background-image:none!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
html body :is(.ocp-page,.ocpp):is(.ocp-page,.ocpp) .btn.gold *,html body :is(.ocp-page,.ocpp):is(.ocp-page,.ocpp) .btn.whatsapp *,html body :is(.ocp-page,.ocpp):is(.ocp-page,.ocpp) .wa *{color:#fff!important;-webkit-text-fill-color:#fff!important}
html body :is(.ocp-page,.ocpp):is(.ocp-page,.ocpp) .btn.gold:hover,html body :is(.ocp-page,.ocpp):is(.ocp-page,.ocpp) .btn.whatsapp:hover,html body :is(.ocp-page,.ocpp):is(.ocp-page,.ocpp) .wa:hover{background:var(--ocp-navy)!important}
html body :is(.ocp-page,.ocpp):is(.ocp-page,.ocpp) .btn.ghost,html body :is(.ocp-page,.ocpp):is(.ocp-page,.ocpp) .btn.ghost *{background:#fff!important;color:var(--ocp-navy)!important;-webkit-text-fill-color:var(--ocp-navy)!important}
html body :is(.ocp-page,.ocpp):is(.ocp-page,.ocpp) .btn.ghost{border:2px solid var(--ocp-navy)!important}
html body :is(.ocp-page,.ocpp):is(.ocp-page,.ocpp) .btn.ghost:hover,html body :is(.ocp-page,.ocpp):is(.ocp-page,.ocpp) .btn.ghost:hover *{background:var(--ocp-navy)!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
/* carduri, panouri, casete */
html body :is(.ocp-page,.ocpp):is(.ocp-page,.ocpp) :is(.command-panel,.core-card,.control-box,.kpi,.card,.split-box,.ai-strip,.cta-box,.check,.ccard,.box,.module,.package,.step,.matrix,.evidence,.evidence-box,.stack-box,.service-panel,.service-core,.timeline-card,.ai-panel,.ai-core,.ai-line,.aline,.process-band,.panel,.featured,.contact-mini,.footer-contact,.platform-grid>*,.impact-grid>*,.services-grid>*,.stack-grid>*){
  background:#fff!important;background-image:none!important;border:1px solid var(--ocp-line)!important;border-radius:20px!important;box-shadow:var(--ocp-shadow)!important;backdrop-filter:none!important}
html body :is(.ocp-page,.ocpp):is(.ocp-page,.ocpp) :is(.card,.kpi,.ccard,.module,.package,.step,.timeline-card):hover{transform:translateY(-3px)!important;border-color:#b6d8ff!important}
html body :is(.ocp-page,.ocpp):is(.ocp-page,.ocpp) :is(.card,.kpi,.ai-strip,.command-panel,.cta-box,.split-box):before,html body :is(.ocp-page,.ocpp):is(.ocp-page,.ocpp) :is(.card,.kpi,.ai-strip):after{display:none!important}
html body :is(.ocp-page,.ocpp):is(.ocp-page,.ocpp) :is(.cta-box,.ai-strip){background:var(--ocp-soft)!important}
html body :is(.ocp-page,.ocpp):is(.ocp-page,.ocpp) :is(.core-line,.ai-line i){background:var(--ocp-blue)!important;opacity:.18;box-shadow:none!important}
html body :is(.ocp-page,.ocpp):is(.ocp-page,.ocpp) .panel-top .dots{display:none}
html body :is(.ocp-page,.ocpp):is(.ocp-page,.ocpp) .panel-label,html body :is(.ocp-page,.ocpp):is(.ocp-page,.ocpp) .plabel{background:rgba(0,120,255,.08)!important;border:0!important;color:var(--ocp-blue)!important;-webkit-text-fill-color:var(--ocp-blue)!important}
html body :is(.ocp-page,.ocpp):is(.ocp-page,.ocpp) :is(.icon,.ic,.ico,.icon-pill,.step-num,.timeline-number,.step-tag){background:rgba(0,120,255,.10)!important;border:0!important;color:var(--ocp-blue)!important;-webkit-text-fill-color:var(--ocp-blue)!important;border-radius:50%!important}
html body :is(.ocp-page,.ocpp):is(.ocp-page,.ocpp) .card li:before,html body :is(.ocp-page,.ocpp):is(.ocp-page,.ocpp) .line i,html body :is(.ocp-page,.ocpp):is(.ocp-page,.ocpp) .check i{color:var(--ocp-blue)!important;-webkit-text-fill-color:var(--ocp-blue)!important}
html body :is(.ocp-page,.ocpp):is(.ocp-page,.ocpp) .card-link,html body :is(.ocp-page,.ocpp):is(.ocp-page,.ocpp) .card-link *{color:var(--ocp-blue-2)!important;-webkit-text-fill-color:var(--ocp-blue-2)!important}
html body :is(.ocp-page,.ocpp):is(.ocp-page,.ocpp) .line{border-top:1px solid var(--ocp-line)!important}
html body :is(.ocp-page,.ocpp):is(.ocp-page,.ocpp) .section-head h2,html body :is(.ocp-page,.ocpp):is(.ocp-page,.ocpp) .cta-box h2{font-size:clamp(30px,4vw,48px)!important}
/* formular */
html body :is(.ocp-page,.ocpp):is(.ocp-page,.ocpp) :is(input,textarea,select){background:var(--ocp-soft)!important;color:var(--ocp-navy)!important;-webkit-text-fill-color:var(--ocp-navy)!important;border:1px solid var(--ocp-line)!important;border-radius:16px!important;font-family:var(--ocp-font)!important}
html body :is(.ocp-page,.ocpp):is(.ocp-page,.ocpp) .msg.ok{background:#e8f3ff!important;border:1px solid #b6d8ff!important;color:var(--ocp-navy)!important}
html body :is(.ocp-page,.ocpp):is(.ocp-page,.ocpp) .msg.err{background:#fff!important;border:2px solid var(--ocp-navy)!important}
/* subsol */
html body :is(.ocp-page,.ocpp):is(.ocp-page,.ocpp) footer{background:var(--ocp-footer)!important;border-top:0!important;padding:40px 0 48px!important}
html body :is(.ocp-page,.ocpp):is(.ocp-page,.ocpp) footer,html body :is(.ocp-page,.ocpp):is(.ocp-page,.ocpp) footer *{color:var(--ocp-footer-text)!important;-webkit-text-fill-color:var(--ocp-footer-text)!important}
html body :is(.ocp-page,.ocpp):is(.ocp-page,.ocpp) footer a{color:#fff!important;-webkit-text-fill-color:#fff!important;text-decoration:underline;text-underline-offset:3px}
html body :is(.ocp-page,.ocpp):is(.ocp-page,.ocpp) :is(.package,.timeline-card,.kpi,.card):is(:before,:after){display:none!important}
html body :is(.ocp-page,.ocpp):is(.ocp-page,.ocpp) .step:before{background:rgba(0,120,255,.12)!important;color:var(--ocp-blue)!important;-webkit-text-fill-color:var(--ocp-blue)!important}
html body :is(.ocp-page,.ocpp):is(.ocp-page,.ocpp) .step-num{box-shadow:none!important}
html body :is(.ocp-page,.ocpp):is(.ocp-page,.ocpp) small{background:none!important}
html body :is(.ocp-page,.ocpp):is(.ocp-page,.ocpp) .kpi strong{font-size:clamp(26px,3.2vw,40px)!important}
html body :is(.ocp-page,.ocpp):is(.ocp-page,.ocpp) :is(.ocp-btn,.ocp-hub-btn){color:#fff!important;-webkit-text-fill-color:#fff!important}
html body :is(.ocp-page,.ocpp):is(.ocp-page,.ocpp) :is(.ocp-btn-alt,.ocp-hub-btn-alt){color:var(--ocp-navy)!important;-webkit-text-fill-color:var(--ocp-navy)!important}
html body :is(.ocp-page,.ocpp):is(.ocp-page,.ocpp) :is(.ocp-btn-alt,.ocp-hub-btn-alt):hover{color:#fff!important;-webkit-text-fill-color:#fff!important}
html body :is(.ocp-page,.ocpp):is(.ocp-page,.ocpp) .ocp-hub-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
html body :is(.ocp-page,.ocpp):is(.ocp-page,.ocpp) .ocp-hub-cta h2{border:0;padding:0}
html body :is(.ocp-page,.ocpp):is(.ocp-page,.ocpp) .ocp-hub-cta h2:after{display:none}
/* subsol global (mu-plugin ocp-footer) */
html body #ocpf-global{background:#071a2e!important;border-top:0!important}
html body #ocpf-global .ocpf-nm span,html body #ocpf-global .ocpf-sl,html body #ocpf-global .ocpf-cta a .ocpf-i,html body #ocpf-global ul.ocpf-ul li a:before{color:#7cc0ff!important}
html body #ocpf-global ul.ocpf-ul li a:hover,html body #ocpf-global .ocpf-lg a:hover{color:#fff!important}
html body #ocpf-global .ocpf-cta a{border-radius:var(--ocp-radius)!important;border-color:rgba(255,255,255,.16)!important}
html body #ocpf-global .ocpf-cta a:not(.ocpf-wa):hover{border-color:#7cc0ff!important;background:rgba(0,120,255,.12)!important}
html body #ocpf-global .ocpf-cta a.ocpf-wa,html body #ocpf-global .ocpf-cta a.ocpf-wa:hover{background:var(--ocp-blue)!important;border-color:var(--ocp-blue)!important;color:#fff!important}
html body #ocpf-global .ocpf-cta a.ocpf-wa *{color:#fff!important}
html body #ocpf-global .ocpf-bot{border-top:1px solid rgba(255,255,255,.1)!important}
html body footer[role="contentinfo"]{display:none!important}
