/* SmartSuite Academy pages, staging v1 (24 Oct 2026). Generated from the approved mockups (academy-path-mockup.html, hub v5) by build: class selectors become data-ac attribute selectors so the Webflow build needs no new styles; the state classes js, is-in and signed-out stay classes for the observer script. Tokens from tokens.md. Replace with components in the Designer pass. */
/* www[data-ac~="smartsuite"][data-ac~="com"]/academy, mockup v2 (23 Oct 2026). Built from the community Home components (smartsuite-community/references/community-home-mockup-2026-10-23/community-home[data-ac~="html"]) so the two pages read as one family: hero on Warm sky #E2EDF7 to #FBF8F2 under a warm-tinted photograph, navy #1A2943 headings, body #293342, white cards on #F4F5F7, gold #FFC72C once per screen and never text, photographs of real people under a faint blue tint, the navy pill above the H1, the member chip as the trust element. 1320 container, S-09 rhythm 80/120. The one dark band is the website's Standard CTA at the foot. */
:root{
  --font:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
  --navy:#1A2943;--navy-l1:#2C3A52;--navy-border:#485469;--navy-pressed:#5A6578;
  --title:#111C2D;--body:#293342;--secondary:#646B76;
  --white:#FFFFFF;--tint:#EEF3FC;--tint-blue:#EEF3FC;--border:#DFE3E7; /* v3 (Jon, 23 Oct 2026): section grounds and inner panels on the standard blue tint, not the neutral gray */
  --action:#2D6BCC;--action-hover:#0931B9;--action-navy:#A9C7FF;--gold:#FFC72C;
  --on-navy-body:#DFE3E7;--on-navy-secondary:#B8C2CF;
  --hero-a:#E2EDF7;--hero-b:#FBF8F2;--hero-photo-tint:rgba(230,170,90,.08);--photo-tint:rgba(45,107,204,.10);
  --success:#067647;
  --dur-fast:150ms;--dur-base:300ms;--dur-slow:500ms;--ease:cubic-bezier(.4,0,.2,1);
  --gutter:clamp(16px,4.2vw,60px);--max:1320px;
  --pad:80px;--pad-major:120px;
  --raised:0 1px 2px rgba(17,28,45,.06),0 2px 8px rgba(17,28,45,.12);
  color-scheme:light;
}
@media (max-width:991px){:root{--pad:64px;--pad-major:80px}}
@media (max-width:479px){:root{--pad:48px;--pad-major:64px}}
*{box-sizing:border-box}
[data-ac~="root"]{color:var(--body);font-family:var(--font);font-size:16px;line-height:24px;-webkit-font-smoothing:antialiased}
[data-ac~="root"] img{max-width:100%;display:block}
[data-ac~="root"] a{color:var(--action)}
[data-ac~="root"] h1,[data-ac~="root"] h2,[data-ac~="root"] h3,[data-ac~="root"] h4,[data-ac~="root"] p,[data-ac~="root"] ul,[data-ac~="root"] ol{margin:0}
[data-ac~="root"] ul,[data-ac~="root"] ol{padding:0;list-style:none}
[data-ac~="wrap"]{max-width:var(--max);margin-inline:auto;padding-inline:var(--gutter)}
[data-ac~="icon"]{font-family:"Material Symbols Outlined";font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 24;font-size:20px;line-height:1;display:inline-block;vertical-align:middle;font-style:normal}
[data-ac~="icon"][data-ac~="i24"]{font-size:24px}
:focus-visible{outline:2px solid var(--action);outline-offset:2px}
[data-ac~="on-navy"] :focus-visible{outline-color:#fff}
/* type scale */
[data-ac~="h1"]{font-size:60px;line-height:68px;font-weight:600;letter-spacing:-.01em;text-wrap:balance;color:var(--navy)}
[data-ac~="h2"]{font-size:44px;line-height:52px;font-weight:600;color:var(--navy);letter-spacing:-.01em;text-wrap:balance}
[data-ac~="h3"]{font-size:34px;line-height:44px;font-weight:600;color:var(--navy)}
[data-ac~="h4"]{font-size:24px;line-height:32px;font-weight:600;color:var(--navy)}
[data-ac~="h5"]{font-size:20px;line-height:30px;font-weight:500;color:var(--navy)}
[data-ac~="p1"]{font-size:18px;line-height:28px}
[data-ac~="p2"]{font-size:16px;line-height:24px}
[data-ac~="p3"]{font-size:14px;line-height:22px}
[data-ac~="p3m"]{font-size:14px;line-height:22px;font-weight:500}
[data-ac~="overline"]{font-size:14px;line-height:22px;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--secondary)}
[data-ac~="sec-c"]{color:var(--secondary)}
@media (max-width:479px){[data-ac~="h1"]{font-size:34px;line-height:40px}[data-ac~="h2"]{font-size:30px;line-height:36px}[data-ac~="h3"]{font-size:26px;line-height:32px}[data-ac~="h4"]{font-size:22px;line-height:28px}}
/* buttons (S-11, S-12): 38 pages, 44 banners; hover = grow ring */
[data-ac~="btn"]{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:38px;padding:0 20px;border-radius:8px;border:0;font:500 16px/24px var(--font);text-decoration:none;cursor:pointer;white-space:nowrap;transition:box-shadow var(--dur-fast) var(--ease),background-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}
[data-ac~="btn-primary"]{background:var(--action);color:#fff}
[data-ac~="btn-primary"]:hover,[data-ac~="btn-primary"]:focus-visible{box-shadow:0 0 0 3px var(--action)}
[data-ac~="btn-primary"]:active{background:var(--action-hover);box-shadow:0 0 0 3px var(--action-hover)}
[data-ac~="btn-secondary"]{background:#fff;color:var(--title);box-shadow:inset 0 0 0 1px var(--border)}
[data-ac~="btn-secondary"]:hover,[data-ac~="btn-secondary"]:focus-visible{box-shadow:inset 0 0 0 1px var(--border),0 0 0 3px var(--border)}
[data-ac~="btn-white"]{background:#fff;color:var(--title)}
[data-ac~="btn-white"]:hover,[data-ac~="btn-white"]:focus-visible{box-shadow:0 0 0 3px #fff}
[data-ac~="btn-tonal"]{background:var(--navy-border);color:#fff}
[data-ac~="btn-tonal"]:hover,[data-ac~="btn-tonal"]:focus-visible{box-shadow:0 0 0 3px var(--navy-border)}
[data-ac~="btn-44"]{height:44px;padding:0 24px}
[data-ac~="tert"]{display:inline-flex;align-items:center;gap:8px;color:var(--title);font-weight:500;text-decoration:none;min-height:44px}
[data-ac~="tert"] [data-ac~="icon"]{color:var(--action);transition:transform var(--dur-fast) var(--ease)}
[data-ac~="tert"]:hover,[data-ac~="tert"]:focus-visible{color:var(--action);text-decoration:underline;text-underline-offset:3px}
[data-ac~="tert"]:hover [data-ac~="icon"],[data-ac~="tert"]:focus-visible [data-ac~="icon"]{transform:translateX(4px)}
[data-ac~="on-navy"] [data-ac~="tert"]{color:#fff}[data-ac~="on-navy"] [data-ac~="tert"] [data-ac~="icon"]{color:var(--action-navy)}[data-ac~="on-navy"] [data-ac~="tert"]:hover{color:var(--action-navy)}
/* cards (S-52): radius 12, no shadow, ring on hover, 2 px lift */
[data-ac~="card"]{background:#fff;border:1px solid var(--border);border-radius:12px;position:relative;transition:box-shadow var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}
[data-ac~="on-tint"] [data-ac~="card"]{border-color:transparent}
[data-ac~="card"][data-ac~="link"]:hover,[data-ac~="card"][data-ac~="link"]:focus-within{box-shadow:0 0 0 3px var(--surface,#fff),0 0 0 4px var(--action);transform:translateY(-2px)}
[data-ac~="on-tint"]{--surface:var(--tint)}[data-ac~="on-white"]{--surface:#fff}
/* member chip: three faces and a count, white with the raised shadow (Jon, 23 Oct 2026) */
[data-ac~="mchip"]{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 12px 0 4px;border-radius:999px;background:#fff;box-shadow:var(--raised);font-size:14px;line-height:22px;font-weight:500;color:var(--title);white-space:nowrap}
[data-ac~="mchip"] [data-ac~="fs"]{display:flex}
[data-ac~="mchip"] [data-ac~="fs"] img{width:24px;height:24px;border-radius:50%;border:2px solid #fff;object-fit:cover;margin-left:-8px}
[data-ac~="mchip"] [data-ac~="fs"] img:first-child{margin-left:0}
[data-ac~="mchip"][data-ac~="solo"]{padding-left:12px}
[data-ac~="av"]{width:40px;height:40px;border-radius:50%;object-fit:cover;flex:none}
[data-ac~="av"][data-ac~="a32"]{width:32px;height:32px}
/* pills and chips */
[data-ac~="pill"]{display:inline-flex;align-items:center;gap:8px;height:28px;padding:0 12px;border-radius:999px;font-size:14px;line-height:22px;font-weight:500}
[data-ac~="pill-navy"]{color:#fff;background:var(--navy);border:1px solid var(--navy)}
[data-ac~="pill-navy"]::before{content:"";width:8px;height:8px;border-radius:50%;background:#fff;opacity:.85}
[data-ac~="chip"]{display:inline-flex;align-items:center;gap:6px;min-height:24px;padding:3px 10px;border-radius:999px;font-size:12px;line-height:18px;font-weight:500;background:var(--tint-blue);color:var(--action-hover);white-space:normal;text-align:left}
[data-ac~="chip-cert"]{background:var(--navy);color:#fff}
[data-ac~="chip-cert"] [data-ac~="icon"]{font-size:14px;color:var(--gold)}
[data-ac~="chip-neutral"]{background:var(--tint);color:var(--secondary)}
[data-ac~="chip-ok"]{background:#E6F4EA;color:var(--success)}
/* sections */
[data-ac~="sec"]{padding-block:var(--pad)}
[data-ac~="sec"][data-ac~="major"]{padding-block:var(--pad-major)}
[data-ac~="on-tint"]{background:var(--tint)}
[data-ac~="on-white"]{background:#fff}
[data-ac~="sec-head"]{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:40px;flex-wrap:wrap}
[data-ac~="sec-head"] [data-ac~="lede"]{color:var(--body);max-width:640px;margin-top:8px}
@media (max-width:479px){[data-ac~="sec-head"]{margin-bottom:32px}}
/* reveal: resting state visible; JS adds .js then .is-in */
.js [data-ac~="rv"]:not(.is-in){opacity:0;transform:translateY(14px)}
[data-ac~="rv"]{transition:opacity var(--dur-slow) var(--ease),transform var(--dur-slow) var(--ease)}
[data-ac~="rv"][data-ac~="d1"]{transition-delay:150ms}[data-ac~="rv"][data-ac~="d2"]{transition-delay:300ms}[data-ac~="rv"][data-ac~="d3"]{transition-delay:450ms}[data-ac~="rv"][data-ac~="d4"]{transition-delay:600ms}[data-ac~="rv"][data-ac~="d5"]{transition-delay:750ms}
/* www header (site chrome, drawn for context) */
@media (max-width:991px){}
@media (max-width:767px){}
[data-ac~="root"].signed-out 
[data-ac~="root"]:not(.signed-out) 
[data-ac~="root"].signed-out #path-in,[data-ac~="root"]:not(.signed-out) #path-out{display:none}
/* hero (Hub header, navy variant). v4 (Jon, 23 Oct 2026 22:5xZ: "go back to the Navy banner"): navy #1A2943 ground with the flood glow, white H1, on-navy body #DFE3E7 and secondary #B8C2CF, the gold rule as the one gold element, the photograph contained at 5:4 in a radius-12 frame under the navy fade with the path card laid over it (the v1 treatment); the v3 motion stays. The community Home keeps its Warm sky hero; the two differ by Jon's decision. The Warm sky values stay in :root for the options page. */
[data-ac~="hero"]{background:var(--navy);color:var(--on-navy-body);position:relative;overflow:hidden;isolation:isolate}
[data-ac~="hero"] [data-ac~="glow"]{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(60% 120% at 88% 40%,rgba(45,107,204,.55),rgba(45,107,204,.18) 45%,rgba(45,107,204,0) 72%)}
[data-ac~="hero"] [data-ac~="wrap"]{display:grid;grid-template-columns:minmax(0,640px) 1fr;gap:48px;align-items:center}
[data-ac~="hero"] [data-ac~="text"]{display:grid;gap:24px;justify-items:start}
[data-ac~="hero"] [data-ac~="h1"]{color:#fff}
/* v5: the website's gold banner pill, the live values from sitewide-v4[data-ac~="css"] ([data-ac~="badge"], [data-ac~="badge-dot"], [data-ac~="badge"] [data-ac~="caption"]): transparent, 1px #FFC72C stroke, radius 999, padding 5px 12px 5px 9px, 8px gold dot with 6px gap, caption 13px/1.3 600 uppercase letter-spaced .06em in gold */
[data-ac~="pill-gold"]{height:auto;gap:6px;padding:5px 12px 5px 9px;background:transparent;border:1px solid var(--gold);border-radius:999px;color:var(--gold);font-size:13px;line-height:1.3;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
[data-ac~="pill-gold"]::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--gold)}
[data-ac~="hero"] [data-ac~="h1"] strong{color:var(--gold);font-weight:inherit}
[data-ac~="gold-link"]{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--gold);font:600 16px/24px var(--font);text-decoration:none}
[data-ac~="gold-link"]:hover,[data-ac~="gold-link"]:focus-visible{text-decoration:underline;text-underline-offset:3px}
[data-ac~="gold-link"] [data-ac~="icon"]{transition:transform var(--dur-fast) var(--ease)}
[data-ac~="gold-link"]:hover [data-ac~="icon"]{transform:translateX(4px)}
[data-ac~="hero"] [data-ac~="rule"]{width:96px;height:4px;background:var(--gold);border-radius:2px;transform-origin:left center;animation:rule 500ms var(--ease) 300ms both}
[data-ac~="frame"]{position:relative;width:100%;max-width:520px}
[data-ac~="frame"] [data-ac~="pic"]{position:relative;aspect-ratio:5/4;border-radius:12px;overflow:hidden;background:var(--navy-l1)}
[data-ac~="frame"] [data-ac~="pic"] img{width:100%;height:100%;object-fit:cover;object-position:60% center}
[data-ac~="frame"] [data-ac~="pic"]::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(26,41,67,.55) 0%,rgba(26,41,67,.1) 55%,rgba(26,41,67,0) 100%)}
@keyframes rule{from{transform:scaleX(0)}to{transform:scaleX(1)}}
[data-ac~="hero"] [data-ac~="mchip"] [data-ac~="fs"] img{animation:fadein 500ms var(--ease) both}
[data-ac~="hero"] [data-ac~="mchip"] [data-ac~="fs"] img:nth-child(1){animation-delay:700ms}[data-ac~="hero"] [data-ac~="mchip"] [data-ac~="fs"] img:nth-child(2){animation-delay:850ms}[data-ac~="hero"] [data-ac~="mchip"] [data-ac~="fs"] img:nth-child(3){animation-delay:1000ms}
@keyframes fadein{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
/* v5 motion (Jon, 23 Oct 2026 23:3xZ): one orchestrated opening, then quiet ambient motion; only the path card loops */
[data-ac~="hero"] [data-ac~="text"] > *{animation:rise 500ms var(--ease) both}
[data-ac~="hero"] [data-ac~="text"] > :nth-child(1){animation-delay:0ms}[data-ac~="hero"] [data-ac~="text"] > :nth-child(2){animation-delay:100ms}[data-ac~="hero"] [data-ac~="text"] > :nth-child(3){animation:rule 500ms var(--ease) 300ms both}[data-ac~="hero"] [data-ac~="text"] > :nth-child(4){animation-delay:300ms}[data-ac~="hero"] [data-ac~="text"] > :nth-child(5){animation-delay:400ms}[data-ac~="hero"] [data-ac~="text"] > :nth-child(6){animation-delay:500ms}
@keyframes rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
[data-ac~="frame"] [data-ac~="pic"] img{animation:drift 8s var(--ease) both}
@keyframes drift{from{transform:scale(1.06)}to{transform:scale(1)}}
[data-ac~="pulse"]{fill:none;stroke:var(--gold);stroke-width:2;opacity:0;transform-origin:244px 24px;animation:pulse 6s var(--ease) infinite}
@keyframes pulse{0%,68%{opacity:0;transform:scale(1)}72%{opacity:.9;transform:scale(1)}86%{opacity:0;transform:scale(2.2)}100%{opacity:0;transform:scale(2.2)}}
[data-ac~="star"]{fill:var(--gold)}
[data-ac~="fs2"] [data-ac~="fw"]{position:relative;width:24px;height:24px;margin-left:-8px;display:inline-block}
[data-ac~="fs2"] [data-ac~="fw"]:first-child{margin-left:0}
[data-ac~="fs2"] [data-ac~="fw"] img{position:absolute;inset:0;margin:0}
[data-ac~="fs2"] [data-ac~="fw"] img[data-ac~="a"]{animation:fadein 500ms var(--ease) both, swapout 500ms var(--ease) 4500ms both}
[data-ac~="fs2"] [data-ac~="fw"] img[data-ac~="b"]{opacity:0;animation:swapin 500ms var(--ease) 4500ms both}
[data-ac~="fs2"] [data-ac~="fw"]:nth-child(1) img[data-ac~="a"]{animation-delay:700ms,4500ms}[data-ac~="fs2"] [data-ac~="fw"]:nth-child(2) img[data-ac~="a"]{animation-delay:850ms,4650ms}[data-ac~="fs2"] [data-ac~="fw"]:nth-child(3) img[data-ac~="a"]{animation-delay:1000ms,4800ms}
[data-ac~="fs2"] [data-ac~="fw"]:nth-child(2) img[data-ac~="b"]{animation-delay:4650ms}[data-ac~="fs2"] [data-ac~="fw"]:nth-child(3) img[data-ac~="b"]{animation-delay:4800ms}
@keyframes swapout{to{opacity:0}}
@keyframes swapin{to{opacity:1}}
[data-ac~="ladder"]::after{top:auto;bottom:24px}
[data-ac~="ladder"] [data-ac~="rung"] > [data-ac~="no"]{transition:background-color var(--dur-base) var(--ease),color var(--dur-base) var(--ease),border-color var(--dur-base) var(--ease)}
[data-ac~="ladder"].is-in [data-ac~="rung"] > [data-ac~="no"]{background:var(--navy);color:#fff;border-color:var(--navy)}
[data-ac~="ladder"].is-in [data-ac~="rung"]:nth-child(4) > [data-ac~="no"]{transition-delay:150ms}[data-ac~="ladder"].is-in [data-ac~="rung"]:nth-child(3) > [data-ac~="no"]{transition-delay:450ms}[data-ac~="ladder"].is-in [data-ac~="rung"]:nth-child(2) > [data-ac~="no"]{transition-delay:750ms}[data-ac~="ladder"].is-in [data-ac~="rung"]:nth-child(1) > [data-ac~="no"]{transition-delay:1050ms}
[data-ac~="hstep"] [data-ac~="tt"] b::before{display:inline-block;transform:scale(0);transition:transform var(--dur-base) var(--ease) 200ms}
[data-ac~="hstep"].is-in [data-ac~="tt"] b::before{transform:scale(1)}
[data-ac~="hero"] [data-ac~="stand"]{color:var(--on-navy-body);max-width:560px}
[data-ac~="hero"] [data-ac~="actions"]{display:flex;gap:16px;flex-wrap:wrap;align-items:center}
[data-ac~="hero"] [data-ac~="trust"]{display:flex;gap:12px;align-items:center;flex-wrap:wrap;color:var(--on-navy-secondary);font-size:14px;line-height:22px}
[data-ac~="hero"] [data-ac~="media"]{display:flex;justify-content:flex-end;align-items:center}
[data-ac~="proof"]{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding-top:32px;border-top:1px solid rgba(255,255,255,.2)}
[data-ac~="proof"] li{display:flex;gap:12px;align-items:center;font-size:14px;line-height:22px;color:var(--on-navy-body)}
[data-ac~="proof"] li b{display:block;font-size:34px;line-height:44px;font-weight:600;color:#fff;font-variant-numeric:tabular-nums}
[data-ac~="proof"] [data-ac~="pi"]{flex:none;width:40px;height:40px;border-radius:8px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);display:inline-flex;align-items:center;justify-content:center;color:#fff}
/* the one moving element: the path card. A line draws from End User to Builder to Certified Builder, each node fills in turn, the credits count; six-second loop, S-07 curve; at rest under reduced motion. */
[data-ac~="pathcard"]{position:absolute;left:-24px;bottom:28px;width:380px;background:#fff;border:1px solid var(--border);border-radius:12px;padding:20px 20px 16px;box-shadow:0 16px 48px -12px rgba(17,28,45,.24);z-index:2}
[data-ac~="pathcard"] [data-ac~="lbl"]{font-size:14px;line-height:22px;font-weight:500;color:var(--secondary);display:flex;justify-content:space-between;gap:12px}
[data-ac~="pathcard"] [data-ac~="lbl"] b{color:var(--title);font-weight:500}
[data-ac~="pathcard"] [data-ac~="cred"]{color:var(--action);font-weight:600;font-variant-numeric:tabular-nums}
[data-ac~="pathcard"] svg{display:block;width:100%;height:auto;margin-top:10px}
[data-ac~="pathcard"] [data-ac~="steps"]{display:flex;justify-content:space-between;font-size:12px;line-height:18px;font-weight:500;color:var(--secondary);margin-top:4px}
[data-ac~="pathcard"] [data-ac~="steps"] span:last-child{text-align:right}
[data-ac~="pline"]{stroke:var(--border);stroke-width:4;fill:none;stroke-linecap:round}
[data-ac~="pfill"]{stroke:var(--action);stroke-width:4;fill:none;stroke-linecap:round;stroke-dasharray:260;stroke-dashoffset:260;animation:draw 6s var(--ease) infinite}
[data-ac~="node"]{fill:#fff;stroke:var(--border);stroke-width:3}
[data-ac~="node"][data-ac~="n1"]{animation:fill1 6s var(--ease) infinite}
[data-ac~="node"][data-ac~="n2"]{animation:fill2 6s var(--ease) infinite}
[data-ac~="node"][data-ac~="n3"]{animation:fill3 6s var(--ease) infinite}
[data-ac~="star"]{fill:#fff;opacity:0;animation:star 6s var(--ease) infinite;transform-origin:244px 24px}
@keyframes draw{0%{stroke-dashoffset:260}15%{stroke-dashoffset:260}70%{stroke-dashoffset:0}92%{stroke-dashoffset:0}100%{stroke-dashoffset:260}}
@keyframes fill1{0%,10%{fill:#fff;stroke:var(--border)}16%,92%{fill:var(--action);stroke:var(--action)}100%{fill:#fff;stroke:var(--border)}}
@keyframes fill2{0%,38%{fill:#fff;stroke:var(--border)}44%,92%{fill:var(--action);stroke:var(--action)}100%{fill:#fff;stroke:var(--border)}}
@keyframes fill3{0%,66%{fill:#fff;stroke:var(--border)}72%,92%{fill:var(--navy);stroke:var(--navy)}100%{fill:#fff;stroke:var(--border)}}
@keyframes star{0%,68%{opacity:0;transform:scale(.4)}74%,92%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.4)}}
[data-ac~="credits"]{display:inline-block;min-width:3.2em;text-align:right}
[data-ac~="credits"]::after{content:"10.0";animation:cred 6s steps(1,end) infinite}
@keyframes cred{0%,40%{content:"10.0"}44%,70%{content:"25.6"}74%,100%{content:"29.0"}}
@media (max-width:991px){
  [data-ac~="hero"] [data-ac~="wrap"]{grid-template-columns:1fr;gap:40px}
  [data-ac~="hero"] [data-ac~="media"]{justify-content:flex-start}
  [data-ac~="frame"]{max-width:none}
  [data-ac~="frame"] [data-ac~="pic"]{aspect-ratio:16/10}
  [data-ac~="pathcard"]{position:relative;left:auto;bottom:auto;width:calc(100% - 24px);margin:-32px auto 0}
  [data-ac~="proof"]{grid-template-columns:1fr 1fr}
}
@media (max-width:479px){
  [data-ac~="hero"] [data-ac~="actions"]{width:100%}[data-ac~="hero"] [data-ac~="actions"] [data-ac~="btn"]{flex:1 1 100%}
  [data-ac~="proof"]{grid-template-columns:1fr;gap:16px;padding-top:24px}
}
/* path tiles (the community Explore tile, three across) */
[data-ac~="tiles"]{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
[data-ac~="tile"]{display:grid;grid-template-rows:auto 1fr;overflow:hidden}
[data-ac~="tile"] [data-ac~="art"]{aspect-ratio:16/10;background:var(--tint-blue);overflow:hidden;position:relative;border-radius:12px 12px 0 0}
[data-ac~="tile"] [data-ac~="art"] img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform var(--dur-slow) var(--ease)}
[data-ac~="tile"] [data-ac~="art"]::after{content:"";position:absolute;inset:0;background:var(--photo-tint)}
[data-ac~="tile"][data-ac~="link"]:hover [data-ac~="art"] img{transform:scale(1.04)}
[data-ac~="tile"] [data-ac~="body"]{padding:0 24px 24px;display:grid;gap:8px;align-content:start;position:relative}
[data-ac~="tile"] [data-ac~="ic"]{width:40px;height:40px;border-radius:8px;background:#fff;border:1px solid var(--border);display:inline-flex;align-items:center;justify-content:center;color:var(--action);margin-top:-20px;margin-bottom:8px;position:relative;z-index:1}
[data-ac~="tile"] [data-ac~="meta"]{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;color:var(--secondary);font-size:14px;line-height:22px}
[data-ac~="tile"] [data-ac~="meta"] [data-ac~="icon"]{font-size:18px;color:var(--action);transition:transform var(--dur-fast) var(--ease)}
[data-ac~="tile"][data-ac~="link"]:hover [data-ac~="meta"] [data-ac~="icon"]{transform:translateX(4px)}
[data-ac~="tile"] [data-ac~="t"]{font-size:18px;line-height:28px;font-weight:500;color:var(--title);text-decoration:none}
[data-ac~="tile"] [data-ac~="t"]::after{content:"";position:absolute;inset:0;border-radius:12px}
[data-ac~="tile"] [data-ac~="chips"]{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}
@media (max-width:991px){[data-ac~="tiles"]{grid-template-columns:repeat(2,1fr)}}
@media (max-width:479px){[data-ac~="tiles"]{grid-template-columns:1fr;gap:16px}[data-ac~="tile"] [data-ac~="body"]{padding:0 16px 16px}}
[data-ac~="more"]{margin-top:32px;font-weight:500}
[data-ac~="more"] a{color:var(--title);text-decoration:none;display:inline-flex;align-items:center;gap:8px}
[data-ac~="more"] a [data-ac~="icon"]{color:var(--action);transition:transform var(--dur-fast) var(--ease)}
[data-ac~="more"] a:hover,[data-ac~="more"] a:focus-visible{color:var(--action);text-decoration:underline;text-underline-offset:3px}
[data-ac~="more"] a:hover [data-ac~="icon"]{transform:translateX(4px)}
@media (max-width:479px){[data-ac~="more"]{margin-top:24px}}
/* your path (signed in) */
[data-ac~="path"]{display:grid;grid-template-columns:2fr 1fr;gap:24px;align-items:start}
@media (max-width:991px){[data-ac~="path"]{grid-template-columns:1fr}}
[data-ac~="pcard"]{padding:24px;display:grid;gap:20px}
[data-ac~="pcard"] [data-ac~="head"]{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:flex-start}
[data-ac~="pcard"] [data-ac~="head"] [data-ac~="l"]{display:grid;gap:4px}
[data-ac~="prog"]{height:8px;border-radius:4px;background:var(--tint-blue);overflow:hidden}
[data-ac~="prog"] i{display:block;height:100%;width:var(--w,56%);background:var(--action);border-radius:4px}
[data-ac~="steps"]{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
[data-ac~="step"]{display:grid;gap:4px;padding:16px;border-radius:8px;background:var(--tint)}
[data-ac~="step"] [data-ac~="k"]{font-size:12px;line-height:18px;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--secondary)}
[data-ac~="step"] [data-ac~="v"]{font-weight:500;color:var(--navy)}
[data-ac~="step"] [data-ac~="m"]{font-size:14px;line-height:22px;color:var(--secondary)}
@media (max-width:767px){[data-ac~="steps"]{grid-template-columns:1fr}}
[data-ac~="pcard"] [data-ac~="acts"]{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
[data-ac~="badgewall"]{padding:24px;display:grid;gap:16px}
[data-ac~="badgewall"] ul{display:grid;gap:12px}
[data-ac~="badgewall"] li{display:flex;gap:12px;align-items:center}
[data-ac~="bd"]{flex:none;width:40px;height:40px;border-radius:50%;background:var(--tint-blue);display:inline-flex;align-items:center;justify-content:center;color:var(--action)}
[data-ac~="bd"][data-ac~="locked"]{background:var(--tint);color:var(--secondary)}
[data-ac~="bd"][data-ac~="id"]{background:var(--navy);color:#fff}
[data-ac~="badgewall"] [data-ac~="t"]{display:grid}
[data-ac~="badgewall"] [data-ac~="t"] b{font-weight:500;color:var(--navy)}
[data-ac~="badgewall"] [data-ac~="t"] span{font-size:14px;line-height:22px;color:var(--secondary)}
/* pick a path (signed out) */
[data-ac~="picker"]{padding:24px;display:grid;gap:20px}
[data-ac~="roles"]{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
[data-ac~="roles"] button{font:500 16px/24px var(--font);text-align:left;display:flex;gap:12px;align-items:center;padding:12px 16px;border-radius:8px;border:1px solid var(--border);background:#fff;color:var(--title);cursor:pointer;min-height:48px;transition:box-shadow var(--dur-fast) var(--ease),background-color var(--dur-fast) var(--ease)}
[data-ac~="roles"] button [data-ac~="icon"]{color:var(--action);font-size:22px}
[data-ac~="roles"] button:hover{box-shadow:0 0 0 3px var(--border)}
[data-ac~="roles"] button[aria-checked="true"]{background:var(--tint-blue);border-color:var(--action);box-shadow:0 0 0 1px var(--action)}
@media (max-width:767px){[data-ac~="roles"]{grid-template-columns:1fr}}
[data-ac~="result"]{display:grid;gap:12px;padding:20px;border-radius:8px;background:var(--tint)}
[data-ac~="result"] [data-ac~="r1"]{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center}
[data-ac~="result"] [data-ac~="facts"]{display:flex;gap:12px 24px;flex-wrap:wrap;font-size:14px;line-height:22px;color:var(--secondary)}
[data-ac~="result"] [data-ac~="facts"] b{color:var(--navy);font-weight:500}
[data-ac~="result"] [data-ac~="acts"]{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
[data-ac~="adds"]{padding:24px;display:grid;gap:16px}
[data-ac~="adds"] ul{display:grid;gap:12px}
[data-ac~="adds"] li{display:flex;gap:12px;align-items:flex-start}
[data-ac~="adds"] li [data-ac~="icon"]{color:var(--action);flex:none;margin-top:2px}
/* AI track stepper */
[data-ac~="stepper"]{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
[data-ac~="stepper"]::before{content:"";position:absolute;left:12%;right:12%;top:44px;height:4px;border-radius:2px;background:var(--border)}
[data-ac~="stepper"]::after{content:"";position:absolute;left:12%;top:44px;height:4px;border-radius:2px;background:var(--action);width:0;transition:width 1500ms var(--ease)}
[data-ac~="stepper"].is-in::after{width:76%}
[data-ac~="st"]{padding:24px;display:grid;gap:12px;align-content:start}
[data-ac~="st"] [data-ac~="no"]{width:40px;height:40px;border-radius:50%;background:var(--navy);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:600;position:relative;z-index:1;box-shadow:0 0 0 6px var(--white)}
[data-ac~="st"] [data-ac~="t"]{font-size:20px;line-height:30px;font-weight:500;color:var(--navy);text-decoration:none}
[data-ac~="st"] [data-ac~="t"]::after{content:"";position:absolute;inset:0;border-radius:12px}
[data-ac~="st"] [data-ac~="f"]{font-size:14px;line-height:22px;color:var(--secondary)}
[data-ac~="st"] [data-ac~="f"] b{color:var(--navy);font-weight:500}
@media (max-width:991px){[data-ac~="stepper"]{grid-template-columns:1fr}[data-ac~="stepper"]::before,[data-ac~="stepper"]::after{display:none}}
/* certification ladder */
[data-ac~="ladder"]{position:relative;display:grid;gap:24px;padding-left:56px}
[data-ac~="ladder"]::before{content:"";position:absolute;left:19px;top:24px;bottom:24px;width:4px;border-radius:2px;background:var(--border)}
[data-ac~="ladder"]::after{content:"";position:absolute;left:19px;top:24px;width:4px;border-radius:2px;background:var(--action);height:0;transition:height 1500ms var(--ease)}
[data-ac~="ladder"].is-in::after{height:calc(100% - 48px)}
[data-ac~="rung"]{position:relative}
[data-ac~="rung"] [data-ac~="no"]{position:absolute;left:-56px;top:24px;width:44px;height:44px;border-radius:50%;background:#fff;border:1px solid var(--border);display:inline-flex;align-items:center;justify-content:center;color:var(--navy);font-weight:600;font-size:14px;z-index:1}
[data-ac~="rung"] [data-ac~="lab"]{font-size:12px;line-height:18px;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--secondary);margin-bottom:12px}
[data-ac~="certs"]{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
[data-ac~="certs"][data-ac~="one"]{grid-template-columns:1fr}
[data-ac~="cc"]{padding:24px;display:grid;gap:12px;align-content:start}
[data-ac~="cc"] [data-ac~="top"]{display:flex;gap:16px;align-items:center}
[data-ac~="seal"]{flex:none;width:56px;height:56px;border-radius:50%;background:var(--navy);display:inline-flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 0 0 3px #fff,0 0 0 4px var(--border)}
[data-ac~="seal"] [data-ac~="icon"]{font-size:28px}
[data-ac~="seal"][data-ac~="soft"]{background:var(--tint-blue);color:var(--action);box-shadow:none}
[data-ac~="cc"] [data-ac~="t"]{font-size:18px;line-height:28px;font-weight:500;color:var(--title);text-decoration:none}
[data-ac~="cc"] [data-ac~="t"]::after{content:"";position:absolute;inset:0;border-radius:12px}
[data-ac~="cc"] [data-ac~="who"]{font-size:14px;line-height:22px;color:var(--body)}
[data-ac~="cc"] dl{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;font-size:14px;line-height:22px;margin:0}
[data-ac~="cc"] dt{color:var(--secondary)}[data-ac~="cc"] dd{margin:0;color:var(--title);font-weight:500}
[data-ac~="cc"] [data-ac~="go"]{display:inline-flex;align-items:center;gap:8px;color:var(--action);font-weight:500;font-size:14px;line-height:22px;margin-top:4px}
[data-ac~="cc"] [data-ac~="go"] [data-ac~="icon"]{font-size:18px;transition:transform var(--dur-fast) var(--ease)}
[data-ac~="cc"][data-ac~="link"]:hover [data-ac~="go"] [data-ac~="icon"]{transform:translateX(4px)}
[data-ac~="cc"][data-ac~="wide"]{grid-template-columns:1fr 1fr;gap:24px 40px;align-items:center}
[data-ac~="cc"][data-ac~="wide"] [data-ac~="top"]{grid-row:span 2}
[data-ac~="cc"][data-ac~="expert"]{background:#fff}
[data-ac~="cc"] [data-ac~="gr"]{width:48px;height:4px;border-radius:2px;background:var(--gold)}
@media (max-width:991px){[data-ac~="certs"]{grid-template-columns:1fr}[data-ac~="cc"][data-ac~="wide"]{grid-template-columns:1fr}[data-ac~="cc"][data-ac~="wide"] [data-ac~="top"]{grid-row:auto}}
@media (max-width:479px){[data-ac~="ladder"]{padding-left:0}[data-ac~="ladder"]::before,[data-ac~="ladder"]::after{display:none}[data-ac~="rung"] [data-ac~="no"]{position:static;margin-bottom:12px}}
/* how it works */
[data-ac~="how"]{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
[data-ac~="how"] [data-ac~="photo"]{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:16/10}
[data-ac~="how"] [data-ac~="photo"] > img{width:100%;height:100%;object-fit:cover}
[data-ac~="how"] [data-ac~="photo"]::after{content:"";position:absolute;inset:0;background:var(--photo-tint)}
[data-ac~="hsteps"]{display:grid;gap:16px;counter-reset:s}
[data-ac~="hstep"]{display:flex;gap:16px;align-items:flex-start;padding:16px;border-radius:12px;background:var(--tint);counter-increment:s}
[data-ac~="hstep"] [data-ac~="hi"]{flex:none;width:44px;height:44px;border-radius:8px;background:#fff;border:1px solid var(--border);display:inline-flex;align-items:center;justify-content:center;color:var(--action)}
[data-ac~="hstep"] [data-ac~="tt"]{display:grid;gap:2px}
[data-ac~="hstep"] [data-ac~="tt"] b{font-weight:500;color:var(--navy)}
[data-ac~="hstep"] [data-ac~="tt"] b::before{content:counter(s) ". ";color:var(--action)}
[data-ac~="hstep"] [data-ac~="tt"] span{font-size:14px;line-height:22px;color:var(--secondary)}
@media (max-width:991px){[data-ac~="how"]{grid-template-columns:1fr;gap:32px}}
/* events (the community event card) */
[data-ac~="events"]{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
[data-ac~="ev"]{padding:24px;display:grid;gap:16px;align-content:start}
[data-ac~="ev"] [data-ac~="top"]{display:flex;gap:16px;align-items:flex-start}
[data-ac~="ev"] [data-ac~="date"]{flex:none;width:64px;border-radius:8px;background:var(--tint-blue);color:var(--navy);text-align:center;padding:8px 0;display:grid}
[data-ac~="ev"] [data-ac~="date"] b{font-size:24px;line-height:28px;font-weight:600}
[data-ac~="ev"] [data-ac~="date"] span{font-size:12px;line-height:18px;color:var(--secondary);text-transform:uppercase;letter-spacing:.06em}
[data-ac~="ev"] [data-ac~="t"]{font-size:18px;line-height:28px;font-weight:500;color:var(--title)}
[data-ac~="ev"] [data-ac~="line"]{display:flex;gap:8px;align-items:center;color:var(--secondary);font-size:14px;line-height:22px}
[data-ac~="ev"] [data-ac~="line"] [data-ac~="icon"]{font-size:18px;color:var(--action)}
[data-ac~="ev"] [data-ac~="host"]{display:flex;gap:12px;align-items:center;font-size:14px;line-height:22px;color:var(--body)}
[data-ac~="ev"] [data-ac~="host"] [data-ac~="av"]{width:40px;height:40px;background:var(--tint-blue);display:inline-flex;align-items:center;justify-content:center;color:var(--action);border-radius:50%}
[data-ac~="ev"] [data-ac~="act"]{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:auto}
[data-ac~="ev"] [data-ac~="act"] a{position:relative;z-index:1}
@media (max-width:991px){[data-ac~="events"]{grid-template-columns:1fr 1fr}}
@media (max-width:767px){[data-ac~="events"]{grid-template-columns:1fr}}
/* accordion + learn panel (the community rules section) */
[data-ac~="howlearn"]{display:grid;grid-template-columns:2fr 1fr;gap:24px;align-items:start}
@media (max-width:991px){[data-ac~="howlearn"]{grid-template-columns:1fr}}
[data-ac~="acc"] details{border-top:1px solid var(--border)}
[data-ac~="acc"] details:last-child{border-bottom:1px solid var(--border)}
[data-ac~="acc"] summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 0;font-size:18px;line-height:28px;font-weight:500;color:var(--title)}
[data-ac~="acc"] summary::-webkit-details-marker{display:none}
[data-ac~="acc"] summary:hover{color:var(--action)}
[data-ac~="acc"] [data-ac~="mk"]{flex:none;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;position:relative}
[data-ac~="acc"] [data-ac~="mk"]::before,[data-ac~="acc"] [data-ac~="mk"]::after{content:"";position:absolute;width:16px;height:1.5px;background:var(--action);border-radius:1px;transition:transform var(--dur-base) var(--ease)}
[data-ac~="acc"] [data-ac~="mk"]::after{transform:rotate(90deg)}
[data-ac~="acc"] details[open] [data-ac~="mk"]::after{transform:rotate(0)}
[data-ac~="acc"] [data-ac~="ab"]{padding:0 0 24px;color:var(--body);display:grid;gap:12px;max-width:72ch}
[data-ac~="learn"]{background:var(--tint-blue);border-radius:24px;padding:40px;display:grid;gap:20px}
[data-ac~="learn"] ul{display:grid;gap:8px}
[data-ac~="learn"] a{display:flex;align-items:center;gap:16px;min-height:64px;padding:8px 12px 8px 8px;border-radius:12px;text-decoration:none;color:var(--title);transition:background-color var(--dur-fast) var(--ease)}
[data-ac~="learn"] a:hover{background:#fff}
[data-ac~="learn"] [data-ac~="tile-i"]{flex:none;width:48px;height:48px;border-radius:8px;background:#fff;border:1px solid var(--border);display:inline-flex;align-items:center;justify-content:center;color:var(--action)}
[data-ac~="learn"] [data-ac~="tt"]{display:grid;gap:0;flex:1}
[data-ac~="learn"] [data-ac~="tt"] b{font-weight:500}
[data-ac~="learn"] [data-ac~="tt"] span{font-size:14px;line-height:22px;color:var(--secondary)}
[data-ac~="learn"] a [data-ac~="arr"]{color:var(--action);transition:transform var(--dur-fast) var(--ease)}
[data-ac~="learn"] a:hover [data-ac~="arr"]{transform:translateX(4px)}
[data-ac~="learn"] a:hover [data-ac~="tt"] b{text-decoration:underline;text-underline-offset:3px;color:var(--action)}
[data-ac~="learn"] [data-ac~="mchip"]{justify-self:start}
@media (max-width:479px){[data-ac~="learn"]{padding:24px;border-radius:16px}}
/* Standard CTA (the website's one dark band) */
[data-ac~="cta"]{background:var(--navy);color:#fff;position:relative;overflow:hidden;isolation:isolate}
[data-ac~="cta"] [data-ac~="glow"]{position:absolute;right:-10%;top:-40%;width:60%;height:180%;background:radial-gradient(closest-side,rgba(45,107,204,.35),rgba(45,107,204,0));z-index:-1}
[data-ac~="cta"] [data-ac~="wrap"]{display:grid;gap:24px;justify-items:start;max-width:calc(var(--max));}
[data-ac~="cta"] [data-ac~="h2"]{color:#fff;max-width:720px}
[data-ac~="cta"] p{color:var(--on-navy-body);max-width:640px}
[data-ac~="cta"] [data-ac~="actions"]{display:flex;gap:16px;flex-wrap:wrap;align-items:center}
@media (max-width:479px){[data-ac~="cta"] [data-ac~="actions"]{width:100%}[data-ac~="cta"] [data-ac~="actions"] [data-ac~="btn"]{flex:1 1 100%}}
/* footer (site chrome) */
@media (max-width:991px){}
@media (max-width:479px){}
[data-ac~="sr"]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* S-07 reduced motion: everything at rest */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .js [data-ac~="rv"]:not(.is-in){opacity:1;transform:none}
  [data-ac~="tile"][data-ac~="link"]:hover [data-ac~="art"] img{transform:none}
  [data-ac~="pfill"]{stroke-dashoffset:0}[data-ac~="node"]{fill:var(--action);stroke:var(--action)}[data-ac~="node"][data-ac~="n3"]{fill:var(--navy);stroke:var(--navy)}[data-ac~="star"]{opacity:1;transform:none}[data-ac~="pulse"]{opacity:0}
  [data-ac~="hero"] [data-ac~="text"] > *{opacity:1;transform:none}[data-ac~="frame"] [data-ac~="pic"] img{transform:none}[data-ac~="fs2"] [data-ac~="fw"] img[data-ac~="a"]{opacity:0}[data-ac~="fs2"] [data-ac~="fw"] img[data-ac~="b"]{opacity:1}[data-ac~="ladder"] [data-ac~="rung"] > [data-ac~="no"]{background:var(--navy);color:#fff;border-color:var(--navy)}[data-ac~="hstep"] [data-ac~="tt"] b::before{transform:scale(1)}
  [data-ac~="credits"]::after{content:"29.0";animation:none}
  [data-ac~="stepper"]::after{width:76%}[data-ac~="ladder"]::after{height:calc(100% - 48px)}
}
/* template additions (path and certification pages) */
[data-ac~="crows"]{display:grid;gap:12px}
[data-ac~="crow"]{display:grid;grid-template-columns:44px 64px minmax(0,1fr) auto auto;gap:16px;align-items:center;padding:16px 24px}
[data-ac~="ladder"] [data-ac~="crow"] [data-ac~="no"]{position:static;left:auto;top:auto;border:0;width:44px;height:44px;border-radius:50%;background:var(--tint-blue);color:var(--action);font-weight:600;display:inline-flex;align-items:center;justify-content:center;font-variant-numeric:tabular-nums;font-size:16px}
[data-ac~="crow"] [data-ac~="t"],[data-ac~="crow"] [data-ac~="sub"]{display:block}
[data-ac~="hstep"] [data-ac~="tt"]{min-width:0;overflow-wrap:anywhere}
[data-ac~="crow"] [data-ac~="code"]{font-size:14px;line-height:22px;font-weight:500;color:var(--secondary)}
[data-ac~="crow"] [data-ac~="t"]{font-weight:500;color:var(--navy);text-decoration:none;font-size:16px;line-height:24px}
[data-ac~="crow"] [data-ac~="t"]::after{content:"";position:absolute;inset:0;border-radius:12px}
[data-ac~="crow"] [data-ac~="sub"]{font-size:14px;line-height:22px;color:var(--secondary)}
[data-ac~="crow"] [data-ac~="m"]{font-size:14px;line-height:22px;color:var(--secondary);white-space:nowrap;text-align:right}
[data-ac~="crow"] [data-ac~="ask"]{position:relative;z-index:1;display:inline-flex;align-items:center;gap:6px;color:var(--action);font-size:14px;line-height:22px;font-weight:500;text-decoration:none;white-space:nowrap}
[data-ac~="crow"] [data-ac~="ask"] [data-ac~="icon"]{font-size:18px}
[data-ac~="crow"] [data-ac~="ask"]:hover{text-decoration:underline;text-underline-offset:3px}
[data-ac~="ladder"] [data-ac~="crow"][data-ac~="done"] [data-ac~="no"]{background:var(--navy);color:#fff}
[data-ac~="crow"][data-ac~="now"]{box-shadow:inset 0 0 0 2px var(--action)}
[data-ac~="on-tint"] [data-ac~="crow"][data-ac~="now"]{box-shadow:inset 0 0 0 2px var(--action)}
[data-ac~="exam-mark"]{display:flex;gap:16px;align-items:center;padding:20px 24px;border-radius:12px;background:var(--navy);color:#fff}
[data-ac~="exam-mark"] [data-ac~="seal"]{box-shadow:0 0 0 3px var(--navy),0 0 0 4px var(--navy-border)}
[data-ac~="exam-mark"] b{font-weight:500;display:block}
[data-ac~="exam-mark"] span{font-size:14px;line-height:22px;color:var(--on-navy-body)}
[data-ac~="exam-mark"] [data-ac~="tert"]{margin-left:auto;color:#fff}[data-ac~="exam-mark"] [data-ac~="tert"] [data-ac~="icon"]{color:var(--action-navy)}[data-ac~="exam-mark"] [data-ac~="tert"]:hover{color:var(--action-navy)}
@media (max-width:767px){[data-ac~="crow"]{grid-template-columns:44px minmax(0,1fr);gap:8px 16px}[data-ac~="crow"] [data-ac~="code"]{display:none}[data-ac~="crow"] [data-ac~="m"],[data-ac~="crow"] [data-ac~="ask"]{grid-column:2}[data-ac~="crow"] [data-ac~="m"]{text-align:left}[data-ac~="exam-mark"]{flex-wrap:wrap}[data-ac~="exam-mark"] [data-ac~="tert"]{margin-left:0}}
[data-ac~="dom"]{display:grid;gap:16px}
[data-ac~="dom"] li{display:grid;grid-template-columns:minmax(0,1fr) 200px 56px;gap:16px;align-items:center}
[data-ac~="dom"] [data-ac~="n"]{font-weight:500;color:var(--navy)}
[data-ac~="dom"] [data-ac~="c"]{font-size:14px;line-height:22px;color:var(--secondary)}
[data-ac~="dom"] [data-ac~="bar"]{height:8px;border-radius:4px;background:var(--tint-blue);overflow:hidden}
[data-ac~="dom"] [data-ac~="bar"] i{display:block;height:100%;width:0;background:var(--action);border-radius:4px;transition:width 1200ms var(--ease)}
.is-in [data-ac~="dom"] [data-ac~="bar"] i,[data-ac~="dom"].is-in [data-ac~="bar"] i{width:var(--w)}
[data-ac~="dom"] [data-ac~="w"]{font-size:16px;font-weight:600;color:var(--navy);font-variant-numeric:tabular-nums;text-align:right}
@media (max-width:767px){[data-ac~="dom"] li{grid-template-columns:minmax(0,1fr) 56px}[data-ac~="dom"] [data-ac~="bar"]{grid-column:1/-1}}
[data-ac~="spec"]{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
[data-ac~="spec"] [data-ac~="card"]{padding:24px;display:grid;gap:8px}
[data-ac~="spec"] dl{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;margin:0;font-size:16px;line-height:24px}
[data-ac~="spec"] dt{color:var(--secondary)}[data-ac~="spec"] dd{margin:0;color:var(--title);font-weight:500}
@media (max-width:991px){[data-ac~="spec"]{grid-template-columns:1fr}}
[data-ac~="badgehero"]{display:grid;justify-items:center;gap:16px;text-align:center}
[data-ac~="badgehero"] img{width:200px;height:200px}
[data-ac~="badgehero"] [data-ac~="chips"]{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
[data-ac~="chip-onnavy"]{background:var(--navy-l1);color:#fff;border:1px solid var(--navy-border)}
[data-ac~="hero"] [data-ac~="media"] [data-ac~="pathcard"]{position:static;width:380px}
[data-ac~="hero"] [data-ac~="text"] > :nth-child(3){animation:rule 500ms var(--ease) 300ms both}
[data-ac~="hero"] [data-ac~="frame"] [data-ac~="pathcard"]{position:absolute;left:-24px;bottom:28px}
@media (max-width:991px){[data-ac~="hero"] [data-ac~="media"] [data-ac~="pathcard"]{width:100%}[data-ac~="hero"] [data-ac~="frame"] [data-ac~="pathcard"]{position:relative;left:auto;bottom:auto;width:calc(100% - 24px);margin:-32px auto 0}}
@media (max-width:991px){[data-ac~="how"] [data-ac~="vbox"]{order:2}}
@media (prefers-reduced-motion:reduce){[data-ac~="dom"] [data-ac~="bar"] i{width:var(--w)}}/* v1.1 (24 Oct 2026): course rows numbered by CSS counter; minutes and credits joined in the m column; template-only rules */
[data-ac~="crows"]{counter-reset:crow}
[data-ac~="crow"]{counter-increment:crow}
[data-ac~="crow"] [data-ac~="no"]::before{content:counter(crow)}
[data-ac~="crow"] [data-ac~="m"]{display:inline-flex;gap:4px;justify-content:flex-end;white-space:nowrap}
[data-ac~="crow"] [data-ac~="mins"]::after{content:" min \00B7"}
[data-ac~="crow"] [data-ac~="cr"]::after{content:" CPE"}
[data-ac~="crow"] [data-ac~="t"]{position:static}
[data-ac~="crow"]{position:relative}

/* v1.2 (24 Oct 2026): tag-based rules mirrored to data-ac equivalents so DivBlock builds match (li, b, dl, dt, dd, ol, ul) */
[data-ac~="root"] [data-ac~="ul"],[data-ac~="root"] [data-ac~="ol"]{margin:0}[data-ac~="root"] [data-ac~="ul"],[data-ac~="root"] [data-ac~="ol"]{padding:0;list-style:none}[data-ac~="hstep"] [data-ac~="tt"] [data-ac~="b"]::before{display:inline-block;transform:scale(0);transition:transform var(--dur-base) var(--ease) 200ms}[data-ac~="hstep"].is-in [data-ac~="tt"] [data-ac~="b"]::before{transform:scale(1)}[data-ac~="proof"] [data-ac~="li"]{display:flex;gap:12px;align-items:center;font-size:14px;line-height:22px;color:var(--on-navy-body)}[data-ac~="proof"] [data-ac~="li"] [data-ac~="b"]{display:block;font-size:34px;line-height:44px;font-weight:600;color:#fff;font-variant-numeric:tabular-nums}[data-ac~="pathcard"] [data-ac~="lbl"] [data-ac~="b"]{color:var(--title);font-weight:500}[data-ac~="badgewall"] [data-ac~="ul"]{display:grid;gap:12px}[data-ac~="badgewall"] [data-ac~="li"]{display:flex;gap:12px;align-items:center}[data-ac~="badgewall"] [data-ac~="t"] [data-ac~="b"]{font-weight:500;color:var(--navy)}[data-ac~="result"] [data-ac~="facts"] [data-ac~="b"]{color:var(--navy);font-weight:500}[data-ac~="adds"] [data-ac~="ul"]{display:grid;gap:12px}[data-ac~="adds"] [data-ac~="li"]{display:flex;gap:12px;align-items:flex-start}[data-ac~="adds"] [data-ac~="li"] [data-ac~="icon"]{color:var(--action);flex:none;margin-top:2px}[data-ac~="st"] [data-ac~="f"] [data-ac~="b"]{color:var(--navy);font-weight:500}[data-ac~="cc"] [data-ac~="dl"]{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;font-size:14px;line-height:22px;margin:0}[data-ac~="cc"] [data-ac~="dt"]{color:var(--secondary)}[data-ac~="cc"] [data-ac~="dd"]{margin:0;color:var(--title);font-weight:500}[data-ac~="hstep"] [data-ac~="tt"] [data-ac~="b"]{font-weight:500;color:var(--navy)}[data-ac~="hstep"] [data-ac~="tt"] [data-ac~="b"]::before{content:counter(s) ". ";color:var(--action)}[data-ac~="ev"] [data-ac~="date"] [data-ac~="b"]{font-size:24px;line-height:28px;font-weight:600}[data-ac~="learn"] [data-ac~="ul"]{display:grid;gap:8px}[data-ac~="learn"] [data-ac~="tt"] [data-ac~="b"]{font-weight:500}[data-ac~="learn"] a:hover [data-ac~="tt"] [data-ac~="b"]{text-decoration:underline;text-underline-offset:3px;color:var(--action)}[data-ac~="exam-mark"] [data-ac~="b"]{font-weight:500;display:block}[data-ac~="dom"] [data-ac~="li"]{display:grid;grid-template-columns:minmax(0,1fr) 200px 56px;gap:16px;align-items:center}[data-ac~="spec"] [data-ac~="dl"]{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;margin:0;font-size:16px;line-height:24px}[data-ac~="spec"] [data-ac~="dt"]{color:var(--secondary)}[data-ac~="spec"] [data-ac~="dd"]{margin:0;color:var(--title);font-weight:500}
@media (prefers-reduced-motion:reduce){[data-ac~="hstep"] [data-ac~="tt"] [data-ac~="b"]::before{transform:scale(1)}}@media (max-width:767px){[data-ac~="dom"] [data-ac~="li"]{grid-template-columns:minmax(0,1fr) 56px}}
/* v1.3 (24 Oct 2026): certification template v1 extras: the 200 px badge slot, domain percent, trust note, hero stat captions, chip inside a dd */
[data-ac~="seal-frame"]{width:200px;height:200px;border-radius:50%;border:2px dashed rgba(255,255,255,.4);display:grid;place-items:center;color:rgba(255,255,255,.75);font-size:13px;line-height:1.3;text-align:center;padding:16px;background:rgba(255,255,255,.06)}
[data-ac~="seal-frame"]::after{content:"Badge slot, 200 px. Design in progress."}
[data-ac~="on-tint"] [data-ac~="seal-frame"]{border-color:var(--border);color:var(--secondary);background:#fff}
[data-ac~="vbox"]{display:grid;gap:12px;justify-items:center}
[data-ac~="badgehero"]{display:grid;gap:12px;justify-items:center}
[data-ac~="on-navy-secondary"]{color:var(--on-navy-secondary)}
[data-ac~="trust-note"]{font-size:14px;line-height:22px}
[data-ac~="proof"] [data-ac~="k"]{display:block}
[data-ac~="dom"] [data-ac~="pct"]{font-weight:600;color:var(--navy);text-align:right;font-variant-numeric:tabular-nums}
[data-ac~="dom"] [data-ac~="li"]{padding:12px 0;border-bottom:1px solid var(--border)}
[data-ac~="dom"] [data-ac~="li"] [data-ac~="n"]{grid-column:1}
[data-ac~="dom"] [data-ac~="li"] [data-ac~="c"]{grid-column:1}
[data-ac~="dom"] [data-ac~="li"] [data-ac~="bar"]{grid-column:2;grid-row:1/3}
[data-ac~="dom"] [data-ac~="li"] [data-ac~="pct"]{grid-column:3;grid-row:1/3}
[data-ac~="dom"] [data-ac~="bar"] [data-ac~="w"]{display:block;height:100%;width:var(--w,0%);background:var(--action);border-radius:4px;transition:width 500ms var(--ease)}
[data-ac~="spec"] [data-ac~="dd"]{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
[data-ac~="chip-onnavy"]{display:inline-flex;align-items:center;gap:4px}

/* v1.4 (24 Oct 2026): first section clears the fixed chrome (104, 114 below 992); row numbers count per Collection List item; step numbers keep a space; dollar sign before bound prices; path card credits count to 29.0 */
[data-ac~="sec"][data-ac~="hero"]{padding-top:calc(var(--pad) + 104px)}
@media (max-width:991px){[data-ac~="sec"][data-ac~="hero"]{padding-top:calc(var(--pad) + 114px)}}
[data-ac~="crow"]{counter-increment:none}
[data-ac~="crows"] .w-dyn-item{counter-increment:crow}
[data-ac~="hstep"] [data-ac~="tt"] b::before,[data-ac~="hstep"] [data-ac~="tt"] [data-ac~="b"]::before{content:counter(s) ".\00a0"}
[data-ac~="badgehero"] [data-ac~="chip-text"]::before,[data-ac~="spec"] [data-ac~="dd-text"]::before{content:"$"}

/* v1.5 (24 Oct 2026): row numbers come from the head script (CSS counters do not cross Collection List items); no pseudo content */
[data-ac~="crow"] [data-ac~="no"]::before{content:none}
/* v1.7 (24 Oct 2026): hub embed-hosted markup. The proof numbers keep the mockup rule when the b sits inside a Webflow embed; closed FAQ answers take no layout box (the browser keeps boxes for closed details content, which the rhythm probe counted). v1.6's global display:contents is withdrawn: it moved embed children into the hero text grid. */
[data-ac~="proof"] [data-ac~="li"] .w-embed{display:grid}
[data-ac~="proof"] [data-ac~="li"] b{display:block;font-size:34px;line-height:44px;font-weight:600;color:#fff;font-variant-numeric:tabular-nums}
[data-ac~="acc"] details:not([open]) [data-ac~="ab"]{display:none}
[data-ac~="acc"] .w-embed{display:block}
[data-ac~="acc"] .w-embed:last-child details{border-bottom:1px solid var(--border)}
/* v1.8 (24 Oct 2026, GO 107 pre-flight): the badge placeholder frames are removed from the Certifications template until the badge family is approved; the verification grid runs one column when the frame box is absent, and the hero badge block keeps its chips without a seal */
[data-ac~="how"]:has(> :only-child){grid-template-columns:1fr}
[data-ac~="badgehero"]{justify-items:start}