:root {
      --navy:#022b4a;
      --navy-2:#023860;
      --blue:#0076CE;
      --cyan:#70b2e2;
      --orange:#d14b1e;
      --orange-2:#ff673e;
      --lime:#2aa549;
      --ink:#022540;
      --muted:#40576d;
      --line:#dce7ef;
      --soft:#f4f8fb;
      --soft-blue:#edf6fb;
      --white:#ffffff;
      --shadow:0 22px 60px rgba(14,49,86,.12);
      --shadow-sm:0 12px 32px rgba(14,49,86,.09);
      --radius:20px;
      --radius-sm:10px;
      --max:1320px;
}
html{scroll-behavior:smooth}
html, body{overflow-x: clip;}
a{transition:all 300ms;}
header{margin-bottom:0}
.section, .main-wrapper{max-width: 100%; margin-bottom: 0}
.header .section,
.top-navi .section,
.trusted-clients-main .section,
footer .section{ padding: 0; width: min(var(--max),calc(100% - 30px)); margin: auto;}
footer .section,
.footer-top .section { padding-bottom: 30px;}
.trusted-clients-main .section{padding-bottom:70px;}
footer .section{padding-top: 50px; padding-bottom: 50px; margin-bottom: 0;}
.breadcrumbs{margin-bottom:30px; border-bottom: solid 1px var(--line); margin-top:0;}
.breadcrumbs .section{padding-top: 0; width:100%; margin: auto;}

.section{padding:70px 0}
.section-md{padding:48px 0}
.section-sm{padding:30px 0}
section .container{width:min(var(--max),calc(100% - 30px));margin:auto}

.soft-bg{background:linear-gradient(180deg,#f8fbfd 0%,#eef6fa 100%)}
.soft-bg.style-2{position: relative; overflow: hidden; background: linear-gradient(135deg, #fff 0%, #f8fbfd 72%, #eef6fa 100%);}
.soft-bg.style-2:after{content: ""; position: absolute; right: -100px; top: -150px; width: 520px; height: 320px; border-radius: 50%;   background: radial-gradient(circle, rgba(0, 118, 206, .15), transparent 70%); transform: rotate(-18deg);}

.dark-bg{background:linear-gradient(135deg,#0c2948,#123d68);color:white}



/*------------------------------------------------------------*/
h1{font-size:42px; color: var(--ink); background: none; padding:0; font-weight:600; text-transform:none;}
h2{font-size:36px; color: var(--ink);}
h3{font-size:28px; color: var(--ink);}
p{margin: 0 0 20px; color:var(--muted)}
.lead{font-size:18px;}

.eyebrow{display:inline-flex; align-items:center; gap:10px; color:var(--blue); font-weight:600; font-size:16px; text-transform:uppercase;letter-spacing:1px; margin-bottom:5px;}
.eyebrow:before{content:""; width:24px; height:3px; border-radius:9px; background:linear-gradient(90deg,var(--orange),var(--orange-2))}
.section-heading h2{margin-bottom:0;}
.section-heading{margin-bottom:30px;}
.section-heading .lead,
.section-heading p{margin-top:15px;}
.section-heading.center{text-align:center; margin:0 auto 30px;}
.section-heading.mw-1024{max-width:1024px;}
.section-heading.mw-850{max-width:850px;}
.section-heading.mw-750{max-width:750px;}

.section-heading-wrap{display: flex; justify-content:space-between; gap:40px; align-items:center; margin-bottom:30px;}
.section-heading-wrap .section-heading{margin-bottom:0;}
.section-heading-wrap p{max-width:600px;}

.hero{position:relative; overflow:hidden; padding:68px 0 68px;
  background:radial-gradient(circle at 83% 18%,rgba(50,183,200,.18),transparent 30%),
            radial-gradient(circle at 8% 90%,rgba(241,90,41,.12),transparent 28%), 
            linear-gradient(180deg,#f9fcfe 0%,#eef7fb 100%);}
.hero:after{content:""; position:absolute; right:-120px; bottom:-200px; width:520px; height:520px; border:80px solid rgba(14,49,86,.045);border-radius:50%;}
.hero-visual .price-pill{position:absolute;left:140px; top:100%; margin-top:-65px; background:#fff;border:1px solid #d8e4ec; box-shadow:var(--shadow-sm);padding:12px 20px;border-radius:10px;font-weight:500;color:var(--navy); z-index: 1}
.hero-visual .price-pill strong{color:var(--orange);font-size:24px}
.hero-visual{position:relative;}
.hero-visual:before{content:"";position:absolute;width:120px;height:120px;border-radius:50%;background:rgba(50,183,200,.16);right:0px;top:-30px} 


.hero-grid{position:relative; z-index:2; display:grid; grid-template-columns:1.15fr .85fr; gap:60px; align-items:center}
.hero-copy p{margin:0px 0 20px}
.btn-group{display:flex; gap:10px; flex-wrap:wrap}
.btn-group br{display:none;}
.trust-row{display:flex; gap:30px; flex-wrap:wrap; margin-top:30px; color:#405a70; font-size:14px; font-weight:600}
.trust-row.stack{gap: 10px; flex-direction: column;}
.trust-row br{display:none;}
.trust-row span{display:flex; align-items:center; gap:8px; position:relative; align-items:center; gap:5px;}
.trust-row span:before{display:grid; place-items: center; width:24px; height:24px; border-radius: 50%; background:var(--lime);
  color: #ffffff; font-size:13px; content:"✓"; font-weight:600;}
.trust-row span.blue-checkmark:before{content:""; background:url(images/blue-mark.svg) no-repeat scroll 0 0; background-size:24px auto;}
.trust-row.stack span{gap:10px}
.check{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#e8f6de;color:#4e8f16;font-size:.8rem}
.eidas-hero .trust-row{margin-bottom:30px; margin-top:0}


.btn{display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:48px; padding:0 20px; border-radius:5px;font-weight:600; transition:.25s ease; border:1px solid transparent; cursor:pointer; text-decoration:none; font-size: 16px;}
.btn:hover{transform:translateY(-2px);}
.btn span.arrow{font-family:'Inter'; font-weight:600; font-size:0;}
.btn span.arrow{width:15px; height:15px; background:url(images/btn-arrow-icon.svg) no-repeat scroll center; background-size:100% auto; filter: brightness(0) invert(1);}
.btn-primary{color:#fff; font-weight:500; background:linear-gradient(135deg,var(--orange),#e84718); box-shadow:0 12px 25px rgba(241,90,41,.26);}
.btn-primary:hover{color:#ffffff;}
.btn-secondary{color:var(--navy); background:#fff; border-color:#cfdce6}
.btn-outline{color:var(--navy); border-color:#bcd0df; background:transparent}
.btn-sm{min-height:40px;padding:0 15px;font-size:14px;}
.text-link{font-size:14px; font-weight:600; color:var(--blue); text-transform:uppercase; letter-spacing:0.6px; text-decoration:none; display:inline-flex; gap:6px; align-items:center;}
.text-link:after{width:12px; height:12px; background:url(images/blue-arrow-icon.svg) no-repeat scroll center; background-size:100% auto; content:""; margin-top:-1px; transition:all 300ms;}


.page-navi{margin-bottom: 0; margin-top:30px;}
.page-navi .section{padding: 0;}
.page-navi .section ul{background:linear-gradient(180deg,#f8fbfd 0%,#eef6fa 100%); border: 1px solid var(--line); overflow: hidden;}
.page-navi.sticky .section ul{ overflow: visible}
.page-navi.sticky .page-navi-inner{background:linear-gradient(180deg,#f8fbfd 0%,#eef6fa 100%);}
.page-navi .section ul li a{ position:relative; font-weight:600; color:var(--muted); font-size:14px; text-transform:uppercase;}
.page-navi .section ul li a.active{background: none; color:var(--orange);}


.intro-grid{display:grid; grid-template-columns:.80fr 1.20fr; gap:60px; align-items:center}
.mini-points{display:grid;grid-template-columns:1fr 1fr; gap:15px; margin-top:20px; background:var(--soft-blue); padding:15px 20px; border-radius:5px;}
.mini-point{font-weight:600; color:#28465f; padding-left:40px; position:relative; line-height:30px;}
.mini-point:before{content:""; position:absolute; left:0; top:0; width:30px; height:30px; border-radius:30px; content:"✓"; background:var(--lime); color:#ffffff; text-align: center; line-height: 30px;}

.tabs{display:flex; gap:10px; background:#e7f0f6; padding:6px; border-radius:10px; width:max-content; margin:0 auto 30px; border:0;}
.tab{padding:10px 20px; border-radius:8px; font-weight:600; font-size:16px; cursor:pointer;}
.tab.active{background:var(--navy); color:#fff; box-shadow:0 8px 18px rgba(14,49,86,.2);}
.tabs br{display:none;}

.products{display:grid; grid-template-columns:repeat(3,1fr); gap:30px;}
.products.grid-4{display:grid; grid-template-columns:repeat(4,1fr); gap:15px;}

.products .product{position:relative; background:#fff; border:2px solid var(--line); border-radius:20px; padding:30px; box-shadow:0 8px 25px rgba(14,49,86,.045); transition:.25s ease; overflow:hidden; display:flex; flex-direction: column;}
.products .product.featured{border:2px solid var(--cyan)}
.products .product:hover{transform:translateY(-5px); box-shadow:var(--shadow-sm); border-color:var(--cyan);}
.products .product .badge{position:absolute; right:15px; top:15px; padding:5px 10px; border-radius:5px; background:#e7f0f6; color:#0e3156;font-size:13px; font-weight:700; text-transform:uppercase;}
.products .product .badge.green{background:#e7f8fa; color:#08798b;}
.products .product .ca-logo{height:25px;display:flex;align-items:center;font-size:1.38rem;font-weight:800;letter-spacing:-.05em;color:var(--navy); margin-bottom:20px;}
.products .product .ca-logo img{max-height:25px; width:auto;}
.products .product h3{margin:0 0 10px; font-size:18px; font-weight: 600; letter-spacing: 0;}
.products .product h3 a{color:var(--navy); text-decoration:none}
.products .product h3 a:hover{color:var(--blue);}

.products .product .desc{font-size:14px; margin-bottom:20px;}
.products .price{display:flex;align-items:end;gap:4px;margin:auto 0 15px;color:var(--navy); flex-wrap:wrap} 
.products .price strong{font-size:32px;line-height:1} 
.products.grid-4 .price strong{font-size:28px;line-height:1} 
.products .price span{font-size:14px;color:var(--muted)}
.products .price span:first-child{flex:0 0 100%;}
.products .save{color:#438716;font-size:13px;font-weight:800;margin-bottom:18px}
.product .btn-group br{display:none;}
.product .delivery-meta{display:flex; align-items:center; gap:10px; padding:10px 0; margin:0; border-top:1px solid var(--line);border-bottom:1px solid var(--line); font-size:14px; color:#39536a; margin-bottom:20px; margin-top:auto;}
.product .delivery-meta + .price{margin-top:0;}
.product .delivery-meta strong{font-weight:600; display:block}
.product .delivery-meta br{display:none;}
.product .delivery-meta i{display:grid; place-items:center; width:36px; height:36px; border-radius:6px; background:#e7f0f6; color:#0e3156;font-style:normal}


.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.choice-card{position:relative; padding:30px; border-radius:20px; border:1px solid var(--line); background:#fff; overflow:hidden; transition:all 300ms; display:flex; flex-direction:column;}
.choice-card:hover{transform: translateY(-5px); box-shadow: var(--shadow-sm);}
.choice-card-header{display:flex; align-items:center; gap:15px;}
.choice-card h3{font-weight:600; font-size:24px;}
.choice-card:after{content:""; position:absolute; right:-45px; bottom:-45px; width:150px; height:150px; border-radius:50%; background:rgba(50,183,200,.08)}
.choice-card.ev:after{background:rgba(241,90,41,.08)}
.choice-icon{display:grid; place-items:center; width:60px; height:60px; border-radius:10px; background:#e8f7fa; margin-bottom:20px}
.choice-icon img{width:30px;}
.choice-card.ev .choice-icon{background:#fff0e9;color:var(--orange)}
.choice-card p{margin:0px 0 20px;}
.choice-card p:last-child{margin-bottom:0;}
.choice-card .choice-grid-btn{margin-top:auto;}

.deploy-wrap{display:grid; grid-template-columns:.8fr 1.2fr; gap:60px; align-items: start;}
.deploy-wrap .note{margin-top:30px; font-size:14px; color:var(--navy); padding:20px 20px; border-left:3px solid var(--orange); border-radius:10px; background: #fff0e9;}
.deploy-wrap .note a{color:var(--orange); font-weight:600;}
.deployment-copy{position:sticky; top:120px; align-self: start;}

.deploy-list{display:grid; gap:1px; border:1px solid var(--line); border-radius:20px; background:var(--line); overflow:hidden;}
.deploy-card{display:grid; grid-template-columns:72px 1fr; gap:20px; padding:30px; background:#fff; }
.deploy-card h3{font-weight:600; font-size:24px;}
.deploy-icon{width:72px;height:72px; border-radius:10px; display:grid; place-items:center; background:var(--soft-blue); color:var(--blue);}
.deploy-icon img{max-width:40px; vertical-align:middle;}
.deploy-card:nth-child(2) .deploy-icon{background:#ebf8ed;}

.tag-row{display:flex; gap:5px; flex-wrap:wrap}
.tag{font-size:13px; font-weight:600; background:var(--soft-blue); color: var(--blue); padding:5px 10px; border-radius:4px;}

.persona-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:15px}
.persona{padding:30px; border-radius:20px; background:#fff; border:1px solid var(--line); display:flex; flex-direction:column; font-size:15px; transition:all 300ms;}
.persona:hover{transform: translateY(-5px); box-shadow: var(--shadow-sm);}
.persona h3{font-weight:600; font-size:18px;}
.persona .persona-grid-btn{ margin-top: auto; margin-bottom: 0}

.cs-compatibility{border-top:1px solid var(--line);}
.compatibility-grid{display: grid; grid-template-columns: 480px 1fr; gap: 60px; align-items:center;}
.compatibility-logos{display:grid; grid-template-columns: repeat(3, 1fr); gap:15px;}
.compatibility-item{border:1px solid var(--line); padding:20px; border-radius:10px; text-align:center; font-weight:600; font-size:16px; color:var(--navy); transition:all 300ms;}
.compatibility-item img{max-height:48px; margin-bottom:10px; display:inline-block; vertical-align:middle;}
.compatibility-item:hover{transform: translateY(-5px); box-shadow: var(--shadow-sm);  border-color: #b9d2e1;}


.validation-box{display:grid; grid-template-columns:.70fr 1.30fr; border-radius:20px; overflow:hidden; box-shadow:var(--shadow); background:#fff}
.validation-intro{padding:40px; background:linear-gradient(145deg,#0d3156,#123f6d); color:#fff; position:relative; overflow:hidden}
.validation-intro h2{ color:#fff}
.validation-intro:after{content:""; position:absolute; width:220px; height:220px; border-radius:50%; border:45px solid rgba(255,255,255,.05); right:-90px; bottom:-100px}
.validation-intro .eyebrow{color:var(--cyan);}
.validation-intro p{color:#d4e3ed;}
.preorder-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 1px; background: var(--line);}
.preorder-item {background: #fff; padding:30px; display: grid; grid-template-columns:60px 1fr; gap: 15px;}
.preorder-icon{display: grid;place-items: center; width:60px; height:60px;  border-radius:48px; background: #edf7f0; color: #398848;}
.preorder-icon img{max-height:40px; max-width:40px;}
.preorder-item h3{margin-bottom:10px; font-weight:600; font-size:18px; }
.preorder-item p {font-size:14px;}
.preorder-item .tag-row{margin-bottom:10px;}
.preorder-item .tag-row .tag{text-transform:uppercase;}
.preorder-item code{background:#eef2f8;color:#c0392b;font-family: ui-monospace,Menlo,Consolas,monospace;  font-size: 14px;  padding:2px 6px 4px; border-radius: 3px; display: inline-block; margin: 0;  font-weight:500; line-height:1;}

.process{display:grid; grid-template-columns:repeat(5,1fr); position:relative; gap: 10px;}
.process.grid-4{grid-template-columns:repeat(4,1fr); gap:30px;}
.process:before{content:""; position:absolute; left:8%; right:8%; top:30px; height:3px; background:linear-gradient(90deg,var(--cyan),var(--orange)); z-index:0}
.process.grid-4:before{left:12%; right:12%;}

.process .step{position:relative; z-index:1; text-align:center; padding:0 12px}
.process .step-num{display:grid; place-items:center; width:62px; height:62px; margin:0 auto 20px; border-radius:50%; background:#fff; border:3px solid var(--cyan); box-shadow:0 7px 20px rgba(14,49,86,.1); font-weight:700; color:var(--muted); font-size:28px;}
.process .step:nth-child(n+4) .step-num{border-color:var(--orange)}
.process.grid-4 .step:nth-child(n+3) .step-num{border-color:var(--orange)}
.process .step p{font-size:14px; }
.process .step h3{margin-bottom:10px; font-weight:600; font-size:16px; }
.process .step code{background:#eef2f8;color:#c0392b;font-family: ui-monospace,Menlo,Consolas,monospace;  font-size: 14px;  padding: 2px 6px 4px; border-radius: 3px; display: inline-block; margin: 0;  font-weight:500; line-height:1;}

.signing-reference{background: linear-gradient(180deg, #f8fbfd 0%, #eef6fa 100%);}
.section-heading-wrap .section-head-img{max-width:300px; width:100%;}
.signing-reference .section-heading-wrap{gap:100px;}
.signing-reference .section-heading-wrap p{max-width:100%;}

.signing-tabs-wrapper{border-radius:15px; border:1px solid var(--line); overflow:hidden; border-top:0;}


.signing-tabs{display: grid; grid-template-columns: repeat(3, 1fr);}
.signing-tabs br{display:none;}
.signing-tabs .signing-tab{border:1px solid var(--line); border-bottom:0; border-radius:15px 15px 0 0; border-right:0; background:transparent; color:var(--navy) !important; text-transform:none; font-weight:600; font-size:18px; transition:all 300ms; padding:6px 30px; text-align:center; line-height:48px; cursor:pointer; background:#ffffff;display: flex; align-items: center; justify-content: center;
    gap: 10px;}
.signing-tabs .signing-tab img{width:32px; height:32px; vertical-align:middle; margin-top:-3px;}
.signing-tabs .signing-tab:first-child{border-left:0;}
.signing-tabs .signing-tab.active,
.signing-tabs .signing-tab.hover{background:var(--soft-blue); border-color:var(--line);}
/*.signing-tabs .signing-tab.active img{filter: brightness(0) invert(1);}*/
.signing-panel-wrap{border-top:1px solid var(--line); display: block; padding: 20px; background:#ffffff;}
.signing-panel-wrap .signing-panel{display:none;}
.signing-panel-wrap .signing-panel.active {display:none;}
.signing-context{padding: 15px; background: var(--soft-blue); border-radius:10px; margin-bottom:10px; border: 1px solid var(--line); display:flex; gap:10px; font-weight:600; color: var(--navy-2); font-size: 14px; align-items:center;}
.signing-context img{height:28px; width:auto; vertical-align:middle;}
.signing-table {border: 1px solid var(--line); border-radius:10px; overflow: hidden; margin-bottom:10px;}
.signing-row {display: grid; grid-template-columns: .38fr .62fr; border-bottom: 1px solid var(--line);}
.signing-row:last-child {border-bottom: 0;}
.signing-row.header {background: var(--soft-blue); color: var(--navy); font-size:14px; font-weight:600; text-transform: uppercase; letter-spacing: .05em;}
.signing-cell {padding:10px 20px;}
.signing-cell:first-child {border-right: 1px solid var(--line);}
.signing-cell .tool-name {display: flex; align-items: center; gap:10px; font-weight:500; color: var(--navy);}
.signing-cell .file-summary {font-weight:400; color: var(--navy); margin-bottom: 8px;}
.signing-cell .file-tags {display: flex; gap: 7px; flex-wrap: wrap;}
.signing-cell .file-tag {display: inline-flex; align-items: center; justify-content: center; min-height: 28px; padding:4px 10px; border: 1px solid #d4e4ef; border-radius: 8px; background: #f4f8fb; color: #244864; font-size: .72rem; font-weight:600; letter-spacing: .02em;}
.signing-note{padding:10px 15px; background: var(--soft-blue); border-radius:8px; margin-bottom:10px; border: 1px solid var(--line); display:flex; gap:5px; align-items: center; font-size: 14px;}
.signing-note > span:first-child{color:var(--blue); font-size:22px; font-weight:400; line-height:1.2;}


.audience-section{position:relative; overflow:hidden; background:linear-gradient(135deg,#fff 0%,#f8fbfd 72%,#eef6fa 100%)}
.audience-section:after{content:""; position:absolute; right:-100px; top:-150px; width:520px; height:320px; border-radius:50%; background:radial-gradient(circle,rgba(0,118,206,.15),transparent 70%);transform:rotate(-18deg)}
.audience-section .container{position:relative; z-index:1}
.audience-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:15px}
.audience-card{padding:30px 25px; background:rgba(255,255,255,.94); border:1px solid var(--line); border-radius:20px; text-align:left; transition:all 300ms}
.audience-card:hover{transform: translateY(-5px); box-shadow: var(--shadow-sm); border-color: #b9d2e1;}
.audience-icon{display:grid; place-items: center; width:68px; height:68px; margin-bottom:15px; border-radius:50%; background:var(--soft-blue); color: #1762e8;}
.audience-card h3{color:var(--blue); font-size:18px; font-weight:500;}
.audience-card p{font-size:14px; margin-top:10px; text-align:left}
.audience-card .audience-icon{color:var(--blue)}
.audience-card .audience-icon img {max-width:48px; vertical-align:middle;}

.validation-layout{display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center}
.validation-layout .image-illustration{text-align:center;}
.validation-layout .image-illustration img{max-height:520px;}
.verify-list{display:grid}
.verify-item{display:grid; grid-template-columns:60px 1fr; gap:10px; padding:20px 0; border-bottom:1px solid var(--line)}
.verify-item:last-child{border-bottom:0}
.verify-check{display:grid; place-items:center; width:48px; height:48px; border-radius:50%; background:var(--soft-blue);color:var(--navy); font-size:24px; font-weight:800}
.verify-item h3{font-size:20px; margin-bottom:10px;}
.verify-item p{font-size:14px;}

.validation-note{grid-column:1/-1; display:flex; gap:15px; padding:15px 30px; border:1px solid var(--line); border-radius:10px; background:var(--soft-blue); color:var(--muted);}
.validation-note i{display:grid; place-items:center; flex:0 0 36px; height:36px; border-radius:50%; background:var(--blue); color:#fff;font-style:normal;font-weight:700}
.validation-note p{color:var(--muted); font-size:14px;}


.renewal-box{display:grid; grid-template-columns:1fr 1fr; gap:30px; align-items:center; padding:30px; border:1px solid var(--line);border-radius:20px; background:#fff; box-shadow:0 8px 26px rgba(14,49,86,.04)}
.renewal-left{display:grid; grid-template-columns:1.2fr 0.8fr; gap:30px; align-items:center}
.renewal-visual{position:relative; min-height:200px; display:grid; place-items:center}
.renewal-heading h2{font-size:32px;}
.renewal-box .renewal-copy{font-size:14px;}

.decision-box{ border: 1px solid var(--line); border-radius:20px; background: linear-gradient(145deg, #fff, #f6f9fe); padding: 38px; box-shadow: var(--shadow-sm) }
.decision-box > *{position:relative; z-index: 1;}
.decision-section{background:#fff;}
.decision-box{position:relative; overflow:hidden; border:1px solid #dce6f2; border-radius:20px; background:linear-gradient(145deg,#fff,#f4f8fb); padding:45px; box-shadow:var(--shadow-sm)}
.decision-box:after{content:""; position:absolute; right:-65px; top:-80px; width:290px; height:290px; border-radius:50%; border:48px solid var(--soft-blue);}
.decision-grid{display:grid; grid-template-columns:1fr 1fr; gap:15px 30px; margin-top:30px; position:relative; z-index:1}
.decision-item{display:grid; grid-template-columns:24px 1fr; gap:10px; align-items:start; padding:15px 0; border-bottom:1px solid var(--line);}
.decision-item:nth-last-child(-n+2){border-bottom:0}
.decision-check{display:grid; place-items:center; width:24px; height:24px; border-radius:50%; background:var(--lime); color:#ffffff; font-weight:900; font-size:13px;}
.ev-callout{position:relative; z-index:1; display:grid; grid-template-columns:52px 1fr auto; gap:30px; align-items:center; margin-top:30px;padding:20px 45px; background:#fff; border-top:1px solid var(--line); width:calc(100% + 90px); margin-left: -45px;
    margin-bottom: -45px; font-size:14px;}
.ev-callout h3{font-size:18px; font-weight:500; margin-bottom:5px;}
.ev-icon{display:grid; place-items:center; width:50px; height:50px; border-radius:15px; background:#fff1e9; color:var(--orange); font-size:1.35rem}

.smartScreen-answer{position:relative; padding-left:48px;}
.smartScreen-answer:before{position:absolute; height:38px; width:38px; left:0; top:0; background:url(images/question-bubble.svg) no-repeat scroll 0 0; background-size:38px auto; content:""}
.smartScreen-answer .answer { font-size:18px; font-weight:600; color: var(--orange); margin-bottom: 10px; } 


.signal-title{margin-top:30px; margin-bottom:15px; font-size:18px; color:var(--navy); font-weight:600; text-align:center} 
.signal-grid {display: grid; grid-template-columns: repeat(3, 1fr); gap:30px}
.signal-grid .signal{ padding:30px; border-radius:10px; background: #fff; border: 1px solid var(--line); text-align: center; transition:all 300ms; position:relative;}
.signal-grid .signal:first-child:before{position:absolute; top:100%; height:120px; width:240px; content:""; border-left:2px dashed var(--line); border-bottom:2px dashed var(--line); left: 50%;}
.signal-grid .signal:last-child:before{position:absolute; top:100%; height:120px; width:240px; content:""; border-right:2px dashed var(--line); border-bottom:2px dashed var(--line); right: 50%;}
.signal-grid .signal:nth-child(2):before{position:absolute; top:100%; height:120px; width:1px; content:""; border-left:2px dashed var(--line); left: 50%;}


.signal-grid .signal:hover{transform: translateY(-5px); box-shadow: var(--shadow-sm); border-color: #b9d2e1;}
.signal-grid .signal h3{font-size:18px; font-weight:600; margin-bottom:5px;}
.signal-grid .signal .icon{ display: grid; place-items: center; width:48px; height:48px; margin: 0 auto 15px; border-radius:5px; background: var(--soft-blue); color: var(--navy); font-size:20px; padding:5px;}
.signal-grid .signal .icon img{vertical-align:middle;}
.signal p{ font-size:14px; margin-top:0px } 
.smart-decision-box{background:#ebf8ed; padding:20px; border-radius:10px; border: 1px solid var(--line); max-width:480px; margin:60px auto 0; display:grid; gap:20px; grid-template-columns:60px 1fr; position:relative; z-index:1; } 
.smart-decision-box h3{font-size:18px; font-weight:600; color:var(--lime); margin-bottom:5px;}
.smart-decision-box p{font-size:14px; margin-top:0px; color:var(--navy); }


.smart-support {margin:30px auto 0;} 
.smart-support strong{color:var(--navy);}

.selfcheck {margin-top:15px; margin-bottom:30px}
.selfcheck h3 {font-size:18px; margin-bottom:20px; font-weight:600;}
.selfcheck ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 10px}
.selfcheck li {position: relative; padding-left: 30px; color: #314b63; padding-top:5px; padding-bottom:5px}
.selfcheck li:before {content: "✓"; position: absolute; left: 0; top:7px; display:grid;place-items: center; width:20px; height:20px;
    border-radius: 50%; background: var(--lime);  color: #ffffff; font-weight:800;font-size:12px;}

.ev-decision-wrapper{display:grid; grid-template-columns:1fr 1fr; gap:40px;}
.situation-table table th{text-align:left; border:0; background:var(--navy-2); color:#ffffff; padding:10px 15px;}

.situation-table .table-wrap{border:0;}
.situation-table table{border-right:0;}
.situation-table table{width: 100%;border-collapse: separate;border-spacing: 0; border: 1px solid var(--line);border-radius:0px;overflow: hidden;background: #fff}
.situation-table td {padding:10px 15px; border:0; border-top: 1px solid var(--line); font-size:13px; color: #334f68}
.situation-table td.ev{color:var(--lime);}

.situation-title{font-size:16px; margin-bottom:15px; font-weight:600; color: var(--ink);}
.situation-cols{display:grid; grid-template-columns:1fr 1fr; border:1px solid var(--line); border-radius:10px; overflow:hidden; margin-bottom:15px; background:var(--line); gap:1px;}
.situation-col{padding:30px; background:var(--soft);}
.situation-col ul{list-style:none; margin:0;}
.situation-col ul li{padding-left:20px; position:relative;}
.situation-col ul li:before{content:""; position:absolute; left:0; top:12px; background:var(--blue); border-radius:20px; height:8px; width:8px;}
.situation-col.ev ul li:before{background:var(--orange);}
.situation-col.ev{background:#FFFCFB;}
.situation-tag-title{font-size:15px; font-weight: 600; background:#e1eff9; color: var(--blue); padding:5px 10px; border-radius: 4px; margin-bottom:15px; display: inline-flex;}
.situation-tag-title.ev{background:#fff0e9; color:var(--orange);}



.limits { margin-top:30px; border-top: 1px solid var(--line); padding-top:20px } 
.limits h3 { font-size:16px; margin-bottom:10px; text-transform:uppercase; color:var(--orange); font-weight:600;} 
.limit-row {display:flex; gap:30px; flex-wrap: wrap; font-size:14px; font-weight:600; color:var(--muted); } 
.limit-row span{display:flex; gap:10px; align-items:center;}
.limit-row span:before{content:""; display:grid; place-items: center; width:24px; height:24px; border-radius: 50%; background:#FCEAE4 url(images/orange-cross-icon.svg) no-repeat center center; background-size:14px auto; color: var(--orange); font-size:14px;font-weight:600;}
.limit-row br{display:none;}


/*resources*/
.resources { display: grid; grid-template-columns: repeat(4, 1fr); gap:30px}
.resource-col .label { font-size:16px; font-weight:600; letter-spacing:0.5px; text-transform: uppercase; color:var(--orange); margin-bottom:15px}
.resource-col a{ display: block; padding:10px 0; border-top: 1px solid #e8eef3; color: #28465f; font-size:14px; transition:all 300ms; text-decoration:none;}
.resource-col ul{margin:0; list-style:none;}
.resource-col ul li{padding:0;}
.resource-col a:hover{color:var(--blue);}

.faq-grid{display:grid; grid-template-columns:1fr 1fr; gap:15px}
.faqs-item{background:#fff; border:1px solid var(--line); border-radius:10px; padding:20px; margin-bottom: 0; transition:all 300ms;}
.faqs-item:hover{transform: translateY(-5px); box-shadow: var(--shadow-sm); border-color: #b9d2e1;}
.faqs-item h3{list-style:none; font-weight:600; color:var(--navy); font-size:18px; padding-left: 0; background: none; margin-bottom:10px;}
.faqs-item h3::-webkit-details-marker{display:none}
.faqs-answer{background: none; padding: 0; border-radius: 0; font-size:15px; color: var(--muted);}
.email-clients-img{max-width:1024px; margin:auto; width:100%;}
.email-clients-img img{max-width:100%; width:100%;}
/* Product Details
-------------------------------------------------*/
.hero.product-hero{overflow:inherit; background:#ffffff; padding:0 0 60px;}
.product-hero-layout{display: grid;  align-items:flex-start; grid-template-columns:1fr 460px; gap:60px;}
.product-hero .breadcrumbs{margin-bottom:0px; margin-top:30px; border:0}
.product-hero .breadcrumbs .section{padding:0 0 10px;}
.product-hero .product-overview{margin-bottom:30px;}
.product-hero h1 {font-size:32px;}
.product-hero .section-heading h2{font-size:26px; display:inline-flex; align-items:center; gap:10px; position:relative; padding-left:35px;}
.product-hero .section-heading h2:before{content: "";width: 24px; height: 3px; border-radius: 9px; background: linear-gradient(90deg, var(--orange), var(--orange-2)); position:absolute; top:14px; left:0;}
.product-hero .section-heading .lead,
.product-hero .section-heading p{margin-top:5px;}
.product-hero .validity-note{border-radius:10px; background-color: #fff3cd; border-color: #ffeeba; line-height: 1.5;color: var(--muted); padding: 15px; font-size: 14px; margin-top: 15px;}
.product-hero.hero:after{display:none}

.product-copy-text .inner-section{padding:30px 0;}

.products-details-tabs.tabs{width: 100%; background: transparent; padding:0; border-radius: 0; margin: 0; border-bottom:3px solid #eef4f9; gap:10px;  margin-bottom:10px;}
.products-details-tabs-content{margin-bottom:30px;}
.products-details-tabs .tab{padding:8px 20px 5px; text-transform: uppercase; letter-spacing: 0.3px; color: var(--muted); border-bottom: 3px solid transparent; border-radius:0; margin-bottom:-3px; position: relative; background:#eef4f9; border-radius: 5px 5px 0 0; font-size: 13px;}
.products-details-tabs-content .panel[hidden] { display: none; }
.products-details-tabs .tab[aria-selected="true"]{color:#ffffff; background:var(--blue); border-bottom-color:var(--blue);}

.product-summary{background:#ffffff; display:block; border-radius:0}
.product-summary .table-wrap{border:0; margin:0;}
.product-summary table{border:0;}
.product-summary table th{margin-bottom:0; font-size:14px; opacity:0.8; color:var(--muted); letter-spacing:.03em; text-transform: uppercase; font-weight:600; padding:10px 0; border:0; border-bottom:1px solid var(--line); text-align:left; background:none; width:260px; }
.product-summary table td{font-weight: 400; padding:10px 0; border:0; border-bottom:1px solid var(--line);  padding-left:30px;}
.product-summary table .product-review-content{justify-content:flex-start;}
.product-summary table .product-review-content strong{font-weight:500;}
.product-summary table .vendor-row img{max-height:23px; margin-left:10px;}
.product-summary table .certificate-provider{display:flex; width:100%; justify-content:space-between;}
.product-summary table .certificate-provider img{max-height:23px; margin-left:10px; width:auto;}


.detail-table{border-radius:10px; overflow: hidden; position: relative; border:0; background:#ffffff;}
.detail-table .table-wrap{margin:0; border:0;}
.detail-table table{border: 0px solid var(--line); border-collapse: collapse;}
.detail-table .table-wrap{border:0}
.detail-table table th, .detail-table table td{background:#ffffff; text-align:left; border:0; border-bottom: 1px dashed var(--line); padding:12px 15px}
.detail-table table th{margin-bottom:0; font-size:14px; opacity:0.8; color:var(--muted); letter-spacing:.03em; text-transform: uppercase; font-weight:600; padding:10px 0; border:0; border-bottom:1px solid var(--line); text-align:left; background:none; width:270px;}
.detail-table table td{font-weight:400; color:var(--navy); padding:10px 0; border:0; border-bottom:1px solid var(--line); padding-left:30px;}
.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;}

.detail-table table tr.validity-note-row th{vertical-align:top;}
.product-features-wrapper tr td code{background: #eef2f8;color: #c0392b;font-family: ui-monospace,Menlo,Consolas,monospace;font-size: 14px; padding:2px 5px 4px;border-radius: 3px;display: inline-block;margin: 0;font-weight: 500;line-height: 1;}

.product-features-wrapper .product-page-certificate-view{background:transparent; flex-direction:row; justify-content:space-between; display: grid; grid-template-columns: 1fr 100px; padding:30px 0; }
.product-features-wrapper .product-page-certificate-view img{max-width:100%; width:auto; max-height:420px;}
.product-features-wrapper .product-page-certificate-left{width:100%; text-align:center;}
.product-features-wrapper .product-page-certificate-left img{display:inline-block;}
.product-features-wrapper .product-page-certificate-right img{height:90px; width:90px; padding:8px; border: solid 2px var(--line);}
.product-features-wrapper .product-page-certificate-right img.active{border-color:var(--blue);}


.setup-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background: var(--line); margin-left:-20px; margin-right:-19px;}
.setup-card{padding: 20px; border-radius: 0;border: 0; background: #ffffff; transition: all 300ms; color: var(--muted);}
.setup-card:hover{transform: translateY(-5px); box-shadow: var(--shadow-sm);border-color: #b9d2e1;}
.setup-tag{display:inline-flex; padding:5px 12px; border-radius:999px; background:#fff1eb; color:#d94d20; font-size:12px; font-weight:600;text-transform:uppercase; letter-spacing:0.2px; margin-bottom:10px}
.setup-card h3{margin-bottom:10px; font-size:18px; font-weight:600;}
.setup-card p{font-size:14px}
.setup-card ul, .setup-card ol{margin:0 0 0 12px;}
.setup-card li{font-size:14px}
.setup-card code{background:#eef2f8;color:#c0392b;font-family: ui-monospace,Menlo,Consolas,monospace; font-size:14px; padding:2px 6px 4px; border-radius: 3px; display: inline-block; margin: 0;  font-weight:500; line-height:1;}

.product-copy-text h2{font-size:30px;}
.product-copy-text p strong{color:var(--navy); font-weight:600}
.fit-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:15px}
.fit-card{padding:20px; background:#fff; border: 1px solid var(--line); border-radius:10px; text-align:left; transition: all 300ms;}
.fit-card:hover{transform: translateY(-5px); box-shadow: var(--shadow-sm);border-color: #b9d2e1;}
.fit-icon{display:grid; place-items: center; width:48px; height:48px; margin-bottom: 15px; border-radius: 50%; background: var(--soft-blue); color: var(--navy); font-weight:600;}
.fit-card h3{margin-bottom:10px; color: var(--blue); font-size: 18px; font-weight: 500;}
.fit-card p{font-size:14px}

.steps{display:grid; grid-template-columns: repeat(1, 1fr); gap:1px; background:var(--line); margin-top:-20px;}
.steps .step{padding:20px 0; padding-left:60px; border:0; border-radius:0px; background:#fff; text-align:left;  position:relative;}
.steps .step:last-child{padding-bottom:0}
.steps .step-no{position:absolute; left: 15px; top: 15px; background: transparent; color: var(--orange); font-size: 29px; width: auto; left: 0; top:20px; line-height:1; height: auto; font-weight:700;}
.steps .step:before{width:1px; content:""; position:absolute; top:20px; bottom:20px; background:var(--line); left:40px;}
.steps .step h3{font-size:16px; margin-bottom:5px}
.steps .step p{font-size:14px}
.steps .step code{background: #eef2f8;color: #c0392b;font-family: ui-monospace,Menlo,Consolas,monospace;font-size: 14px;
  padding: 1px 5px;border-radius: 3px;display: inline-block;margin: 0;font-weight: 500;line-height: 1;}

.cs-category-compare{margin:30px 0 0px; padding:15px 20px; color:var(--muted); font-size:15px; line-height:1.5; background:var(--soft);
 border: 1px solid var(--line); border-left:5px solid var(--orange); border-radius:10px;}
 .cs-category-compare a {color:var(--blue); font-weight: 500; text-decoration: none;}
.cs-category-compare a:hover,
.cs-category-compare a:focus {color:var(--orange);text-decoration: underline;}

.product-copy-text .faq-grid{ grid-template-columns: 1fr; gap:1px; background:var(--line);}
.product-copy-text .faq-grid .faqs-item{border:0; background:#ffffff; padding:20px 0; border-radius:0;}
.product-copy-text .faq-grid .faqs-item:hover{box-shadow:none; transform:none;}
.product-copy-text .faq-grid .faqs-item:first-child{padding-top:0}
.product-copy-text .faq-grid .faqs-item:last-child{padding-bottom:0}

.product-deploy-grid{grid-template-columns: repeat(2, 1fr); gap: 15px; display: grid;}
.product-deploy-grid .product-deploy-card{border-radius: 10px; padding: 20px;background: #fff; border: 1px solid var(--line); text-align: left; transition: all 300ms;}
.product-deploy-card h3{margin-bottom: 10px; color: var(--blue); font-size: 18px; font-weight: 500;}
.product-deploy-card p{font-size: 14px;}

.split-note{background:var(--navy-2); color:#ffffff; border-radius:10px; padding:20px; display: flex; gap:20px; align-items:center; font-size:14px;}
.split-note strong{font-weight:600; font-size:20px; display:block; margin-bottom:5px;}
.split-note > div{flex:1;}

.resources-grid{display: grid; grid-template-columns: repeat(2, 1fr); gap:30px; font-size:14px; padding:15px; border: 1px solid var(--line); border-radius: 10px;}
.resources-card .resources-tag{display:inline-block;color:#d94d20; font-size:12px; font-weight:600;text-transform:uppercase; letter-spacing:0.2px; margin-bottom:5px}
.resources-grid .resources-card h3{margin-bottom:10px;font-size:16px;font-weight: 600; padding-bottom:5px; border-bottom: 1px solid #e8eef3;}
.resources-grid .resources-card a{text-decoration:none;}

.note.note-secondary{border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding: 20px 0; font-size:14px; }
.note.note-secondary h3{font-size:20px; font-weight:600; margin-bottom:10px;}

.note.info-note{border-radius:10px; font-size:14px; margin-bottom:30px; padding:20px; background: var(--soft-blue); border:1px dashed var(--line); position:relative; padding-left:60px;}
.note.info-note:before{content:"i"; position:absolute; top:20px; left:20px; font-size:20px; line-height:1; font-weight:600; font-style:italic; font-family:"Georgia"; background:var(--blue); color:#ffffff; width:28px; height:28px; border-radius:4px; display:flex; justify-content:center; align-items:center;}
.note.info-note br{display:none;}
.note.info-note strong.heading{font-size:16px; font-weight:600; line-height:1.4; margin-bottom:5px; display:block;}
.note.info-note .title{font-size: 13px; font-weight: 600; color: var(--blue); border-radius: 4px;text-transform: uppercase; letter-spacing:0.5px; margin-bottom:5px; display:block;}


.purchase-wrap > *{position:relative;}
.product-hero .purchase-wrap{position:sticky; top:60px; padding-left:45px; background:#eef4f9; padding-top:30px; display: flex; flex-direction: column; justify-content:center; padding-bottom:30px;}
.product-hero .purchase-wrap.mobile{display:none;}

.product-hero .purchase-wrap:before{background:#eef4f9; position:absolute; content:"";top:-200px; left:0; width:100vw; height:calc(130vh + 200px);}
.product-hero .purchase-wrap:after{content: ""; position: absolute; left:100%; bottom:-250px; margin-left:-100px; width: 520px; height: 520px; border: 80px solid rgba(14, 49, 86, .045); border-radius: 50%;}
.purchase-card-header-wrap{display:flex; justify-content:space-between; gap:30px; align-items:flex-end; margin-bottom:5px;}
.purchase-card-header{color: var(--blue); text-transform: uppercase;font-size: 14px; letter-spacing: 1px; font-weight: 600;}
.purchase-card-header-wrap .platinum-partner-wrap{flex:0 0 100px; max-width:100px; text-align:right;}
.purchase-card-header-wrap img{max-height:24px; max-width: 100px; vertical-align: middle;}
.purchase-card {position:relative; z-index:10; box-shadow:none; border-radius:0; padding:0; border:0; background:transparent;}
.purchase-card::before{content: ""; position: absolute; width: 210px; height: 210px; border-radius: 50%; background: rgba(23,98,232,.06);
  right: -90px; top: -115px;}
.card-head{position:relative; display:flex; justify-content:space-between; align-items:flex-start; gap:20px; margin-bottom:10px;}
.card-head .card-heading-wrap{flex:1;}
.card-title{color: var(--navy); font-size:18px; line-height:1.2; font-weight:600; letter-spacing: -0.2px;}

.purchase-card .field{position: relative; padding:15px 0; border-top: 1px dashed #c8d1d9;}
.purchase-card .field.field-split {display: flex; justify-content: space-between; align-items: flex-end; gap:10px;}
.purchase-card .field .san-field,
.purchase-card .field .wildcard-san-field{width:50%;}


/*.info-tooltip.digicert-tooltip .tooltip-content{top:100%; bottom:auto;}
.info-tooltip.digicert-tooltip .tooltip-content::after{bottom: 100%; top:auto; border-bottom: 10px solid #fff; border-top:0;}*/
.tooltip-content{font-size: 12px;}
.tooltip-content ul{margin-bottom:3px;}
.tooltip-content li{padding: 3px 0;}
.field .tooltip-content p{margin-bottom: 5px;}
.info-tooltip.digicert-tooltip .tooltip-content{width:400px; margin-left: -200px;}

.field .field-label{color: #64798c; text-transform: uppercase; letter-spacing:0.5px; font-size:13px; font-weight:600;
  margin-bottom:6px; position:relative; padding-right:25px; display: inline-block;}
.field br{display:none}
.purchase-card .term-grid{display:grid; gap:5px;grid-template-columns: repeat(1,1fr); gap:5px;}
.purchase-card .term-grid .term{position: relative; margin: 0; padding: 0;}
.per-yr-lbl{position: absolute; right: 0; top: 20px; color: #64798c; text-transform: uppercase; letter-spacing: 0.5px; font-size: 13px; font-weight: 600;}
.purchase-card .term-grid .term .per-year{display:none}
.purchase-card .term-grid .term label{min-height:inherit; display: flex; flex-direction: row; justify-content: space-between;
    padding:12px 15px; padding-left:40px;}
.purchase-card  .select-subscription-radio label:before{left:15px; top: 13px; }
.purchase-card  .select-subscription-radio label:after{top:18px !important; left: 20px !important; background:var(--blue) !important;}
.purchase-card  .select-subscription-radio input:checked + label:before{border-color:var(--blue);}
.purchase-card .term-grid .term label span{width:auto; font-size: 15px; font-weight: 400;}
.purchase-card .term-grid .term span.per-year-vp{margin-left:auto; margin-right:10px; position:relative; text-decoration: line-through;}
.purchase-card .term-grid .term span.per-year-vp:before{content: attr(data-vender-price);}
.purchase-card .term-grid.select-subscription{min-height:inherit;}
.purchase-card .term-grid .codesignnote{grid-column: 1 / -1; margin: 0; border-radius: 6px; background-color: #fff3cd;
    border-color: #ffeeba; line-height: 1.5; direction:ltr; color: var(--muted); font-size:12px; }
.field .input-error{border-color:#db0000 !important; box-shadow: 0 0 2px 3px rgba(219, 0, 0, .06);}
.purchase-card .term input{position:absolute; opacity:0; pointer-events:none;}
.purchase-card .term label{min-height:80px; display: flex; flex-direction: column; align-items: center; justify-content: center;
  border: 1px solid var(--line); border-radius:6px; cursor: pointer; background: #fff; transition: .18s ease; font-size:13px; padding:10px 5px; color:var(--muted);}
.purchase-card .term label span{width:auto;}
.purchase-card .term input:checked + label {border-color: var(--blue); background: #f3f7ff; box-shadow: 0 0 0 2px rgba(23,98,232,.06);}
.purchase-card .term label .year{font-size:13px; font-weight:500; color:var(--muted); opacity: 0.7;}
.purchase-card .term label small{font-weight:600; font-size:20px; letter-spacing:-1px; line-height:1.2; color:var(--navy); line-height: 1;}
.term-note {display: inline-block; margin-top:10px; color: var(--lime); background: #edf8f2; border-radius:3px; padding:4px 7px;font-size: 12px; font-weight:600;}
.purchase-card .field select{border-color:var(--line); margin: 0; color:var(--muted); font-size: 14px;}
.purchase-card .field select option:disabled{ color: #bbbbbb;}
.purchase-card .field .qty {display: flex; align-items: center; width: max-content; border: 1px solid var(--line); border-radius:6px;
  overflow: hidden;}
.purchase-card .field .qty button{width:36px; height:42px; border: 0; background:#f8fbfd; color: var(--navy) !important; cursor: pointer;
  font-size: 1rem; padding:0;}
.purchase-card .field .qty span {width: 44px; text-align: center; font-size: .87rem; font-weight:700;}
.price-row{display: flex;justify-content: space-between;gap: 20px;align-items: end;padding-top:15px; border-top: 1px solid var(--line);}
.price-row .price-label,
.split-price .price-label{color: #64798c; text-transform: uppercase; letter-spacing:0.2px; font-size:13px; font-weight:600;
  margin-bottom:6px;}
.price-row .total-price,
.split-price .total-price{margin-top:2px;color: var(--navy); font-size:32px; line-height: 1;font-weight:700;letter-spacing: -.04em;}
.purchase-card .total-price-box{margin-bottom: 0;}
.split-price{text-align:right; display: flex; }
.split-price .saving-price-box{margin-right:15px;}

.purchase-card .saving-price-box:before{content:"Your Savings"; color: #64798c; text-transform: uppercase; letter-spacing:0.5px; font-size:13px; font-weight:600; margin-bottom:6px;}
.purchase-card .save-price{color:var(--lime); font-size: 20px; font-weight: 600; line-height: 1; text-align:center;}
.purchase-card .save-price:before {content: attr(data-vender-price); text-align:center; color:var(--lime);}

.add-to-cart-box{margin-top:0px; width:100%;}
.add-to-cart-box a{width:100%; display:block;}
.purchase-card .pay-row{display: flex; justify-content: space-between; padding: 10px 0 0 0; align-items:center;}
.purchase-card .pay-row > span{text-transform:uppercase; font-weight:600; color:#5d6e7f; opacity:1; font-size:12px; display:flex;
    align-items:center; gap:4px; letter-spacing:-0.2px}
.purchase-card .pay-row > span:before{display: grid; width:12px; height:20px; color:var(--lime); font-size:14px; content: "✓";
    font-weight:800; min-width:12px; place-items: center; border-radius: 50%; opacity:1;}
.purchase-card .pay-row img{vertical-align:middle; height:16px; width:auto;}
.purchase-card .payment-card{padding-top: 15px; text-align: center; margin-bottom:0px;}

.purchase-card .numbers-input button:focus{background:var(--line);}
.purchase-card .configuration-san-price.san-price,
.purchase-card .configuration-san-price.wsan-price{font-size:14px; text-transform:uppercase; line-height:15px; padding-left:15px; position:relative; font-weight:600; color:var(--navy);}
.purchase-card .configuration-san-price.san-price .x,
.purchase-card .configuration-san-price.wsan-price .x{position:absolute; font-size:18px; color:var(--muted); left:-3px; top:8px; text-transform:uppercase; font-weight:500; color:#64798c; opacity:0.4}
.purchase-card .configuration-san-price.san-price span,
.purchase-card .configuration-san-price.wsan-price span{display:block; font-weight:400; font-size:13px;}

.field .info-tooltip{top: 0px;}
.field .tooltip-content{text-transform:none; color:var(--muted); font-weight:400; letter-spacing:0; padding:12px 14px;border-radius:10px;
    background: #fff; border:1px solid var(--line); box-shadow: 0 16px 36px rgba(14, 49, 86, .18);}
.field .tooltip-content:after{border-top: 10px solid #fff;}
.final-cta-grid {display: flex; align-items: center; justify-content: space-between; gap: 40px;}
.final-cta{background: linear-gradient(135deg,#0d2e50,#164c7c); padding:60px 0; color:#fff; margin-bottom:60px;}
.final-cta h2{color: #fff;  max-width:750px;}
.final-cta p{color: #d3e2ed; margin-top: 12px; max-width:600px;}
.final-actions{display:flex; gap:10px; flex-wrap: wrap;}


.trusted-clients-main{position:relative; z-index:1; background:#ffffff;}
.site-footer{position:relative; z-index:1;}

/* Cheap Code Signing Certificate
-----------------------------------------------------------------*/

.orange-note{margin:20px 0; padding:20px; border-left:4px solid var(--orange); background:#fff0e9; border-radius:0 10px 10px 0; font-size:14px;}
.orange-note p:last-child{margin-bottom:0; }
.orange-note strong{font-weight: 600; color: var(--navy);}
.orange-note .title{color: #9f451f; display:block; font-size:16px; font-weight: 600;}

.green-note{margin:20px 0; padding:20px; border-left:4px solid var(--lime); background:#ebf8ed; border-radius: 0 10px 10px 0; font-size:14px;}
.green-note p:last-child{margin-bottom:0; }
.green-note strong{font-weight: 600; color: var(--navy);}
.green-note .title{color:var(--lime); display:block; font-size:16px; font-weight: 600;}

.blue-note{margin:20px 0; padding:20px; border-left:4px solid var(--blue); background:var(--soft-blue); border-radius: 0 10px 10px 0; font-size:14px;}
.blue-note p:last-child{margin-bottom:0; }
.blue-note strong{font-weight: 600; color: var(--navy);}
.blue-note .title{color:var(--blue); display:block; font-size:16px; font-weight: 600;}


.cost-visual{border: 1px solid var(--line); border-radius:20px; background: #fff; padding:30px; box-shadow: var(--shadow);}
.cost-visual .cost-line {display: flex; justify-content: space-between; gap:20px; padding:12px 0; border-bottom: 1px solid var(--line);}
.cost-visual .cost-line:last-child{border:0}
.cost-visual .cost-line strong {color: var(--navy); font-weight:600;}
.cost-visual .cost-visual-title{font-weight:600;color: var(--blue);font-size: 18px; margin-bottom:10px;}


.products.grid-2{grid-template-columns: repeat(2, 1fr); max-width:1024px; margin: auto;}
.products.featured-grid .product .desc{margin-bottom:15px;}
.products .product .features{list-style: none; padding: 0; margin:0 0 10px; color: var(--muted); font-size:14px;}
.products .product .features li {padding:5px 0 5px 20px; position: relative;}
.products .product .features li::before {content: "✓"; position: absolute; left:0; top:3px; font-size:16px; color: var(--lime); font-weight:900;}
.products.featured-grid .price strong{letter-spacing:-0.5px; font-size: 36px;}
.products .product-note{margin:10px 0 15px; padding:10px 15px; border: 1px solid #f3d8c9; background: #fff7f2; border-radius: 10px; font-size:13px}

.table-wrap{border:0;}
table.comparison{width:100%; border-collapse: separate; border-spacing:0; background: #fff; border: 1px solid var(--line);
  border-radius:15px; overflow: hidden;}
table.comparison th, 
table.comparison td{border:0; text-align:left; padding:15px 20px; border-bottom: 1px solid var(--line);}
table.comparison th {background: var(--navy);color: #fff;}
table.comparison th:first-child{background: var(--navy-2); color:#ffffff;}
table.comparison td:first-child {font-weight:600; width: 30%;}
table.comparison tr:last-child td{border:0}
table.comparison strong {color: var(--navy);}
table.comparison strong.prc{font-size:18px;}

.decision-grid.grid-4{display:grid; grid-template-columns:repeat(4, 1fr); gap:15px}
.decision-grid .decision{padding:30px; border-radius:20px; background:#fff; border:1px solid var(--line); display:flex; flex-direction: column; font-size: 15px;transition: all 300ms;}
.decision-grid .decision .question{font-weight: 600; font-size: 18px; color: var(--ink); line-height:1.3; margin: 0 0 15px;}

.other-csc-grid{display: grid; grid-template-columns: repeat(3,1fr); gap: 15px;}
.other-csc-grid .other-csc-item{padding:30px; border-radius:20px; background:#fff; border:1px solid var(--line); display:flex;
  flex-direction: column; font-size: 15px; transition: all 300ms;}
.other-csc-grid h3 {font-weight: 600;font-size: 18px;}
.other-csc-grid .other-csc-btn {margin-top: auto;margin-bottom: 0;}
.other-csc-grid .other-csc-item:hover {transform: translateY(-5px); box-shadow: var(--shadow-sm);}
.before-buy .check-grid{display: grid; grid-template-columns: repeat(3,1fr); gap:30px;}
.before-buy .check-grid .check{position: relative; z-index: 1; text-align: center; padding: 0 12px; display:flex; height:auto; width:auto; background:transparent; color:inherit; font-size:15px; border-radius:0; flex-direction:column;}
.before-buy .check-grid .check-num{display: grid; place-items: center; width: 62px; height: 62px; margin: 0 auto 20px; border-radius: 50%;
  background: #fff; border: 3px solid var(--cyan); box-shadow: 0 7px 20px rgba(14,49,86,.1); font-weight: 700; color: var(--muted);
  font-size: 28px;}
.before-buy .check-grid h3{margin-bottom: 10px; font-weight: 600; font-size: 18px;}
.before-buy .check-grid .check:nth-child(n+4) .check-num{border-color: var(--orange);}
.practical-comparison-grid{display:grid; gap:15px; grid-template-columns: repeat(3, 1fr);}
.practical-comparison-item{padding:30px; border-radius:20px; background:#fff; border:1px solid var(--line); font-size:15px; transition: all 300ms;}
.practical-comparison-item h3{color:var(--blue); font-size: 18px; font-weight: 500;}
.practical-comparison-item:hover{transform: translateY(-5px); box-shadow: var(--shadow-sm);}
.practical-comparison-item p:last-child{margin-bottom:0}
.cta.style-1{display: flex; align-items: center; justify-content: space-between; gap: 30px; padding: 30px 0; color:rgba(255,255,255,0.6); position:relative; overflow:hidden;}
.cta.style-1 > *{position:relative; z-index:1}
.cta.style-1 h2{color:#ffffff; font-size:24px; font-weight:600; margin:0 0 10px;}
.cta.style-1 p{ color:rgba(255,255,255,0.6);}
.cta.style-1:before{background: radial-gradient(50% 50% at 50% 50%, rgba(0, 118, 206, 0.6) -90%, rgba(05, 25, 40, 0.02) 100%); top:50%;
    right: 5%; position: absolute; content:"";  width:300px; height:300px; transform:translateY(-50%); }

.cta.style-1:after{top: 30%; right: 16%; position: absolute; content: ""; width: 220px; height: 220px; border: 50px solid rgba(255, 255, 255, 0.5); border-radius: 50%; opacity: 0.2;}
.learn-more-state{padding:15px 0;}
#compare .learn-more-state{text-align:center;}

/*New Pages
---------------------------------------------*/
.product-head{display:flex; align-items:center; gap:15px; margin-bottom:15px;}
.product-head .plan-icon {width:48px; height:48px; border-radius:10px; background:var(--soft-blue); display: flex; align-items: center;
  justify-content: center;flex: none;}
.product-head .plan-icon svg,
.product-head .plan-icon img {width:36px; height:36px;}
.product-head .tag{font-size:13px; color: var(--blue); font-weight:600; text-transform:uppercase; letter-spacing: .5px; padding:0; background:none;}
.products .product .product-head h3{margin-bottom:0}
.products .plan-ribbon {position:absolute; top:-14px; right:28px; background:var(--blue); color:#fff; font-size:12px; font-weight:600; padding: 7px 16px; border-radius: 999px; text-transform: uppercase; letter-spacing:.5px; box-shadow:0 8px 16px rgba(2,43,74,.3);}
.product .product-price-note {font-size:12px;color:var(--muted); margin-bottom:20px; font-style:italic; opacity:0.6;}

.product .product-feats{ margin: 0 0 24px; flex: 1;}
.product .product-feats li {display: flex; align-items: flex-start; gap: 10px; font-size:14px; color: var(--muted); padding: 8px 0; border-bottom: 1px dashed var(--line);}
.product .product-feats li:before{display: grid; place-items: center; width:20px; height:20px;border-radius: 50%;background: var(--lime);
  color: #ffffff;  font-size:12px;content: "✓"; font-weight:400; min-width:20px;}
.products .product-note{background:transparent; margin-top:10px; padding:0; font-size:12px; color:var(--muted); border:0}
.products .product .pay-row{display: flex; justify-content: space-between; padding: 10px 0 0 0; align-items: center;}
.products .product .pay-row br{display:none;}
.products .product .pay-row > span {text-transform: uppercase;font-weight: 600;color: #5d6e7f;opacity: 1;font-size: 12px; display: flex;
  align-items: center;gap: 4px; letter-spacing: -0.2px;}
.products .product .pay-row > span::before{display: grid; width: 12px; height: 20px; color: var(--lime); font-size: 14px; content: "✓";
  font-weight: 800; min-width: 12px; place-items: center; border-radius: 50%; opacity: 1;}
.ip-ssl-plans .products .product{overflow:visible;}
.ip-ssl-plans .products .price{margin-bottom:0; }

.eidas-plans .product .badge{display: inline-flex;align-self: flex-start; margin-bottom: 10px; position: static;}
.products .product .product-fit{border-top:1px solid var(--line); border-bottom: 1px solid var(--line); padding: 10px 0; margin: 0 0 15px; font-size: 14px; color: var(--navy-2);}


.ip-address-hero .hero-card {position: relative; max-width:480px; margin-left: auto; padding:30px; border: 1px solid var(--line); border-radius:20px; background: rgba(255,255,255,.92); box-shadow: var(--shadow);}
.ip-address-hero .hero-card-head {display: flex; justify-content: space-between; align-items:center; gap:15px; margin-bottom:20px;}
.ip-address-hero .hero-card-head strong {font-size: 18px;}
.ip-address-hero .pill {display: inline-flex; padding: 5px 10px; border-radius: 5px; background: #e7f0f6; color: var(--navy); font-size: 12px; font-weight:600; text-transform: uppercase;}
.ip-address-hero .ip-window {padding:20px; border-radius:15px; background: linear-gradient(145deg,#0d3156,#123f6d); color: #fff;}
.ip-address-hero .address {display: flex;align-items: center; gap:10px; padding:10px 15px; border-radius:7px; background: rgba(255,255,255,.1); font: 600 14px ui-monospace,SFMono-Regular,Consolas,monospace;}
.ip-address-hero .address .lock {width: 18px;height: 18px; fill: #70d48c;}

.ip-address-hero .hero-note{display: flex; align-items: start; gap:10px; padding-top:20px; font-size:13px; color: var(--muted);}
.ip-address-hero br{display:none}
.ip-address-hero .hero-note svg {flex: none; width: 21px; fill: var(--lime);}
.ip-address-hero .browser-row {display: flex; gap: 6px; margin-bottom:15px;}
.ip-address-hero .tls-status {display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 18px;}

.ip-address-overview .intro-grid{align-items: flex-start;}


.usecase-grid{display:grid; grid-template-columns: repeat(3,1fr); gap:15px;}
.usecase-grid .usecase-card{background:#fff; border: 1px solid var(--line); border-radius:20px; padding:30px; transition: all 300ms;}
.usecase-grid .usecase-card:hover {transform: translateY(-5px);box-shadow: var(--shadow-sm); border-color: #b9d2e1;}
.usecase-card .ic{width:48px; height:48px; border-radius:5px; background: var(--soft-blue); display: flex; align-items: center;
  justify-content: center; margin-bottom:15px; padding:5px;}
.usecase-card .ic svg,
.usecase-card .ic img {width:32px; height:32px; color: var(--blue);}
.usecase-card h3{font-size:18px; margin: 0 0 8px; font-weight: 500;}
.usecase-card p{font-size: 14px; margin-top: 10px; text-align: left;}
.usecase-card p:last-child{margin-bottom:0}

#eligibility .callout{background:var(--line); border: 1px solid var(--line); border-radius:20px; overflow:hidden; padding:0; display:grid; grid-template-columns: 1fr 1fr; gap:1px; align-items: stretch;}
#eligibility .callout .col{background:#ffffff; padding:30px; font-size:14px; line-height:1.6; color:var(--muted);}
#eligibility .callout .col h3{display: flex; align-items: center;gap: 10px;font-size: 18px; margin-bottom:10px; font-weight:600;}
#eligibility .callout p{margin-bottom:10px;}
#eligibility .callout ul{margin:8px 0 0; list-style:none;}
#eligibility .callout li{position: relative; padding-left:20px; font-size:14px; color: var(--muted);}
#eligibility .callout li::before {content: ""; position: absolute; left: 0; top:12px; width:6px; height:6px; border-radius:50%;
  background: var(--line);}
#eligibility .callout code{background: #fff0e9; color: #8a3d1e; padding: 2px 6px; border-radius: 5px; font-size: 13px; font-weight:600;}
#eligibility .callout .col.deny h3{color: var(--orange);}
#eligibility .callout .col.allow h3{color: var(--lime);}
#eligibility .callout .badge-round {width: 30px; height: 30px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 800; flex: none; margin-top:-2px; }
#eligibility .callout .col.deny .badge-round{background: var(--orange);}
#eligibility .callout .col.allow .badge-round{background: var(--lime);}

#alternatives .fvp{display: grid; grid-template-columns: 1fr 1fr; gap: 0; border-radius:20px;overflow: hidden; box-shadow: var(--shadow-sm); border: 1px solid var(--line);}
#alternatives .fvp .col{padding:30px; font-size:14px;}
#alternatives .fvp .col.free{background:#ffffff;}
#alternatives .fvp .col h3{font-size:20px; margin-bottom:15px; font-weight:600;}
#alternatives .fvp .col ul{margin:0; list-style:none;}
#alternatives .fvp .col ul li{padding-left:20px; position:relative;}
#alternatives .fvp .col li:before{background:url(images/close-icon.svg) no-repeat scroll 0 0; width:10px; height:10px; content:""; position:absolute; left:0; top:10px;}
#alternatives .fvp .col.paid{background: var(--navy); color:#dbe8f2;}
#alternatives .fvp .col.paid h3{color:#fff;}
#alternatives .fvp .col.paid li{color:#dbe8f2;}
#alternatives .fvp .col.paid li:before{background:url(images/check.svg) no-repeat scroll 0 0; width:12px; height:12px; content:""; position:absolute; left:0; top:10px;}

.x9-overview-grid{display:grid; grid-template-columns: 1fr 1fr; gap:15px;}
.x9-overview-grid .overview-card{padding:20px; border-radius:20px; border:1px solid var(--line); transition:all 300ms; font-size:14px;}
.x9-overview-grid .overview-card:hover{border-color:var(--blue); box-shadow:var(--shadow-sm); transform:translateY(-2px); }
.x9-overview-grid h3{font-size:18px; color:var(--blue); margin-bottom:10px;}
.auth-flow{display:grid; grid-template-columns:repeat(3, 1fr); gap:15px;}
.auth-flow .auth-step{position:relative; border:1px solid var(--line); padding:30px; font-size:14px; border-radius:20px;}
.auth-flow .step-no {position: relative;z-index: 2; display: inline-grid; place-items: center; width: 40px; height: 40px;
  border-radius: 50%; background: var(--blue);color: #fff; font-size:14px; font-weight:600; margin-bottom: 16px; box-shadow: 0 0 0 8px #edf6fb;}
.auth-flow h3{font-size:18px; color:var(--navy);}

.reasons{display: grid; grid-template-columns: repeat(3,1fr); gap: 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line);}
.reasons .reason{padding: 30px 35px; position: relative;  font-size:14px;}
.reasons .reason + .reason {border-left: 1px solid #cfe0eb;}
.reasons .reason h3{font-size:18px; color:var(--navy); font-weight:600; margin-bottom:15px;}
.reasons .reason .n{display: grid; place-items: center; width: 34px; height: 34px; border-radius: 10px; background: #e6f2fa;
  font-size: 12px; font-weight: 700; color: var(--blue); letter-spacing: .05em; margin-bottom: 15px;}

.key-benefits{position: relative; overflow: hidden; background: linear-gradient(135deg,#fff 0%,#f8fbfd 72%,#eef6fa 100%);}
.key-benefits::after {content: ""; position: absolute; right: -100px; top: -150px; width: 520px; height: 320px; border-radius: 50%;
  background: radial-gradient(circle,rgba(0,118,206,.15),transparent 70%);transform: rotate(-18deg);}

.usecases.x9-pki{display:grid; gap:15px; grid-template-columns: repeat(4, 1fr);}
.usecases.x9-pki .usecase{border:1px solid var(--line); padding:20px; border-radius:20px; position:relative; overflow: hidden; text-align: center; transition: .3s all;}
.usecases.x9-pki .usecase .icon{display: grid;place-items: center; width:48px; height:48px; margin: 0 auto 15px; border-radius: 50%;
  background: var(--soft-blue); color: var(--blue);font-size: 20px; font-weight: 700;}
.usecases.x9-pki .usecase h3{font-size:16px;margin-bottom: 0; font-weight: 600;}
.usecases.x9-pki .usecase .icon svg {width: 25px; height: 25px;fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round;
  stroke-linejoin: round;}
.why-matters-grid{display: grid; grid-template-columns: 1fr 1fr; gap:60px;}
.why-matters-grid .urgent-matter{border: 1px solid #f3d9cd; background: linear-gradient(135deg,#fffaf7,#fff4ef);
  border-radius:20px; padding:30px; display: grid; grid-template-columns: 64px 1fr; gap:15px; align-items: start;box-shadow: 0 16px 38px rgba(209,75,30,.07); font-size:14px;}
.why-matters-grid .urgent-matter .u-icon {width: 56px; height: 56px; border-radius: 14px; background: #fceee7;color: var(--orange);
  display: grid;place-items: center;font-size: 26px;  font-weight: 800;}
.urgent-matter h3{font-size:18px; font-weight:600; margin-bottom:10px;}
.urgent-matter .deadline-row {display: grid; grid-template-columns: 1fr 1fr; gap:10px;  margin-top:15px;}
.urgent-matter .deadline {background: #fff; border: 1px solid var(--line); border-radius:10px; padding:15px 15px; color: var(--muted);
  font-size: 12px;}
.urgent-matter .deadline time {display:block; color: var(--orange);  font-size:16px;  font-weight:600;  line-height: 1.25;  margin:2px 0 5px;}
.urgent-matter .deadline b{font-weight:600; font-size:14px;}
.urgent-matter .deadline br{display:none;}


.x9-pki-choice-cards .choice-tag{display: inline-block; font-size: 13px; font-weight: 600; background: var(--soft-blue); color: var(--blue); padding: 5px 10px; border-radius: 4px; max-width:fit-content; margin-bottom:10px;}
.x9-pki-choice-cards .reco .choice-tag{background:#fff0e9; color: var(--orange);}
.x9-pki-choice-cards h3{font-size:20px; font-weight:600; color:var(--navy);}
.x9-pki-choice-cards ul{margin:0px; flex: 1;}
.x9-pki-choice-cards li{display: flex; align-items: flex-start; gap: 10px; font-size: 14px; color: var(--muted); padding: 8px 0;  border-bottom: 1px dashed var(--line);}
.x9-pki-choice-cards li::before {display: grid; place-items: center; width: 20px; height: 20px; border-radius: 50%;  background: var(--lime); color: #ffffff; font-size: 11px; content: "✓"; font-weight: 400;}
.x9-pki-choice-cards li:last-child{border:0}

.related-pages .section-heading{margin-bottom:20px;}
.related-pages .section-heading h3{text-transform:uppercase; font-weight:600; letter-spacing:1px; font-size:20px;}
.related-links{display:grid; grid-template-columns:repeat(4, 1fr); gap:15px;}
.related-links br{display:none;}
.related-links > a{border:1px solid var(--line); border-radius:10px; padding:20px; color:var(--navy); transition: .2s ease; text-decoration: none; font-weight:600; font-size:16px;}
.related-links > a small{display:block; font-weight: 400; color: var(--muted); font-size:12px; margin-top: 4px;}
.related-links > a:hover{border-color:var(--blue);}

.eidas-route-grid {display: grid; grid-template-columns: repeat(3,1fr); gap:15px;}
.eidas-route-card{background: #fff; border: 1px solid var(--line); border-radius:20px; padding:30px; font-size:14px; color:var(--muted);}
.eidas-route-card .eidas-route-num{display: grid; place-items: center; width:40px; height:40px; border-radius:5px; background:var(--soft-blue); color: var(--blue);font-weight: 900; padding:5px;}
.eidas-route-card h3 {margin:15px 0 8px; font-size:18px; font-weight:600; color:var(--navy);}
.eidas-route-card p{margin-bottom:10px;}
.eidas-route-card ul{margin:0 0 0 12px;}

.eidas-hero .chooser{position: relative; background: #fff; border: 1px solid #d7e4ed; border-radius:20px; padding:30px;  box-shadow: var(--shadow); font-size:14px;}
.eidas-hero .chooser .eyebrow {color: var(--blue); font-size:13px;}
.eidas-hero .chooser .eyebrow:before{display:none;}
.eidas-hero .chooser h2 {position: relative; font-size:24px; line-height: 1.2; color: var(--navy); margin:0px 0 0px; }
.eidas-hero .choice-list {display: grid; gap:10px; margin:20px 0;}
.eidas-hero .choice-list br{display:none;}
.eidas-hero .choice-list .choice{display: grid; grid-template-columns:48px 1fr; gap:15px; align-items: center; padding:15px 15px;  border: 1px solid var(--line);border-radius:10px;background: #fff; text-decoration:none; transition:all 300ms; position:relative;}
.eidas-hero .choice-list .choice:after{height:12px; width:12px; content:""; position:absolute; top:50%; right:20px; background:url(images/btn-arrow-icon.svg) no-repeat scroll 0 0; transform:translateY(-50%); transition:all 250ms; opacity:0.4; }
.eidas-hero .choice-list .choice-icon {display: grid; place-items: center; width:48px; height:48px; border-radius:50px; margin:0; padding:5px; border:1px solid var(--line); transition:all 250ms; background:transparent; }
.eidas-hero .choice-list .choice:hover{background:var(--soft-blue); border-color:var(--soft-blue); border-left:6px solid var(--blue);}
.eidas-hero .choice-list .choice:hover:after{right:15px; opacity:1;}
.eidas-hero .choice-list .choice:hover .choice-icon{background:#dce9ef; border-color:#dce9ef;}
.eidas-hero .choice-list .choice-icon img{filter:none;}
.eidas-hero .choice-list .choice-arrow {color: var(--orange); font-weight: 900;}
.eidas-hero .choice-list .choice b {display: block; color: var(--navy); font-size:14px; font-weight:600;}
.eidas-hero .choice-list .choice small{display: block; color: var(--muted); font-size:12px;}

.compare-table{width:100%; border-collapse: separate;border-spacing: 0;margin: 20px 0 20px; border: 1px solid var(--line); border-radius: 10px;overflow: hidden; font-size: 14px;}
.compare-table th,
.compare-table td{padding: 12px 15px; border:0; border-bottom: 1px solid var(--line); vertical-align: top; font-size: 14px; background:#ffffff; color: var(--muted);}
.compare-table th{text-align:left; letter-spacing:.01em; color:#ffffff; background:var(--muted); }
.compare-table tr:nth-child(2n) td{background: var(--soft);}
.compare-table tr:last-child td{border-bottom:0}
.eidas-comparison .table-wrap{box-shadow: var(--shadow);}
.eidas-comparison .compare-table{margin:0}
.eidas-comparison .compare-table td{font-size:13px;}
.why-grid{display: grid; grid-template-columns:repeat(5, 1fr); gap:1px; background:var(--line);}
.why-grid .why{background:#ffffff; padding:10px 20px; font-size:14px;}
.why-grid .why h3{font-size:16px; font-weight:600; color:var(--navy);}
.why-grid .why .why-icon{display:grid; place-items: center; width:42px; height:42px; margin-bottom:15px;}
.quote-grid{display: grid; grid-template-columns: 480px 1fr; gap: 60px;}
.dark-bg p, .dark-bg li, .dark-bg span, .dark-bg *{color:#8ba9be;}
.dark-bg h2, .dark-bg h3, .dark-bg h4{color:#ffffff;}
.dark-bg .eyebrow{color:var(--cyan);}
.quote-copy .contact-points{display:grid; gap:10px; margin-top:15px; font-size:14px;}
.quote-copy .contact-point{display:flex; gap: 10px; align-items: flex-start;}
.quote-copy .contact-point:before{display: grid; place-items: center; flex: 0 0 22px; width: 22px; height: 22px; border-radius: 50%;
  background: rgba(255,255,255,.11); font-style: normal;font-weight:700; content:"✓"; color:var(--cyan); }
.quote-form-wrapper{background: #fff; color: var(--text); border-radius:20px;  padding:30px; box-shadow: 0 22px 50px rgba(0,0,0,.18);}
.form-row{display:grid; gap:10px;}
.form-row.grid-2{grid-template-columns:1fr 1fr; gap:10px;}
.form-group{padding-bottom:10px;}
.form-group label{font-size:14px; margin-bottom:3px; display:block; color:var(--navy-2); font-weight:500;}
.form-group label .required{color:var(--orange); font-size:15px; font-weight:400; margin-left:2px;}
.form-group input:not([type="submit"]),.form-group select, .form-group textarea{font-size:14px; color:var(--muted); border-color:var(--line);}
.form-group input[type="submit"]{text-transform:none;}
.form-group input[type="submit"]:hover{background: linear-gradient(135deg,var(--orange),#e84718);}
.wpcf7 form .wpcf7-response-output{margin:10px 0 0; padding: 6px 15px; font-size:14px;}
.form-group input.wpcf7-not-valid, 
.form-group textarea.wpcf7-not-valid, 
.form-group select.wpcf7-not-valid{border-color:var(--orange);}
.form-group.btn-group{display: inline-block; text-align: right;}
.form-group.btn-group p {display: flex; flex-direction: row-reverse;}

.support-grid{display: grid; grid-template-columns:repeat(4, 1fr); gap:1px; background:var(--line);}
.support-grid .support-card{background:#ffffff; padding:10px 20px; font-size:14px;}
.support-grid .support-card h3{font-size:18px; font-weight:600; color:var(--navy);}
.support-grid .support-card .support-icon{display:grid; place-items: center; width:42px; height:42px; margin-bottom:15px;}

.hero.bimi-vmc-hero{padding-bottom:0; padding-top: 30px;}
.bimi-vmc-hero .hero-copy{padding-bottom:60px;}

.bimi-logo-preview-wrapper{position:relative; margin-bottom:-95px; display:flex; justify-content: flex-end;} 
.vmc-inbox-card{background:#ffffff; border-radius:20px; border:1px solid var(--line); box-shadow:var(--shadow); overflow:hidden; width:100%; max-width:400px; text-align:right;}
.vmc-inbox-card img{width:100%; max-width:400px;}

.vmc-upload-panel{position: absolute;left:0px; top:107px; width:120px; height:120px; padding:20px 15px; border: 1px solid var(--line); border-radius:10px; background: rgba(255,255,255,.96); box-shadow:var(--shadow); z-index: 5; border-radius:50%; text-align:center;}
.vmc-upload-panel::after{content: ""; position: absolute; inset: -2px; border: 3px solid transparent; border-top-color: #b1d8de;
    border-right-color: #b1d8de; border-bottom-color: #b1d8de; border-radius: 50%; clip-path: polygon(70% 0, 100% 0, 100% 100%, 70% 100%); transform: rotate(0deg); transition:all 300ms;}
.vmc-upload-panel.loading:after{animation: rotation 2.3s linear infinite;}
@keyframes rotation{from {transform: rotate(0deg);} to {transform: rotate(360deg);}}


.vmc-upload-panel .arrow{position:absolute; top:44px; height:40px; width:40px; left:100%; margin-left:-10px; opacity:0; transition:all 0.5s; transform: translateX(-20px);}
.vmc-upload-panel .arrow svg{height:30px; width:30px; transition:all 0.8s; transform:scale(0); }
.vmc-upload-panel.preview-ready .arrow{opacity:1; transform: translateX(0px);}
.vmc-upload-panel.preview-ready .arrow svg{transform:scale(1);}
.vmc-upload-label {display: block; margin-bottom: 7px; color:var(--navy); font-size:13px; line-height: 1.4; font-weight:600;
  text-transform: uppercase;}
.vmc-upload-text{margin-bottom: 13px;color:var(--muted);font-size:12px; line-height:1.4;}
.vmc-upload-button{ position: relative;display:inline-block; width:36px; height:36px; text-align: center; font-size:12px; font-weight:600; cursor: pointer; transition: .2s ease; }
.vmc-upload-button svg{height:36px; width:30px;}
.vmc-upload-button input {position: absolute; inset: 0;opacity: 0; cursor: pointer;}
.vmc-inbox-card .vmc-email{position:absolute; top:0; right:1px; z-index:1; width:398px;
  text-align: left; font-size: 13px; display: grid; top: 122px; background: #ffffff; padding:19px 15px; grid-template-columns:48px 1fr 30px; gap:15px; align-items: center;}

.vmc-email-logo{height:48px; width:48px; background:var(--soft-blue); border-radius:60px; font-size:10px; line-height:1.2; display: grid;
  align-content: center; text-align: center; font-weight:600; overflow: hidden; border: 1px solid var(--soft-blue);}


.vmc-email-logo img {width: 100%; height: 100%; object-fit: contain; padding:1px; display: none;}
.vmc-sender-name{font-size:15px; color:var(--navy); font-weight:600; line-height: 1.2; margin-bottom:3px; display:block;}
.vmc-email-subject{font-weight:500; color:var(--navy); font-size:12px; line-height: 1.2; margin-bottom:5px; display:block;}
.vmc-email-preview,.vmc-email-time{font-size:10px; color:#748491; line-height: 1.2;}
.vmc-email-content .vmc-sender{display:flex; gap:5px; align-items: center;}
.cmc .vmc-email-content .vmc-verified{opacity:0; display:none;}
.vmc-email-content .vmc-verified img{width:17px; height:17px;  opacity:0; transform:scale(0); transition:all 400ms; transition-delay:0.3s;}
.vmc-email-content.active .vmc-verified img{opacity:1; transform:scale(1.0); }
.bimi-logo-preview-wrapper .status{position:absolute; left:-9px; top:225px; display: flex; align-items: center; gap: 8px;
  padding: 9px 12px; border: 1px solid var(--line); border-radius: 10px; background: #fff; box-shadow:var(--shadow); font-size: 10px; color:var(--muted); z-index: 9; animation: status 3s ease-in-out infinite; display:none}
.bimi-logo-preview-wrapper .status i {width: 7px; height: 7px; border-radius: 50%; background:var(--lime); box-shadow: 0 0 0 5px rgba(33,163,102,.09);}
@keyframes status{50%{transform:translateY(5px)}}

.validation-grid {display: grid; grid-template-columns: repeat(3,1fr); gap:15px;}
.validation-grid .validation-card{position: relative; background: #fff; border: 2px solid var(--line); border-radius:20px;
  padding: 30px; transition: .25s ease; display: flex; flex-direction: column; font-size:14px; color:var(--muted);}
.validation-grid .validation-card:hover {transform: translateY(-5px); box-shadow: var(--shadow-sm); border-color: var(--cyan);}

.validation-grid .validation-icon{display: grid;  place-items: center; width:32px; height:32px; margin-bottom:15px;}
.validation-grid .validation-card h3{font-size: 18px;font-weight: 600;}
.validation-grid .validation-card .desc{margin-bottom:20px;}
.validation-grid .validation-card dl{margin: 0;border-top: 1px solid var(--line);}
.validation-grid .validation-card dt{font-size:13px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; color: var(--blue);margin-top:15px;}
.validation-grid .validation-card dd{margin:2px 0 0;  font-size: 14px; }
.validation-grid .providers {display: flex; gap: 8px; flex-wrap: wrap; margin-top:5px;}
.validation-grid .providers span {font-size: 13px;font-weight: 600;color: var(--navy);background: var(--soft); border: 1px solid var(--line); border-radius: 6px; padding: 3px 10px;}
.validation-grid .code {font-family: ui-monospace,Menlo,Consolas,monospace; font-size:12px;  background: var(--soft); border: 1px solid var(--line); border-radius: 6px; padding: 8px 10px; margin-top:5px; color: var(--navy); word-break: break-all;}


.platform-grid {display: grid; grid-template-columns: repeat(3,1fr); gap:15px;}
.platform-grid .platform{position: relative; background: #fff; border: 2px solid var(--line); border-radius:20px;
  padding: 30px; transition: .25s ease; display: flex; flex-direction: column; font-size:14px; color:var(--muted);}
.platform-grid .platform:hover {transform: translateY(-5px); box-shadow: var(--shadow-sm); border-color: var(--cyan);}
.platform-grid .platform h3{font-size: 18px;font-weight: 600; margin-bottom:0}
.platform-grid .platform .badge {position: absolute;right: 15px;top: 15px;padding: 5px 10px;border-radius: 5px;background: var(--soft-blue); color:var(--navy); font-size:13px; font-weight: 700; text-transform: uppercase;}
.platform-grid .platform .badge.green {background: #e7f8fa; color: #08798b;}
.platform-grid .platform .badge.orange {background: #fff0e9;color: #b6401a;}
.platform-grid .platform-head {display: flex; align-items: center; gap: 14px; margin-bottom: 16px;}
.platform-grid .ws-row{display: flex;gap: 8px;flex-wrap: wrap; margin: 0 0 18px;}
.platform-grid .ws-row span {font-size: 13px;font-weight: 600;color: var(--navy);background: var(--soft);border: 1px solid var(--line);
  border-radius: 6px; padding: 4px 10px;}
.platform-grid .platform-head .pi {display:grid;place-items: center; width:48px; height:48px; border-radius:10px;background:var(--soft-blue);}
.platform-grid .platform-head .pi img{max-width:30px; max-height:30px; filter: grayscale(100%); }
.platform-grid .platform-head small {display: block;font-size: 14px;color: var(--muted);font-weight: 400;}
.platform-grid .meta-list {list-style: none;margin: auto 0 0; padding: 0;border-top: 1px dashed var(--line);}
.platform-grid .meta-list li {display: flex;justify-content: space-between; gap:15px; padding:10px 0; border-bottom: 1px dashed var(--line);font-size: 14px;}
.platform-grid .meta-list li:last-child{border-bottom:0; padding-bottom:0;}
.platform-grid .meta-list li span{min-width:150px;}
.platform-grid .meta-list li strong {color: var(--navy);font-weight: 600; text-align: right;}
#security .support-row{margin-top: 30px; display: flex; align-items: center; justify-content: space-between; gap:30px; padding:20px 30px; border: 1px solid var(--line); border-radius:20px; background:#ffffff; font-size:14px; color:var(--muted);}
#security .support-row h3{font-size: 18px;margin-bottom:5px;}
.cta.style-1.automation-cta{gap:90px;}
.cta.style-1.automation-cta > .button-group{flex:0 0 600px; max-width:600px; width:100%; display:flex; gap:10px; flex-wrap:wrap;}
.cta.style-1.automation-cta .button{width:100%; margin:0}
.cta.style-1.automation-cta .button-box{border:1px solid var(--muted); padding:10px; text-align:center; border-radius:10px; background:rgba(255,255,255,0.1); backdrop-filter:blur(4px); }
.cta.style-1.automation-cta .button-box div{text-transform:uppercase; font-size:12px; margin-bottom:10px;}

.cta .cta-note{font-size:12px;}
.cta .cta-note span{display:block; text-transform:uppercase; letter-spacing:1px; color:var(--lime); font-weight:600;}
.cta .cta-note small{font-size:100%;}
.lifecycle{display:grid; grid-template-columns:repeat(5, 1fr); gap:10px; margin-top:60px;}
.lifecycle .lc-item{position:relative; color:var(--muted); font-size:14px; padding:30px 20px 0; border-radius:20px; border:1px solid var(--line); transition:all 300ms; display:flex; flex-direction:column; overflow:hidden;}
.lifecycle .lc-item:hover{box-shadow:var(--shadow-sm); border-color:var(--cyan); }
.lifecycle .lc-item h3{font-size:16px; font-weight:600;}
.lifecycle .lc-item .benefit{margin:auto -20px 0; padding:10px 15px 10px 50px; width:calc(100% + 40px); background: var(--soft-blue); color:var(--navy); position:relative;}
.lifecycle .lc-item .benefit:before{display: grid; width:20px; height:20px; background: var(--lime); font-size:12px; content: "✓";
  font-weight: 800;  min-width:20px; place-items: center; border-radius: 50%; opacity: 1; color:#ffffff; position:absolute; left:20px;}
.lifecycle .lc-item .lc-icon {display: grid;place-items: center;width: 48px;height: 48px;border-radius:6px;  background: var(--soft-blue); margin-bottom:15px;}
.lifecycle .lc-item .lc-icon img{max-width:32px; max-height:32px;}
/*-----------------------------------------------------------*/

@media only screen and (min-height:750px) {
    .hero.product-hero .purchase-wrap{height: calc(100vh - 155px); padding-top:45px; padding-bottom:45px; transition:all 400ms;}
}
@media only screen and (min-height:790px) {
    .hero.product-hero .purchase-wrap{height: calc(100vh - 230px); padding-top:45px; padding-bottom:45px; transition:all 400ms;}
}
@media only screen and (max-width:1539px) {
  body, button, input, select, textarea{font-size: 15px;}
  .purchase-card .field{padding:7px 0 10px; border:0}
  .purchase-card .term-grid .term label{padding-top:10px; padding-bottom:10px;}
  .purchase-card .term label small{font-size:18px;}
  .product-hero h1{margin-bottom:5px; font-size:28px;}
  .per-yr-lbl{top:11px; font-size:12px;}
  .field .info-tooltip > img{width: 15px;}
  .field .info-tooltip{top:1px;}
  .purchase-card .select-subscription-radio label:before{top: 11px;}
  .purchase-card .select-subscription-radio label:after{top: 16px !important;}
  .card-title{font-size:17px;}
  .card-head .sku{margin-top:2px;}
  .purchase-card-header{font-size:12px;}
  .card-head .platinum-partner-wrap{margin-top:-3px;}
  .purchase-wrap{padding-top:20px}
  .product-hero .breadcrumbs{margin-top:20px;}
  .purchase-card .add-to-cart-box a{line-height:40px;}
  .field .field-label{margin-bottom:5px; padding-right: 20px; font-size:12px;}
  .price-row .price-label, .split-price .price-label{font-size:12px;}
  .purchase-card .field.field-split{padding-top:0; border-top: 0;}
  .product-copy-text h1 + p{margin-bottom:10px;}
  .product-summary table th,
  .product-summary table td,
  .detail-table table th,
  .detail-table table td{padding: 8px 0; font-size:13px;}
  .product-summary table td,
  .detail-table table td{font-size:14px;}
  .product-summary table th{font-size:13px;}
  .product-summary table td{font-size:14px;}
  .purchase-card .term-grid.max-sub-year-5 .term label{padding-top:8px; padding-bottom:8px;}
  .purchase-card .max-sub-year-5 .term label small{font-size:16px;}
  .purchase-card .max-sub-year-5 .select-subscription-radio label:before{top:8px;}
  .purchase-card .max-sub-year-5 .select-subscription-radio label:after{top:13px !important;}
  .product-summary table .product-review-content{font-size: 14px;}
  
}
@media only screen and (max-width:1365px) {
  .product-hero .purchase-wrap{padding-left:30px; padding-right:15px;}
  .products.grid-4 .product{padding: 20px;}
  .vmc-upload-panel{left:auto; right:400px; margin-right:10px;}
  .cost-visual .cost-line strong{text-align: right;}

}
@media only screen and (max-width:1199px) {
  .product-hero-layout{grid-template-columns: 1fr 400px; gap: 30px;}
  .purchase-card .pay-row > span{align-items: flex-start; }
  .price-row .total-price, .split-price .total-price{font-size: 28px;}
  .purchase-card-header-wrap img{max-height: 20px;}
  .card-title{font-size: 15px;}
  .card-head{margin-bottom:5px;}
  .product-hero h1{font-size: 26px;}
  .product-hero .section-heading h2{font-size: 22px;}
  .product-summary table .product-review-content{display:block;}
  .product-summary table .product-review-content img{display: block; margin-bottom:5px;}
  h1{font-size: 32px;}
  .trust-row{gap: 15px;}
  .section-heading h2{font-size:28px;}
  .eyebrow{font-size: 14px;}
  .hero-grid{gap:30px}
  .intro-grid{gap: 30px;}
  .products{gap: 15px;}
  .products .product{padding:20px;}
  .products .product .ca-logo img{max-height:22px;}
  .products .product .desc{margin-bottom:20px;}
  .products .price strong{font-size:28px;}
  .persona{padding: 20px;}
  .compatibility-grid{gap: 30px; grid-template-columns: 360px 1fr;}
  .compatibility-item{padding: 20px 15px; font-size: 14px;}
  .validation-intro{padding: 40px 30px;}
  .preorder-item{padding: 20px;}
  .preorder-item h3{font-size: 16px; margin-bottom: 5px;}
  .preorder-item .tag-row .tag{font-size: 12px;}
  .process{gap:0}
  .process.grid-4{gap: 10px;}
  .choice-card h3{font-size: 22px;}
  .audience-card{padding: 30px 20px;}
  .renewal-box{padding: 30px; align-items: flex-start;}
  .renewal-heading h2{font-size: 28px; margin-bottom:10px}
  .renewal-left{grid-template-columns:1fr; gap:0 }
  .renewal-visual{max-width:240px;}
  .smartscreen-panel .limit-row{gap: 15px 30px;}
  .products.grid-4{grid-template-columns: repeat(2,1fr);}
  .hero-visual .price-pill{padding: 10px 15px; font-size:14px;margin-top: -55px; left: 120px;}
  .hero-visual .price-pill strong{font-size: 18px;}
  .page-navi .section ul li a{padding: 0 15px; font-size: 13px;}
  .cta.style-1 > .button-group{flex: 0 0 45%;justify-content: flex-end; display: flex;}
  .bimi-vmc-hero .hero-copy{padding-bottom:45px; padding-top:45px;}
  .bimi-logo-preview-wrapper{margin-bottom:-145px; margin-top:0px; margin-right:-90px;}
  .bimi-vmc-hero .hero-grid{margin-top:-45px;}
  .cta.style-1.automation-cta{gap:0px;}
  #security .support-row .btn{min-width:180px;}
  .platform-grid .meta-list li{flex-direction: column; gap: 0;}
  .platform-grid .meta-list li strong{text-align:left;}
  .platform-grid .platform{padding-top:50px;}
  .lifecycle .lc-item .benefit{padding: 10px 10px 10px 40px; font-size: 13px;}
  .lifecycle .lc-item .benefit::before{left: 13px;}
  .validation-grid .validation-card{padding: 30px 20px;}
  .platform-grid .platform{padding: 30px 20px; padding-top: 50px;}
  .platform-grid .platform .badge{font-size: 11px;}
  .info-tooltip.digicert-tooltip .tooltip-content{margin-left: -235px;}
  .info-tooltip.digicert-tooltip .tooltip-content::after{margin-left: 23px;}
}
@media only screen and (max-width:1023px) {
  .product-hero-layout{display:flex; gap:0; flex-direction:column;}
  .product-hero-layout .product-copy-text{display:contents; width:100%;}
  .product-hero-layout .product-copy-text > div{order:11;}
  .product-hero-layout .product-copy-text > .breadcrumbs{order:1;}
  .product-hero-layout .product-copy-text > h1{order:2;}
  .product-hero-layout .product-copy-text > .product-overview{order:3;}
  .hero.product-hero .purchase-wrap{order:4; width:100%; margin-bottom:15px; height:auto;}
  .hero.product-hero{padding-bottom:30px}
  .product-hero .purchase-wrap::before{display:none}
  .product-hero .purchase-wrap{position:relative; top:0; padding-right:30px; }
  .product-hero .purchase-wrap::after,
  .purchase-card::before{display:none}
  .product-summary table .product-review-content{display:flex;}
  .product-summary table .product-review-content img{margin-bottom:0px;}
  h2, .h2{font-size: 28px;}
  .product-features-wrapper{width:100%;}
  .hero{padding:30px 0 45px;}
  .hero-grid{grid-template-columns: 1fr;}
  .section{padding:45px 0;}
  .section-heading{margin-bottom:15px}
  .intro-grid{grid-template-columns:1fr; gap:0}
  .intro-grid .intro-copy{display:contents;}
  .intro-grid .intro-copy > *{order:99}
  .intro-grid .intro-copy .section-heading{order:1}
  .intro-grid .icon-illustration{order:2; margin-bottom:30px;}
  .hero-visual{margin-top: 30px;}
  .products{grid-template-columns: repeat(2,1fr);}
  .products .product h3{font-size: 16px;}
  .products .price strong{font-size: 26px;}
  .choice-grid{gap:15px;}
  .choice-card{padding: 20px; }
  .choice-card h3{font-size:18px;}
  .choice-card .btn{font-size:14px; min-height:40px;}
  .deploy-wrap{gap:20px; grid-template-columns:0.8fr 1.2fr;}
  .deploy-card{padding: 20px; grid-template-columns: 1fr;}
  .deploy-card h3{font-size: 20px;}
  .deploy-card .btn{font-size:13px;}
  .deploy-list{border-radius: 15px;}
  .deployment-copy{top:70px;}
  .persona-grid{grid-template-columns: repeat(2,1fr);}
  .compatibility-grid{gap: 0px; grid-template-columns: 1fr;}
  .validation-box{grid-template-columns: 1fr;}
  .signing-reference .section-heading-wrap{gap: 30px;}
  .resources{grid-template-columns: repeat(2, 1fr);}
  .faq-grid{grid-template-columns: 1fr; gap: 10px;}
  .audience-grid{grid-template-columns: repeat(2,1fr);}
  .validation-layout{grid-template-columns: 1fr;gap: 15px;}
  .decision-box{padding: 30px;}
  .decision-box .ev-callout{margin-bottom: -30px; padding: 20px 30px; grid-template-columns:1fr; align-items: flex-start; padding-left: 120px; gap: 10px; margin-left: -30px; width: calc(100% + 60px);}
  .decision-box .ev-callout .ev-icon{top:20px; left: 45px; position:absolute;}
  .verify-item h3{font-size: 18px;}
  .process:not(.grid-4){grid-template-columns: repeat(1,1fr); gap:45px;}
  .process:not(.grid-4)::before{left:30px; right:auto; top: 0; bottom: 0; width: 3px; height: auto; background: linear-gradient(180deg,var(--cyan),var(--orange));} 
  .process:not(.grid-4) .step{text-align:left; display:grid; grid-template-columns:60px 1fr; padding:0; gap: 20px;}
  .signal-grid{gap: 15px;}
  .signal-grid .signal{padding: 20px;}
  .signal-grid .signal h3{font-size: 16px;}
  .hero-visual::before{top:-20px; width: 100px; height: 100px;}
  .hero-visual{width:100%; max-width:480px; margin:auto; }
  .hero-visual .price-pill{margin-top:-60px; left:130px;}
  .cheap-codesign-intro .intro-grid{gap: 20px;}
  .cheap-codesign-intro .intro-grid .intro-copy{display: block;}
  .products.featured-grid .price strong{font-size: 26px;}
  .decision-grid.grid-4{grid-template-columns: repeat(2, 1fr);}
  .other-csc-grid{grid-template-columns: repeat(2, 1fr);}
  .before-buy .check-grid{gap: 10px;}
  .practical-comparison-item{padding: 20px; border-radius:10px;}
  .other-csc-grid .other-csc-item{padding: 20px; border-radius: 10px;}
  .decision-grid .decision{padding: 20px; border-radius: 10px;}
  .cost-visual{padding: 20px; border-radius: 10px;}
  .product-features-wrapper .product-page-certificate-view{max-width:100%; grid-gap:30px;}
  .why-grid .why{padding: 10px 15px;}
  .eidas-route-card{padding: 20px;}
  .quote-grid{grid-template-columns: 1fr;}
  .usecase-grid{grid-template-columns: repeat(2,1fr);}
  .usecase-grid .usecase-card{border-radius: 10px; padding: 20px;}
  #alternatives .fvp{border-radius: 10px;}
  #alternatives .fvp .col{padding: 20px;}
  #eligibility .callout{border-radius: 10px; }
  #eligibility .callout .col{padding: 20px;}
  .renewal-visual{max-width:200px;}
  .bimi-logo-preview-wrapper{margin-bottom:-186px; margin-right:0}
  .bimi-vmc-hero .hero-grid{margin-top:0}
  .bimi-vmc-hero .hero-copy{padding-top:0; padding-bottom:0}
  .lifecycle{grid-template-columns: repeat(3, 1fr);}
  .platform-grid .platform{padding:20px;}
  .platform-grid .platform-head{flex-direction: column; align-items: flex-start;}
  .platform-grid .platform-head small{font-size: 13px;}
  .cta.style-1.automation-cta{gap:20px; flex-direction: column; text-align:center;}
  .cta.style-1.automation-cta > .button-group{flex: 0 0 100%; max-width: 100%; justify-content: center;}
  .info-tooltip.digicert-tooltip .tooltip-content{margin-left: -200px;}
  .info-tooltip.digicert-tooltip .tooltip-content:after{margin-left: -10px;}
	.support-grid{grid-template-columns: repeat(2,1fr);}
	.support-grid .support-card{padding: 20px 20px;}
	.tooltip-content{width: 260px; margin-left: -130px;}
	.split-qty .tooltip-content{width: 220px; margin-left: -110px;}
}
@media only screen and (max-width:767px) {
    h2, .h2{font-size: 24px;}
    .breadcrumbs{display:none;}
    .section-heading h2{font-size: 24px;}
    .choice-grid{grid-template-columns: 1fr;}
    .deploy-wrap{grid-template-columns: 1fr;}
    .deployment-copy{top: 0; position: relative;}
    .deploy-card{grid-template-columns: 80px 1fr;}
    .process.grid-4{grid-template-columns: repeat(1,1fr); gap:45px;}
    .process.grid-4::before{left:30px; right:auto; top: 0; bottom: 0; width: 3px; height: auto; background: linear-gradient(180deg,var(--cyan),var(--orange));} 
    .process .step{text-align:left; display:grid; grid-template-columns:60px 1fr; padding:0; gap: 20px;}
    .signing-tabs .signing-tab{font-size: 15px;}
    .signing-tabs .signing-tab img{width: 24px; height: 24px;}
    .signing-reference .section-heading-wrap{flex-direction:column;}
    .btn{min-height: 40px; font-size: 14px;}
    .tabs .tab{font-size:15px;}
    .products-details-tabs .tab{font-size: 13px;}
    .validation-note{padding: 15px 15px;}
    .decision-grid{grid-template-columns: 1fr; gap: 0px 0px; margin-top: 0px;}
    .decision-item:nth-last-child(-n+2){border-bottom: 1px solid var(--line);}
    .decision-item:last-child{border-bottom:0}
    .renewal-box{grid-template-columns: 1fr; gap: 0; padding: 20px;}
    .renewal-heading h2{font-size: 24px;}
    .decision-box{padding:30px 20px;}
    .decision-box .ev-callout{padding:20px; width: calc(100% + 40px); margin-left: -20px;}
    .decision-box .ev-callout .ev-icon{position:static;}
    .ev-decision-wrapper{grid-template-columns: 1fr; gap:0;}
    .signal-grid{grid-template-columns: repeat(1, 1fr);}
    .smart-decision-box{max-width: 100%; margin: 20px auto 0; grid-template-columns:48px 1fr; gap:15px;}
    .signal-grid .signal{display:grid; grid-template-columns:48px 1fr; text-align:left; gap:15px;}
    .signal-grid .signal .icon{margin-bottom:0}
    .signal-grid .signal::before{display:none;}
    .hero-visual::before{top: -50px; width:150px; height: 150px;}
    .products.grid-2{grid-template-columns: repeat(1, 1fr);}
    .before-buy .check-grid{gap:30px 10px; grid-template-columns: repeat(2, 1fr);}
    .practical-comparison-grid{grid-template-columns: repeat(1, 1fr);}
    .learn-more-state .text-link:after{display:none;}
    .purchase-card .pay-row > span::before{margin-top: -1px; font-weight: 600;}
    .eidas-route-grid{grid-template-columns: repeat(1,1fr);}
    .why-grid{grid-template-columns: repeat(1, 1fr);}
    .why-grid .why{padding: 20px 0px;}
    #alternatives .fvp{grid-template-columns: 1fr;}
    #eligibility .callout{grid-template-columns: 1fr;}
    .cta.style-1{flex-direction:column; text-align: center; gap:10px;}
    .lifecycle{grid-template-columns: repeat(1, 1fr);}
    .lifecycle .lc-item{padding-top:20px;}
    .platform-grid{grid-template-columns: repeat(1,1fr);}
    .platform-grid .platform-head{flex-direction: revert; align-items: center;}
    .validation-grid{grid-template-columns: repeat(1,1fr);}
    .validation-grid .validation-card{padding: 20px 20px;}
	.form-row.grid-2{grid-template-columns: 1fr; gap: 0;}
	.form-group.btn-group p{flex-direction: revert;}
	.tooltip-content::after{margin-left:-10px;}
	
}
@media only screen and (max-width:639px) {
  .setup-grid{grid-template-columns: repeat(1,1fr);}
  .setup-card:hover{transform: none; box-shadow:none}
  .fit-grid{ grid-template-columns: repeat(1,1fr);}
  .product-hero .purchase-wrap{padding-right: 20px; padding-left: 20px;}
  .product-summary table .product-review-content{display:block;}
  .product-summary table .product-review-content img{margin-bottom:5px;}
  .product-summary table .vendor-row img{display:block; margin-left:0; margin-top:5px;}
  .product-summary table th,
  .detail-table table th{width:220px; padding-right:15px;}
  
  .product-hero h1{font-size: 24px;}
  .product-hero .section-heading h2{font-size: 20px;}
  .products-details-tabs .tab{letter-spacing: 0; font-size:13px;}
  h1{font-size:28px;}
  .mini-points{grid-template-columns: 1fr; padding:0; background: transparent; margin: 0;}
  .mini-point{padding-left:32px;}
  .mini-point::before{width:24px; height: 24px; line-height:24px; font-size: 14px; top:2px;}
  .products{grid-template-columns: repeat(1,1fr);}
  .persona-grid{grid-template-columns: repeat(1,1fr);}
  .preorder-grid{grid-template-columns: 1fr;}
  .audience-grid{grid-template-columns: repeat(1,1fr);}
  .products.grid-4{grid-template-columns: repeat(1,1fr);}
  .hero-visual::before{top: -50px; width:120px; height: 120px;}
  .bimi-vmc-hero .hero-visual{width:100%; max-width:100%;}
  .bimi-logo-preview-wrapper{max-width: 530px; margin-left:auto; margin-right:auto;}
  .resources-grid{grid-template-columns: repeat(1, 1fr); padding:0; border:0; border-radius:0; gap:10px;}
  .resources-grid .resources-card{padding: 15px; border: 1px solid var(--line); border-radius: 10px;}
  .product-deploy-grid{grid-template-columns: repeat(1, 1fr);}

  #security .support-row{flex-direction: column; gap: 20px; text-align: center;}
	.tooltip-content{bottom: 100%; left: 50%; right: auto; top: auto;}
	.field .tooltip-content::after{border-top: 10px solid #fff; border-right: 10px solid transparent; border-left: 10px solid transparent;top: 100%; left: 50%;  right: auto;}
}
@media only screen and (max-width: 549px) {
  .product-hero-layout{padding-top:20px;}
  h2, .h2{font-size: 22px;}
  .fit-card h3, .setup-card h3{font-size: 16px;}
  h1{font-size:26px;}
  .deploy-card{grid-template-columns: 1fr;}
  .validation-intro{padding: 30px 20px;}
  .signing-tabs .signing-tab{padding: 6px 10px;}
  .tabs{gap:5px;}
  .tabs .tab{font-size:14px; padding: 10px 10px;}
  .products-details-tabs .tab{padding: 8px 15px 5px; font-size: 13px;}
  .resources{grid-template-columns: repeat(1, 1fr)}
  .verify-item{grid-template-columns: 40px 1fr;}
  .verify-item h3{font-size: 16px;}
  .verify-item .verify-check{width:32px; height: 32px; font-size:18px;}
  .renewal-heading h2{font-size: 22px;}
  .situation-table td, .situation-table th{min-width: inherit;}
  .cta.style-1{justify-content: center; flex-direction: column; text-align: center; padding:30px 30px; margin: 0 -15px;}
  .cta.style-1 h2{font-size: 20px;}
  .cta.style-1:after{right:-100px; bottom: -100px; top:auto;}
  .before-buy .check-grid{ grid-template-columns: repeat(1, 1fr);}
  .other-csc-grid{grid-template-columns: repeat(1, 1fr);}
  .decision-grid.grid-4{grid-template-columns: repeat(1, 1fr);}
  .x9-overview-grid{grid-template-columns: 1fr;}
  .x9-overview-grid .overview-card{border-radius: 10px;}
  .eidas-route-card{border-radius: 10px;}
  .quote-form-wrapper{border-radius: 10px; padding: 20px;}
  .bimi-logo-preview-wrapper{margin-left:0; margin-right:-80px; max-width:512px;}
  .vmc-upload-panel{width: 100px; height: 100px; padding: 15px 15px; top: 120px;}
  .vmc-upload-label{font-size: 11px; line-height: 1.2;}
  .vmc-upload-panel .arrow{top: 33px;}
  .vmc-inbox-card .vmc-email{padding: 18px 15px;}
  .product-deploy-card h3{font-size: 16px;}
  .faqs-item h3{font-size: 16px;}
  .faqs-answer{font-size: 14px;}
}
@media only screen and (max-width:479px) {
  h1{font-size:24px;}
  h2, .h2{font-size: 20px;}
  .section-heading h2{font-size:20px;}
  .product-summary table tr, .detail-table table tr{display:grid; grid-template-columns: 1fr;}
  .product-summary table th, .product-summary table td, .detail-table table th, .detail-table table td{padding:12px 0;}
  .product-summary table th,
  .detail-table table th{width:100%; padding-right:0px; padding-bottom:0; border:0}
  .product-summary table td,
  .detail-table table td{width:100%; padding-top:2px;}
  .product-summary table .product-review-content img{width:auto; height: 16px;}
  .product-summary table .vendor-row img{display: inline-block; margin-left:10px; margin-top: 0;}
  .purchase-card-header-wrap{gap: 10px;}
  .purchase-card-header-wrap .platinum-partner-wrap{flex: 1; max-width: 100%; }
  .purchase-card-header{letter-spacing: 0.5px;}
  .purchase-card .pay-row > span{font-size: 11px;}
  .purchase-card .term-grid .term label span{font-size: 14px;}
  .purchase-card .term-grid .term span.per-year-vp:before{font-size:13px;}
  .purchase-card .term label small{font-size: 16px;}
  .price-row .total-price, .split-price .total-price{font-size: 24px;}
  .products-details-tabs .tab{letter-spacing: 0; font-size:14px;}
  .eyebrow{letter-spacing: 0.5px; gap: 8px;}
  .compatibility-logos{grid-template-columns: repeat(2, 1fr);}
  .compatibility-item{font-size: 13px; padding: 15px 10px;}
  .preorder-item{grid-template-columns: 40px 1fr;}
  .preorder-icon{width:40px; height: 40px;}
  .preorder-icon img{max-height:28px;max-width: 28px;}
  .signing-tabs{grid-template-columns: repeat(3, 1fr); gap: 5px;}
  .signing-tabs .signing-tab{border: 1px solid var(--line); border-radius:6px; gap:0; flex-direction: column; line-height: 30px;}
  .signing-tabs-wrapper{border-radius:0; border: 0;}
  .signing-panel-wrap{border-top: 0; padding: 0; background:transparent; margin-top:20px;}
  .signing-panel-wrap .signing-panel{background:#ffffff; border-radius: 10px;}
  .signing-cell{padding: 10px 14px; }
  .signing-row.header{font-size: 13px;}
  .signing-row{font-size: 13px; grid-template-columns: .50fr 1fr;}
  .signing-note{font-size: 12px;}
  .choice-icon{width:40px; height: 40px; border-radius: 5px;}
  .choice-icon img{width: 22px;}
  .choice-card h3{font-size: 16px;}
  .hero-visual::before{top: -40px; width:90px; height:90px;}
  .cta.style-1{padding:30px 15px;}
  .cta.style-1:after{width: 180px; height: 180px; right:-90px; bottom: -90px; border: 40px solid rgba(255, 255, 255, 0.5);}
  .hero-visual{max-width: 320px;}
  .hero-visual .price-pill{margin-top:-44px; left: 90px; font-size: 13px; border-radius: 6px;} 
  .hero-visual .price-pill strong{font-size: 15px;}
  .cost-visual{font-size:14px;}
  .products-details-tabs.tabs{gap: 5px;}
  .products-details-tabs .tab{font-size:13px; padding: 8px 10px 5px; letter-spacing:-0.3px}
  .product-features-wrapper .product-page-certificate-view{grid-template-columns: 1fr; padding: 0;}
  .product-features-wrapper .product-page-certificate-view img{max-height: 320px;}
  .product-features-wrapper .product-page-certificate-right img{height: 60px; width: 60px; padding: 5px;}
  .eidas-hero .hero-visual{max-width: 100%;}
  .eidas-hero .chooser{border-radius: 10px; padding: 20px;}
  .usecase-grid{grid-template-columns: repeat(1,1fr);}
  .bimi-logo-preview-wrapper{margin-right: -100px;}
  .vmc-upload-panel{width:80px; height:80px; padding:15px 10px; top: 125px;}
  .vmc-upload-label{font-size: 10px;}
  .vmc-upload-button svg{height: 22px; width: 22px;}
  .vmc-upload-panel .arrow{top:25px;}
	.support-grid{grid-template-columns: repeat(1,1fr);}
	.support-grid .support-card{padding: 20px 0px;}
}
@media only screen and (max-width:419px) {
  .purchase-card .pay-row > span{font-size: 10px; gap: 2px;}
  .purchase-card .pay-row > span::before{height: 12px; font-size: 12px;margin-top: -1px;}
  .products-details-tabs.tabs{gap:5px;}
  .products-details-tabs .tab{font-size:12px; padding:7px 8px 4px; letter-spacing:-0.3px}
  .form-row.grid-2{grid-template-columns: 1fr; gap: 0;}
  .process:not(.grid-4) .step, .process .step{gap: 15px; grid-template-columns: 40px 1fr;}
  .process .step-num{width:40px;height: 40px; font-size: 20px;}
	.process.grid-4::before{left: 19px;}
  .process:not(.grid-4)::before, .process::before{left: 19px;}
  .bimi-logo-preview-wrapper{margin-right: -150px;}
  .platform-grid{gap: 30px; margin-top:30px;}
  .platform-grid .platform .badge{right: 10px; top: -13px;}
  .cost-visual .cost-line{gap: 10px;}
  .cost-visual{font-size: 13px;}
}