/* Shared styling for SEB Studio legal / contact pages — matches the main site */
:root{
  --bg:#050506; --surface:#0b0b0d; --hair:#15151a; --border:#1c1c20;
  --accent:oklch(0.86 0.022 245); --accent-50:oklch(0.86 0.022 245 / 0.5);
  --t-primary:#e8e8ec; --t-body:#c9c9d0; --t-muted:#9a9aa2; --t-dim-2:#8a8a90; --t-faint-2:#5e5e65;
  --maxw:780px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--t-body);font-family:"Space Mono",ui-monospace,monospace;
  -webkit-font-smoothing:antialiased;line-height:1.75}

.legal-nav{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;
  padding:16px 24px;background:rgba(5,5,6,.82);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  border-bottom:1px solid var(--border)}
.legal-nav .brand{font-family:"Space Grotesk",ui-sans-serif,system-ui,sans-serif;font-weight:700;letter-spacing:.12em;
  color:var(--t-primary);text-decoration:none;font-size:14px}
.legal-nav .back{font-size:12px;letter-spacing:.06em;color:var(--t-muted);text-decoration:none;transition:color .2s}
.legal-nav .back:hover{color:var(--t-primary)}

.legal-wrap{max-width:var(--maxw);margin:0 auto;padding:66px 24px 30px}
.legal-wrap .eyebrow{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--t-dim-2)}
.legal-wrap h1{font-family:"Space Grotesk",ui-sans-serif,system-ui,sans-serif;font-weight:600;
  font-size:clamp(30px,5vw,46px);line-height:1.08;letter-spacing:-.02em;margin:14px 0 10px;
  background:linear-gradient(180deg,#fff,#d2d2d9 46%,#9a9aa2);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.legal-wrap .updated{font-size:12px;color:var(--t-dim-2)}
.legal-wrap .intro{font-size:15px;color:var(--t-muted);line-height:1.85;margin:20px 0 4px}
.legal-wrap h2{font-family:"Space Grotesk",ui-sans-serif,system-ui,sans-serif;font-weight:600;font-size:19px;
  color:var(--t-primary);margin:40px 0 12px;letter-spacing:-.01em}
.legal-wrap h3{font-size:14px;font-weight:700;color:var(--t-body);margin:22px 0 6px}
.legal-wrap p{font-size:14px;color:var(--t-muted);margin:10px 0}
.legal-wrap ul{margin:12px 0;list-style:none}
.legal-wrap li{position:relative;padding-left:20px;font-size:14px;color:var(--t-muted);margin:9px 0}
.legal-wrap li::before{content:"";position:absolute;left:0;top:9px;width:6px;height:6px;border-radius:50%;background:var(--accent);opacity:.7}
.legal-wrap strong{color:var(--t-body);font-weight:700}
.legal-wrap a.link{color:var(--t-primary);text-decoration:underline;text-decoration-color:var(--accent-50);text-underline-offset:3px}
.legal-wrap a.link:hover{text-decoration-color:var(--accent)}
.callout{margin:26px 0;padding:18px 20px;border:1px solid var(--border);border-radius:14px;background:var(--surface);
  font-size:14px;color:var(--t-body);line-height:1.8}
.callout a{color:var(--t-primary)}

.legal-foot{border-top:1px solid var(--border);margin-top:52px}
.legal-foot .inner{max-width:var(--maxw);margin:0 auto;padding:26px 24px;display:flex;justify-content:space-between;
  flex-wrap:wrap;gap:12px;font-size:11px;color:var(--t-faint-2);letter-spacing:.04em}
.legal-foot a{color:var(--t-muted);text-decoration:none}
.legal-foot a:hover{color:var(--t-primary)}