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