body.page-sector { margin: 0; }

                                                                                                          
                                                                                                       
@font-face {
  font-family: "Geist";
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url("/fonts/geist-normal-400-600.woff2") format("woff2");
  font-feature-settings: "ss01", "ss02", "cv11";
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/ibmplexmono-normal-400.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/ibmplexmono-normal-500.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.page-sector .sector-hero { padding-top: clamp(40px, 5vw, 72px); }
.page-sector .sector-hero h1 { max-width: 1050px; }
.page-sector .sector-hero .lead { max-width: 720px; }

.page-sector .sector-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 18px; margin: 0; }
.page-sector .sector-actions .sp-button { gap: 18px; }
.page-sector .sector-actions .sp-text-link { gap: 12px; }
.page-sector .sector-hero .sp-fine { max-width: 720px; }

.page-sector .sector-label {
  display: inline-block;
  font: 10px Mono, 'IBM Plex Mono', monospace;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #5d594d;
  border: 1px solid var(--cc-border);
  border-radius: 999px;
  padding: 4px 10px;
  margin: 0 0 16px;
}

                                                                                              
                                                                                                 
.page-sector .sector-flow { margin: 0; }
.page-sector .sector-flow ol { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 44px; counter-reset: sector-step; }
.page-sector .sector-flow li {
  position: relative;
  counter-increment: sector-step;
  background: var(--cc-surface);
  border: 1px solid var(--cc-border);
  border-radius: var(--cc-radius-card);
  padding: clamp(22px, 2.4vw, 32px);
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.page-sector .sector-flow li:last-child { background: var(--cc-surface-green); border-color: #adb798; }
.page-sector .sector-flow li:not(:last-child)::after {
  content: "→" / "";
  position: absolute;
  right: -34px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 22px;
  color: #a44730;
}
.page-sector .sector-flow li::before {
  content: counter(sector-step, decimal-leading-zero);
  font: 11px Mono, monospace;
  color: #80583e;
}
.page-sector .sector-flow h3 { font-size: 22px; line-height: 1.3; margin: 0; }
.page-sector .sector-flow p { font-size: 14px; line-height: 1.7; margin: 0; }
.page-sector .sector-flow .sector-where { font: 10px Mono, monospace; letter-spacing: .08em; text-transform: uppercase; color: #5d594d; margin-top: auto; padding-top: 12px; border-top: 1px solid var(--cc-border); }
.page-sector .sector-flow figcaption { font-size: 13px; line-height: 1.7; color: #5d594d; margin-top: 26px; max-width: 860px; }
.page-sector .sector-flow figcaption a { color: #964b32; text-decoration: underline; text-underline-offset: 3px; }

                                                                                   
.page-sector .sector-rollout .sp-two-col { align-items: start; }

                                                                                                       
.page-sector .sector-example .sp-school-demo { transform: none; }

.page-sector .sector-store { padding-block: clamp(36px, 4vw, 56px); border-block: 1px solid var(--cc-border); background: var(--cc-surface); }
.page-sector .sector-store .sp-shell { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 18px 40px; }
.page-sector .sector-store p { margin: 0; max-width: 520px; }
.page-sector .sector-store .free-store-links { margin-top: 0; }

.page-sector .sector-assurance .security-links { margin-top: 10px; }
.page-sector .sp-plans .sp-fine a { color: #964b32; }

                                                                                                     
.site-refresh.page-sector .sp-final .sector-actions .sp-outline { background: transparent; color: #fff4df; border-color: #f0cbb7; }
.site-refresh.page-sector .sp-final .sector-actions .sp-outline:hover { background: #8f3c27; color: #fff8ed; border-color: #fff4df; }
.page-sector .sp-final .sector-actions { margin-top: 8px; }

                                                                                                          
                                                                                                            
                                                                                                                  
.site-refresh.page-sector main :is(a, button, input, textarea, summary):focus-visible { outline-color: #4f6b2f; }
.site-refresh.page-sector :is(main .sp-final, .sp-footer) :is(a, button):focus-visible { outline-color: #fff4df; }

@media (max-width: 900px) {
  .page-sector .sector-flow ol { grid-template-columns: 1fr; gap: 34px; }
  .page-sector .sector-flow li:not(:last-child)::after { content: "↓" / ""; right: auto; left: 50%; top: auto; bottom: -30px; transform: translateX(-50%); }
}
@media (max-width: 650px) {
                                                                                      
  .page-sector .sector-hero { padding-top: 26px; }
  .page-sector .sector-actions { flex-direction: column; align-items: stretch; }
  .page-sector .sector-actions .sp-text-link { align-self: flex-start; }
  .page-sector .sector-store .sp-shell { display: block; }
  .page-sector .sector-store p { margin-bottom: 18px; }
}