:root{--bg:#fff;--bg-subtle:#f8f8f8;--fg:#0a0a0a;--fg2:#525252;--muted:#737373;--border:#e5e5e5;--border2:#d4d4d4;
--sans:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--serif:'Instrument Serif',Georgia,serif;
--shadow:0 1px 2px rgba(10,10,10,.04),0 6px 16px rgba(10,10,10,.04),0 20px 40px -12px rgba(10,10,10,.06),inset 0 1px 0 rgba(255,255,255,.9);
--pill:0 8px 30px rgba(10,10,10,.08),0 1px 3px rgba(10,10,10,.05),inset 0 1px 0 rgba(255,255,255,.8);--ease:cubic-bezier(.16,1,.3,1)}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{background:var(--bg);color:var(--fg);font:16px/1.6 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:clip;scroll-behavior:smooth}
body{overflow-x:clip;min-height:100svh;display:flex;flex-direction:column}
a{color:inherit}
:focus-visible{outline:2px solid var(--fg);outline-offset:3px;border-radius:6px}
.bar{position:sticky;top:14px;z-index:10;display:flex;justify-content:center;padding:0 14px}
.pill{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;max-width:860px;padding:6px 8px 6px 18px;background:rgba(255,255,255,.86);
-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(10,10,10,.08);border-radius:999px;box-shadow:var(--pill)}
.brand{font-weight:700;font-size:.9rem;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.pill nav{display:flex;gap:2px;align-items:center}
.pill nav a{font-size:.84rem;font-weight:500;color:var(--fg2);text-decoration:none;padding:10px 14px;border-radius:999px;min-height:44px;display:inline-flex;align-items:center;transition:background .2s,color .2s}
.pill nav a:hover,.pill nav a[aria-current=page]{color:var(--fg);background:rgba(10,10,10,.05)}
.back{background:var(--fg)!important;color:#fff!important;font-weight:600!important}
@media(max-width:560px){.pill nav a:not(.back){display:none}}
main{flex:1;width:100%;max-width:780px;margin:0 auto;padding:clamp(40px,7vw,88px) 20px clamp(56px,8vw,110px)}
.eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:16px}
h1{font-size:clamp(2.2rem,6vw,3.8rem);line-height:1.05;letter-spacing:-.035em;font-weight:700;margin-bottom:22px}
h1 em{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-.01em;padding-right:.06em}
h2{font-size:clamp(1.2rem,2.4vw,1.55rem);letter-spacing:-.02em;line-height:1.2;margin:40px 0 12px}
p,li{color:var(--fg2)}
p{margin-bottom:14px}
ul{padding-left:1.2em;display:grid;gap:8px;margin-bottom:14px}
main a{text-underline-offset:3px}
.card{margin:26px 0;padding:6px 24px;border:1px solid var(--border);border-radius:28px;box-shadow:var(--shadow);background:#fff}
.card div{display:grid;grid-template-columns:120px 1fr;gap:16px;padding:18px 0;border-bottom:1px solid var(--border)}
.card div:last-child{border:0}
.card dt{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding-top:3px}
.card dd{font-weight:600;color:var(--fg);overflow-wrap:anywhere}
.btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 24px;border-radius:999px;font-weight:600;font-size:.92rem;text-decoration:none;transition:transform .25s var(--ease),box-shadow .25s}
.btn:hover{transform:translateY(-2px)}
.btn.dark{background:linear-gradient(180deg,#1f1f1f,#0a0a0a);color:#fff;box-shadow:0 4px 12px rgba(10,10,10,.18),0 12px 28px -6px rgba(10,10,10,.22),inset 0 1px 0 rgba(255,255,255,.22)}
.btn.light{background:linear-gradient(180deg,#fff,#f5f5f5);border:1px solid var(--border2);box-shadow:var(--shadow)}
@media(max-width:480px){.btn{width:100%}.card div{grid-template-columns:1fr;gap:4px}}
footer{border-top:1px solid var(--border);background:var(--bg-subtle);padding:32px 20px;font-size:.85rem;color:var(--muted)}
footer div{max-width:780px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 24px}
footer a{color:var(--fg2)}
