/* Ombrez – shared styles for the legal and service pages.
   Same brand tokens as the main page: terminal dark, Syne display, IBM Plex text. */
@font-face{font-family:'Syne';font-style:normal;font-weight:600 800;font-display:swap;src:url(fonts/syne.woff) format('woff')}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/plexsans.woff) format('woff')}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/plexmono-500.woff) format('woff')}

:root{
  color-scheme:dark;
  --bg:#0C0E12; --surface:#151820; --surface2:#1C2029; --line:#272C37; --line2:#343A47;
  --fg:#F2EFE8; --muted:#A3A9B5; --dim:#868D9B;
  --green:#3DDC97; --red:#FF5A5F; --amber:#F5A524; --blue:#5B9BFF;
  --display:'Syne','Arial Black',system-ui,sans-serif;
  --body:'IBM Plex Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
  --mono:'IBM Plex Mono',ui-monospace,Consolas,monospace;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;background:var(--bg);color:var(--fg);font:17px/1.65 var(--body);-webkit-font-smoothing:antialiased}
a{color:var(--green)} a:hover{color:#6BE8B2}
:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:6px}
.wrap{max-width:820px;margin-inline:auto;padding-inline:20px}

.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:10;background:rgba(12,14,18,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.top-in{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px}
.logo{font:800 24px var(--display);letter-spacing:-.02em;color:var(--fg);text-decoration:none}
.logo span{color:var(--green)}
.back{color:var(--muted);text-decoration:none;font-weight:500;font-size:15px;display:inline-flex;align-items:center;gap:6px;min-height:44px}
.back:hover{color:var(--fg)}

main{padding-block:48px 72px}
.eyebrow{font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--green)}
h1{font:800 clamp(34px,6vw,56px)/1.02 var(--display);letter-spacing:-.02em;margin:12px 0 14px;text-wrap:balance;hyphens:auto;overflow-wrap:break-word}
h2{font:700 clamp(21px,2.6vw,26px)/1.2 var(--display);letter-spacing:-.01em;margin:44px 0 12px;text-wrap:balance;hyphens:auto}
h3{font:600 18px/1.35 var(--body);margin:26px 0 8px}
p,li{color:#D9D6CF;max-width:68ch}
p{margin:0 0 14px}
ul,ol{margin:0 0 14px;padding-left:1.3em} li{margin:6px 0}
.lead{font-size:19px;color:var(--muted);max-width:60ch}
.meta{color:var(--dim);font-size:14px}
.langs{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 8px}
.langs a{display:inline-flex;align-items:center;min-height:42px;padding:6px 14px;border:1.5px solid var(--line2);border-radius:11px;color:var(--fg);text-decoration:none;font-weight:600;font-size:15px}
.langs a:hover{border-color:var(--muted)}
.lang-sep{margin:72px 0 0;padding-top:40px;border-top:1px solid var(--line)}
.box{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:20px 22px;margin:18px 0}
.box p:last-child{margin-bottom:0}
.box.warn{border-color:rgba(245,165,36,.5)}
.toc{background:var(--surface);border-radius:18px;padding:18px 22px;margin:26px 0}
.toc ol{margin:0;columns:2;column-gap:32px} .toc li{margin:0 0 7px;break-inside:avoid} .toc a{color:var(--fg);text-decoration:none} .toc a:hover{color:var(--green)}
dl.facts{display:grid;grid-template-columns:minmax(0,14em) minmax(0,1fr);gap:0;margin:0;border:1px solid var(--line);border-radius:16px;overflow:hidden}
dl.facts dt,dl.facts dd{margin:0;padding:12px 16px;border-bottom:1px solid var(--line)}
dl.facts dt{color:var(--muted);font-size:15px;background:var(--surface)}
dl.facts dd{color:var(--fg)}
dl.facts dt:last-of-type,dl.facts dd:last-of-type{border-bottom:0}
.ph{font-family:var(--mono);font-size:.92em;color:var(--amber)}
blockquote.form{margin:16px 0;padding:18px 22px;border-left:3px solid var(--line2);background:var(--surface);border-radius:0 14px 14px 0;color:#D9D6CF}
blockquote.form p{margin-bottom:8px}

/* forms (withdrawal) */
.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}
label{font-weight:600;font-size:15px}
input,textarea{background:var(--bg);color:var(--fg);border:1px solid var(--line2);border-radius:12px;min-height:48px;padding:10px 14px;font:16px var(--body);width:100%}
textarea{min-height:110px;resize:vertical}
.check{display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;align-items:start;font-weight:400}
.check input{min-height:auto;width:20px;height:20px;margin-top:3px;accent-color:var(--green)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:12px 22px;border-radius:14px;font:600 16px var(--body);text-decoration:none;cursor:pointer;border:2px solid transparent}
.btn-main{background:var(--green);color:#0C0E12} .btn-main:hover{background:#6BE8B2;color:#0C0E12}
.btn-red{background:var(--red);color:#0C0E12} .btn-red:hover{background:#FF7A7E}
.btn-ghost{background:transparent;color:var(--fg);border-color:var(--line2)} .btn-ghost:hover{border-color:var(--muted);color:var(--fg)}
.hidden-field{position:absolute;left:-9999px}

footer{border-top:1px solid var(--line);padding-block:32px 48px;color:var(--dim);font-size:14px}
.f-links{display:flex;flex-wrap:wrap;gap:8px 20px;margin-bottom:12px}
.f-links a{color:var(--muted)}

@media (max-width:640px){
  .wrap{padding-inline:16px}
  .toc ol{columns:1}
  dl.facts{grid-template-columns:minmax(0,1fr)}
  dl.facts dt{border-bottom:0;padding-bottom:4px}
  dl.facts dd{padding-top:4px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
summary::-webkit-details-marker{display:none}
summary::marker{content:""}
details[open] > summary{opacity:.6}
select{background:var(--bg);color:var(--fg);border:1px solid var(--line2);border-radius:12px;min-height:48px;padding:10px 14px;font:16px var(--body);width:100%}