.elementor-widget-container .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-container .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-14430 .elementor-element.elementor-element-376553aa{--display:flex;}.elementor-widget-text-editor .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-text-editor .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}@media(max-width:767px){.elementor-14430 .elementor-element.elementor-element-376553aa{--flex-wrap:nowrap;}.elementor-14430 .elementor-element.elementor-element-6534c50{columns:1;column-gap:0px;}}/* Start custom CSS for text-editor, class: .elementor-element-6534c50 */.pcis-article {
--primary: #0d5eff;
--secondary: #00a88f;
--accent: #f59e0b;
--dark: #071a33;
--text: #344054;
--muted: #667085;
--light: #f4f8ff;
--soft: #effdf9;
--warm: #fff7ed;
--border: #d8e6ff;
--white: #ffffff;
--shadow: 0 18px 45px rgba(7, 26, 51, 0.12);

display: block;
width: 100%;
max-width: 100%;
margin: 0 !important;
padding: 0 !important;
font-family: inherit;
color: var(--text);
line-height: 1.7;
text-align: left !important;
word-spacing: normal !important;
overflow: visible;
min-height: 0 !important;
height: auto !important;
container-type: inline-size;
}

.pcis-article * {
box-sizing: border-box;
}

.pcis-article p {
margin: 0 0 18px;
text-align: left !important;
word-spacing: normal !important;
}

.pcis-wrap {
width: 100%;
max-width: 1180px;
margin: 0 auto;
padding: 0 24px;
}

/* HERO */
.pcis-hero {
background:
radial-gradient(circle at 90% 12%, rgba(255,255,255,0.22), transparent 30%),
radial-gradient(circle at 12% 88%, rgba(0,168,143,0.28), transparent 36%),
linear-gradient(135deg, #071a33 0%, #0d5eff 54%, #00a88f 100%);
color: #fff;
border-radius: 34px;
padding: 62px 28px;
margin: 0 0 45px !important;
overflow: hidden;
position: relative;
}

.pcis-hero::after {
content: "";
position: absolute;
right: -110px;
bottom: -130px;
width: 340px;
height: 340px;
background: rgba(255,255,255,0.10);
border-radius: 50%;
pointer-events: none;
}

.pcis-hero-inner {
display: grid;
grid-template-columns: 1fr;
gap: 32px;
align-items: center;
max-width: 1180px;
margin: 0 auto;
position: relative;
z-index: 2;
}

.pcis-badge {
display: inline-flex;
width: fit-content;
max-width: 100%;
background: rgba(255,255,255,0.14);
border: 1px solid rgba(255,255,255,0.28);
padding: 9px 16px;
border-radius: 999px;
font-size: 13px;
font-weight: 900;
margin-bottom: 22px;
color: #fff;
line-height: 1.4;
}

.pcis-hero h1 {
color: #fff !important;
font-size: clamp(36px, 6vw, 58px);
line-height: 1.05;
margin: 0 0 22px;
letter-spacing: -1.3px;
max-width: 780px;
}

.pcis-hero p {
color: rgba(255,255,255,0.92) !important;
font-size: 18px;
max-width: 720px;
margin: 0 0 30px;
line-height: 1.65;
}

.pcis-buttons {
display: flex;
gap: 14px;
flex-wrap: wrap;
}

.pcis-btn {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 14px 22px;
border-radius: 14px;
font-weight: 900;
text-decoration: none !important;
transition: 0.25s ease;
line-height: 1.2;
text-align: center !important;
}

.pcis-btn-primary {
background: #fff !important;
color: var(--primary) !important;
}

.pcis-btn-secondary {
background: rgba(255,255,255,0.12);
color: #fff !important;
border: 1px solid rgba(255,255,255,0.35);
}

.pcis-btn:hover {
transform: translateY(-3px);
}

/* HERO VISUAL */
.pcis-visual-card {
width: 100%;
max-width: 560px;
background: rgba(255,255,255,0.13);
border: 1px solid rgba(255,255,255,0.25);
backdrop-filter: blur(16px);
border-radius: 28px;
padding: 18px;
box-shadow: var(--shadow);
}

.pcis-preview-card {
background: #fff;
border-radius: 24px;
overflow: hidden;
padding: 24px;
box-shadow: 0 20px 50px rgba(0,0,0,0.18);
}

.pcis-preview-title {
color: var(--dark);
font-size: 25px;
line-height: 1.15;
font-weight: 900;
margin: 0 0 20px;
}

.pcis-preview-screen {
background: #eef5ff;
border: 1px solid var(--border);
border-radius: 20px;
padding: 18px;
}

.pcis-preview-hero-img {
height: 120px;
border-radius: 16px;
background:
radial-gradient(circle at 80% 20%, rgba(255,255,255,0.85), transparent 18%),
linear-gradient(135deg, #0d5eff, #00a88f);
margin-bottom: 16px;
}

.pcis-preview-grid {
display: grid;
grid-template-columns: 1.2fr 0.8fr;
gap: 14px;
}

.pcis-preview-block {
min-height: 92px;
border-radius: 16px;
background: #fff;
border: 1px solid #d8e6ff;
padding: 14px;
}

.pcis-preview-line {
height: 10px;
border-radius: 999px;
background: #cfe0ff;
margin-bottom: 10px;
}

.pcis-preview-line.dark {
background: #071a33;
height: 16px;
width: 70%;
}

.pcis-preview-note {
margin: 16px 0 0;
color: var(--muted);
font-size: 14px;
line-height: 1.5;
}

@container (min-width: 920px) {
.pcis-hero-inner {
grid-template-columns: minmax(0, 1.05fr) minmax(320px, 0.95fr);
}

.pcis-visual-card {
justify-self: end;
}
}

/* SECTIONS */
.pcis-section {
padding: 58px 0;
margin: 0;
min-height: 0 !important;
height: auto !important;
}

.pcis-section-light {
background:
radial-gradient(circle at 92% 18%, rgba(13,94,255,0.10), transparent 32%),
linear-gradient(135deg, #f4f8ff, #effdf9);
border-radius: 28px;
margin: 35px 0;
}

.pcis-section-warm {
background:
radial-gradient(circle at 92% 18%, rgba(245,158,11,0.13), transparent 32%),
linear-gradient(135deg, #fff7ed, #f4f8ff);
border-radius: 28px;
margin: 35px 0;
}

.pcis-section-title {
max-width: 900px;
margin-bottom: 34px;
}

.pcis-kicker {
color: var(--primary);
text-transform: uppercase;
letter-spacing: 1px;
font-size: 13px;
font-weight: 900;
margin-bottom: 10px;
}

.pcis-section-title h2 {
color: var(--dark);
font-size: clamp(30px, 4vw, 44px);
line-height: 1.15;
margin: 0 0 14px;
text-align: left !important;
}

.pcis-section-title p {
color: var(--muted);
font-size: 18px;
margin: 0;
}

/* GRIDS */
.pcis-two-col,
.pcis-card-grid,
.pcis-feature-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 26px;
align-items: stretch;
}

.pcis-three-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
gap: 26px;
align-items: stretch;
}

.pcis-card,
.pcis-highlight-card,
.pcis-choice-card {
min-width: 0;
width: 100%;
}

/* CARDS */
.pcis-card {
background: var(--white);
border: 1px solid var(--border);
border-radius: 24px;
padding: 28px;
box-shadow: 0 12px 35px rgba(13, 94, 255, 0.08);
position: relative;
overflow: hidden;
}

.pcis-card::after {
content: "";
position: absolute;
right: -35px;
top: -35px;
width: 90px;
height: 90px;
background: rgba(0, 168, 143, 0.10);
border-radius: 50%;
}

.pcis-highlight-card {
background: linear-gradient(135deg, #ffffff, #eef5ff);
border: 1px solid var(--border);
border-radius: 26px;
padding: 30px;
box-shadow: 0 12px 35px rgba(13, 94, 255, 0.08);
}

.pcis-card h3,
.pcis-highlight-card h3,
.pcis-choice-card h3 {
color: var(--dark);
font-size: 23px;
line-height: 1.2;
margin: 0 0 12px;
text-align: left !important;
}

.pcis-card p,
.pcis-highlight-card p,
.pcis-choice-card p {
margin: 0;
color: var(--muted);
font-size: 16px;
line-height: 1.65;
}

.pcis-icon {
width: 52px;
height: 52px;
border-radius: 17px;
background: #eef5ff;
color: var(--primary);
display: grid;
place-items: center;
font-size: 24px;
margin-bottom: 15px;
}

/* LIST */
.pcis-list {
padding: 0;
margin: 20px 0 0;
list-style: none;
}

.pcis-list li {
position: relative;
padding-left: 34px;
margin-bottom: 13px;
text-align: left !important;
}

.pcis-list li::before {
content: "✓";
position: absolute;
left: 0;
top: 2px;
width: 23px;
height: 23px;
border-radius: 50%;
background: var(--primary);
color: #fff;
font-size: 13px;
display: grid;
place-items: center;
font-weight: 900;
}

/* TABLE */
.pcis-table-wrap {
width: 100%;
background: #fff;
border: 1px solid var(--border);
border-radius: 24px;
overflow-x: auto;
overflow-y: hidden;
box-shadow: 0 12px 35px rgba(13, 94, 255, 0.08);
}

.pcis-table {
width: 100%;
border-collapse: collapse;
min-width: 820px;
}

.pcis-table th {
background: linear-gradient(135deg, #071a33, #0d5eff);
color: #fff;
text-align: left !important;
padding: 18px;
font-size: 15px;
line-height: 1.4;
}

.pcis-table td {
padding: 18px;
border-bottom: 1px solid var(--border);
vertical-align: top;
color: var(--muted);
line-height: 1.55;
text-align: left !important;
}

.pcis-table tr:last-child td {
border-bottom: none;
}

.pcis-table strong {
color: var(--dark);
}

/* TAGS */
.pcis-tag-list {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 18px;
}

.pcis-tag {
background: #eef5ff;
color: var(--primary);
border: 1px solid var(--border);
padding: 8px 12px;
border-radius: 999px;
font-weight: 900;
font-size: 13px;
}

/* CHARTS */
.pcis-chart {
background: #fff;
border: 1px solid var(--border);
border-radius: 24px;
padding: 28px;
box-shadow: 0 12px 35px rgba(13, 94, 255, 0.08);
}

.pcis-chart-row {
display: grid;
grid-template-columns: 170px 1fr 120px;
gap: 16px;
align-items: center;
padding: 14px 0;
border-bottom: 1px solid #e8f0ff;
}

.pcis-chart-row:last-child {
border-bottom: none;
}

.pcis-chart-label {
color: var(--dark);
font-weight: 900;
font-size: 15px;
}

.pcis-chart-track {
height: 16px;
background: #eef5ff;
border-radius: 999px;
overflow: hidden;
}

.pcis-chart-bar {
height: 100%;
border-radius: 999px;
background: linear-gradient(135deg, #0d5eff, #00a88f);
}

.pcis-chart-value {
color: var(--muted);
font-weight: 800;
font-size: 14px;
}

/* DECISION / WORKFLOW CARDS */
.pcis-choice-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
gap: 18px;
}

.pcis-choice-card {
background: #fff;
border: 1px solid var(--border);
border-radius: 22px;
padding: 24px;
box-shadow: 0 12px 35px rgba(13, 94, 255, 0.08);
}

.pcis-choice-number {
width: 44px;
height: 44px;
border-radius: 15px;
background: linear-gradient(135deg, #0d5eff, #00a88f);
color: #fff;
display: grid;
place-items: center;
font-weight: 900;
margin-bottom: 16px;
}

/* CTA */
.pcis-cta {
background:
radial-gradient(circle at 90% 10%, rgba(255,255,255,0.18), transparent 30%),
linear-gradient(135deg, #071a33, #0d5eff, #00a88f);
color: #fff;
border-radius: 30px;
padding: 52px 28px;
text-align: center !important;
overflow: hidden;
margin: 0 !important;
}

.pcis-cta h2 {
color: #fff !important;
font-size: clamp(30px, 4vw, 46px);
margin: 0 0 15px;
text-align: center !important;
}

.pcis-cta p {
color: rgba(255,255,255,0.9) !important;
max-width: 780px;
margin: 0 auto 28px;
font-size: 18px;
text-align: center !important;
}

.pcis-cta .pcis-btn-primary {
background: #fff !important;
color: #0d5eff !important;
}

.pcis-article > .pcis-section:last-of-type {
padding-top: 58px !important;
padding-bottom: 32px !important;
margin-bottom: 0 !important;
}

.pcis-article > .pcis-section:last-of-type .pcis-wrap {
padding-left: 0 !important;
padding-right: 0 !important;
}

.pcis-article > .pcis-section:last-of-type .pcis-btn {
width: 100%;
max-width: 420px;
}

/* ELEMENTOR WRAPPER FIX */
.elementor-widget:has(.pcis-article),
.elementor-widget:has(.pcis-article) > .elementor-widget-container,
.elementor-widget-html:has(.pcis-article),
.elementor-widget-html:has(.pcis-article) > .elementor-widget-container,
.elementor-element:has(.pcis-article),
.e-con:has(.pcis-article),
.e-con-inner:has(.pcis-article),
.elementor-section:has(.pcis-article),
.elementor-container:has(.pcis-article),
.elementor-column:has(.pcis-article),
.elementor-widget-wrap:has(.pcis-article) {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
min-height: 0 !important;
height: auto !important;
}

/* RESPONSIVE FOR BLOG COLUMN / SIDEBAR */
@container (max-width: 900px) {
.pcis-hero {
padding: 54px 24px;
}

.pcis-hero-inner,
.pcis-two-col,
.pcis-card-grid,
.pcis-feature-grid {
grid-template-columns: 1fr !important;
}

.pcis-visual-card {
max-width: 100%;
justify-self: stretch;
}

.pcis-three-grid,
.pcis-choice-grid {
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
}
}

@container (max-width: 700px) {
.pcis-preview-grid {
grid-template-columns: 1fr;
}

.pcis-chart-row {
grid-template-columns: 1fr;
gap: 8px;
}

.pcis-chart-value {
font-size: 13px;
}
}

@container (max-width: 640px) {
.pcis-two-col,
.pcis-card-grid,
.pcis-feature-grid,
.pcis-three-grid,
.pcis-choice-grid {
grid-template-columns: 1fr !important;
}

.pcis-hero h1 {
font-size: 38px;
}
}

/* TABLET */
@media (max-width: 1024px) {
.pcis-hero-inner,
.pcis-two-col,
.pcis-card-grid,
.pcis-feature-grid {
grid-template-columns: 1fr;
}

.pcis-visual-card {
margin-top: 10px;
}

.pcis-three-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}

/* MOBILE */
@media (max-width: 600px) {
.pcis-wrap {
padding: 0 16px;
}

.pcis-hero {
padding: 48px 18px 38px;
border-radius: 24px;
margin-bottom: 30px !important;
}

.pcis-hero h1 {
font-size: 36px;
letter-spacing: -0.8px;
}

.pcis-hero p {
font-size: 16px;
}

.pcis-buttons {
flex-direction: column;
}

.pcis-btn {
width: 100%;
}

.pcis-preview-card {
padding: 18px;
}

.pcis-preview-grid {
grid-template-columns: 1fr;
}

.pcis-section {
padding: 36px 0 !important;
}

.pcis-section-light,
.pcis-section-warm {
border-radius: 22px;
margin: 26px 0;
}

.pcis-card,
.pcis-highlight-card,
.pcis-choice-card,
.pcis-chart {
padding: 22px;
}

.pcis-table {
min-width: 760px;
}

.pcis-section-title {
margin-bottom: 26px;
}

.pcis-section-title h2 {
font-size: 30px;
}

.pcis-section-title p {
font-size: 16px;
}

.pcis-cta {
padding: 38px 18px !important;
}

.pcis-cta h2 {
font-size: 30px;
}

.pcis-cta p {
font-size: 16px;
margin-bottom: 22px;
}

.pcis-article > .pcis-section:last-of-type {
padding-top: 36px !important;
padding-bottom: 24px !important;
}

.pcis-article > .pcis-section:last-of-type .pcis-btn {
width: 100%;
max-width: 100%;
}
}/* End custom CSS */