/* TOP174 v100 visual assembly: CTA glass panel and section backgrounds.
   Scope: homepage visual layer only. Forms/backend files are not touched. */
:root{
  --top174-orange:#e48632;
  --top174-orange-2:#ffad55;
  --top174-dark:#070707;
}

/* Approved section backgrounds */
.directions-band .band-bg-top{
  background:
    linear-gradient(180deg, rgba(0,0,0,.24), rgba(0,0,0,.18)),
    url('section-directions-bg-v121.webp') center top / cover no-repeat;
}
.process-band .band-bg-mid,
.cta-band .band-bg-bottom{
  background:
    linear-gradient(180deg, rgba(0,0,0,.18), rgba(0,0,0,.28)),
    url('section-workflow-bg-v121.webp') center center / cover no-repeat;
}
.directions-band .band-grid,
.process-band .band-grid,
.cta-band .band-grid{opacity:.08}
.directions-band::after,
.process-band::after,
.cta-band::after{opacity:.16}

/* Section headings: text via HTML, orange line via CSS */
.section-title-wrap{
  padding:14px 0 18px;
  margin-bottom:10px;
}
.section-title-wrap h2{
  color:rgba(255,255,255,.92);
  font-weight:560;
  text-shadow:0 2px 8px rgba(0,0,0,.88),0 0 16px rgba(255,255,255,.08);
}
.section-title-wrap .title-glow{display:none}
.section-title-wrap::after{
  content:"";
  display:block;
  width:320px;
  max-width:62vw;
  height:1px;
  margin:10px auto 0;
  background:linear-gradient(90deg,transparent 0%,rgba(255,122,24,.10) 12%,rgba(255,122,24,.58) 42%,rgba(255,197,92,.98) 50%,rgba(255,122,24,.58) 58%,rgba(255,122,24,.10) 88%,transparent 100%);
  box-shadow:0 0 10px rgba(255,122,24,.55),0 0 24px rgba(255,92,12,.28);
}
.section-title-wrap::before{
  content:"";
  position:absolute;
  left:50%;
  bottom:14px;
  width:7px;
  height:7px;
  border-radius:50%;
  transform:translateX(-50%);
  background:radial-gradient(circle,#fff1b8 0%,#ff9a32 35%,rgba(255,92,12,.55) 58%,transparent 72%);
  box-shadow:0 0 10px rgba(255,154,50,.90),0 0 28px rgba(255,92,12,.45);
}

/* Unified CTA glass panel between directions and workflow */
.service-summary-section{
  position:relative;
  padding:36px 0 38px;
  background:#080808;
}
.service-summary-section::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(0,0,0,.72),transparent 18%,transparent 82%,rgba(0,0,0,.72)),
    linear-gradient(180deg,rgba(0,0,0,.58),rgba(0,0,0,.16) 35%,rgba(0,0,0,.72)),
    url('section-directions-bg-v121.webp') center center / cover no-repeat;
  opacity:1;
}
.service-summary-section::after{
  content:"";
  position:absolute;
  left:0;right:0;top:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);
  pointer-events:none;
}
.service-summary-panel{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-areas:
    "text actions"
    "chips chips";
  gap:22px 30px;
  padding:28px 32px 30px;
  border-radius:18px;
  background:
    linear-gradient(180deg,rgba(28,28,30,.76),rgba(6,6,7,.72)),
    rgba(10,10,10,.64);
  border:1px solid rgba(232,232,232,.15);
  box-shadow:
    0 24px 58px rgba(0,0,0,.58),
    inset 0 1px 0 rgba(255,255,255,.12),
    inset 0 -1px 0 rgba(255,255,255,.04);
  backdrop-filter:blur(12px) saturate(118%);
  -webkit-backdrop-filter:blur(12px) saturate(118%);
  overflow:hidden;
}
.service-summary-panel::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 14% 0%,rgba(255,137,38,.12),transparent 24%),
    linear-gradient(90deg,rgba(255,147,56,.32),rgba(255,147,56,.06) 34%,transparent 62%);
  opacity:.72;
  mask-image:linear-gradient(180deg,#000,transparent 30%);
  -webkit-mask-image:linear-gradient(180deg,#000,transparent 30%);
}
.service-summary-main{grid-area:text;position:relative;z-index:1;max-width:900px}
.summary-kicker{
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin-bottom:12px;
  color:var(--top174-orange-2);
  font-size:13px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.summary-kicker::before{
  content:"";
  width:8px;height:8px;border-radius:50%;
  background:#ff8a1f;
  box-shadow:0 0 10px rgba(255,138,31,.9),0 0 22px rgba(255,92,12,.45);
}
.service-summary-main h2{
  max-width:880px;
  margin:0 0 13px;
  color:#fff;
  font-size:clamp(26px,2.05vw,34px);
  line-height:1.13;
  font-weight:820;
  letter-spacing:-.04em;
  text-shadow:0 4px 18px rgba(0,0,0,.72);
}
.service-summary-main p{
  max-width:980px;
  margin:0;
  color:rgba(240,242,245,.78);
  font-size:16px;
  line-height:1.55;
}
.service-summary-actions{
  grid-area:actions;
  position:relative;
  z-index:1;
  display:grid;
  align-content:center;
  gap:12px;
  min-width:230px;
}
.service-summary-actions .btn{
  width:230px;
  height:56px;
  font-size:16px;
}
.service-chip-cloud{
  grid-area:chips;
  position:relative;
  z-index:1;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  padding-top:20px;
  border-top:1px solid rgba(255,255,255,.09);
}
.service-chip-cloud a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:10px 15px;
  border-radius:999px;
  color:rgba(255,255,255,.88);
  text-decoration:none;
  font-size:14px;
  font-weight:720;
  background:linear-gradient(180deg,rgba(20,20,22,.62),rgba(8,8,9,.72));
  border:1px solid rgba(255,255,255,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 8px 20px rgba(0,0,0,.24);
  transition:border-color .18s ease,color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease;
}
.service-chip-cloud a:hover{
  color:#ffae58;
  border-color:rgba(255,154,50,.45);
  background:linear-gradient(180deg,rgba(255,132,31,.13),rgba(13,13,14,.74));
  box-shadow:0 0 18px rgba(255,122,24,.16),inset 0 1px 0 rgba(255,255,255,.10);
  transform:translateY(-1px);
}

@media(max-width:980px){
  .service-summary-panel{
    grid-template-columns:1fr;
    grid-template-areas:"text" "actions" "chips";
    padding:24px;
  }
  .service-summary-actions{
    grid-template-columns:1fr 1fr;
    min-width:0;
  }
  .service-summary-actions .btn{width:100%}
}
@media(max-width:640px){
  .service-summary-section{padding:24px 0 28px}
  .service-summary-panel{padding:20px 16px;border-radius:14px}
  .service-summary-main p{font-size:14.5px;line-height:1.52}
  .service-summary-actions{grid-template-columns:1fr;gap:10px}
  .service-chip-cloud a{width:100%;font-size:13.5px}
  .section-title-wrap::after{width:240px;max-width:74vw}
}