:root{--font-family-body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--color-brand: #0f766e;--color-brand-strong: #115e59;--color-accent: #14b8a6;--color-text: #102a2b;--color-muted: #4b6465;--color-surface: #ffffff;--color-background: #eef8f6;--color-border: #c9dedb;--shadow-card: 0 1.5rem 4rem rgba(15, 118, 110, .14);--radius-small: .5rem;--radius-medium: 1rem;--radius-large: 1.5rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--content-width: 75rem}*,*:before,*:after{box-sizing:border-box}html{min-height:100%;color-scheme:light}body{min-height:100vh;margin:0;background:var(--color-background);color:var(--color-text);font-family:var(--font-family-body);line-height:1.5}a{color:inherit}button,input,select,textarea{font:inherit}.skip-link{position:fixed;inset:var(--space-3) auto auto var(--space-3);z-index:100;transform:translateY(-200%);padding:var(--space-3) var(--space-4);border-radius:var(--radius-small);background:var(--color-text);color:#fff}.skip-link:focus{transform:translateY(0)}.site-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);max-width:var(--content-width);margin:0 auto;padding:var(--space-6) var(--space-4)}.brand{color:var(--color-brand-strong);font-size:1.2rem;font-weight:800;text-decoration:none}.environment-badge{display:inline-flex;align-items:center;border:1px solid var(--color-border);border-radius:999px;padding:var(--space-2) var(--space-3);background:var(--color-surface);color:var(--color-brand-strong);font-size:.875rem;font-weight:700;text-transform:capitalize}.page-shell{display:grid;min-height:calc(100vh - 6rem);place-items:center;padding:var(--space-8) var(--space-4) var(--space-12)}.hero{width:min(100%,62rem);border:1px solid var(--color-border);border-radius:var(--radius-large);padding:clamp(2rem,6vw,5rem);background:linear-gradient(145deg,var(--color-surface),#e1f5f1);box-shadow:var(--shadow-card)}.eyebrow{margin:0 0 var(--space-3);color:var(--color-brand);font-size:.8rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.hero h1{max-width:14ch;margin:0;font-size:clamp(2.25rem,7vw,5rem);letter-spacing:-.05em;line-height:.98}.hero__summary{max-width:48rem;margin:var(--space-6) 0;color:var(--color-muted);font-size:clamp(1rem,2vw,1.25rem)}.runtime-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);margin:var(--space-8) 0}.runtime-grid div{min-width:0;border:1px solid var(--color-border);border-radius:var(--radius-medium);padding:var(--space-4);background:#ffffffb8}.runtime-grid dt{color:var(--color-muted);font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.runtime-grid dd{overflow-wrap:anywhere;margin:var(--space-2) 0 0;font-weight:700}.button{display:inline-flex;min-height:2.75rem;align-items:center;justify-content:center;border:0;border-radius:var(--radius-small);padding:var(--space-3) var(--space-6);font-weight:750;text-decoration:none;cursor:pointer}.button--primary{background:var(--color-brand);color:#fff}.button--primary:hover{background:var(--color-brand-strong)}.button:focus-visible,.brand:focus-visible{outline:.2rem solid var(--color-accent);outline-offset:.2rem}@media(max-width:48rem){.runtime-grid{grid-template-columns:1fr}.site-header{align-items:flex-start}}
