*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--surface-page);color:var(--text-primary);font-family:var(--font-body);font-size:var(--size-body);line-height:var(--leading-body);-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}ul{margin:0;padding:0;list-style:none}a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}.page{max-width:1080px;padding:0 var(--space-2xl) var(--space-6xl);margin:0 auto}.masthead{justify-content:space-between;align-items:center;gap:var(--space-lg);padding:var(--space-2xl) 0;border-bottom:1px solid var(--border-hairline);margin-bottom:var(--space-5xl);display:flex}.wordmark{align-items:center;gap:var(--space-sm);font-family:var(--font-display);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-h3);display:inline-flex}.wordmark__mark{border-radius:var(--radius-sm);background:var(--brand-primary);width:18px;height:18px}.eyebrow{font-family:var(--font-mono);font-size:var(--size-micro);letter-spacing:var(--tracking-caption);text-transform:uppercase;color:var(--text-muted)}.muted{color:var(--text-secondary)}.faint{color:var(--text-faint);font-size:var(--size-body-sm)}.hero{margin-bottom:var(--space-5xl)}.hero__title{font-family:var(--font-display);font-size:var(--size-display);letter-spacing:var(--tracking-display);margin:var(--space-md) 0 var(--space-lg);text-wrap:balance;max-width:15ch;line-height:1.05}.hero__body{color:var(--text-secondary);font-size:var(--size-body);line-height:var(--leading-body);max-width:56ch}.products{gap:var(--space-lg);margin-bottom:var(--space-6xl);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.product{gap:var(--space-md);padding:var(--space-2xl);background:var(--surface-raised);border:1px solid var(--border-default);border-radius:var(--radius-lg);flex-direction:column;display:flex}.product--soon{background:var(--surface-sunken);color:var(--text-tertiary);border-style:dashed}.product__name{font-family:var(--font-display);font-size:var(--size-h3);letter-spacing:var(--tracking-h3)}.product__body{color:var(--text-secondary);font-size:var(--size-body-sm);line-height:var(--leading-body-sm);flex:1}.product--soon .product__body{color:var(--text-tertiary)}.product__foot{margin-top:var(--space-sm)}.button{height:40px;padding:0 var(--space-lg);border-radius:var(--radius-md);background:var(--brand-primary);color:var(--dark-text-primary);font-size:var(--size-control);font-weight:var(--weight-semibold);cursor:pointer;border:none;justify-content:center;align-items:center;display:inline-flex}.button--quiet{border:1px solid var(--border-default);color:var(--text-primary);background:0 0}.button--danger{border:1px solid var(--state-error-ink);color:var(--state-error-ink);background:0 0}.button:disabled{background:var(--surface-sunken);color:var(--text-muted);cursor:not-allowed}.button--danger:disabled{border-color:var(--border-default);color:var(--text-faint);background:0 0}.button--quiet:disabled{color:var(--text-faint);background:0 0}.chip{align-items:center;gap:var(--space-xxs);padding:2px var(--space-sm);border-radius:var(--radius-pill);background:var(--state-positive-tint-chip);color:var(--state-positive-ink);font-size:var(--size-micro);font-weight:var(--weight-medium);display:inline-flex}.chip--muted{background:var(--surface-sunken);color:var(--text-muted)}.chip--soon{background:var(--state-warning-tint);color:var(--state-warning-ink)}.stack{gap:var(--space-3xl);display:grid}.card{padding:var(--space-2xl);background:var(--surface-raised);border:1px solid var(--border-default);border-radius:var(--radius-lg)}.card__head{justify-content:space-between;align-items:baseline;gap:var(--space-lg);margin-bottom:var(--space-lg);display:flex}.card__title{font-family:var(--font-display);font-size:var(--size-h3);letter-spacing:var(--tracking-h3)}.rows{gap:var(--space-md);display:grid}.row{justify-content:space-between;align-items:center;gap:var(--space-lg);padding:var(--space-md) 0;border-bottom:1px solid var(--border-hairline);display:flex}.row:last-child{border-bottom:none}.row__main{min-width:0}.row__sub{color:var(--text-muted);font-size:var(--size-body-sm)}.field{gap:var(--space-xs);margin-bottom:var(--space-lg);display:grid}.field__label{font-size:var(--size-caption);font-weight:var(--weight-semibold);color:var(--text-secondary)}.input{height:44px;padding:0 var(--space-md);font-size:var(--size-control);border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--surface-raised);color:var(--text-primary);outline-color:var(--brand-primary)}.input--code{letter-spacing:.4em;font-family:var(--font-mono)}.note{margin-top:var(--space-lg);padding:var(--space-md);border-radius:var(--radius-md);background:var(--surface-sunken);color:var(--text-secondary);font-size:var(--size-body-sm);line-height:var(--leading-body-sm)}.error{margin-top:var(--space-lg);padding:var(--space-md);border-radius:var(--radius-md);background:var(--state-error-tint);border:1px solid var(--state-error-border);color:var(--state-error-ink);font-size:var(--size-body-sm);line-height:var(--leading-body-sm)}.sent{margin-top:var(--space-lg);padding:var(--space-md);border-radius:var(--radius-md);background:var(--state-positive-tint);color:var(--state-positive-ink);font-size:var(--size-body-sm);line-height:var(--leading-body-sm)}.centre{width:100%;min-height:100vh;padding:var(--space-2xl);place-items:center;display:grid}.panel{background:var(--surface-raised);border:1px solid var(--border-default);border-radius:var(--radius-4xl);width:100%;max-width:420px;padding:var(--space-3xl)}.panel__title{font-family:var(--font-display);font-size:var(--size-amount-lg);letter-spacing:var(--tracking-h2);margin:var(--space-sm) 0 var(--space-md)}.footrow{justify-content:space-between;align-items:center;gap:var(--space-md);margin-top:var(--space-lg);display:flex}.quiet{font-size:var(--size-caption);font-weight:var(--weight-semibold);color:var(--brand-primary);cursor:pointer;background:0 0;border:none;padding:0}.quiet:disabled{color:var(--text-muted);cursor:not-allowed}.footer{padding-top:var(--space-2xl);border-top:1px solid var(--border-hairline);color:var(--text-faint);font-size:var(--size-body-sm);gap:var(--space-lg);flex-wrap:wrap;justify-content:space-between;display:flex}.invite{gap:var(--space-lg);padding:var(--space-lg) 0 var(--space-2xl);border-bottom:1px solid var(--border-hairline);display:grid}.invite__row{align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.invite__row .input{flex:12rem;min-width:0}.invite__link{gap:var(--space-md);padding:var(--space-lg);margin-bottom:var(--space-lg);border:1px solid var(--brand-primary);border-radius:var(--radius-md);background:var(--surface-raised);display:grid}.invite__url{font-family:var(--font-mono);font-size:var(--size-body-sm);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}