/* ─── STAND DETAIL PAGE STYLES ────────────────────────────────────── */

/* PAGE HERO with split image */
.pdhero{padding:30px 0 0;background:var(--blk);position:relative;overflow:hidden}
.pdhero::before{content:attr(data-bg);position:absolute;right:-120px;top:50%;transform:translateY(-50%);font-family:var(--Ft);font-size:clamp(100px,12vw,180px);font-weight:900;color:rgba(255,255,255,.012);white-space:nowrap;pointer-events:none;letter-spacing:8px;text-transform:uppercase;line-height:1}
.pdhero-orb1{position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(74,144,217,.18),transparent 70%);filter:blur(70px);top:-100px;left:8%;pointer-events:none}
.pdhero-orb2{position:absolute;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(123,47,247,.14),transparent 70%);filter:blur(80px);bottom:-80px;right:10%;pointer-events:none}
.pdhero-in{max-width:1200px;margin:0 auto;padding:30px 52px 88px;display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:center;position:relative;z-index:2}
.pdh-tag{display:inline-flex;align-items:center;gap:10px;background:rgba(30,115,190,.12);border:1px solid rgba(74,144,217,.3);color:rgba(255,255,255,.8);font-size:10px;font-weight:600;letter-spacing:3px;text-transform:uppercase;padding:7px 16px;margin-bottom:22px;width:fit-content}
.pdh-tag .dot{width:6px;height:6px;border-radius:50%;background:var(--blue)}
.pdh-t{font-family:var(--Ft);font-size:clamp(56px,7.5vw,104px);font-weight:900;line-height:.9;text-transform:uppercase;color:#fff;margin-bottom:18px;letter-spacing:-.5px}
.pdh-t .grad{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.pdh-sub{font-size:clamp(14px,1.2vw,16px);font-weight:300;color:rgba(255,255,255,.62);max-width:520px;line-height:1.8;margin-bottom:28px}
.pdh-sub strong{color:#fff;font-weight:500}
.pdh-cta{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:32px}
.pdh-quick{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid rgba(255,255,255,.06);padding-top:22px;max-width:520px}
.pdh-qi{padding-right:16px;border-right:1px solid rgba(255,255,255,.06)}
.pdh-qi:last-child{border-right:none;padding-right:0;padding-left:16px}
.pdh-qi-n{font-family:var(--Ft);font-size:24px;font-weight:900;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}
.pdh-qi-l{font-size:9px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.35);margin-top:4px}
.pdh-vis{position:relative}
.pdh-vis-img{position:relative;overflow:hidden;background:var(--dk2);aspect-ratio:4/5}
.pdh-vis-img img{width:100%;height:100%;object-fit:cover;filter:saturate(.95)}
.pdh-vis-img::before{content:'';position:absolute;inset:0;border:1px solid rgba(74,144,217,.4);transform:translate(14px,-14px);z-index:-1}
.pdh-vis-tag{position:absolute;bottom:-20px;left:-20px;background:var(--dk2);padding:18px 22px;max-width:260px;box-shadow:0 14px 40px rgba(0,0,0,.6);border-top:2px solid var(--blue);z-index:3}
.pdh-vis-tag-lbl{font-size:9px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--blue);margin-bottom:6px}
.pdh-vis-tag-v{font-family:var(--Ft);font-size:20px;font-weight:800;color:#fff;line-height:1.15;text-transform:uppercase}

/* QUICK STATS BAND */
#qstats{padding:48px 0;background:var(--dk);border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}
.qstats-in{max-width:1200px;margin:0 auto;padding:0 52px;display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.qs{padding:0 28px;border-right:1px solid rgba(255,255,255,.06);text-align:center}
.qs:last-child{border-right:none}
.qs-n{font-family:var(--Ft);font-size:42px;font-weight:900;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}
.qs-l{font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.4);margin-top:8px}

/* WHY / FEATURES grid */
.section{padding:96px 0;background:var(--blk);position:relative}
.section.alt{background:var(--dk)}
.section::before{content:attr(data-bg);position:absolute;left:-50px;top:30px;font-family:var(--Ft);font-size:clamp(110px,14vw,200px);font-weight:900;color:rgba(255,255,255,.018);letter-spacing:8px;text-transform:uppercase;pointer-events:none;line-height:1;white-space:nowrap}
.section.alt::before{left:auto;right:-50px}
.section-h{max-width:1200px;margin:0 auto 44px;padding:0 52px;display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap;position:relative;z-index:1}
.section-h-sub{max-width:380px;font-size:14px;color:rgba(255,255,255,.5);line-height:1.75;text-align:right}

.featgrid{max-width:1200px;margin:0 auto;padding:0 52px;display:grid;grid-template-columns:repeat(3,1fr);gap:3px;position:relative;z-index:1}
.feat{background:var(--dk2);padding:34px 28px 30px;position:relative;overflow:hidden;transition:background .3s,transform .3s;cursor:default}
.feat:hover{background:var(--dk3);transform:translateY(-4px)}
.feat::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--grad);transform:scaleX(0);transform-origin:left;transition:transform .4s}
.feat:hover::before{transform:scaleX(1)}
.feat-n{font-family:var(--Ft);font-size:34px;font-weight:900;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:14px}
.feat h3{font-family:var(--Ft);font-size:20px;font-weight:800;text-transform:uppercase;color:#fff;line-height:1.15;margin-bottom:10px}
.feat p{font-size:13px;color:rgba(255,255,255,.5);line-height:1.75}

/* INCLUDED checklist */
.incgrid{max-width:1200px;margin:0 auto;padding:0 52px;display:grid;grid-template-columns:repeat(2,1fr);gap:3px;position:relative;z-index:1}
.inc{background:var(--dk2);padding:22px 26px;display:flex;gap:18px;align-items:flex-start;transition:background .25s,padding-left .25s;border-left:2px solid transparent}
.inc:hover{background:var(--dk3);padding-left:34px;border-left-color:var(--blue)}
.inc-n{font-family:var(--Ft);font-size:22px;font-weight:900;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;min-width:34px}
.inc-c h4{font-family:var(--Ft);font-size:16px;font-weight:800;text-transform:uppercase;color:#fff;line-height:1.15;margin-bottom:5px}
.inc-c p{font-size:12.5px;color:rgba(255,255,255,.5);line-height:1.6}

/* GALLERY grid */
.ggrid{max-width:1200px;margin:0 auto;padding:0 52px;display:grid;grid-template-columns:repeat(12,1fr);gap:3px;position:relative;z-index:1}
.gallery-i{position:relative;overflow:hidden;background:var(--dk3);cursor:pointer}
.gallery-i img{width:100%;height:100%;object-fit:cover;filter:brightness(.75) saturate(.9);transition:transform .7s,filter .4s}
.gallery-i:hover img{transform:scale(1.06);filter:brightness(1) saturate(1.05)}
.gallery-i::after{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--grad);transform:scaleX(0);transform-origin:left;transition:transform .35s}
.gallery-i:hover::after{transform:scaleX(1)}
.gi-7{grid-column:span 7;aspect-ratio:16/10}
.gi-5{grid-column:span 5;aspect-ratio:5/4}
.gi-4{grid-column:span 4;aspect-ratio:1/1}
.gi-6{grid-column:span 6;aspect-ratio:3/2}

/* SPECS table */
.specwrap{max-width:1200px;margin:0 auto;padding:0 52px;position:relative;z-index:1}
.spectable{width:100%;border-collapse:collapse;background:var(--dk2)}
.spectable th,.spectable td{padding:18px 22px;text-align:left;font-size:13px;border-bottom:1px solid rgba(255,255,255,.06)}
.spectable tbody th{font-size:10.5px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:rgba(255,255,255,.4);width:36%}
.spectable tbody td{color:#fff;font-size:14px}
.spectable tbody td strong{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.spectable tbody tr:hover{background:rgba(255,255,255,.025)}

/* USE CASES */
.casegrid{max-width:1200px;margin:0 auto;padding:0 52px;display:grid;grid-template-columns:repeat(4,1fr);gap:3px;position:relative;z-index:1}
.case{background:var(--dk2);padding:30px 24px;position:relative;cursor:default;transition:background .3s,transform .3s}
.case:hover{background:var(--dk3);transform:translateY(-3px)}
.case::before{content:'';position:absolute;top:0;left:0;width:3px;height:0;background:var(--grad);transition:height .4s}
.case:hover::before{height:100%}
.case-ic{width:42px;height:42px;background:rgba(30,115,190,.15);border:1px solid rgba(30,115,190,.3);display:flex;align-items:center;justify-content:center;margin-bottom:18px;font-family:var(--Ft);font-size:18px;font-weight:900;color:var(--blue)}
.case h4{font-family:var(--Ft);font-size:17px;font-weight:800;text-transform:uppercase;color:#fff;line-height:1.15;margin-bottom:8px}
.case p{font-size:12.5px;color:rgba(255,255,255,.5);line-height:1.65}

/* RELATED */
#related{padding:96px 0;background:var(--blk)}
.relgrid{max-width:1200px;margin:0 auto;padding:0 52px;display:grid;grid-template-columns:repeat(3,1fr);gap:3px}
.relc{position:relative;overflow:hidden;background:var(--dk2);text-decoration:none;color:inherit;transition:transform .3s,background .3s}
.relc:hover{transform:translateY(-5px);background:var(--dk3)}
.relc::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--grad);transform:scaleX(0);transform-origin:left;transition:transform .35s;z-index:2}
.relc:hover::before{transform:scaleX(1)}
.relc-img{aspect-ratio:4/3;overflow:hidden;position:relative}
.relc-img img{width:100%;height:100%;object-fit:cover;filter:brightness(.72) saturate(.9);transition:transform .6s,filter .4s}
.relc:hover .relc-img img{transform:scale(1.05);filter:brightness(.95) saturate(1)}
.relc-img::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(17,17,17,.6),transparent 70%)}
.relc-body{padding:22px 24px 26px}
.relc-lbl{font-size:10px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--blue);margin-bottom:6px}
.relc h3{font-family:var(--Ft);font-size:22px;font-weight:800;text-transform:uppercase;color:#fff;line-height:1.05;margin-bottom:8px}
.relc p{font-size:12.5px;color:rgba(255,255,255,.45);line-height:1.65;margin-bottom:14px}
.relc-cta{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#fff;display:inline-flex;align-items:center;gap:6px;transition:gap .2s,color .2s}
.relc:hover .relc-cta{gap:10px;color:#c640e0}

@media(max-width:1100px){
  .pdhero-in{grid-template-columns:1fr;gap:48px;padding:30px 28px 88px}
  .section-h,.featgrid,.incgrid,.ggrid,.specwrap,.casegrid,.relgrid,.qstats-in{padding-left:28px;padding-right:28px}
  .featgrid,.casegrid{grid-template-columns:repeat(2,1fr)}
  .relgrid{grid-template-columns:1fr}
  .incgrid{grid-template-columns:1fr}
  .qstats-in{grid-template-columns:repeat(2,1fr);gap:24px 0}
  .qs{padding:0 16px}
  .qs:nth-child(2){border-right:none}
  .gi-7,.gi-5,.gi-4,.gi-6{grid-column:span 12;aspect-ratio:16/10}
}
@media(max-width:600px){
  .featgrid,.casegrid{grid-template-columns:1fr}
  .section-h{flex-direction:column;align-items:flex-start}
  .section-h-sub{text-align:left}
  .pdh-quick{grid-template-columns:1fr 1fr;gap:14px 0}
  .pdh-qi:nth-child(2){border-right:none}
  .qstats-in{grid-template-columns:1fr}
  .qs{border-right:none;border-bottom:1px solid rgba(255,255,255,.06);padding:14px 0}
  .qs:last-child{border-bottom:none}
}