/* GramPro detailed industry pages */

.detail-page{background:#fff}

.detail-hero{
  position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:flex-end;
  min-height:clamp(620px,78svh,780px);
  padding-top:calc(var(--topbar-h) + var(--header-h) + 70px);
  padding-bottom:clamp(70px,9vw,112px);color:#fff;background:var(--summit)
}
.detail-hero::before{
  content:"";position:absolute;inset:0;z-index:-2;background-image:var(--detail-image);
  background-size:cover;background-position:center;transform:scale(1.02)
}
.detail-hero::after{
  content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(90deg,rgba(4,23,31,.94) 0%,rgba(4,23,31,.8) 45%,rgba(4,23,31,.38) 78%,rgba(4,23,31,.26) 100%),
    linear-gradient(180deg,rgba(4,23,31,.12),rgba(4,23,31,.78))
}
.detail-hero-inner{width:100%}
.detail-hero-copy{max-width:820px}
.detail-hero .eyebrow{color:var(--sky-soft)}
.detail-title{font-family:var(--font-head);font-weight:800;font-size:clamp(2.55rem,5.8vw,4.9rem);line-height:1.02;color:#fff;max-width:14ch}
.detail-sub{font-size:clamp(1.1rem,1.8vw,1.35rem);line-height:1.55;color:#D8E8F0;max-width:54ch;margin-top:22px}
.detail-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.detail-hero .btn-outline,.detail-final .btn-outline{border-color:rgba(255,255,255,.76);color:#fff;background:rgba(255,255,255,.05)}
.detail-hero .btn-outline:hover,.detail-final .btn-outline:hover{background:rgba(255,255,255,.13);border-color:#fff}

.detail-section{padding-block:var(--section-y)}
.detail-kicker{font-family:var(--font-body);font-weight:700;text-transform:uppercase;letter-spacing:.15em;font-size:.76rem;color:var(--blue-700);margin-bottom:15px}
.detail-heading{font-family:var(--font-head);font-weight:700;font-size:clamp(1.95rem,3.7vw,3rem);line-height:1.12;color:var(--ink)}
.detail-copy{font-size:clamp(1.05rem,1.4vw,1.18rem);line-height:1.75;color:var(--ink-body)}
.detail-copy p+p{margin-top:18px}

.detail-intro-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(250px,.75fr);gap:clamp(42px,7vw,100px);align-items:start}
.detail-intro .detail-copy{margin-top:24px;max-width:66ch}
.detail-proof{padding-left:28px;border-left:3px solid var(--lime)}
.detail-proof-title{font-family:var(--font-head);font-weight:700;color:var(--ink);font-size:1.1rem;margin-bottom:15px}
.detail-proof-list{display:grid;gap:13px}
.detail-proof-list li{display:flex;align-items:flex-start;gap:11px;color:var(--ink-body);font-size:.96rem}
.detail-proof-list svg{width:20px;height:20px;flex:none;color:var(--lime-700);fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;margin-top:2px}

.detail-services{background:var(--tint)}
.detail-services-head{max-width:720px;margin-bottom:clamp(38px,6vw,62px)}
.detail-services-head .detail-copy{margin-top:16px}
.detail-list{display:grid;grid-template-columns:1fr 1fr;column-gap:clamp(34px,6vw,76px)}
.detail-list li{display:flex;align-items:flex-start;gap:14px;padding:18px 0;border-bottom:1px solid var(--border);font-weight:600;color:var(--ink);line-height:1.4}
.detail-list svg{width:22px;height:22px;flex:none;color:var(--lime-700);fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}

.detail-schedule{position:relative;overflow:hidden;background:var(--summit);color:#fff}
.detail-schedule::after{content:"";position:absolute;right:-10%;top:-35%;width:54%;aspect-ratio:1;border:1px solid rgba(255,255,255,.08);border-radius:50%;box-shadow:0 0 0 80px rgba(255,255,255,.025),0 0 0 160px rgba(255,255,255,.018)}
.detail-schedule .container{position:relative;z-index:1;display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(40px,7vw,96px);align-items:start}
.detail-schedule .detail-kicker{color:var(--sky-soft)}
.detail-schedule .detail-heading{color:#fff}
.detail-schedule .detail-copy{color:var(--muted-on-dark)}

.detail-why-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(40px,7vw,96px);align-items:start}
.detail-why .detail-copy{padding-top:4px}
.detail-why-cta{display:inline-flex;margin-top:26px}

.detail-final{position:relative;isolation:isolate;overflow:hidden;text-align:center;color:#fff;background:var(--summit);padding-block:clamp(78px,10vw,124px)}
.detail-final::before{content:"";position:absolute;inset:0;z-index:-2;background:url(../assets/img/cta-bg.jpg) center/cover}
.detail-final::after{content:"";position:absolute;inset:0;z-index:-1;background:rgba(6,32,43,.9)}
.detail-final-inner{max-width:820px;margin-inline:auto}
.detail-final .detail-heading{color:#fff}
.detail-final .detail-copy{color:#D8E8F0;margin:18px auto 0;max-width:58ch}
.detail-final .detail-actions{justify-content:center}

.detail-explore{padding-block:clamp(46px,6vw,72px);background:#fff;border-top:1px solid var(--border)}
.detail-explore-inner{display:flex;align-items:center;justify-content:space-between;gap:28px}
.detail-explore h2{font-family:var(--font-head);font-weight:700;font-size:clamp(1.35rem,2.5vw,1.9rem);color:var(--ink)}
.detail-explore p{font-size:.96rem;margin-top:4px}

@media (max-width:900px){
  .detail-intro-grid,.detail-schedule .container,.detail-why-grid{grid-template-columns:1fr}
  .detail-proof{max-width:520px}
  .detail-schedule::after{right:-30%;top:12%;width:80%}
}
@media (max-width:760px){
  .detail-hero{min-height:clamp(610px,calc(100svh - 70px),720px);padding-top:calc(var(--header-h) + 50px);padding-bottom:70px;background-position:center}
  .detail-hero::after{background:linear-gradient(90deg,rgba(4,23,31,.89),rgba(4,23,31,.55)),linear-gradient(180deg,rgba(4,23,31,.18),rgba(4,23,31,.87))}
  .detail-title{font-size:clamp(2.35rem,12vw,3.35rem)}
  .detail-actions .btn{width:100%}
  .detail-list{grid-template-columns:1fr}
  .detail-proof{padding-left:20px}
  .detail-explore-inner{align-items:flex-start;flex-direction:column}
}