/* Welcome / hero screen (index.html only) */

.hero{background:var(--purple);padding:72px 0 64px;position:relative;overflow:hidden}
.hero-lines{position:absolute;inset:0;background-image:repeating-linear-gradient(-45deg,
  rgba(255,255,255,.055) 0,rgba(255,255,255,.055) 1px,transparent 1px,transparent 14px)}
.hero-inner{max-width:1100px;margin:0 auto;padding:0 48px;position:relative}
.eyebrow{font:600 12px var(--font);color:rgba(255,255,255,.6);letter-spacing:.1em;
  text-transform:uppercase;margin-bottom:18px}
.strip-text{-webkit-box-decoration-break:clone;box-decoration-break:clone;
  background:var(--purple);color:#fff;padding:.10em .30em .22em}
h1.hero-title{font:700 52px/1.2 var(--font);letter-spacing:-.02em;margin-bottom:22px}
.hero-sub{font:300 20px/1.55 var(--font);color:rgba(255,255,255,.85);max-width:520px;margin-bottom:36px}

.privacy{max-width:1100px;margin:28px auto 0;padding:0 48px}
.privacy-inner{display:inline-flex;align-items:flex-start;gap:10px;padding:12px 18px;background:#fff;
  border:1px solid var(--border);border-radius:var(--radius-md);font:400 13px/1.5 var(--font);color:var(--fg-muted)}

/* Organisation code banner — self-service, session-only, no personal data */
.org{max-width:1100px;margin:32px auto 0;padding:0 48px}
.code-banner{background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);
  box-shadow:var(--shadow-sm);padding:22px 26px;display:flex;justify-content:space-between;
  align-items:center;gap:24px;flex-wrap:wrap}
.code-banner-text h4{font:700 15px var(--font);margin-bottom:4px}
.code-banner-text p{font:300 13px/1.5 var(--font);color:var(--fg-muted);max-width:520px}
.code-banner-input{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.code-banner-input input{border:1.5px solid var(--grey-200);border-radius:var(--radius-sm);
  padding:10px 12px;font:600 14px ui-monospace,'SF Mono',Menlo,monospace;letter-spacing:.03em;
  color:var(--purple);width:180px}
.code-banner-input input:focus-visible{outline:3px solid var(--lilac);outline-offset:1px}
.code-saved{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.code-saved .pill{font:700 14px ui-monospace,'SF Mono',Menlo,monospace;letter-spacing:.03em;
  color:var(--purple);background:var(--purple-soft);border:1px solid #e3d3f1;border-radius:var(--radius-sm);
  padding:6px 12px}
.code-saved .link-btn{font:600 13px var(--font);color:var(--fg-muted)}
.code-saved .link-btn:hover{color:var(--purple)}