/* Generated by tools/build_legal_from_mockup.py from
   "source/legal-mockups/*.dc.html".
   Do not hand-edit the generated parts: re-run the script instead. */

/* ---- mockup <style> block, verbatim ---- */
html { background:#000; scroll-behavior:smooth; scroll-padding-top:110px; }
body { margin:0; background:transparent; color:#fff; font-family:'Space Grotesk',Helvetica,Arial,sans-serif; -webkit-font-smoothing:antialiased; }
a { color:#fff; text-decoration:none; }
a:hover { color:#FF1F1F; }
h1,h2,h3 { text-wrap:balance; }
@keyframes grainShift { 0%{transform:translate(0,0)} 100%{transform:translate(-8px,6px)} }
@media (prefers-reduced-motion: reduce) { * { animation:none !important; transition:none !important; } }

/* ---- one class per inline style from the mockup ---- */
.l-1{max-width:100vw;overflow-x:clip;position:relative;min-height:100vh;display:flex;flex-direction:column}
.l-2{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.l-3{position:absolute;top:50%;left:50%;width:100vh;height:100vw;transform:translate(-50%,-50%) rotate(90deg);background-image:url('/site-assets/texture-red.webp');background-size:cover;background-position:50% 50%;filter:saturate(.9) contrast(1.05) brightness(.34)}
.l-4{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(120% 80% at 50% 30%,rgba(0,0,0,.42),rgba(0,0,0,.8) 70%)}
.l-5{position:fixed;inset:0;z-index:-1;pointer-events:none;background:rgba(6,6,6,.62)}
.l-6{position:fixed;inset:-12%;z-index:70;pointer-events:none;opacity:.75;mix-blend-mode:screen;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='g'><feTurbulence type='fractalNoise' baseFrequency='0.95' numOctaves='4'/><feColorMatrix type='matrix' values='0 0 0 0 0.09 0 0 0 0 0.09 0 0 0 0 0.09 0 0 0 0 1'/></filter><rect width='140' height='140' filter='url(%23g)'/></svg>");background-size:140px 140px;animation:grainShift .6s steps(2) infinite}
.l-7{position:sticky;top:0;z-index:50;backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%);background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02) 55%,rgba(0,0,0,.06));box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 10px 40px -20px rgba(0,0,0,.9)}
.l-8{position:relative;box-sizing:border-box;max-width:1280px;width:100%;margin:0 auto;padding:16px 24px;display:flex;align-items:center;gap:20px;flex-wrap:nowrap}
.l-9{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.l-10{width:30px;height:30px;border-radius:7px;display:block;object-fit:cover}
.l-11{font-family:'Archivo Black','Space Grotesk',Helvetica,sans-serif;font-size:19px;letter-spacing:-.01em;text-transform:uppercase;color:#fff}
.l-11:hover{color:#fff}
.l-12{display:flex;align-items:center;gap:14px;flex:0 0 auto;margin-left:auto}
.l-13{position:relative;flex:0 0 auto}
.l-14{display:flex;align-items:center;gap:8px;font-family:'Space Grotesk',Helvetica,sans-serif;font-size:14px;font-weight:500;line-height:1.2;padding:10px 16px;border:0;border-radius:6px;cursor:pointer;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.09);color:#fff;transition:background .35s ease}
.l-14:hover{background:rgba(255,255,255,.12);color:#fff}
.l-15{display:block;width:13px;height:13px;border-radius:50%;border:1px solid #A0A0A0;position:relative;flex:0 0 auto}
.l-16{position:absolute;top:50%;left:0;right:0;height:1px;background:#A0A0A0;transform:translateY(-50%)}
.l-17{position:absolute;top:0;bottom:0;left:50%;width:5px;border-left:1px solid #A0A0A0;border-right:1px solid #A0A0A0;transform:translateX(-50%);border-radius:50%}
.l-18{display:block;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4.5px solid #A0A0A0}
.l-19{display:none;position:absolute;top:calc(100% + 10px);right:0;min-width:100%;padding:6px;border-radius:10px;background:rgba(10,10,10,.86);backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 20px 50px -20px rgba(0,0,0,.95);z-index:60}
.l-20{display:flex;width:100%;align-items:center;justify-content:space-between;gap:10px;font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.1em;text-align:left;padding:10px 11px;border:0;border-radius:8px;cursor:pointer;background:rgba(255,255,255,.08);color:#fff;transition:background .3s ease}
.l-20:hover{background:rgba(255,255,255,.16);color:#fff}
.l-21{color:#FF1F1F}
.l-21:hover{color:#FF1F1F}
.l-22{display:flex;width:100%;align-items:center;justify-content:space-between;gap:10px;font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.1em;text-align:left;padding:10px 11px;border:0;border-radius:8px;cursor:pointer;background:transparent;color:#A0A0A0;transition:background .3s ease,color .3s ease}
.l-22:hover{background:rgba(255,255,255,.1);color:#fff}
.l-23{color:transparent}
.l-23:hover{color:transparent}
.l-24{font-size:14px;font-weight:500;color:#000;background:#FF1414;padding:10px 16px;border-radius:6px;white-space:nowrap;flex:0 0 auto;transition:transform .35s cubic-bezier(.22,1,.36,1),background .35s ease}
.l-24:hover{background:#FF2A2A;transform:translateY(-1px);color:#000}
.l-25{padding:clamp(28px,3.5vw,44px) 32px clamp(30px,3.5vw,48px)}
.l-26{max-width:760px;margin:0 auto;text-align:center}
.l-27{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.3em;color:#FF1F1F;text-transform:uppercase;margin-bottom:18px}
.l-27:hover{color:#FF1F1F}
.l-28{margin:0 0 20px;font-size:clamp(34px,5.4vw,66px);line-height:1.04;font-weight:600;letter-spacing:-.035em}
.l-29{margin:0 auto 26px;font-size:17px;line-height:1.6;color:#A0A0A0;max-width:560px}
.l-29:hover{color:#A0A0A0}
.l-30{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.16em;color:#6b6b6b}
.l-30:hover{color:#6b6b6b}
.l-31{flex:1 1 auto;padding:0 32px clamp(64px,7vw,110px)}
.l-32{max-width:760px;margin:0 auto}
.l-33{margin:0 0 14px;font-size:18px;font-weight:600;letter-spacing:-.01em;display:flex;gap:12px;align-items:baseline}
.l-34{font-family:'IBM Plex Mono',monospace;font-size:16px;color:#FF1F1F;letter-spacing:.1em}
.l-34:hover{color:#FF1F1F}
.l-35{margin:0 0 15px;font-size:15px;line-height:1.75;color:#A0A0A0;max-width:100%;text-wrap:pretty}
.l-35:hover{color:#A0A0A0}
.l-36{color:#fff;border-bottom:1px solid #FF1F1F}
.l-36:hover{color:#fff}
.l-37{margin:46px 0 14px;padding-top:20px;border-top:1px solid rgba(255,255,255,.07);font-size:18px;font-weight:600;letter-spacing:-.01em;display:flex;gap:12px;align-items:baseline}
.l-38{margin:0 0 15px;padding-left:20px;font-size:15px;line-height:1.75;color:#A0A0A0;max-width:100%}
.l-38:hover{color:#A0A0A0}
.l-39{margin-bottom:8px}
.l-40{color:#fff;font-weight:500}
.l-40:hover{color:#fff}
.l-41{display:none;max-width:760px;margin:0 auto}
.l-42{border-top:1px solid rgba(255,255,255,.08);padding:clamp(56px,6vw,80px) 32px 40px}
.l-43{max-width:1000px;margin:0 auto;display:flex;flex-wrap:wrap;gap:48px}
.l-44{flex:1 1 260px;min-width:230px}
.l-45{display:flex;align-items:center;gap:10px}
.l-46{width:26px;height:26px;border-radius:6px;display:block;object-fit:cover}
.l-47{font-family:'Archivo Black','Space Grotesk',Helvetica,sans-serif;font-size:17px;letter-spacing:-.01em;text-transform:uppercase;color:#fff}
.l-47:hover{color:#fff}
.l-48{margin:20px 0 0;font-size:14px;line-height:1.65;color:#A0A0A0;max-width:300px}
.l-48:hover{color:#A0A0A0}
.l-49{flex:0 1 190px}
.l-50{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.26em;color:#FF1F1F;text-transform:uppercase;margin-bottom:20px}
.l-50:hover{color:#FF1F1F}
.l-51{display:flex;flex-direction:column;gap:12px;font-size:14px}
.l-52{color:#A0A0A0;transition:color .3s ease}
.l-52:hover{color:#fff}
.l-53{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.14em;color:#FF1F1F;transition:opacity .3s ease}
.l-53:hover{opacity:.75;color:#FF1F1F}
.l-54{max-width:1000px;margin:clamp(44px,5vw,64px) auto 0;padding-top:24px;border-top:1px solid rgba(255,255,255,.06);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.16em;color:#6b6b6b}
.l-54:hover{color:#6b6b6b}
.l-55{font-family:'IBM Plex Mono',monospace;color:#fff}
.l-55:hover{color:#fff}

/* ---- site additions (not part of the mockups) ---- */

/* The mockup hides the Russian block with an inline `display:none`, which the
   generated class now carries.  legal-v2.js drives [hidden] instead, so the
   visible block has to win over that class. */
[data-doc-lang][hidden]{display:none!important}
[data-doc-lang]:not([hidden]){display:block!important}

[data-language-menu][hidden]{display:none!important}
[data-language-menu]:not([hidden]){display:block!important}
[data-language-menu] button[aria-checked="true"]{background:rgba(255,255,255,.16);color:#fff}

/* Active-language dot: the mockup put the colour inline, the script only
   flips a data attribute so no inline style is needed. */
[data-lang-dot]{color:transparent}
[data-lang-dot][data-active="true"]{color:#FF1F1F}

/* Film grain: at opacity .75 with mix-blend-mode:screen a browser lifts every
   black on the page to grey.  Same call as on the homepage - keep the deep
   black of the reference build. */
[data-layer="grain"]{display:none}

/* Narrow phones: the mockup's header is nowrap by design, and below ~520px
   the language button and Back to site run past the viewport, where the root's
   overflow-x:clip cuts them off.  Drop the wordmark (the logo still reads) and
   tighten the bar - desktop is untouched. */
@media (max-width:560px){
  [data-slot="headerbar"]{padding:12px 16px;gap:12px}
  [data-slot="wordmark"]{display:none}
}

@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}