/* XPROTEC v100.19 CP13 — Contact/Support context */
/* ===== SOURCE: xprotec-v79.css ===== */
/* XPROTEC Core v79 — Contact & Technical Support redesign */

.xpc-support-v79{
  --support-bg:#050606;
  --support-panel:#101212;
  --support-panel-2:#151717;
  --support-border:rgba(255,215,0,.20);
  --support-border-soft:rgba(255,255,255,.09);
  --support-text:#f5f3eb;
  --support-muted:#d4cebd;
  --support-dim:#a9a28e;
  --support-yellow:#ffd700;
  --support-green:#70d991;
  background:var(--support-bg)!important;
}

/* Restore a full, stable XPROTEC header on the Contact page. */
.xpc-support-v79>.xpc-header{
  min-height:112px!important;
  height:112px!important;
  overflow:visible!important;
}
.xpc-support-v79>.xpc-header .xpc-header-inner{
  min-height:112px!important;
  height:112px!important;
}

/* Compact hero with a useful direct-contact card. */
.xpc-support-hero-v79{
  position:relative;
  overflow:hidden;
  border-bottom:1px solid var(--support-border-soft);
  background:
    radial-gradient(circle at 79% 14%,rgba(255,215,0,.12),transparent 24%),
    linear-gradient(135deg,#090a0a 0%,#050606 62%,#0d0d08 100%);
}
.xpc-support-hero-v79:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.24;
  background-image:
    linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);
  background-size:52px 52px;
}
.xpc-support-hero-v79:after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:30%;
  height:4px;
  background:var(--support-yellow);
  box-shadow:0 0 24px rgba(255,215,0,.32);
}
.xpc-support-hero-v79-inner{
  position:relative;
  z-index:1;
  width:min(1540px,calc(100% - 56px));
  margin:0 auto;
  padding:72px 0 66px;
  display:grid;
  grid-template-columns:minmax(0,1.5fr) minmax(340px,.62fr);
  gap:70px;
  align-items:center;
}
.xpc-support-eyebrow-v79,
.xpc-support-card-kicker-v79,
.xpc-support-form-head-v79>div>span{
  display:block;
  color:var(--support-yellow)!important;
  font-family:"JetBrains Mono",monospace!important;
  font-size:12px!important;
  line-height:1.4!important;
  font-weight:900!important;
  letter-spacing:.13em!important;
  text-transform:uppercase!important;
}
.xpc-support-hero-copy-v79 h1{
  margin:15px 0 22px!important;
  color:var(--support-text)!important;
  font-size:clamp(54px,6vw,92px)!important;
  line-height:.92!important;
  letter-spacing:-.055em!important;
  text-transform:uppercase!important;
  font-weight:950!important;
}
.xpc-support-hero-copy-v79 h1 em{
  color:var(--support-yellow)!important;
  font-style:normal!important;
}
.xpc-support-hero-copy-v79>p{
  max-width:790px;
  margin:0!important;
  color:var(--support-muted)!important;
  font-size:17px!important;
  line-height:1.72!important;
}
.xpc-support-capabilities-v79{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:28px;
}
.xpc-support-capabilities-v79 span{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:0 13px;
  border:1px solid var(--support-border-soft);
  background:rgba(17,18,18,.72);
  color:#eee9dc!important;
  font-size:12px!important;
  font-weight:850!important;
  letter-spacing:.025em!important;
  text-transform:none!important;
}
.xpc-support-direct-v79{
  min-width:0;
  padding:28px;
  border:1px solid var(--support-border);
  border-top:4px solid var(--support-yellow);
  background:linear-gradient(180deg,rgba(23,24,22,.96),rgba(11,12,12,.98));
  box-shadow:0 24px 70px rgba(0,0,0,.28);
}
.xpc-support-direct-v79 small{
  display:block;
  color:#bfb8a4;
  font-family:"JetBrains Mono",monospace;
  font-size:11px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.xpc-support-direct-v79>a:not(.xpc-support-direct-button-v79){
  display:block;
  margin-top:13px;
  color:#fff;
  font-size:clamp(20px,2vw,28px);
  line-height:1.25;
  font-weight:900;
  overflow-wrap:anywhere;
}
.xpc-support-direct-v79>p{
  margin:15px 0 20px!important;
  color:var(--support-muted)!important;
  font-size:14px!important;
  line-height:1.65!important;
}
.xpc-support-direct-button-v79{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:0 16px;
  border:1px solid var(--support-border);
  color:var(--support-yellow)!important;
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:.07em!important;
  text-transform:uppercase!important;
}
.xpc-support-direct-button-v79:hover{
  background:var(--support-yellow)!important;
  color:#080808!important;
}

/* Main contact workspace. */
.xpc-support-layout-v79{
  width:min(1540px,calc(100% - 56px));
  margin:0 auto;
  padding:62px 0 70px;
  display:grid;
  grid-template-columns:minmax(300px,390px) minmax(0,1fr);
  gap:28px;
  align-items:start;
}
.xpc-support-sidebar-v79{
  display:grid;
  gap:18px;
  position:sticky;
  top:24px;
}
.xpc-support-card-v79{
  min-width:0;
  padding:25px;
  border:1px solid var(--support-border-soft);
  background:linear-gradient(180deg,#121414,#0b0c0c);
  box-shadow:0 18px 45px rgba(0,0,0,.16);
}
.xpc-support-card-v79 h2,
.xpc-support-card-v79 h3{
  margin:10px 0 18px!important;
  color:#fff!important;
  font-size:24px!important;
  line-height:1.18!important;
  font-weight:900!important;
  text-transform:uppercase!important;
}
.xpc-support-card-v79 h2{font-size:29px!important}
.xpc-support-contact-list-v79{
  margin:0;
  display:grid;
}
.xpc-support-contact-list-v79>div{
  padding:15px 0;
  border-top:1px solid var(--support-border-soft);
}
.xpc-support-contact-list-v79 dt{
  margin:0 0 6px;
  color:#aaa38f;
  font-family:"JetBrains Mono",monospace;
  font-size:11px;
  line-height:1.45;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.xpc-support-contact-list-v79 dd{
  margin:0;
  color:#f0ecdf;
  font-size:14px;
  line-height:1.6;
  overflow-wrap:anywhere;
}
.xpc-support-contact-list-v79 a:hover{color:var(--support-yellow)!important}
.xpc-support-contact-actions-v79{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
  margin-top:8px;
}
.xpc-support-contact-actions-v79 a{
  min-height:43px;
  display:flex!important;
  align-items:center;
  justify-content:center;
  padding:0 10px;
  border:1px solid var(--support-border);
  color:#fff!important;
  font-size:11px!important;
  line-height:1.2!important;
  font-weight:900!important;
  text-align:center;
  text-transform:uppercase!important;
  letter-spacing:.05em!important;
}
.xpc-support-contact-actions-v79 a:first-child{
  background:var(--support-yellow);
  color:#090909!important;
}
.xpc-support-contact-actions-v79 a:hover{transform:translateY(-1px)}
.xpc-support-family-grid-v79{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}
.xpc-support-family-grid-v79 span,
.xpc-support-reference-list-v79 span{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:39px;
  padding:0 8px;
  border:1px solid rgba(255,215,0,.18);
  background:#17170f;
  color:var(--support-yellow);
  font-family:"JetBrains Mono",monospace;
  font-size:11px;
  line-height:1.25;
  font-weight:900;
  text-align:center;
}
.xpc-support-subhead-v79{
  margin-top:25px!important;
  padding-top:22px;
  border-top:1px solid var(--support-border-soft);
  font-size:18px!important;
}
.xpc-support-reference-list-v79{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.xpc-support-reference-list-v79 span{
  min-height:34px;
  padding:0 9px;
  color:#e8dfb1;
}
.xpc-lens-guide-v79{
  display:grid;
}
.xpc-lens-guide-v79>div{
  padding:14px 0;
  border-top:1px solid var(--support-border-soft);
}
.xpc-lens-guide-v79 strong,
.xpc-lens-guide-v79 span{
  display:block;
}
.xpc-lens-guide-v79 strong{
  color:#fff;
  font-size:14px;
  line-height:1.4;
}
.xpc-lens-guide-v79 span{
  margin-top:4px;
  color:var(--support-dim);
  font-size:13px;
  line-height:1.5;
}

/* Form card and visual hierarchy. */
.xpc-support-form-v79{
  position:relative;
  min-width:0;
  padding:34px!important;
  border:1px solid var(--support-border)!important;
  background:
    radial-gradient(circle at 92% 0%,rgba(255,215,0,.08),transparent 25%),
    linear-gradient(180deg,#151717,#0a0b0b)!important;
  box-shadow:0 28px 80px rgba(0,0,0,.28)!important;
  overflow:hidden;
}
.xpc-support-form-v79:before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:4px;
  background:repeating-linear-gradient(135deg,var(--support-yellow) 0 16px,#171400 16px 27px);
}
.xpc-support-form-head-v79{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:24px;
  align-items:start;
  padding:6px 0 25px;
  border-bottom:1px solid var(--support-border-soft);
}
.xpc-support-form-head-v79 h2{
  margin:9px 0 10px!important;
  color:#fff!important;
  font-size:clamp(30px,3.4vw,48px)!important;
  line-height:1!important;
  letter-spacing:-.035em!important;
  text-transform:uppercase!important;
}
.xpc-support-form-head-v79 p{
  max-width:720px!important;
  margin:0!important;
  color:var(--support-muted)!important;
  font-size:15px!important;
  line-height:1.68!important;
}
.xpc-support-form-status-v79{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:36px;
  padding:0 11px;
  border:1px solid rgba(112,217,145,.24);
  background:rgba(35,80,48,.18);
  color:#bdf3cd;
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.07em;
  white-space:nowrap;
}
.xpc-support-form-status-v79 i{
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--support-green);
  box-shadow:0 0 12px rgba(112,217,145,.7);
}
.xpc-support-process-v79{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:22px 0 26px;
}
.xpc-support-process-v79>div{
  min-width:0;
  padding:15px;
  border:1px solid var(--support-border-soft);
  background:#0d0f0f;
}
.xpc-support-process-v79 b,
.xpc-support-process-v79 span,
.xpc-support-process-v79 small{
  display:block;
}
.xpc-support-process-v79 b{
  margin-bottom:9px;
  color:var(--support-yellow);
  font-family:"JetBrains Mono",monospace;
  font-size:12px;
  letter-spacing:.1em;
}
.xpc-support-process-v79 span{
  color:#fff;
  font-size:13px;
  line-height:1.35;
  font-weight:900;
  text-transform:uppercase;
}
.xpc-support-process-v79 small{
  margin:5px 0 0!important;
  color:var(--support-dim)!important;
  font-size:12px!important;
  line-height:1.45!important;
}
.xpc-support-form-section-v79{
  min-width:0;
  margin:0 0 18px;
  padding:23px;
  border:1px solid var(--support-border-soft);
  background:rgba(10,11,11,.68);
}
.xpc-support-form-section-v79 legend{
  padding:0 9px 0 0;
  color:#fff;
  font-size:15px;
  line-height:1.3;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.035em;
}
.xpc-support-form-section-v79 legend span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:28px;
  height:28px;
  margin-right:8px;
  background:var(--support-yellow);
  color:#080808;
  font-family:"JetBrains Mono",monospace;
  font-size:11px;
}
.xpc-support-form-v79 .xpc-form-row{
  gap:16px!important;
}
.xpc-support-form-v79 label{
  color:#f2eee3!important;
  font-family:Inter,Arial,sans-serif!important;
  font-size:13px!important;
  line-height:1.45!important;
  font-weight:800!important;
  letter-spacing:.025em!important;
  text-transform:none!important;
  margin-bottom:15px!important;
}
.xpc-support-form-v79 label em{
  color:var(--support-yellow);
  font-style:normal;
}
.xpc-support-form-v79 input,
.xpc-support-form-v79 select,
.xpc-support-form-v79 textarea{
  min-height:52px!important;
  margin-top:8px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  background:#0c0e0e!important;
  color:#fff!important;
  padding:13px 14px!important;
  font-family:Inter,Arial,sans-serif!important;
  font-size:15px!important;
  line-height:1.45!important;
  font-weight:650!important;
  border-radius:0!important;
}
.xpc-support-form-v79 textarea{
  min-height:155px!important;
  resize:vertical!important;
}
.xpc-support-form-v79 input::placeholder,
.xpc-support-form-v79 textarea::placeholder{
  color:#77786f!important;
  opacity:1!important;
}
.xpc-support-form-v79 input:focus,
.xpc-support-form-v79 select:focus,
.xpc-support-form-v79 textarea:focus{
  outline:none!important;
  border-color:var(--support-yellow)!important;
  box-shadow:0 0 0 3px rgba(255,215,0,.08)!important;
}
.xpc-support-form-footer-v79{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:24px;
  align-items:center;
  padding-top:8px;
}
.xpc-support-form-footer-v79 strong,
.xpc-support-form-footer-v79 span{
  display:block;
}
.xpc-support-form-footer-v79 strong{
  color:#fff;
  font-size:13px;
}
.xpc-support-form-footer-v79 span{
  margin-top:5px;
  color:var(--support-dim);
  font-size:12px;
  line-height:1.5;
}
.xpc-support-form-footer-v79 span a{
  color:var(--support-yellow)!important;
  text-decoration:underline!important;
  text-underline-offset:3px;
}
.xpc-support-form-footer-v79 .xpc-btn{
  min-width:210px;
  min-height:52px!important;
  padding:0 24px!important;
  font-size:12px!important;
}
.xpc-support-form-footer-v79 .xpc-btn.is-sending{
  pointer-events:none;
  opacity:.72;
}
.xpc-support-form-footer-v79 .xpc-btn.is-sending:after{
  content:"";
  width:14px;
  height:14px;
  margin-left:10px;
  border:2px solid rgba(0,0,0,.28);
  border-top-color:#080808;
  border-radius:50%;
  animation:xpcSupportSpin .7s linear infinite;
}
@keyframes xpcSupportSpin{to{transform:rotate(360deg)}}

/* What happens next strip. */
.xpc-support-next-v79{
  width:min(1540px,calc(100% - 56px));
  margin:0 auto 82px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  border:1px solid var(--support-border-soft);
  background:#0c0d0d;
}
.xpc-support-next-v79>div{
  min-width:0;
  padding:25px;
  border-right:1px solid var(--support-border-soft);
}
.xpc-support-next-v79>div:last-child{border-right:0}
.xpc-support-next-v79 span{
  display:block;
  color:var(--support-yellow);
  font-family:"JetBrains Mono",monospace;
  font-size:11px;
  font-weight:900;
}
.xpc-support-next-v79 strong{
  display:block;
  margin-top:10px;
  color:#fff;
  font-size:16px;
  text-transform:uppercase;
}
.xpc-support-next-v79 p{
  margin:7px 0 0!important;
  color:var(--support-dim)!important;
  font-size:13px!important;
  line-height:1.55!important;
}

/* Success/error notices. */
.xpc-support-form-v79 .xpc-form-notice{
  margin:4px 0 22px!important;
  padding:15px 17px!important;
  border:1px solid var(--support-border-soft)!important;
  font-size:14px!important;
  line-height:1.55!important;
  font-weight:750!important;
}
.xpc-support-form-v79 .xpc-form-notice.success{
  border-left:4px solid var(--support-green)!important;
  background:rgba(42,95,57,.20)!important;
  color:#d2f5dc!important;
}
.xpc-support-form-v79 .xpc-form-notice.error{
  border-left:4px solid #ff7f76!important;
  background:rgba(103,35,31,.20)!important;
  color:#ffd2cf!important;
}

@media(max-width:1180px){
  .xpc-support-hero-v79-inner{
    grid-template-columns:minmax(0,1fr) minmax(310px,.62fr);
    gap:34px;
  }
  .xpc-support-layout-v79{
    grid-template-columns:320px minmax(0,1fr);
  }
  .xpc-support-form-v79{padding:28px!important}
}

@media(max-width:920px){
  .xpc-support-v79>.xpc-header,
  .xpc-support-v79>.xpc-header .xpc-header-inner{
    height:auto!important;
    min-height:96px!important;
  }
  .xpc-support-hero-v79-inner{
    width:min(100% - 40px,760px);
    padding:56px 0;
    grid-template-columns:1fr;
  }
  .xpc-support-hero-copy-v79 h1{font-size:clamp(46px,11vw,72px)!important}
  .xpc-support-layout-v79{
    width:min(100% - 40px,820px);
    padding:42px 0 54px;
    grid-template-columns:1fr;
  }
  .xpc-support-sidebar-v79{
    position:static;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .xpc-support-contact-card-v79{grid-column:1/-1}
  .xpc-support-form-v79{grid-column:1/-1}
  .xpc-support-next-v79{
    width:min(100% - 40px,820px);
    grid-template-columns:1fr;
    margin-bottom:58px;
  }
  .xpc-support-next-v79>div{
    border-right:0;
    border-bottom:1px solid var(--support-border-soft);
  }
  .xpc-support-next-v79>div:last-child{border-bottom:0}
}

@media(max-width:680px){
  .xpc-support-hero-v79-inner,
  .xpc-support-layout-v79,
  .xpc-support-next-v79{
    width:calc(100% - 28px);
  }
  .xpc-support-hero-v79-inner{padding:45px 0 48px}
  .xpc-support-hero-copy-v79 h1{font-size:43px!important;line-height:.96!important}
  .xpc-support-hero-copy-v79>p{font-size:15px!important}
  .xpc-support-direct-v79{padding:22px}
  .xpc-support-sidebar-v79{grid-template-columns:1fr}
  .xpc-support-contact-card-v79{grid-column:auto}
  .xpc-support-form-v79{padding:20px!important}
  .xpc-support-form-head-v79{grid-template-columns:1fr}
  .xpc-support-form-status-v79{justify-self:start}
  .xpc-support-process-v79{grid-template-columns:1fr}
  .xpc-support-form-section-v79{padding:17px}
  .xpc-support-form-v79 .xpc-form-row{grid-template-columns:1fr!important}
  .xpc-support-form-footer-v79{grid-template-columns:1fr}
  .xpc-support-form-footer-v79 .xpc-btn{width:100%}
  .xpc-support-contact-actions-v79{grid-template-columns:1fr}
  .xpc-support-family-grid-v79{grid-template-columns:repeat(2,minmax(0,1fr))}
}