:root{--ink:#151515;--slate:#48535b;--mist:#f7f4ed;--paper:#fff;--border:#e3ded2;--teal:#087d7a;--teal-dark:#075f5e;--coral:#e66b4a;--gold:#d9a441;--aubergine:#4b3447;--sky:#ddeceb;--shadow:0 24px 80px #1515151f;--radius:8px}*{box-sizing:border-box}html{background:var(--mist);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-width:320px;margin:0}a{color:inherit}.shell{background:linear-gradient(135deg, #ddecebd9 0%, #f7f4edf0 40%, #fffdf8 100%), var(--mist);min-height:100svh}.page{grid-template-rows:auto 1fr auto;min-height:100svh;display:grid}.topbar,.footer{width:min(100%,1120px);margin:0 auto;padding:24px}.brand-link{align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand-icon{border-radius:8px;width:40px;height:40px;box-shadow:0 10px 28px #087d7a38}.brand-wordmark{font-size:1rem;font-weight:750}.main{place-items:center;padding:12px 24px 48px;display:grid}.hero,.invite-view{grid-template-columns:minmax(0,1fr) minmax(320px,420px);align-items:center;gap:40px;width:min(100%,1120px);display:grid}.hero-copy,.invite-copy{max-width:620px}.eyebrow{color:var(--teal-dark);letter-spacing:0;text-transform:uppercase;margin:0 0 14px;font-size:.82rem;font-weight:750}h1{letter-spacing:0;max-width:660px;margin:0;font-size:3.25rem;line-height:1.02}.lead{max-width:560px;color:var(--slate);margin:22px 0 0;font-size:1.12rem;line-height:1.6}.actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.button{border-radius:var(--radius);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;min-height:48px;padding:0 18px;font-size:.95rem;font-weight:750;text-decoration:none;transition:background-color .16s,border-color .16s,color .16s,transform .16s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button-primary{background:var(--teal);color:#fff}.button-primary:hover{background:var(--teal-dark)}.button-secondary{border-color:var(--border);background:var(--paper);color:var(--ink)}.button-disabled{cursor:not-allowed;border-color:var(--border);color:var(--slate);background:#ffffff9e}.button-disabled:hover{transform:none}.button:disabled{cursor:not-allowed;opacity:.65;transform:none}.note{color:var(--slate);margin:16px 0 0;font-size:.92rem;line-height:1.5}.device-panel{border-radius:var(--radius);box-shadow:var(--shadow);background:#ffffffc7;border:1px solid #e3ded2cc;padding:18px}.phone{color:#fff;background:linear-gradient(#073b3f 0%,#0d5957 52%,#f7f4ed 52%,#fffdf8 100%);border-radius:34px;min-height:560px;padding:28px;overflow:hidden}.phone-header{justify-content:space-between;align-items:center;display:flex}.phone-brand{align-items:center;gap:10px;font-weight:800;display:flex}.phone-pill{color:#ffffffdb;background:#ffffff29;border-radius:999px;padding:7px 10px;font-size:.78rem}.balance{margin-top:52px}.balance-label{color:#ffffffb8;margin:0;font-size:.86rem}.balance-value{margin:8px 0 0;font-size:2.5rem;font-weight:850}.phone-list{gap:12px;margin-top:96px;display:grid}.phone-row{border-radius:var(--radius);color:var(--ink);background:#fff;border:1px solid #e3ded2b3;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid}.phone-avatar{background:var(--sky);width:40px;height:40px;color:var(--teal-dark);border-radius:8px;place-items:center;font-weight:850;display:grid}.phone-row-title,.phone-row-value{font-weight:800}.phone-row-title,.phone-row-subtitle{display:block}.phone-row-subtitle{color:var(--slate);margin-top:3px;font-size:.82rem}.status-panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--paper);box-shadow:var(--shadow);padding:28px}.status-badge{background:var(--sky);color:var(--teal-dark);border-radius:999px;align-items:center;padding:8px 12px;font-size:.82rem;font-weight:800;display:inline-flex}.invalid{color:#9d3f2a;background:#f9e4d8}.token{overflow-wrap:anywhere;border:1px solid var(--border);border-radius:var(--radius);color:var(--slate);background:#fffdf8;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.84rem}.auth-view{place-items:center;width:min(100%,760px);display:grid}.auth-panel{border:1px solid var(--border);border-radius:var(--radius);width:100%;box-shadow:var(--shadow);background:#ffffffd6;padding:32px}.auth-actions{align-items:center}.auth-panel .lead{max-width:620px}.consent-details{gap:12px;margin:26px 0 0;display:grid}.consent-details div{gap:4px;display:grid}.consent-details dt{color:var(--slate);text-transform:uppercase;font-size:.82rem;font-weight:750}.consent-details dd{overflow-wrap:anywhere;margin:0;font-weight:700}.scope-list{gap:8px;margin:24px 0 0;padding:0;list-style:none;display:grid}.scope-list li{border:1px solid var(--border);border-radius:var(--radius);color:var(--slate);background:#fffdf8;padding:10px 12px;font-weight:700}.footer{color:var(--slate);flex-wrap:wrap;justify-content:space-between;gap:10px 18px;font-size:.9rem;display:flex}.footer a{color:var(--teal-dark);font-weight:700;text-decoration:none}@media (max-width:860px){.hero,.invite-view{grid-template-columns:1fr}.device-panel{max-width:430px}h1{font-size:2.35rem}}@media (max-width:520px){.topbar,.footer{padding:18px}.main{padding:12px 18px 36px}.actions,.button{width:100%}.phone{min-height:480px;padding:22px}}