:root{--ink:#122238;--muted:#607089;--line:#dbe4ee;--paper:#fff;--wash:#f3f7fb;--navy:#0d3157;--blue:#176f9f;--green:#11845b;--amber:#a56500;--red:#b42318;--shadow:0 18px 55px rgba(13,49,87,.11)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,.button:focus-visible,input:focus-visible{outline:3px solid var(--blue);outline-offset:3px}img{max-width:100%;height:auto}.shell{width:min(1120px,calc(100% - 40px));margin-inline:auto}.skip-link{position:absolute;left:-9999px;top:8px;background:var(--navy);color:#fff;padding:10px 14px;border-radius:8px;z-index:100}.skip-link:focus{left:12px}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.93);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.header-inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-weight:800;letter-spacing:-.02em}.brand:hover{text-decoration:none}.brand img{filter:drop-shadow(0 6px 10px rgba(23,111,159,.15))}nav{display:flex;gap:22px;align-items:center}nav a{color:var(--muted);font-weight:700}nav a[aria-current],nav a:hover{color:var(--navy);text-decoration:none}.hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);align-items:center;gap:56px;padding-block:82px 56px}.hero h1,.page-heading h1{font-size:clamp(2.5rem,5vw,4rem);line-height:1.02;letter-spacing:-.025em;margin:.2em 0}.page-heading h1{font-size:clamp(2.4rem,5vw,4.2rem)}.hero-lead,.page-heading>p{max-width:720px;color:var(--muted);font-size:1.18rem}.eyebrow{margin:0;color:var(--blue);font-size:.78rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.action-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:12px;padding:11px 17px;font-weight:800;font:inherit;cursor:pointer}.button:hover{text-decoration:none}.button-primary{background:var(--navy);color:#fff}.button-secondary{background:#fff;color:var(--navy);border-color:var(--line)}.hero-visual{border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,#e8f2fa,#fff);padding:24px;box-shadow:var(--shadow)}.hero-preview{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:18px;background:var(--navy)}.section{padding-block:56px}.section-tight{padding-block:20px 46px}.section-muted{background:var(--wash);border-block:1px solid var(--line)}.section-heading{max-width:700px;margin-bottom:30px}.section-heading h2,.feature-panel h2,.content-section h2{font-size:clamp(1.65rem,3vw,2.45rem);line-height:1.15;letter-spacing:-.02em;margin:.35em 0}.section-heading p,.feature-panel p,.resource-toolbar p{color:var(--muted)}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card,.feature-panel,.resource-card,.media-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 9px 28px rgba(13,49,87,.05)}.card h3,.resource-card h3,.media-card h2{margin:.4em 0}.card p,.resource-card p,.media-card p{color:var(--muted)}.card-index{color:var(--blue);font-weight:900}.media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.media-card video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:12px;background:var(--navy)}.download-presets{display:flex;flex-wrap:wrap;gap:12px;margin-block:18px}.download-result{margin-top:18px;color:var(--muted)}.status-strip{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:22px 24px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow)}.status-strip h2,.status-strip p{margin:0}.status-strip p{color:var(--muted)}.status-symbol{width:15px;height:15px;border-radius:50%;background:#9aa8b8;box-shadow:0 0 0 7px rgba(154,168,184,.16)}[data-health=operational] .status-symbol{background:var(--green);box-shadow:0 0 0 7px rgba(17,132,91,.14)}[data-health=degraded] .status-symbol,[data-health=maintenance] .status-symbol{background:var(--amber);box-shadow:0 0 0 7px rgba(165,101,0,.14)}[data-health=not_published] .status-symbol{background:var(--blue);box-shadow:0 0 0 7px rgba(23,111,159,.14)}[data-health=offline] .status-symbol,[data-health=unavailable] .status-symbol{background:var(--red);box-shadow:0 0 0 7px rgba(180,35,24,.14)}.split-layout{display:grid;grid-template-columns:330px 1fr;gap:56px}.sticky-heading{position:sticky;top:110px;align-self:start}.component-list{display:grid;gap:12px}.component-row{display:grid;grid-template-columns:1fr auto;gap:16px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 20px}.component-row h3,.component-row p{margin:0}.component-row p{color:var(--muted)}.state-pill{align-self:start;border-radius:999px;padding:5px 10px;background:#e9f7f1;color:var(--green);font-size:.78rem;font-weight:900;text-transform:capitalize}.state-pill.degraded,.state-pill.maintenance,.state-pill.limited{background:#fff3dc;color:var(--amber)}.state-pill.offline{background:#fff0ee;color:var(--red)}.two-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.text-link{font-weight:800}.content-section{margin-top:54px}.timeline{display:grid;gap:12px}.timeline-item{border-left:3px solid var(--line);padding:4px 0 4px 18px}.timeline-item h3,.timeline-item p{margin:0}.timeline-item p,.timeline-item time{color:var(--muted)}.resource-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;background:var(--wash);border:1px solid var(--line);border-radius:16px;padding:20px;margin:30px 0}.resource-toolbar p{margin:0}.resource-toolbar input[type=file]{max-width:100%}.resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.resource-meta{display:grid;grid-template-columns:auto 1fr;gap:5px 14px;font-size:.9rem}.resource-meta dt{font-weight:800}.resource-meta dd{margin:0;color:var(--muted);overflow-wrap:anywhere}.code-row{display:flex;flex-wrap:wrap;gap:10px}.code-row code{background:var(--wash);border:1px solid var(--line);border-radius:8px;padding:7px 10px}.steps{list-style:none;padding:0;margin:0;display:grid;gap:16px}.steps li{display:flex;gap:14px}.steps li>span{display:grid;place-items:center;flex:0 0 32px;height:32px;border-radius:50%;background:var(--navy);color:#fff;font-weight:800}.steps p{margin:.2em 0;color:var(--muted)}.loading-copy,.empty-copy{color:var(--muted)}.centered-page{min-height:100vh;display:grid;place-content:center;text-align:center;max-width:680px}.site-footer{border-top:1px solid var(--line);background:#091e34;color:#d9e7f4;padding:44px 0}.footer-grid{display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:24px}.footer-brand{margin:0;font-weight:900;color:#fff}.footer-grid p{margin:.2em 0;color:#a9bdd0}.footer-links{display:flex;gap:18px;flex-wrap:wrap}.footer-links a{color:#d9e7f4}.footer-note{text-align:right}.page-heading{padding-top:18px}.hero-copy,.page-heading{max-width:820px}
@media(max-width:820px){.hero,.split-layout,.two-column,.footer-grid{grid-template-columns:1fr}.hero{padding-top:54px}.sticky-heading{position:static}.card-grid,.resource-grid,.media-grid{grid-template-columns:1fr}.footer-note{text-align:left}.status-strip{grid-template-columns:auto 1fr}.status-strip>a{grid-column:2}.header-inner{align-items:flex-start;padding-block:16px;flex-direction:column}nav{width:100%;flex-wrap:wrap;gap:0 16px}.site-header{position:static}}
@media(max-width:520px){.shell{width:min(100% - 24px,1120px)}.hero h1,.page-heading h1{font-size:2.45rem}.status-strip,.card,.feature-panel,.resource-card,.media-card{padding:18px}.resource-toolbar{align-items:flex-start;flex-direction:column}.action-row .button,.download-presets .button{width:100%}}

nav a,.footer-links a,.text-link{display:inline-flex;align-items:center;min-height:44px}
.home-notes .card{border:0;border-bottom:1px solid var(--line);border-radius:0;box-shadow:none;padding:18px 0}
.home-details .feature-panel{border:0;box-shadow:none;background:var(--wash)}
::selection{background:#d9eaf4;color:var(--navy)}
@media(max-width:520px){.section{padding-block:40px}.hero{gap:28px;padding-block:40px}.content-section{margin-top:36px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}