/* Page styles: /platform/ */
.p-hero{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--rule);background:var(--ink);border:var(--rule) solid var(--ink);
  grid-template-areas:"ph ph ph ph ph pi pi pi pi pi pi pi" "ph ph ph ph ph pi pi pi pi pi pi pi" "ph ph ph ph ph a1 a1 a1 a1 a2 a3 a3";}
.p-head{grid-area:ph;background:#fff;padding:52px 42px 42px;display:flex;flex-direction:column;justify-content:center}
.p-img{grid-area:pi;background:var(--panel);padding:22px;display:flex;align-items:center}
.p-img img{width:100%;height:auto;border:2px solid var(--line);background:#fff}
.a1{grid-area:a1;background:var(--green);min-height:70px}.a2{grid-area:a2;background:var(--pink)}.a3{grid-area:a3;background:var(--mint)}
.crumb{font-size:.86rem;color:var(--ink-soft);margin:0 0 18px}
.crumb a{text-decoration:none;color:var(--ink);font-weight:600;border-bottom:2px solid var(--green)}
.p-head h1{font-size:clamp(2.1rem,3.8vw,3.3rem);max-width:15ch}
.p-head .lede{max-width:44ch}

.index{padding:64px 0 20px}
.tgrid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--rule);background:var(--ink);border:var(--rule) solid var(--ink);
  grid-template-areas:"c c c c u u u u u a a a" "g g g g g m m m m m p y";}
.tb{background:#fff;padding:26px 24px}
.tb h3{font-size:1.5rem;margin-top:4px}
.tnum{font-family:var(--fut);font-weight:600;font-size:.82rem;margin:0;color:var(--green)}
.tlinks{display:flex;flex-direction:column;margin-top:16px}
.tlinks a{text-decoration:none;font-size:.94rem;color:var(--ink);padding:8px 0;border-top:2px solid var(--line)}
.tlinks a:hover{color:var(--green)}
.t-green{background:var(--green)}.t-green h3,.t-green .tlinks a{color:#fff}.t-green .tnum{color:#DBF3EB}.t-green .tlinks a{border-top-color:rgba(255,255,255,.28)}
.t-navy{background:var(--ink)}.t-navy h3,.t-navy .tlinks a{color:#fff}.t-navy .tnum{color:var(--mint)}.t-navy .tlinks a{border-top-color:rgba(255,255,255,.2)}
.t-panel{background:var(--panel)}
.t-green .tlinks a:hover,.t-navy .tlinks a:hover{color:var(--mint)}
.tm{grid-area:m;background:var(--mint)}.tp{grid-area:p;background:var(--pink)}.ty{grid-area:y;background:var(--yellow)}

.feat{padding:66px 0;border-top:2px solid var(--line)}
.fgrid2{display:grid;grid-template-columns:5fr 7fr;gap:52px;align-items:start}
.feat.flip .ftext{order:2}.feat.flip .fshots{order:1}
.stage{font-family:var(--fut);font-weight:600;font-size:.84rem;margin:0 0 14px;display:flex;align-items:center;gap:9px;color:var(--ink-mid)}
.stage i{width:12px;height:12px;display:block}
.s-green i{background:var(--green)}.s-navy i{background:var(--ink)}.s-mint i{background:var(--mint)}.s-panel i{background:var(--ink-soft)}
.ftext h2{font-size:clamp(1.6rem,2.4vw,2.1rem);max-width:18ch}
.flead{font-size:1.02rem;margin:16px 0 0;max-width:46ch}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:22px}
.chips span{font-size:.8rem;padding:6px 10px;background:var(--panel);color:var(--ink);border-left:3px solid var(--green)}
.frame{display:block;border:var(--rule) solid var(--ink);background:#fff;overflow:hidden}
.frame img{width:100%;height:auto;display:block}
.frame.big{max-height:520px}
.frame.big img{object-fit:cover;object-position:top}
.thumbs{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--rule);margin-top:var(--rule)}
.thumbs .frame{max-height:220px;border-width:3px}
.thumbs .frame img{object-fit:cover;object-position:top}
.frame:hover{border-color:var(--green)}
.shint{font-size:.78rem;color:var(--ink-soft);margin-top:8px}

.pclose{background:var(--ink);color:#B9CEDE;padding:70px 0}
.pclose h2{color:#fff;font-size:clamp(1.8rem,3vw,2.4rem);max-width:20ch}
.pcg{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:center}

@media (max-width:1080px){
  .p-hero{grid-template-columns:repeat(6,1fr);grid-template-areas:"ph ph ph ph ph ph" "pi pi pi pi pi pi" "a1 a1 a1 a1 a2 a3"}
  .tgrid{grid-template-columns:repeat(6,1fr);grid-template-areas:"c c c u u u" "a a a g g g" "m m m m p y"}
  .fgrid2,.pcg{grid-template-columns:1fr;gap:28px}
  .feat.flip .ftext{order:1}.feat.flip .fshots{order:2}
}
@media (max-width:760px){
  .p-hero{grid-template-columns:1fr;grid-template-areas:"ph" "pi"}.a1,.a2,.a3{display:none}
  .tgrid{grid-template-columns:1fr;grid-template-areas:"c" "u" "a" "g"}.tm,.tp,.ty{display:none}
  .p-head{padding:36px 22px}
}
.deeper{margin-top:22px;font-family:var(--fut);font-weight:600;font-size:.92rem}
.deeper a{text-decoration:none;color:var(--ink);border-bottom:3px solid var(--green);padding-bottom:2px}
.deeper a:hover{color:var(--green)}