:root{
    --bg:#ffffff;
    --ink:#1f1f21;
    --ink-2:#4b4d51;
    --muted:#7a7a7d;
    --line:#e7e4df;
    --paper:rgb(250, 249, 249);
    --aubergine:#1f1f21;
    --aubergine-deep:#0e0e10;
    --max:1400px;
  }
  
  .wrap{max-width:var(--max);margin:0 auto;padding:0 40px}
  /* ========== shared bits ========== */

  .eyebrow{font-size:11px;letter-spacing:0.28em;text-transform:uppercase;color:var(--aubergine);font-weight:500}
  .btn-fill{display:inline-flex;align-items:center;gap:14px;background:var(--ink);color:#fff;padding:16px 30px;font-size:11px;letter-spacing:0.22em;text-transform:uppercase;font-weight:500;transition:.25s}
  .btn-fill:hover{background:#000}
  .btn-fill .arr,.btn-ghost .arr,.btn-line .arr{width:18px;height:1px;background:currentColor;position:relative}
  .btn-fill .arr::after,.btn-ghost .arr::after,.btn-line .arr::after{content:"";position:absolute;right:-1px;top:-3px;width:7px;height:7px;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(45deg)}
  .btn-ghost{display:inline-flex;align-items:center;gap:14px;background:transparent;color:#fff;padding:16px 30px;font-size:11px;letter-spacing:0.22em;text-transform:uppercase;font-weight:500;border:1.5px solid rgba(255,255,255,0.6);transition:.25s}
  .btn-ghost:hover{background:#fff;color:var(--ink);border-color:#fff}
  .btn-line{display:inline-flex;align-items:center;gap:14px;font-size:11px;letter-spacing:0.22em;text-transform:uppercase;font-weight:500;color:var(--aubergine);padding-bottom:6px;border-bottom:1px solid var(--aubergine)}

 
  /* ========== RESPONSIVE ========== */
  @media (max-width:1100px){
    .widget-snippet .trustbar .row{grid-template-columns:repeat(2,1fr)}
    .widget-snippet .trust-cell + .trust-cell{border-left:none}
    .trust-cell{border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
    .widget-snippet .trust-cell:nth-child(2n){border-right:none}
    .widget-snippet .intro-assess-grid,.process-head,.before-grid,.foot-grid{grid-template-columns:1fr;gap:40px}
    .widget-snippet .risk-cols{grid-template-columns:1fr}
    .widget-snippet .plan{grid-template-columns:260px 1fr}
    .widget-snippet .discover-grid{grid-template-columns:1fr 1fr}
    .widget-snippet .phases{grid-template-columns:1fr 1fr}
    .widget-snippet .phase:nth-child(-n+2){border-bottom:1px solid var(--line)}
    .widget-snippet .phase:nth-child(2n){border-right:none}
  }
  @media (max-width:680px){
    .widget-snippet .wrap{padding:0 20px}
     section{padding:70px 0 90px}
    .widget-snippet .intro-assess{padding-top:90px}
    .widget-snippet .clarify,.discover-grid,.phases{grid-template-columns:1fr}
    .widget-snippet .clarify .item,.phase{border-right:none}
    .widget-snippet .plan .price{font-size:46px}
    .widget-snippet  .plan{grid-template-columns:1fr}
    .widget-snippet .plan .side{border-right:none;border-bottom:1px solid var(--line)}
    .widget-snippet .plan .feats{grid-template-columns:1fr}
  }
.widget-snippet .before-box-list li,
.widget-snippet .plan .feats li,
.widget-snippet .risk-list li{
   padding-left:0px;
 } 
.widget-snippet .before-box-list li::before,
.widget-snippet .plan .feats li::before,  
.widget-snippet .risk-list li::before {
   display:none;
}

.site-access-process .process{
   padding-bottom:0;
}
.widget-snippet .dcard h3,
.widget-snippet .risk-card h3,
.widget-snippet .clarify h4 {
    margin: 0;
}
.widget-snippet .plan .side .btn-fill{
  text-decoration:none;
}
section.before-box .wrap,     
section.discover .wrap,      
section.risk .wrap,
section.intro-assess .wrap {
    padding: 120px 40px;
}