/* xl - DESKTOP STYLES */ 
/* START - ERP STRESS TEST */



:root{
      --bg0:#050814;
      --bg1:#070b1c;
      --ink:rgba(255,255,255,.92);
      --muted:rgba(255,255,255,.72);
      --faint:rgba(255,255,255,.55);

      --border:rgba(255,255,255,.12);
      --border2:rgba(255,255,255,.16);

      --glass:rgba(255,255,255,.06);
      --glass2:rgba(0,0,0,.22);

      --accent:#ff7a18;
      --accent2:#2fe3ff;
      --accent3:#8b5cf6;

      --shadow: 0 22px 70px rgba(0,0,0,.55);
      --shadow2: 0 14px 40px rgba(0,0,0,.35);

      --radius:22px;
      --radius2:16px;

      --max:1240px;
    }



/* Full-bleed escape hatch for page builder columns */
    #erp-stress-container .fullbleed{
      position:relative;
      left:50%;
      right:50%;
      margin-left:calc(-50vw);
      margin-right:calc(-50vw);
      width:100vw;
      padding: 84px 0 88px;
      overflow:hidden;
    }
    #erp-stress-container .fullbleed,
	#erp-stress-container .fullbleed *{box-sizing:border-box;}

    /* Decorative mesh layers */
    #erp-stress-container .mesh{
      position:absolute; inset:-2px;
      pointer-events:none;
      opacity:.95;
      z-index:0;
    }
    #erp-stress-container .mesh:before{
      content:"";
      position:absolute; inset:0;
      background:
        radial-gradient(700px 380px at 15% 20%, rgba(47,227,255,.22), transparent 60%),
        radial-gradient(700px 420px at 82% 18%, rgba(255,122,24,.22), transparent 62%),
        radial-gradient(720px 480px at 60% 88%, rgba(139,92,246,.20), transparent 62%);
      filter: blur(18px);
      transform: scale(1.02);
    }
    #erp-stress-container .mesh:after{
      /* subtle grid */
      content:"";
      position:absolute; inset:0;
      background-image:
        linear-gradient(to right, rgba(255,255,255,.05) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(255,255,255,.05) 1px, transparent 1px);
      background-size: 52px 52px;
      opacity:.09;
      mask-image: radial-gradient(900px 520px at 50% 35%, rgba(0,0,0,1), transparent 70%);
    }

    #erp-stress-container .wrap{
      position:relative;
      z-index:1;
      width:100%;
      max-width:var(--max);
      margin:0 auto;
      padding:0 22px;
    }

    /* Header */
    #erp-stress-container .hero{
      text-align:center;
      max-width: 980px;
      margin: 0 auto 18px auto;
    }
    #erp-stress-container .kicker{
      display:inline-flex;
      align-items:center;
      gap:10px;
      color:var(--muted);
      font-size:12px;
      letter-spacing:.16em;
      text-transform:uppercase;
    }
    #erp-stress-container .kicker:before{
      content:"";
      width:44px; height:2px; border-radius:2px;
      background: linear-gradient(90deg, var(--accent), transparent);
      display:inline-block;
    }
    #erp-stress-container .title{
      margin:14px 0 10px;
      font-size: clamp(36px, 4.4vw, 58px);
      line-height:1.03;
      letter-spacing:-.03em;
    }
    #erp-stress-container .subtitle{
      margin:0 auto;
      max-width: 72ch;
      color: var(--muted);
      font-size: 16px;
      line-height: 1.6;
    }

    /* Trust row */
    #erp-stress-container .trust{
      max-width: 980px;
      margin: 20px auto 28px auto;
      display:flex;
      gap:12px;
      justify-content:center;
      flex-wrap:wrap;
    }
    #erp-stress-container .pill{
      display:flex;
      align-items:center;
      gap:10px;
      padding: 12px 14px;
      border-radius: 999px;
      border: 1px solid rgba(255,255,255,.14);
      background: rgba(0,0,0,.18);
      box-shadow: var(--shadow2);
      min-width: 220px;
      justify-content:center;
    }
    #erp-stress-container .dot{
      width:10px;height:10px;border-radius:999px;
      background: linear-gradient(90deg, var(--accent2), var(--accent));
      box-shadow: 0 0 0 6px rgba(255,122,24,.10);
    }
    #erp-stress-container .pill strong{font-size:13px;letter-spacing:.01em;}
    #erp-stress-container .pill span{font-size:12px;color:var(--faint);}

    /* Layout */
    #erp-stress-container .layout{
      display:grid;
      grid-template-columns: 1fr;
      gap:18px;
      align-items:start;
    }
    @media(min-width:1020px){
      #erp-stress-container .layout{
        grid-template-columns: 1.05fr .95fr;
      }
    }

    /* Cards */
    #erp-stress-container .card{
      border:1px solid var(--border);
      border-radius: var(--radius);
      background: linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.04));
      box-shadow: var(--shadow);
      padding: 18px;
      backdrop-filter: blur(10px);
    }
    #erp-stress-container .cardHead{
      display:flex;
      justify-content:space-between;
      gap:14px;
      align-items:flex-start;
      margin-bottom: 12px;
    }
    #erp-stress-container .cardTitle{
      margin:0;
      font-size:16px;
      letter-spacing:.01em;
    }
    #erp-stress-container .hint{
      margin-top:4px;
      font-size:12px;
      color:var(--faint);
      line-height:1.35;
    }

    /* Accordion */
    #erp-stress-container details{
      border:1px solid rgba(255,255,255,.12);
      border-radius: 16px;
      background: rgba(0,0,0,.18);
      padding: 12px 12px;
      margin-top: 12px;
    }
    #erp-stress-container details[open]{ background: rgba(0,0,0,.22); border-color: rgba(255,255,255,.16); }
    #erp-stress-container summary{
      list-style:none;
      cursor:pointer;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      font-weight:1000;
      letter-spacing:.01em;
      color: rgba(255,255,255,.92);
      user-select:none;
    }
    #erp-stress-container summary::-webkit-details-marker{display:none;}
    #erp-stress-container .chev{
      width:30px;height:30px;border-radius:999px;
      display:grid;place-items:center;
      border:1px solid rgba(255,255,255,.14);
      background: rgba(255,255,255,.06);
      color: rgba(255,255,255,.80);
      flex: 0 0 auto;
      transition: transform .15s ease;
    }
    #erp-stress-container details[open] .chev{ transform: rotate(180deg); }

    #erp-stress-container .check{
      display:flex;
      gap:12px;
      align-items:flex-start;
      margin: 10px 0;
      color: var(--muted);
      font-size:14px;
      line-height:1.4;
      cursor:pointer;
    }
    #erp-stress-container .check input{
      width:18px;height:18px;margin-top:2px;
      accent-color: var(--accent);
      flex: 0 0 auto;
    }

    /* Buttons */
    #erp-stress-container .btn{
      width:100%;
      margin-top:16px;
      border:0;
      border-radius: 16px;
      padding: 14px 14px;
      font-weight:1000;
      letter-spacing:.01em;
      cursor:pointer;
      color:#111;
      background: linear-gradient(90deg, var(--accent), #ffb14a);
      box-shadow: 0 18px 34px rgba(255,122,24,.22);
      transition: transform .12s ease, filter .12s ease;
    }
    #erp-stress-container .btn:hover{filter:brightness(1.03); transform: translateY(-1px);}
    #erp-stress-container .btn:active{transform: translateY(0);}
    #erp-stress-container .btnAlt{
      background: linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.08));
      color: var(--ink);
      border:1px solid rgba(255,255,255,.18);
      box-shadow:none;
    }

    /* Results: sticky on desktop for balance */
    #erp-stress-container .sticky{
      position: relative;
    }
    @media(min-width:1020px){
      #erp-stress-container .sticky{
        position: sticky;
        top: 18px;
      }
    }

    #erp-stress-container .scoreBox{
      text-align:right;
      padding: 10px 12px;
      border:1px solid rgba(255,255,255,.16);
      border-radius: 16px;
      background: rgba(0,0,0,.22);
      min-width: 170px;
    }
    #erp-stress-container .scoreLabel{
      font-size:11px;
      letter-spacing:.14em;
      text-transform:uppercase;
      color: var(--faint);
    }
    #erp-stress-container .scoreValue{
      font-size:34px;
      font-weight:1000;
      line-height:1.1;
      margin-top:2px;
    }
    #erp-stress-container .scoreValue span{
      color: rgba(255,255,255,.75);
      font-size:14px;
      font-weight:900;
      margin-left:6px;
    }

    #erp-stress-container .state{
      border-radius: 18px;
      border:1px dashed rgba(255,255,255,.20);
      background: rgba(0,0,0,.16);
      padding: 14px;
      color: var(--muted);
      font-size:13px;
      line-height:1.55;
    }
    #erp-stress-container .state strong{color: rgba(255,255,255,.92);}
    #erp-stress-container .band{
      margin-top: 12px;
      border-radius: 18px;
      border:1px solid rgba(255,255,255,.16);
      background: rgba(0,0,0,.22);
      padding: 14px;
    }
    #erp-stress-container .band h4{margin:0 0 6px;font-size:14px;}
    #erp-stress-container .band p{margin:0;color: var(--muted); font-size:13px; line-height:1.55;}

    #erp-stress-container .summaryBox{
      margin-top: 14px;
      border-radius: 18px;
      border:1px solid rgba(255,255,255,.14);
      background: rgba(0,0,0,.18);
      padding: 14px;
    }
    #erp-stress-container .summaryBox h4{margin:0 0 10px;font-size:14px;}
    #erp-stress-container .kv{
      display:grid;
      grid-template-columns: 1fr auto;
      gap:10px;
      align-items:center;
      padding: 9px 0;
      border-top: 1px solid rgba(255,255,255,.08);
      color: var(--muted);
      font-size:13px;
    }
    #erp-stress-container .kv:first-of-type{border-top:0;}
    #erp-stress-container .kv strong{color: rgba(255,255,255,.90);}

    #erp-stress-container .emailBox{
      margin-top: 14px;
      border-radius: 18px;
      border:1px solid rgba(255,255,255,.16);
      background: rgba(0,0,0,.22);
      padding: 14px;
    }
    #erp-stress-container .small{font-size:12px;color: var(--faint); margin: 6px 0 10px; line-height:1.45;}
    #erp-stress-container .label{font-size:12px;font-weight:1000;letter-spacing:.02em;color: rgba(255,255,255,.90);}
    #erp-stress-container .input{
      width:100%;
      margin-top:6px;
      padding: 12px 12px;
      border-radius: 16px;
      border:1px solid rgba(255,255,255,.18);
      background: rgba(255,255,255,.06);
      color: var(--ink);
      outline:none;
    }
    #erp-stress-container .input::placeholder{color: rgba(255,255,255,.45);}
    #erp-stress-container .input:focus{border-color: rgba(255,122,24,.62); box-shadow: 0 0 0 4px rgba(255,122,24,.14);}

    #erp-stress-container .ctaRow{
      margin-top: 14px;
      display:flex;
      gap:10px;
      flex-wrap:wrap;
      align-items:center;
      justify-content:flex-start;
    }
    #erp-stress-container .linkBtn{
      display:inline-flex;
      align-items:center;
      gap:8px;
      padding: 12px 14px;
      border-radius: 16px;
      border:1px solid rgba(255,255,255,.18);
      background: linear-gradient(90deg, rgba(47,227,255,.10), rgba(255,122,24,.10));
      text-decoration:none;
      color: rgba(255,255,255,.94);
      font-weight:1000;
    }

    #erp-stress-container .foot{
      margin-top: 14px;
      color: var(--faint);
      font-size:12px;
      display:flex;
      flex-wrap:wrap;
      gap:10px;
      align-items:center;
    }
    #erp-stress-container .foot a{color:inherit;text-decoration:underline;}

    /* Tighten typography on small screens */
    @media(max-width:520px){
      #erp-stress-container .pill{min-width: 100%;}
      #erp-stress-container .fullbleed{padding:64px 0 70px;}
    }


#erp-stress-form {
	
}

#erp-stress-form-actual-widget {
	
}


#erp-stress-form-actual-container {
	display: none;
}


#erp-stress-form-actual-container form div,
#erp-stress-form-actual-container h2,
#success-message-container {
	display: none;
}
#erp-stress-form-actual-container form div.elementor-message {
	display: block;
}

#erp-stress-form-actual {
	
}

.nowrap {
  white-space: nowrap;
}


/* END - ERP STRESS TEST */