/* Unfinished On Purpose — Open Loop brand (A). Tokens from /brand/brand.css. */
@import url("/brand/brand.css");
:root{--bg:var(--uop-bg);--fg:var(--uop-fg);--muted:var(--uop-muted);--line:var(--uop-rule);--soft:var(--uop-white);--accent:var(--uop-ink);--accent-fg:var(--uop-paper);--radius:var(--uop-radius);--font:var(--uop-font-body)}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.6 var(--font)}
a{color:var(--fg)}
h1,h2,h3{line-height:1.2;margin:0 0 .5em}
h1{font-size:clamp(32px,5vw,48px);letter-spacing:-.02em}
h2{font-size:26px}
section{padding:48px 0;border-top:1px solid var(--line)}
footer{padding:32px 0;border-top:1px solid var(--line);color:var(--muted);font-size:14px}
.wrap,.w{max-width:880px;margin:0 auto;padding:0 20px}
.narrow{max-width:640px}
nav{display:flex;justify-content:space-between;align-items:center;padding:18px 0}
.logo{display:flex;align-items:center;gap:8px;font-weight:700}
.logo img,.mark{width:28px;height:28px}
.eyebrow,.pill{display:inline-block;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:3px 10px}
.oneliner,.lead,.sub{color:var(--muted);font-size:18px}
.ctas{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}
.btn{display:inline-block;padding:12px 20px;border-radius:var(--radius);background:var(--accent);color:var(--accent-fg);text-decoration:none;font-weight:600;border:1px solid var(--accent)}
.btn.s{padding:8px 14px;font-size:14px}
.btn-secondary{background:transparent;color:var(--fg)}
.panel,.c,.offer,.proof,.holdco,.kill{background:var(--soft);border:1px solid var(--line);border-radius:var(--radius);padding:20px;margin:12px 0}
.g{display:grid;gap:16px}.g3{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.ic{font-size:22px}
.embed{margin:16px 0}

h1,h2,h3,.logo,.btn{font-family:var(--uop-font-display)}
.btn:hover{background:var(--uop-primer);border-color:var(--uop-primer);color:var(--uop-white)}
a:hover{color:var(--uop-primer-dark)}
.brandlogo{height:40px;width:auto}.wordmark{display:block;height:56px;width:auto;margin:12px 0}