:root { color-scheme: light; --ink: #0f3a5c; --blue: #1b6fa8; --muted: #587386; --line: rgba(15,58,92,.13); --signal: #f2a900; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; min-height: 100vh; color: var(--ink); background: radial-gradient(circle at 85% 10%, rgba(95,174,222,.23), transparent 30rem), linear-gradient(145deg,#f8fcff,#e4f4fc 55%,#c7e8f7); font-family: "IBM Plex Sans",Arial,sans-serif; }
a { color: var(--blue); }
.legal-header { position: fixed; top: 24px; right: 0; left: 0; z-index: 100; padding: 0 16px; transition: transform .48s cubic-bezier(.34,1.2,.64,1),opacity .3s ease; }
.legal-header.header-hidden { opacity: 0; pointer-events: none; transform: translateY(calc(-100% - 40px)); }
.legal-header__inner { position: relative; width: min(1024px,100%); min-height: 72px; margin: auto; padding: 12px 28px; display: flex; align-items: center; justify-content: space-between; gap: 18px; border: 1px solid rgba(255,255,255,.74); border-radius: 999px; background: rgba(244,251,255,.73); box-shadow: 0 20px 45px -24px rgba(15,58,92,.45),inset 0 1px 0 rgba(255,255,255,.94); -webkit-backdrop-filter: blur(24px) saturate(155%); backdrop-filter: blur(24px) saturate(155%); }
.legal-brand { min-width: 0; display: flex; align-items: center; gap: 12px; color: var(--ink); text-decoration: none; }
.legal-brand img { width: 40px; height: 40px; flex: 0 0 auto; object-fit: contain; }
.legal-brand > span { min-width: 0; display: flex; flex-direction: column; }
.legal-brand strong { font-family: Archivo,Arial,sans-serif; font-size: 16px; font-weight: 800; letter-spacing: -.02em; line-height: 1; text-transform: uppercase; }
.legal-brand small { margin-top: 5px; color: var(--blue); font-family: "IBM Plex Mono",monospace; font-size: 9px; font-weight: 500; letter-spacing: .14em; line-height: 1; text-transform: uppercase; white-space: nowrap; }
.legal-nav { display: flex; align-items: center; gap: 30px; margin: 0; padding: 0; list-style: none; }
.legal-nav a { position: relative; padding: 9px 0; color: var(--ink); font-size: 12px; font-weight: 700; letter-spacing: .055em; text-decoration: none; text-transform: uppercase; }
.legal-nav a::after { position: absolute; right: 0; bottom: 2px; left: 0; height: 1px; content: ""; background: var(--blue); transform: scaleX(0); transition: transform .2s ease; }
.legal-nav a:hover::after,.legal-nav a:focus-visible::after { transform: scaleX(1); }
.legal-header__actions { display: flex; align-items: center; gap: 12px; }
.legal-phone { display: inline-flex; align-items: center; gap: 8px; padding: 11px 18px; color: #fff; border: 1px solid rgba(255,255,255,.3); border-radius: 999px; background: linear-gradient(145deg,#1b6fa8,#0f3a5c); box-shadow: inset 0 1px 0 rgba(255,255,255,.2); font-family: "IBM Plex Mono",monospace; font-size: 12px; font-weight: 700; text-decoration: none; white-space: nowrap; }
.legal-menu-toggle { display: none; width: 42px; height: 42px; padding: 10px; border: 0; border-radius: 50%; background: transparent; cursor: pointer; }
.legal-menu-toggle span { display: block; width: 22px; height: 2px; margin: 4px auto; border-radius: 999px; background: var(--ink); transition: transform .2s ease,opacity .2s ease; }
.legal-menu-toggle.active span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
.legal-menu-toggle.active span:nth-child(2) { opacity: 0; }
.legal-menu-toggle.active span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }
.legal-mobile-menu { position: absolute; top: calc(100% + 14px); right: 8px; left: 8px; display: none; flex-direction: column; gap: 0; padding: 18px; border: 1px solid rgba(255,255,255,.78); border-radius: 28px; background: rgba(244,251,255,.92); box-shadow: 0 25px 55px -25px rgba(15,58,92,.52); -webkit-backdrop-filter: blur(24px) saturate(155%); backdrop-filter: blur(24px) saturate(155%); }
.legal-mobile-menu.active { display: flex; }
.legal-mobile-menu a { padding: 13px 10px; color: var(--ink); border-bottom: 1px solid rgba(15,58,92,.1); font-family: Archivo,Arial,sans-serif; font-size: 14px; font-weight: 800; letter-spacing: .05em; text-align: center; text-decoration: none; text-transform: uppercase; }
.legal-mobile-menu .legal-mobile-phone { margin-top: 10px; color: #fff; border: 0; border-radius: 16px; background: linear-gradient(145deg,#1b6fa8,#0f3a5c); }
.legal-main { width: min(1100px,calc(100% - 32px)); margin: 132px auto 64px; }
.legal-hero { padding: clamp(28px,5vw,58px); margin-bottom: 22px; border: 1px solid rgba(255,255,255,.9); border-radius: 38px; background: rgba(255,255,255,.66); box-shadow: 0 24px 70px rgba(15,58,92,.13); backdrop-filter: blur(20px); }
.legal-hero small { color: var(--blue); font: 700 12px/1.2 "IBM Plex Mono",monospace; letter-spacing: .12em; text-transform: uppercase; }
.legal-hero h1 { max-width: 820px; margin: 15px 0 16px; font: 800 clamp(36px,6vw,72px)/.98 Archivo,Arial,sans-serif; letter-spacing: -.045em; }
.legal-hero p { max-width: 760px; margin: 0; color: var(--muted); font-size: 17px; line-height: 1.65; }
.legal-layout { display: grid; grid-template-columns: 250px minmax(0,1fr); gap: 22px; align-items: start; }
.legal-toc { position: sticky; top: 92px; padding: 22px; border: 1px solid rgba(255,255,255,.85); border-radius: 24px; background: rgba(255,255,255,.55); backdrop-filter: blur(18px); }
.legal-toc strong { display: block; margin-bottom: 12px; }
.legal-toc a { display: block; padding: 7px 0; color: var(--muted); font-size: 13px; text-decoration: none; }
.legal-content { min-width: 0; padding: clamp(24px,4vw,48px); border: 1px solid rgba(255,255,255,.9); border-radius: 32px; background: rgba(255,255,255,.76); box-shadow: 0 20px 56px rgba(15,58,92,.1); }
.legal-content section { scroll-margin-top: 100px; padding: 8px 0 28px; border-bottom: 1px solid var(--line); }
.legal-content section:last-child { border-bottom: 0; }
.legal-content h2 { margin: 22px 0 12px; font: 800 clamp(24px,3vw,34px)/1.1 Archivo,Arial,sans-serif; letter-spacing: -.025em; }
.legal-content h3 { margin: 22px 0 8px; font-size: 18px; }
.legal-content p,.legal-content li { color: #3f5d70; line-height: 1.7; }
.legal-content ul { padding-left: 22px; }
.legal-data { display: grid; grid-template-columns: 190px 1fr; gap: 8px 18px; padding: 18px; margin: 16px 0; background: rgba(220,240,250,.45); border-radius: 18px; }
.legal-data dt { color: var(--muted); }
.legal-data dd { margin: 0; font-weight: 700; overflow-wrap: anywhere; }
.legal-table-wrap { overflow-x: auto; margin: 16px 0; border: 1px solid var(--line); border-radius: 18px; }
table { width: 100%; border-collapse: collapse; min-width: 680px; }
th,td { padding: 14px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--line); font-size: 14px; line-height: 1.55; }
th { color: var(--ink); background: rgba(220,240,250,.5); }
td { color: #486477; }
tr:last-child td { border-bottom: 0; }
.legal-note { padding: 16px 18px; margin: 18px 0; color: #5e4a0c; background: rgba(255,223,110,.28); border: 1px solid rgba(242,169,0,.28); border-radius: 16px; }
.legal-footer { padding: 28px 20px; color: rgba(255,255,255,.75); background: #0a2940; }
.legal-footer__inner { width: min(1100px,100%); margin: auto; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 16px; }
.legal-footer a { color: #fff; }
@media (max-width: 820px) { .legal-layout { grid-template-columns: 1fr; } .legal-toc { position: static; } }
@media (max-width: 900px) { .legal-nav { gap: 16px; } .legal-phone span { display: none; } }
@media (max-width: 767px) { .legal-header { top: 16px; padding: 0 12px; } .legal-header__inner { min-height: 68px; padding: 10px 16px; } .legal-nav,.legal-phone { display: none; } .legal-menu-toggle { display: block; } .legal-main { margin-top: 112px; } }
@media (max-width: 600px) { .legal-brand small { max-width: 190px; overflow: hidden; font-size: 8px; letter-spacing: .1em; text-overflow: ellipsis; } .legal-main { width:min(100% - 20px,1100px); } .legal-hero,.legal-content { border-radius:26px; } .legal-data { grid-template-columns:1fr; gap:3px; } .legal-data dd { margin-bottom:10px; } }