/* ParaSequence UI icon language: one tile, one stroke, one semantic glyph. */
:root { --ps-icon-accent:#ee4b18; --ps-icon-ink:#102432; }

html,body { overflow-x:clip; }

body :is(.services-v3-icon,.wwd-service-icon,.home-market-icon,.tm-solution-icon,.spoke-proof-icon,.spoke-solution-icon,.peer-proof-icon,.peer-solution-icon,.about-proof-symbol) {
  position:relative;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  color:var(--ps-icon-ink);
  border:1px solid #dedfdc;
  border-radius:11px;
  background:linear-gradient(145deg,#fff,#f2f1ed);
  box-shadow:0 9px 20px rgba(9,24,39,.09),inset 1px 1px 0 #fff;
  transform:none;
}

body :is(.services-v3-icon,.wwd-service-icon,.tm-solution-icon,.spoke-solution-icon,.peer-solution-icon) { width:48px; height:48px; }
body :is(.spoke-proof-icon,.peer-proof-icon) { width:38px; height:38px; border-radius:9px; }
body .home-market-icon { width:82px; height:82px; }
body .about-proof-symbol { width:52px; height:52px; }

body :is(.services-v3-icon,.wwd-service-icon,.home-market-icon,.tm-solution-icon,.spoke-proof-icon,.spoke-solution-icon,.peer-proof-icon,.peer-solution-icon) svg {
  width:27px;
  height:27px;
  overflow:visible;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}
body .home-market-icon svg { width:46px; height:46px; }
body :is(.spoke-proof-icon,.peer-proof-icon) svg { width:22px; height:22px; }
body svg .accent { stroke:var(--ps-icon-accent); }

body :is(.system-icon,.wwd-workstream-icon,.tm-discipline-icon) {
  position:relative;
  display:grid;
  place-items:center;
  color:#fff;
  border:1px solid rgba(255,102,48,.58);
  border-radius:11px;
  background:linear-gradient(145deg,#12313d,#071b24);
  box-shadow:0 11px 24px rgba(2,12,17,.25),inset 1px 1px 0 rgba(255,255,255,.08);
}
body :is(.system-icon,.wwd-workstream-icon,.tm-discipline-icon) svg {
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}
body .system-icon { width:62px; height:62px; }
body .system-icon svg { width:31px; height:31px; }
body .wwd-workstream-icon { width:60px; height:60px; }
body .wwd-workstream-icon svg { width:29px; height:29px; }
body .tm-discipline-icon { width:72px; height:72px; }
body .tm-discipline-icon svg { width:38px; height:38px; }

body .focus-step-mark {
  width:48px;
  min-height:48px;
  display:grid;
  place-items:center;
  color:var(--ps-icon-ink);
  border:1px solid #dedfdc;
  border-radius:11px;
  background:linear-gradient(145deg,#fff,#f2f1ed);
  box-shadow:0 9px 20px rgba(9,24,39,.09),inset 1px 1px 0 #fff;
}
body .focus-step-mark svg { width:27px; height:27px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }

@media (max-width:760px) {
  body .home-market-icon { width:68px; height:68px; }
  body .home-market-icon svg { width:38px; height:38px; }
  body :is(.spoke-proof-icon,.peer-proof-icon) { width:36px; height:36px; }
}