:root{--ink:#061626;--ink2:#0b2338;--mint:#25d2a2;--mint-dark:#0ea77d;--paper:#f5faf8;--paper2:#e7f8f2;--white:#fff;--muted:#4c6170;--line:#cfe1dd;--warm:#fff6df;--red:#b42318;--red-bg:#fdecec;--shadow:0 18px 60px rgba(6,22,38,.10);--radius:20px;--max:1180px}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}img{max-width:100%}a{color:inherit}.skip-link{position:fixed;left:12px;top:-100px;background:var(--mint);color:var(--ink);padding:10px 14px;z-index:1000;font-weight:800}.skip-link:focus{top:12px}.formation-banner{background:var(--warm);border-bottom:1px solid #ead9a5;text-align:center;padding:8px 20px;font-size:13px;font-weight:750}.site-header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - var(--max))/2));background:rgba(245,250,248,.94);backdrop-filter:blur(14px);position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(207,225,221,.85)}.brand img{width:204px;display:block}.site-header nav{display:flex;align-items:center;gap:24px}.site-header nav>a:not(.button){text-decoration:none;font-weight:700;font-size:14px}.site-header nav>a:not(.button):hover{text-decoration:underline;text-decoration-color:var(--mint);text-decoration-thickness:3px;text-underline-offset:6px}.nav-toggle{display:none;border:1px solid var(--line);background:white;border-radius:10px;padding:8px 12px;font-weight:700}.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:12px;background:var(--mint);color:var(--ink);padding:13px 20px;font-weight:850;text-decoration:none;cursor:pointer;min-height:48px;box-shadow:0 7px 20px rgba(37,210,162,.16)}.button:hover{background:#38ddb0;transform:translateY(-1px)}.button:focus-visible,.text-button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid #ffbf47;outline-offset:3px}.button-secondary{background:white;border:1px solid var(--line);box-shadow:none}.button-small{padding:9px 14px;min-height:40px}.text-link{font-weight:800;text-decoration-color:var(--mint);text-underline-offset:4px}.text-button{border:0;background:transparent;color:var(--ink);font:inherit;font-weight:800;padding:5px 0;text-decoration:underline;text-decoration-color:var(--mint);text-underline-offset:4px;cursor:pointer}main{min-height:60vh}.hero{max-width:var(--max);margin:0 auto;padding:100px 24px 70px;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.65fr);gap:72px;align-items:center}.hero:has(.hero-copy:only-child){grid-template-columns:minmax(0,850px)}.hero h1{font-size:clamp(48px,7vw,88px);line-height:.96;letter-spacing:-.055em;margin:.22em 0}.hero h1 span{color:var(--mint-dark)}.lede{font-size:clamp(19px,2vw,23px);color:var(--muted);max-width:790px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-weight:900;font-size:13px;color:var(--mint-dark);margin:0 0 10px}.button-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.hero-badge{background:var(--ink);padding:24px;border-radius:30px;box-shadow:var(--shadow);color:white;text-align:center}.hero-badge img{width:240px}.hero-badge p{color:#c5d8dc;font-size:14px}.trust-strip{max-width:var(--max);margin:0 auto 50px;padding:0 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:1px}.trust-strip div{background:white;padding:24px;border:1px solid var(--line);display:flex;flex-direction:column}.trust-strip div:first-child{border-radius:16px 0 0 16px}.trust-strip div:last-child{border-radius:0 16px 16px 0}.trust-strip strong{font-size:29px}.trust-strip span{color:var(--muted)}.section{max-width:var(--max);margin:0 auto;padding:72px 24px}.section-heading{max-width:800px;margin-bottom:30px}.section-heading h2,.split h2,.panel h2{font-size:clamp(32px,4vw,52px);line-height:1.02;letter-spacing:-.035em;margin:.2em 0}.section-heading>p:not(.eyebrow),.split p,.panel p{color:var(--muted);font-size:18px}.rule-grid,.three-grid,.four-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.four-grid{grid-template-columns:repeat(4,1fr)}.card{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:25px;box-shadow:0 10px 30px rgba(6,22,38,.045);text-decoration:none;display:block}.card[href]:hover{border-color:var(--mint);transform:translateY(-2px)}.card h2{font-size:22px;line-height:1.1;margin:.4em 0}.card p{color:var(--muted);margin-bottom:0}.card-meta{color:var(--mint-dark);font-weight:900;font-size:12px;letter-spacing:.1em;text-transform:uppercase}.split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:70px;align-items:center}.top-align{align-items:start}.stack{display:grid;gap:12px}.step-card{display:flex;gap:20px;background:white;border:1px solid var(--line);border-radius:16px;padding:20px}.step-card>span{display:grid;place-items:center;background:var(--paper2);width:44px;height:44px;border-radius:12px;font-weight:900}.step-card h3{margin:0}.step-card p{margin:.2em 0 0;font-size:15px}.panel{background:var(--ink);color:white;border-radius:28px;max-width:calc(var(--max) - 48px);padding:48px;display:flex;justify-content:space-between;gap:30px;align-items:center}.panel p{color:#c5d8dc}.rule-list{display:grid;gap:12px}.rule-row{display:grid;grid-template-columns:100px 1fr 30px;gap:20px;align-items:center;background:white;border:1px solid var(--line);border-radius:18px;padding:22px;text-decoration:none}.rule-row:hover{border-color:var(--mint)}.rule-row>span{font-weight:900;color:var(--mint-dark)}.rule-row h2{margin:0;font-size:26px}.rule-row p{margin:.2em 0 0;color:var(--muted)}.rule-row b{font-size:26px}.example{padding:32px;border-radius:20px}.example.bad{background:var(--red-bg);border:1px solid #f0c4c0}.example.bad .eyebrow{color:var(--red)}.example.good{background:var(--paper2);border:1px solid var(--line)}.prev-next{max-width:var(--max);margin:0 auto;padding:0 24px 70px;display:flex;justify-content:space-between;font-weight:800}.process-list{list-style:none;padding:0;margin:0;display:grid;gap:12px}.process-list li{display:grid;grid-template-columns:70px 1fr;gap:20px;background:white;border:1px solid var(--line);padding:24px;border-radius:18px}.process-list li>span{font-size:28px;font-weight:950;color:var(--mint-dark)}.process-list h2{margin:0}.process-list p{color:var(--muted);margin:.25em 0 0}.policy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.policy-grid span{background:white;border:1px solid var(--line);padding:15px;border-radius:12px;font-weight:750}.search-panel{background:white;border:1px solid var(--line);padding:25px;border-radius:20px}.search-panel>label{display:block;font-weight:850;margin-bottom:8px}.search-row{display:flex;gap:10px}.search-row input{flex:1}.field input,.field textarea,.field select,.search-row input,.search-row select{width:100%;border:1px solid #abc5c0;border-radius:10px;background:white;padding:12px 13px;color:var(--ink);font:inherit}.registry-results{display:grid;gap:14px;margin-top:20px}.registry-card{background:white;border:1px solid var(--line);border-radius:18px;padding:24px;display:grid;grid-template-columns:1fr auto;gap:20px}.status{display:inline-flex;align-items:center;gap:8px;border-radius:100px;padding:7px 11px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.status:before{content:"";width:9px;height:9px;border-radius:50%;background:currentColor}.status-active{background:var(--paper2);color:#087354}.status-suspended,.status-expired{background:var(--warm);color:#865800}.status-revoked{background:var(--red-bg);color:var(--red)}.empty-state{border:1px dashed #abc5c0;border-radius:18px;padding:35px;text-align:center;background:rgba(255,255,255,.45)}.verify-result{margin-top:20px}.credential-record{background:white;border:1px solid var(--line);border-radius:22px;overflow:hidden}.credential-head{background:var(--ink);color:white;padding:28px;display:flex;justify-content:space-between;gap:20px}.credential-body{padding:28px}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.detail-grid dt{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:900}.detail-grid dd{margin:4px 0 0}.application-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:40px;align-items:start}.application-sidebar{position:sticky;top:110px;background:var(--ink);color:white;padding:25px;border-radius:22px}.progress-ring{font-size:30px;font-weight:900;color:var(--mint)}.application-sidebar ol{padding-left:20px}.application-sidebar li{color:#9fb5bf;margin:.45em 0}.application-sidebar li.active{color:white;font-weight:850}.application-sidebar .text-button{color:white;display:block;margin-top:10px}.application-form{background:white;border:1px solid var(--line);border-radius:22px;padding:30px}.application-form fieldset{border:0;padding:0;margin:0}.application-form legend{font-size:30px;font-weight:900;line-height:1.1;margin-bottom:25px}.application-form legend span{display:block;color:var(--mint-dark);font-size:13px;text-transform:uppercase;letter-spacing:.1em}.field-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.field{display:grid;gap:7px;font-weight:750}.field span[aria-hidden]{color:var(--red)}.field-wide{grid-column:1/-1}.check{display:flex;gap:12px;align-items:flex-start;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}.check input{margin-top:5px}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:28px}.form-status{min-height:24px;margin-bottom:12px;font-weight:750}.form-status.error{color:var(--red)}.form-status.success{color:#087354}.honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important}.callout{background:var(--warm);border:1px solid #ead9a5;padding:20px;border-radius:14px}.portal-grid{display:grid;grid-template-columns:360px 1fr;gap:20px;align-items:start}.form-card{display:grid;gap:14px}.contact-list{display:grid;gap:15px}.contact-list article{background:white;border:1px solid var(--line);border-radius:16px;padding:20px}.plain-steps{padding-left:24px}.plain-steps li{margin:.7em 0}.check-list{padding:0;list-style:none}.check-list li{position:relative;padding:8px 0 8px 31px}.check-list li:before{content:"✓";position:absolute;left:0;color:var(--mint-dark);font-weight:900}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric-grid>div{background:white;border:1px solid var(--line);border-radius:16px;padding:22px;display:flex;flex-direction:column}.metric-grid strong{font-size:28px}.metric-grid span{color:var(--muted)}.timeline{border-left:3px solid var(--mint);padding-left:25px}.timeline time{color:var(--muted);font-weight:800}.legal-copy{max-width:850px}.legal-copy h2{margin-top:2em}.admin-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:20px}.admin-grid .full{grid-column:1/-1}.card-header{display:flex;justify-content:space-between;align-items:center}.table-wrap{overflow:auto}.table-wrap table{border-collapse:collapse;width:100%;font-size:14px}.table-wrap th,.table-wrap td{text-align:left;padding:9px;border-bottom:1px solid var(--line)}footer{background:var(--ink);color:white;padding:65px max(24px,calc((100vw - var(--max))/2)) 28px}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:40px}.footer-logo{width:210px;filter:brightness(0) invert(1)}footer h2{font-size:14px;text-transform:uppercase;letter-spacing:.1em;color:var(--mint)}footer a{display:block;color:#c5d8dc;text-decoration:none;margin:.4em 0}footer a:hover{color:white;text-decoration:underline}.small{font-size:13px;color:#9fb5bf}.footer-bottom{border-top:1px solid #294257;margin-top:35px;padding-top:20px;display:flex;justify-content:space-between;color:#9fb5bf}.footer-bottom a{display:inline}.turnstile-slot{margin:12px 0}@media(max-width:900px){.site-header{padding:0 20px}.nav-toggle{display:block}.site-header nav{display:none;position:absolute;left:15px;right:15px;top:70px;background:white;border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.site-header nav.open{display:flex}.hero{grid-template-columns:1fr;padding-top:70px}.hero-badge{max-width:340px}.rule-grid,.three-grid,.four-grid{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr;gap:35px}.trust-strip{grid-template-columns:repeat(2,1fr)}.trust-strip div:first-child,.trust-strip div:last-child{border-radius:0}.panel{margin-left:24px;margin-right:24px;display:block}.application-layout,.portal-grid{grid-template-columns:1fr}.application-sidebar{position:static}.footer-grid{grid-template-columns:repeat(2,1fr)}.metric-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.brand img{width:175px}.hero{padding:55px 18px 45px}.hero h1{font-size:48px}.section{padding:50px 18px}.rule-grid,.three-grid,.four-grid,.policy-grid{grid-template-columns:1fr}.trust-strip{padding:0 18px}.rule-row{grid-template-columns:80px 1fr}.rule-row b{display:none}.search-row{flex-direction:column}.field-grid{grid-template-columns:1fr}.field-wide{grid-column:auto}.application-form{padding:20px}.process-list li{grid-template-columns:50px 1fr}.footer-grid{grid-template-columns:1fr}.footer-bottom{display:block}.metric-grid{grid-template-columns:1fr}.admin-grid{grid-template-columns:1fr}.admin-grid .full{grid-column:auto}.detail-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Applicant portal records */
.portal-case{display:grid;gap:1.4rem}.portal-section{border-top:1px solid var(--line);padding-top:1.25rem}.stack-list,.message-thread{display:grid;gap:.75rem;margin:.8rem 0 1rem}.mini-record{border:1px solid var(--line);border-radius:14px;padding:.85rem 1rem;background:var(--soft)}.mini-record span{display:block;color:var(--muted);font-size:.9rem;margin-top:.2rem}.message{border-radius:14px;padding:.85rem 1rem;max-width:92%}.message-team{background:var(--soft);border:1px solid var(--line)}.message-applicant{background:var(--mint-soft);border:1px solid var(--mint);margin-left:auto}.message>div{display:flex;justify-content:space-between;gap:1rem;font-size:.9rem}.message time{color:var(--muted)}.message p{margin:.45rem 0 0}.compact-form{margin-top:1rem}.status-row{font-size:1.05rem;margin:.5rem 0}

/* ── "Coming soon" panel ────────────────────────────────────────
   Replaces a form whose backend switch is off. The form is removed from
   the DOM by site.js; this is what sits in its place. */
.cps-soon-panel {
    border: 1px solid rgba(6, 22, 38, 0.12);
    border-radius: 12px;
    background: #f6f9f8;
    padding: 40px 34px;
    text-align: center;
}
.cps-soon-panel .cps-soon-tag {
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: #0f7a52;
    margin-bottom: 12px;
}
.cps-soon-panel h3 {
    margin: 0 auto 10px;
    font-size: 1.4rem;
    line-height: 1.25;
    color: #061626;
    max-width: 24ch;
}
.cps-soon-panel p {
    margin: 0 auto;
    max-width: 52ch;
    color: #3d4c59;
    font-size: 1rem;
    line-height: 1.65;
}
@media (max-width: 640px) {
    .cps-soon-panel { padding: 30px 20px; }
    .cps-soon-panel h3 { font-size: 1.2rem; }
}

/* ── Current-page marker in the primary nav ──────────────────────
   Without this every page looked identical: the nav gave no signal
   that you had actually moved. */
#site-nav a[aria-current="page"],
#site-nav a[data-section-current] {
    color: #061626;
    font-weight: 600;
    position: relative;
}
#site-nav a[aria-current="page"]::after,
#site-nav a[data-section-current]::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -6px;
    height: 2px;
    border-radius: 2px;
    background: #17b981;
}
#site-nav a.button[aria-current="page"]::after,
#site-nav a.button[data-section-current]::after { display: none; }


/* ═══════════════════════════════════════════════════════════════════
   PAGE HIERARCHY
   Base .hero is a max-width, two-column grid. Each tier overrides that
   grid explicitly, otherwise content stays trapped in column one.
   ═══════════════════════════════════════════════════════════════════ */

/* ── Tier: SECTION landing — full-bleed inverted band ── */
[data-tier="section"] .hero {
    max-width: none;
    width: 100%;
    display: block;
    background: #061626;
    color: #eef4f2;
    padding: 78px 24px 84px;
    text-align: center;
}
[data-tier="section"] .hero .hero-copy {
    max-width: 760px;
    margin: 0 auto;
}
[data-tier="section"] .hero h1 {
    color: #fff;
    font-size: clamp(2.5rem, 5.6vw, 4.1rem);
    line-height: 1.03;
    margin-bottom: 20px;
}
[data-tier="section"] .hero .lede {
    color: rgba(238,244,242,.80);
    font-size: 1.16rem;
    max-width: 58ch;
    margin: 0 auto;
}
[data-tier="section"] .hero .eyebrow { color: #17b981; letter-spacing: .2em; }
[data-tier="section"] .hero .button-row {
    display: flex; justify-content: center; flex-wrap: wrap; gap: 14px; margin-top: 34px;
}
[data-tier="section"] .hero .button { font-size: 1.06rem; padding: 17px 34px; }
[data-tier="section"] .hero .button-secondary {
    background: transparent; color: #fff; border: 1.5px solid rgba(255,255,255,.42);
}
[data-tier="section"] .hero .button-secondary:hover { border-color: #fff; background: rgba(255,255,255,.06); }
[data-tier="section"] .hero .hero-badge { display: none; }

/* ── Tier: DETAIL — compact, single column, anchored by a rule ── */
[data-tier="detail"] .hero {
    display: block;
    padding: 34px 24px 30px;
    border-bottom: 1px solid #e6e0d8;
}
[data-tier="detail"] .hero .hero-copy {
    border-left: 3px solid #17b981;
    padding-left: 22px;
    max-width: 68ch;
}
[data-tier="detail"] .hero h1 { font-size: clamp(1.75rem, 3.1vw, 2.5rem); line-height: 1.14; }
[data-tier="detail"] .hero .lede { font-size: 1rem; }
[data-tier="detail"] .hero .hero-badge { display: none; }
[data-tier="detail"] .hero .button-row { margin-top: 20px; gap: 12px; }
[data-tier="detail"] .hero .button { font-size: .95rem; padding: 11px 20px; }

.rule-code {
    font-size: clamp(2.6rem, 6vw, 4.2rem);
    font-weight: 800;
    letter-spacing: -0.03em;
    line-height: 1;
    color: rgba(23,185,129,.55);
    margin-bottom: 4px;
}

/* ── Tier: UTILITY — plain title block ── */
[data-tier="utility"] .hero {
    display: block;
    padding: 30px 24px 24px;
    border-bottom: 1px solid #e6e0d8;
}
[data-tier="utility"] .hero .hero-copy { max-width: 78ch; }
[data-tier="utility"] .hero h1 { font-size: clamp(1.5rem, 2.7vw, 2.05rem); line-height: 1.18; }
[data-tier="utility"] .hero .lede { font-size: 1rem; }
[data-tier="utility"] .hero .eyebrow { font-size: .68rem; }
[data-tier="utility"] .hero .hero-badge { display: none; }
[data-tier="utility"] .hero .button { font-size: .92rem; padding: 10px 18px; }

@media (max-width: 760px) {
    [data-tier="section"] .hero { padding: 54px 20px 58px; }
    [data-tier="detail"] .hero .hero-copy { padding-left: 16px; }
}

/* ── Alignment + polish fixes from the design audit ── */

/* .legal-copy is a .section, so it inherited margin:0 auto and centred its 850px
   box at x=239 while the hero sat at x=74 — a visible 165px jog mid-page.
   Container now spans the normal width; the text measure is constrained instead. */
.legal-copy { max-width: var(--max); }
.legal-copy > * { max-width: 850px; }

/* dashed borders read as a drop-zone / unstyled scaffolding to normal users */
.empty-state {
    border: 1px solid var(--line, #d9e2df);
    background: var(--paper2, rgba(255,255,255,.7));
}

/* Mobile footer ran both spans together: "…Clean Play StandardsContact · Security" */
@media (max-width: 600px) {
    .footer-bottom { display: flex; flex-direction: column; gap: 8px; }
}

/* Nav links were 22px tap targets on mobile; 44px is the accessible minimum. */
@media (max-width: 900px) {
    #site-nav a { padding-top: 11px; padding-bottom: 11px; }
}

/* ═══ Per-section identity ═══════════════════════════════════════
   The six section pages were 91-92% pixel-identical: same navy band,
   same centred layout, eyebrow at the same y on all six. Each now owns
   a band treatment and an alignment. */

/* rules — the flagship: deep navy, centred, largest */
[data-section="rules"] .hero { background: #061626; }

/* mark — inverted to the brand green */
[data-section="mark"] .hero { background: #0f5c46; }
[data-section="mark"] .hero .eyebrow { color: #7fe8c4; }

/* origin — light, left-aligned, heavy top rule: reads as an essay, not a banner */
[data-section="origin"] .hero {
    background: var(--paper2, #eef4f2);
    border-top: 6px solid #17b981;
    text-align: left;
}
[data-section="origin"] .hero .hero-copy { margin: 0; max-width: 22ch; }
[data-section="origin"] .hero h1 { color: #061626; font-size: clamp(2.6rem, 6vw, 4.4rem); }
[data-section="origin"] .hero .lede { color: #3d4c59; margin-left: 0; }
[data-section="origin"] .hero .eyebrow { color: #0f7a52; }
[data-section="origin"] .hero .button-row { justify-content: flex-start; }
[data-section="origin"] .hero .button-secondary { color: #061626; border-color: rgba(6,22,38,.3); }

/* people — navy but left-aligned with a rule, so it reads differently to rules */
[data-section="people"] .hero { background: #0b2233; text-align: left; }
[data-section="people"] .hero .hero-copy {
    margin: 0; max-width: 34ch; border-left: 4px solid #17b981; padding-left: 26px;
}
[data-section="people"] .hero .lede { margin-left: 0; }
[data-section="people"] .hero .button-row { justify-content: flex-start; }

/* numbers — light, left, monospace eyebrow: a data page, not a manifesto */
[data-section="numbers"] .hero {
    background: #f7faf9; border-bottom: 1px solid #d9e2df; text-align: left;
}
[data-section="numbers"] .hero .hero-copy { margin: 0; max-width: 30ch; }
[data-section="numbers"] .hero h1 { color: #061626; font-size: clamp(2.1rem, 4.4vw, 3.1rem); }
[data-section="numbers"] .hero .lede { color: #3d4c59; margin-left: 0; }
[data-section="numbers"] .hero .eyebrow {
    color: #0f7a52; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .08em;
}
[data-section="numbers"] .hero .button-row { justify-content: flex-start; }
[data-section="numbers"] .hero .button-secondary { color: #061626; border-color: rgba(6,22,38,.3); }

/* build — warm paper, left, compact: a workbench page */
[data-section="build"] .hero {
    background: #fbf7f0; border-bottom: 1px solid #e6ddcd; text-align: left; padding-bottom: 60px;
}
[data-section="build"] .hero .hero-copy { margin: 0; max-width: 32ch; }
[data-section="build"] .hero h1 { color: #1c1a17; font-size: clamp(2.1rem, 4.4vw, 3.2rem); }
[data-section="build"] .hero .lede { color: #55504a; margin-left: 0; }
[data-section="build"] .hero .eyebrow { color: #b4681c; }
[data-section="build"] .hero .button-row { justify-content: flex-start; }
[data-section="build"] .hero .button-secondary { color: #1c1a17; border-color: rgba(28,26,23,.3); }