:root{
  --bg-primary:#0E0E10; --bg-surface:#151518; --bg-elevated:#1E1E22;
  --border-default:#2A2A2F; --border-strong:#3F3F46;
  --text-primary:#FAFAFA; --text-muted:#A1A1AA; --text-disabled:#5C5C66;
  --brand-primary:#F43F5E; --brand-text:#FDA4AF; --brand-subtle:#F43F5E26;
  --wa:#25D366; --wa-text:#04210F;
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-6:24px; --space-8:32px; --space-12:48px; --space-16:64px;
  --radius-sm:8px; --radius-md:12px; --radius-pill:99px;
  --font-display:'Anton',Impact,sans-serif; --font-body:'Inter',system-ui,sans-serif;
  --ease-out:cubic-bezier(.16,1,.3,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-padding-top:24px}
body{background:var(--bg-primary);color:var(--text-primary);font:400 15px/1.7 var(--font-body);-webkit-font-smoothing:antialiased}
a{color:inherit}
img{display:block;max-width:100%}
:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px;border-radius:4px}
.wrap{width:100%;max-width:1080px;margin:0 auto;padding:0 var(--space-6)}
@media (max-width:640px){.wrap{padding:0 var(--space-4)}}

/* header */
.top{border-bottom:1px solid var(--border-default)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:64px}
.logo{display:flex;align-items:center;gap:var(--space-3);font:400 22px/1 var(--font-display);letter-spacing:.04em;text-transform:uppercase;text-decoration:none}
.logo img{width:36px;height:36px;border-radius:50%;object-fit:cover}
.back{display:inline-flex;align-items:center;min-height:44px;font:500 13px/1 var(--font-body);color:var(--text-muted);text-decoration:none}
.back:hover{color:var(--text-primary)}

/* layout: tabs on the side (desktop), scrolling pills (phone) */
.layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:var(--space-12);padding:var(--space-12) 0 var(--space-16)}
.tabs{position:sticky;top:var(--space-6);align-self:start;display:flex;flex-direction:column;gap:var(--space-1)}
.tabs small{margin:0 0 var(--space-2) var(--space-3);font:500 11px/1.2 var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}
.tabs a{display:flex;align-items:center;min-height:40px;padding:0 var(--space-3);border-radius:var(--radius-sm);font:500 13px/1.2 var(--font-body);color:var(--text-muted);text-decoration:none;transition:color .15s var(--ease-out),background-color .15s var(--ease-out)}
.tabs a:hover{color:var(--text-primary);background:var(--bg-surface)}
.tabs a[aria-current="page"]{color:var(--text-primary);background:var(--bg-elevated)}
@media (max-width:860px){
  .layout{grid-template-columns:minmax(0,1fr);gap:var(--space-6);padding-top:var(--space-6)}
  .tabs{position:static;flex-direction:row;overflow-x:auto;gap:var(--space-2);padding-bottom:var(--space-1);scrollbar-width:none}
  .tabs::-webkit-scrollbar{display:none}
  .tabs small{display:none}
  .tabs a{flex:none;min-height:40px;padding:0 var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-pill)}
  .tabs a[aria-current="page"]{border-color:var(--text-primary);background:var(--text-primary);color:var(--bg-primary)}
}

/* document */
.doc{max-width:720px}
.doc .eyebrow{font:600 11px/1.2 var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--brand-text)}
.doc h1{margin:var(--space-2) 0 var(--space-2);font:400 36px/1.15 var(--font-display);text-transform:uppercase;letter-spacing:.01em}
.doc .updated{font-size:13px;color:var(--text-muted)}
.summary{margin:var(--space-6) 0 var(--space-8);padding:var(--space-4) var(--space-6);border:1px solid var(--border-default);border-left:3px solid var(--brand-primary);border-radius:var(--radius-md);background:var(--bg-surface)}
.summary b{display:block;margin-bottom:var(--space-2);font:600 13px/1.3 var(--font-body)}
.summary ul{padding-left:18px;color:var(--text-muted);font-size:15px}
.summary li+li{margin-top:var(--space-1)}
.doc h2{margin:var(--space-8) 0 var(--space-3);padding-top:var(--space-2);font:600 22px/1.3 var(--font-body)}
.doc h3{margin:var(--space-6) 0 var(--space-2);font:600 15px/1.4 var(--font-body)}
.doc p,.doc ul,.doc ol{color:#D4D4D8}
.doc p+p,.doc p+ul,.doc ul+p,.doc ol+p,.doc p+ol{margin-top:var(--space-3)}
.doc ul,.doc ol{padding-left:22px}
.doc li+li{margin-top:var(--space-2)}
.doc strong{color:var(--text-primary);font-weight:600}
.doc a{color:var(--brand-text);text-decoration:underline;text-underline-offset:3px}
.doc a:hover{color:var(--text-primary)}
.tbl{margin:var(--space-4) 0;overflow-x:auto;border:1px solid var(--border-default);border-radius:var(--radius-md)}
.tbl table{width:100%;border-collapse:collapse;font-size:13px;line-height:1.5}
.tbl th,.tbl td{padding:var(--space-3) var(--space-4);text-align:left;vertical-align:top;border-bottom:1px solid var(--border-default)}
.tbl th{font-weight:600;color:var(--text-primary);background:var(--bg-surface)}
.tbl td{color:#D4D4D8}
.tbl tr:last-child td{border-bottom:0}
.tbl code,.doc code{font:500 12px/1.4 ui-monospace,Consolas,monospace;color:var(--text-primary);background:var(--bg-elevated);padding:1px 6px;border-radius:4px}
@media (max-width:640px){.doc h1{font-size:28px}.doc h2{font-size:18px}.summary{padding:var(--space-4)}}

/* contact cards */
.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);margin:var(--space-4) 0}
@media (max-width:640px){.cards{grid-template-columns:1fr}}
.ccard{padding:var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-surface)}
.ccard small{display:block;margin-bottom:var(--space-1);font:500 11px/1.2 var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}
.ccard b{font-weight:600;color:var(--text-primary);word-break:break-word}
.ccard p{margin-top:var(--space-1);font-size:13px;color:var(--text-muted)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;margin-top:var(--space-3);padding:0 var(--space-4);border-radius:var(--radius-sm);font:600 13px/1 var(--font-body);text-decoration:none!important;transition:filter .15s var(--ease-out)}
.btn-pri{background:#E11D48;color:#fff!important}
.btn-pri:hover{background:#BE123C}
.btn-ghost{border:1px solid var(--border-strong);color:var(--text-primary)!important}
.btn-ghost:hover{background:var(--bg-elevated)}

/* footer */
footer{padding:var(--space-8) 0 var(--space-12);border-top:1px solid var(--border-default);color:var(--text-muted);font-size:13px}
footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-4)}
footer nav{display:flex;flex-wrap:wrap;gap:0 var(--space-4)}
footer a{display:inline-block;padding:var(--space-2) 0;text-decoration:underline;text-underline-offset:3px}
footer a:hover{color:var(--text-primary)}
[hidden]{display:none!important}