.page-products .breadcrumb{padding-block:18px 0}

.page-products .biz-hero{
  display:grid;
  gap:clamp(18px,3vw,36px);
  padding-block:clamp(18px,3.4vw,38px) 0;
}
.page-products .hero-copy h1{margin:10px 0 14px}
.page-products .hero-copy .lead{max-width:58ch}
.page-products .hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}

.page-products .hero-index{
  position:relative;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:var(--r-lg);
  background:linear-gradient(155deg,var(--panel) 0%,var(--panel-deep) 100%);
  padding:clamp(18px,2.4vw,26px);
}
.page-products .hero-index::after{
  content:"";
  position:absolute;
  right:-70px;bottom:-90px;
  width:240px;height:240px;
  background:radial-gradient(circle,rgba(200,255,61,.22),transparent 66%);
  pointer-events:none;
}
.page-products .hero-index-title{
  margin:0 0 12px;
  font-size:.75rem;
  letter-spacing:.16em;
  color:var(--text-mute);
  text-transform:uppercase;
}
.page-products .index-list{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.page-products .index-list a{
  display:flex;
  align-items:center;
  gap:12px;
  padding:11px 2px;
  border-bottom:1px dashed var(--line);
  color:var(--mist);
  text-decoration:none;
  font-size:.95rem;
  transition:color .2s var(--ease),padding-left .2s var(--ease);
}
.page-products .index-list a:hover,
.page-products .index-list a:focus-visible{color:var(--volt);padding-left:6px}
.page-products .index-list .num{color:var(--volt);font-size:.8rem}
.page-products .index-stats{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:18px;
}
.page-products .index-stats div{display:grid;gap:4px}
.page-products .index-stats .num{
  font-family:var(--font-mono);
  font-size:1.35rem;
  color:var(--flare);
  line-height:1;
}
.page-products .index-stats span:last-child{font-size:.72rem;color:var(--text-mute);line-height:1.35}

.page-products .svc-map{display:grid;gap:clamp(14px,2vw,20px);grid-template-columns:1fr}
.page-products .svc-focus{display:grid;gap:18px;padding:clamp(16px,2vw,22px)}
.page-products .svc-focus-media{overflow:hidden;border-radius:var(--r-md);background:var(--panel-deep)}
.page-products .svc-focus-media img{width:100%;height:auto;display:block;object-fit:cover}
.page-products .svc-focus-body{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.page-products .svc-focus-body h3{margin:0;font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2rem);letter-spacing:.01em}
.page-products .svc-focus-body p{margin:0;color:var(--text-dim);font-size:.95rem}
.page-products .svc-points{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:.85rem;color:var(--steel)}
.page-products .svc-points li{position:relative;padding-left:16px}
.page-products .svc-points li::before{
  content:"";
  position:absolute;left:0;top:.55em;
  width:7px;height:7px;
  border-radius:2px;
  background:var(--volt);
}
.page-products .svc-link{
  margin-top:auto;
  color:var(--volt);
  text-decoration:none;
  font-size:.9rem;
  font-weight:600;
  border-bottom:1px solid rgba(200,255,61,.4);
  padding-bottom:2px;
}
.page-products .svc-link:hover,.page-products .svc-link:focus-visible{color:var(--volt-soft);border-color:var(--volt-soft)}

.page-products .svc-card{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:clamp(18px,2.2vw,24px);
  overflow:hidden;
}
.page-products .svc-card::before{
  content:"";
  position:absolute;top:0;left:0;
  width:64px;height:4px;
  background:linear-gradient(90deg,var(--volt),transparent);
}
.page-products .svc-card--archive::before{background:linear-gradient(90deg,var(--flare),transparent)}
.page-products .svc-num{
  font-family:var(--font-mono);
  font-size:.85rem;
  color:var(--steel);
  letter-spacing:.06em;
}
.page-products .svc-card h3{
  margin:0;
  font-family:var(--font-display);
  font-size:clamp(1.25rem,2.4vw,1.6rem);
  letter-spacing:.01em;
}
.page-products .svc-card p{margin:0;font-size:.92rem;color:var(--text-dim)}
.page-products .svc-more{border-top:1px dashed var(--line);padding-top:10px;margin-top:auto}
.page-products .svc-more>summary{
  list-style:none;
  cursor:pointer;
  font-size:.8rem;
  letter-spacing:.08em;
  color:var(--volt);
  display:flex;
  align-items:center;
  gap:8px;
}
.page-products .svc-more>summary::-webkit-details-marker{display:none}
.page-products .svc-more>summary::before{
  content:"+";
  font-family:var(--font-mono);
  width:18px;height:18px;
  display:grid;place-items:center;
  border:1px solid var(--line);
  border-radius:4px;
  color:var(--volt);
  flex:none;
}
.page-products .svc-more[open]>summary::before{content:"–"}
.page-products .svc-more>summary:focus-visible{outline:2px solid var(--volt);outline-offset:3px;border-radius:4px}
.page-products .svc-more p{margin:10px 0 0;font-size:.85rem;color:var(--text-mute)}

.page-products .flow-wrap{display:grid;gap:clamp(18px,2.6vw,28px)}
.page-products .flow-steps{list-style:none;margin:0;padding:0;display:grid;gap:2px;counter-reset:flow}
.page-products .flow-steps li{
  display:grid;
  grid-template-columns:40px minmax(0,1fr);
  gap:14px;
  padding:16px 0;
  border-bottom:1px solid var(--line);
}
.page-products .flow-steps li:first-child{border-top:1px solid var(--line)}
.page-products .flow-steps .num{
  font-family:var(--font-mono);
  font-size:.95rem;
  color:var(--flare);
  padding-top:2px;
}
.page-products .flow-steps h3{margin:0 0 6px;font-size:1.05rem;font-weight:700}
.page-products .flow-steps p{margin:0;font-size:.9rem;color:var(--text-dim)}

.page-products .search-demo{
  border:1px solid var(--line);
  border-radius:var(--r-lg);
  background:radial-gradient(120% 100% at 100% 0%,rgba(200,255,61,.08),transparent 55%),var(--panel-deep);
  padding:clamp(16px,2.2vw,24px);
  display:grid;
  gap:12px;
  align-content:start;
}
.page-products .search-demo-title{
  margin:0;
  font-size:.72rem;
  letter-spacing:.16em;
  color:var(--text-mute);
  text-transform:uppercase;
}
.page-products .chip-row{display:flex;flex-wrap:wrap;gap:8px}
.page-products .demo-rows{display:grid;gap:6px;margin-top:6px}
.page-products .demo-row{
  display:grid;
  grid-template-columns:64px minmax(0,1fr) 10px;
  align-items:center;
  gap:10px;
  padding:9px 12px;
  border:1px solid var(--line);
  border-radius:var(--r-sm);
  background:rgba(8,11,10,.5);
  font-size:.82rem;
  color:var(--text-dim);
}
.page-products .demo-row .num{color:var(--mist);font-family:var(--font-mono)}
.page-products .demo-dot{width:8px;height:8px;border-radius:50%;background:var(--volt)}

.page-products .split{display:grid;gap:clamp(18px,3vw,36px)}
.page-products .split-media{overflow:hidden;border-radius:var(--r-lg);background:var(--panel-deep)}
.page-products .split-media img{width:100%;height:auto;display:block;object-fit:cover}
.page-products .split-body{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.page-products .split-body h2{margin:0}
.page-products .split-body p{margin:0;color:var(--text-dim)}

.page-products .check-list{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-size:.92rem;color:var(--text-dim)}
.page-products .check-list li{position:relative;padding-left:24px}
.page-products .check-list li::before{
  content:"";
  position:absolute;left:0;top:.42em;
  width:12px;height:12px;
  background:var(--volt);
  clip-path:polygon(0 0,100% 0,100% 55%,55% 100%,0 100%);
}
.page-products .check-list strong{color:var(--mist);font-weight:700}

.page-products .brief-line{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:14px;
  position:relative;
  counter-reset:brief;
}
.page-products .brief-node{
  position:relative;
  border:1px solid var(--line);
  border-radius:var(--r-md);
  background:var(--panel);
  padding:22px 18px 18px;
  display:grid;
  gap:8px;
  align-content:start;
  transition:transform .3s var(--ease),border-color .3s var(--ease);
}
.page-products .brief-node:hover{transform:translateY(-2px);border-color:rgba(200,255,61,.45)}
.page-products .brief-dot{
  position:absolute;
  top:-6px;left:18px;
  width:11px;height:11px;
  border-radius:50%;
  background:var(--flare);
  box-shadow:0 0 0 4px var(--ink);
}
.page-products .brief-time{font-family:var(--font-mono);font-size:.78rem;color:var(--flare);letter-spacing:.06em}
.page-products .brief-node h3{margin:0;font-size:1rem}
.page-products .brief-node p{margin:0;font-size:.86rem;color:var(--text-mute)}

.page-products .brief-figure{
  margin-top:clamp(20px,3vw,32px);
  border-radius:var(--r-lg);
  overflow:hidden;
  background:var(--panel-deep);
}
.page-products .brief-figure img{width:100%;height:auto;display:block;object-fit:cover}
.page-products .figure-note{
  margin:10px 0 0;
  font-size:.76rem;
  color:var(--text-mute);
  letter-spacing:.02em;
}

.page-products .coop-grid{display:grid;gap:clamp(14px,2vw,20px)}
.page-products .coop-panel{padding:clamp(16px,2.2vw,24px);display:grid;gap:12px;align-content:start}
.page-products .coop-media{overflow:hidden;border-radius:var(--r-md);background:var(--panel-deep)}
.page-products .coop-media img{width:100%;height:auto;display:block;object-fit:cover}
.page-products .coop-panel h3{margin:0;font-family:var(--font-display);font-size:clamp(1.3rem,2.4vw,1.7rem)}
.page-products .coop-panel p{margin:0;font-size:.92rem;color:var(--text-dim)}
.page-products .coop-time{font-size:.86rem;color:var(--steel)}
.page-products .coop-time .num{font-family:var(--font-mono);color:var(--volt);font-size:1.05rem}

.page-products .archive-panel{
  border-radius:var(--r-lg);
  padding:clamp(18px,2.4vw,28px);
  color:var(--panel-deep);
  display:grid;
  gap:14px;
  align-content:start;
  background:var(--paper);
  background-image:repeating-linear-gradient(0deg,rgba(20,23,15,.05) 0 1px,transparent 1px 26px);
  border-left:6px solid var(--flare);
}
.page-products .eyebrow--dark{color:#5c5647}
.page-products .archive-panel h3{
  margin:0;
  font-family:var(--font-display);
  font-size:clamp(1.3rem,2.4vw,1.75rem);
  color:var(--panel-deep);
}
.page-products .archive-panel>p{margin:0;font-size:.9rem;color:#3a3b30;line-height:1.7}

.page-products .arch-demo{display:grid;gap:10px;margin-top:4px}
.page-products .arch-chips{display:flex;flex-wrap:wrap;gap:8px}
.page-products .arch-chips label{
  cursor:pointer;
  font-size:.78rem;
  padding:6px 14px;
  border-radius:var(--pill);
  border:1px solid rgba(58,59,48,.35);
  background:rgba(255,255,255,.4);
  color:#3a3b30;
  transition:background .2s var(--ease),color .2s var(--ease);
}
.page-products .arch-chips label:hover{background:rgba(255,255,255,.75)}
.page-products .arch-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.page-products .arch-item{
  display:grid;
  grid-template-columns:60px minmax(0,1fr);
  gap:10px;
  align-items:center;
  padding:9px 12px;
  border-radius:var(--r-sm);
  background:rgba(255,255,255,.5);
  border:1px solid rgba(58,59,48,.16);
  font-size:.82rem;
  color:#33352c;
}
.page-products .arch-item .num{font-family:var(--font-mono);color:#8a4a1c;letter-spacing:.04em}

.page-products #arch-all:checked ~ .arch-chips label[for="arch-all"],
.page-products #arch-year:checked ~ .arch-chips label[for="arch-year"],
.page-products #arch-venue:checked ~ .arch-chips label[for="arch-venue"],
.page-products #arch-event:checked ~ .arch-chips label[for="arch-event"]{
  background:var(--panel-deep);
  color:var(--volt-soft);
  border-color:var(--panel-deep);
}
.page-products #arch-year:checked ~ .arch-list .arch-item:not(.is-year),
.page-products #arch-venue:checked ~ .arch-list .arch-item:not(.is-venue),
.page-products #arch-event:checked ~ .arch-list .arch-item:not(.is-event){display:none}

.page-products .arch-foot{font-size:.82rem;color:#4a4b3e;margin:0}
.page-products .arch-link{
  justify-self:start;
  display:inline-block;
  padding:9px 20px;
  font-size:.85rem;
  font-weight:700;
  color:var(--panel-deep);
  background:var(--flare);
  text-decoration:none;
  clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);
}
.page-products .arch-link:hover,.page-products .arch-link:focus-visible{background:var(--flare-soft)}

.page-products .route{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:14px;
  position:relative;
}
.page-products .route-step{
  position:relative;
  border:1px solid var(--line);
  border-radius:var(--r-md);
  padding:20px 18px 18px;
  display:grid;
  gap:8px;
  align-content:start;
  background:linear-gradient(160deg,var(--panel),var(--panel-deep));
  transition:border-color .25s var(--ease),transform .25s var(--ease);
}
.page-products .route-step:hover,.page-products .route-step:focus-within{
  border-color:rgba(200,255,61,.5);
  transform:translateY(-2px);
}
.page-products .route-dot{
  display:grid;
  place-items:center;
  width:34px;height:34px;
  border-radius:50%;
  border:1px solid rgba(200,255,61,.5);
  color:var(--volt);
  font-family:var(--font-mono);
  font-size:.8rem;
}
.page-products .route-step h3{margin:0;font-size:1rem}
.page-products .route-step p{margin:0;font-size:.86rem;color:var(--text-mute)}
.page-products .route-time{
  font-family:var(--font-mono);
  font-size:.74rem;
  color:var(--flare);
  letter-spacing:.05em;
  margin-top:2px;
}

.page-products .lens{
  margin-top:clamp(26px,3.4vw,44px);
  border:1px solid var(--line);
  border-radius:var(--r-lg);
  padding:clamp(16px,2.2vw,24px);
  background:radial-gradient(110% 90% at 0% 0%,rgba(147,167,184,.12),transparent 60%),var(--ink);
  display:grid;
  gap:16px;
}
.page-products .lens-tabs{display:flex;gap:8px;flex-wrap:wrap}
.page-products .lens-tabs label{
  cursor:pointer;
  font-size:.85rem;
  padding:9px 22px;
  border-radius:var(--pill);
  border:1px solid var(--line);
  color:var(--text-dim);
  transition:background .2s var(--ease),color .2s var(--ease),border-color .2s var(--ease);
}
.page-products .lens-tabs label:hover{border-color:var(--volt)}
.page-products .lens-panel{display:none;margin:0;gap:2px}
.page-products .lens-panel>div{
  display:grid;
  grid-template-columns:minmax(0,.6fr) minmax(0,1fr);
  gap:12px;
  padding:13px 0;
  border-bottom:1px dashed var(--line);
}
.page-products .lens-panel dt{font-size:.82rem;color:var(--steel);letter-spacing:.04em}
.page-products .lens-panel dd{margin:0;font-size:.9rem;color:var(--mist)}
.page-products #lens-fan:checked ~ .lens-panel--fan{display:grid}
.page-products #lens-venue:checked ~ .lens-panel--venue{display:grid}
.page-products #lens-fan:checked ~ .lens-tabs label[for="lens-fan"],
.page-products #lens-venue:checked ~ .lens-tabs label[for="lens-venue"]{
  background:var(--volt);
  border-color:var(--volt);
  color:var(--ink);
  font-weight:700;
}

.page-products .next-band{
  border-radius:var(--r-lg);
  border:1px solid rgba(200,255,61,.28);
  background:radial-gradient(120% 120% at 100% 0%,rgba(255,107,44,.18),transparent 55%),linear-gradient(150deg,var(--panel),var(--ink));
  padding:clamp(22px,3.4vw,44px);
  display:grid;
  gap:22px;
  align-items:center;
}
.page-products .next-band h2{margin:6px 0 10px}
.page-products .next-band p{margin:0;font-size:.95rem;color:var(--text-dim);max-width:56ch}
.page-products .next-actions{display:flex;flex-wrap:wrap;gap:10px}

@media (min-width:720px){
  .page-products .svc-map{grid-template-columns:repeat(2,minmax(0,1fr))}
  .page-products .svc-focus{grid-column:1 / -1}
  .page-products .route{grid-template-columns:repeat(2,minmax(0,1fr))}
  .page-products .coop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (min-width:900px){
  .page-products .biz-hero{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:end}
  .page-products .split{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center}
  .page-products .flow-wrap{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start}
  .page-products .brief-line{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding-top:14px}
  .page-products .brief-line::before{
    content:"";
    position:absolute;
    top:19px;left:0;right:0;
    border-top:1px dashed var(--line);
    z-index:0;
  }
  .page-products .brief-node{z-index:1;background:var(--panel)}
  .page-products .next-band{grid-template-columns:minmax(0,1.3fr) auto}
  .page-products .next-actions{justify-content:flex-end}
}

@media (min-width:1080px){
  .page-products .svc-map{grid-template-columns:repeat(3,minmax(0,1fr))}
  .page-products .svc-focus{
    grid-column:span 2;
    grid-row:span 2;
    grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
    align-items:stretch;
    gap:22px;
  }
  .page-products .svc-focus-media{min-height:100%}
  .page-products .svc-focus-media img{height:100%}
  .page-products .route{grid-template-columns:repeat(4,minmax(0,1fr))}
  .page-products .route::before{
    content:"";
    position:absolute;
    top:37px;left:26px;right:26px;
    border-top:1px dashed rgba(147,167,184,.35);
    z-index:0;
  }
  .page-products .route-step{z-index:1}
}

@media (prefers-reduced-motion:reduce){
  .page-products .brief-node,
  .page-products .route-step,
  .page-products .index-list a{transition:none}
  .page-products .brief-node:hover,
  .page-products .route-step:hover{transform:none}
}