:root{--color-ink:#172033;--color-muted:#52627a;--color-canvas:#f4f6f9;--color-surface:#fff;--color-border:#d8dee9;--color-warning:#7a4b00;--space-sm:.5rem;--space-md:1rem;--space-lg:2rem;color:var(--color-ink);background:var(--color-canvas);font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}.shell{place-items:center;min-height:100vh;padding:2rem;display:grid}.panel,.product-shell{width:min(100%,64rem);margin:0 auto;padding:clamp(2rem,5vw,4rem)}.panel,.ui-surface{border:1px solid var(--color-border);background:var(--color-surface);border-radius:1rem;box-shadow:0 1rem 3rem #17203314}.panel{width:min(100%,48rem)}.eyebrow{color:var(--color-muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .75rem;font-size:.8rem;font-weight:700}h1{margin:0;font-size:clamp(2.5rem,8vw,5rem);line-height:1}h2{margin-top:0}.ui-stack{display:grid}.ui-stack--sm{gap:var(--space-sm)}.ui-stack--md{gap:var(--space-md)}.ui-stack--lg{gap:var(--space-lg)}.ui-surface{padding:var(--space-lg)}.ui-badge{border:1px solid var(--color-border);border-radius:999px;align-items:center;min-height:1.75rem;padding:0 .6rem;font-size:.8rem;font-weight:700;display:inline-flex}.ui-badge--warning{color:var(--color-warning)}.ui-notice{border:1px solid var(--color-border);background:var(--color-surface);border-radius:.75rem;padding:.85rem 1rem}.ui-notice--error{border-width:2px}.ui-button{background:var(--color-surface);min-height:2.75rem;color:var(--color-ink);font:inherit;cursor:pointer;border:1px solid;border-radius:.5rem;padding:.6rem 1rem;font-weight:700}.ui-button:focus-visible{outline-offset:2px;outline:3px solid}.customer-portal-frame{width:min(100%,64rem);margin:0 auto}.customer-portal-nav{width:min(100%,64rem);margin:0 auto;padding:clamp(1rem,3vw,2rem) clamp(2rem,5vw,4rem) 0}.customer-portal-nav__links{gap:var(--space-md);flex-wrap:wrap;display:flex}.customer-portal-nav__links a{border:1px solid var(--color-border);min-height:2.5rem;color:var(--color-ink);border-radius:.5rem;align-items:center;padding:.45rem .75rem;font-weight:700;text-decoration:none;display:inline-flex}.customer-portal-nav__links a:focus-visible{outline-offset:2px;outline:3px solid}dl,.billing-metrics{gap:1rem;margin:2rem 0 0;display:grid}dl div,.billing-metrics div{border-top:1px solid #e5e9f0;grid-template-columns:minmax(8rem,.6fr) 1fr;gap:1rem;padding-top:1rem;display:grid}dt{font-weight:700}dd{margin:0}