:root{font:16px/1.65 "Segoe UI",system-ui,sans-serif;color:#252631;background:#fbfbfc;color-scheme:light;--muted:#626776;--line:#e3e4eb;--accent:#5654d8}
*{box-sizing:border-box}body{margin:0}a{color:#4643bd;text-underline-offset:4px}a:hover{text-decoration-thickness:2px}:focus-visible{outline:3px solid #7771ed;outline-offset:5px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.25rem,4.6vw,3.8rem);line-height:1.1;letter-spacing:-.045em;margin:22px 0}h2{font-size:1.7rem;line-height:1.25;letter-spacing:-.025em}h3{font-size:1.05rem;margin-bottom:8px}p{margin-bottom:16px}strong{font-weight:600}section{scroll-margin-top:28px;margin-bottom:64px}section+section{border-top:1px solid var(--line);padding-top:40px}.topbar{min-height:86px;display:flex;justify-content:space-between;align-items:center;gap:20px;max-width:1256px;margin:auto;padding:20px 40px}.brand{display:flex;gap:9px;align-items:center;text-decoration:none;color:#262837;font-size:1.2rem;font-weight:600}.brand>span{color:var(--accent);font-size:1.7rem}.brand small{font-size:.8rem;font-weight:400;color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:44px;padding:9px 16px;border:1px solid var(--line);border-radius:8px;background:white;text-decoration:none;font-weight:600;font-size:.875rem}.primary{color:white;background:var(--accent);border-color:var(--accent);margin-top:12px}.layout{max-width:1256px;margin:30px auto 0;padding:0 40px;display:grid;grid-template-columns:210px minmax(0,1fr);gap:64px}.contents{position:sticky;top:30px;align-self:start}.contents a{display:block;padding:9px 0;min-height:44px;text-decoration:none;color:var(--muted);font-size:.9rem}.contents a:hover{color:var(--accent)}.eyebrow{font-size:.7rem;font-weight:700;letter-spacing:.13em;color:var(--muted);margin-bottom:15px}.badge{display:inline-block;border:1px solid #dddbf5;color:#4d498b;background:#f3f2fc;border-radius:20px;padding:4px 12px;font-size:.75rem}.intro{font-size:1.14rem;max-width:640px;color:var(--muted)}main{min-width:0}.roles{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:34px 0}.roles>div{padding:24px;background:white;border:1px solid var(--line);border-radius:14px}.roles h2{font-size:1.1rem;letter-spacing:0;margin:16px 0 10px}.roles p{font-size:.9rem;color:var(--muted);margin-bottom:0}.step{font-size:.75rem;font-weight:600;color:var(--accent)}.callout{border-left:3px solid #aaa5ed;background:#f3f2fb;padding:16px 20px;border-radius:0 8px 8px 0;font-size:.9rem}.steps{padding-left:24px}.steps li{padding-left:12px;margin:24px 0}.steps li::marker{color:var(--accent);font-weight:600}.steps p{color:var(--muted)}.compact li{margin:14px 0}.feature-list{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px 32px}.feature-list p{font-size:.95rem;color:var(--muted)}details{border-bottom:1px solid var(--line);padding:18px 0}summary{cursor:pointer;font-weight:600;min-height:32px}details[open] summary{margin-bottom:16px}details p{padding-left:20px;color:var(--muted);font-size:.95rem}footer{padding:0 0 36px;color:var(--muted);font-size:.75rem}.skip{position:fixed;z-index:5;top:10px;left:10px;background:white;padding:12px;border:1px solid var(--line)}.skip:not(:focus){clip-path:inset(50%);width:1px;height:1px;padding:0;overflow:hidden;white-space:nowrap}
@media(max-width:850px){.layout{grid-template-columns:1fr;gap:32px;margin-top:10px}.contents{position:static;display:flex;flex-wrap:wrap;gap:0 24px;border-bottom:1px solid var(--line);padding-bottom:18px}.contents .eyebrow{width:100%;margin:0}.contents a{padding:8px 0}.hero{margin-top:5px}.roles{gap:16px}}
@media(max-width:520px){.topbar{padding:16px 20px;gap:12px;flex-wrap:wrap}.brand small{display:none}.layout{padding:0 20px}.roles,.feature-list{grid-template-columns:1fr}.roles>div{padding:20px}h1{font-size:2.35rem}h2{font-size:1.5rem}section{margin-bottom:40px}section+section{padding-top:30px}.button{gap:8px;padding:9px 12px}.contents{gap:0 18px}.steps li{padding-left:5px}.callout{padding:14px}details p{padding-left:0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}