.ez-legal-hero { position: relative; padding: 170px 0 78px; color: #fff; background: var(--ez-navy-dark); overflow: hidden; }
.ez-legal-hero::before,.ez-legal-hero::after { content: ""; position: absolute; border: 1px solid rgba(84,200,204,.18); border-radius: 50%; }
.ez-legal-hero::before { width: 500px; height: 500px; right: -140px; top: -230px; }.ez-legal-hero::after { width: 320px; height: 320px; right: 50px; top: -135px; }
.ez-legal-hero .container { position: relative; z-index: 2; }.ez-legal-hero .ez-eyebrow { color: var(--ez-teal-light); }.ez-legal-hero h1 { margin: 0; color: #fff; font-size: clamp(42px,5vw,66px); font-weight: 800; line-height: 1.24; letter-spacing: -.018em; }.ez-legal-hero p { max-width: 680px; margin: 22px 0 0; color: rgba(255,255,255,.66); font-size: 17px; }.ez-legal-meta { display: flex; flex-wrap: wrap; gap: 20px; margin-top: 30px; color: rgba(255,255,255,.48); font-family: "Roboto Mono",monospace; font-size: 10px; letter-spacing: .06em; }
.ez-legal-hero-layout { display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.72fr);align-items:center;gap:88px; }
.ez-legal-hero-copy { min-width:0; }
.ez-legal-visual { position:relative;overflow:hidden;padding:29px 30px 27px;border:1px solid rgba(255,255,255,.18);border-radius:19px;background:rgba(255,255,255,.075);box-shadow:0 24px 55px rgba(0,0,0,.16);backdrop-filter:blur(10px); }
.ez-legal-visual::after { content:"";position:absolute;width:180px;height:180px;right:-95px;top:-100px;border:1px solid rgba(126,228,238,.17);border-radius:50%; }
.ez-legal-visual-head { display:flex;align-items:center;gap:12px;color:#8bdde2;font-family:"Roboto Mono",monospace;font-size:10px;font-weight:600;letter-spacing:.12em; }
.ez-legal-visual-head>i { width:42px;height:42px;display:grid;place-items:center;border-radius:12px;color:#052f50;background:#7ee4ee;font-size:19px; }
.ez-legal-visual>strong { display:block;margin-top:24px;color:#fff;font-size:25px;line-height:1.4; }
.ez-legal-visual ul { display:grid;gap:9px;margin:24px 0 0;padding:0;list-style:none; }
.ez-legal-visual li { display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid rgba(255,255,255,.09);border-radius:9px;color:rgba(255,255,255,.76);background:rgba(255,255,255,.04);font-size:12px; }
.ez-legal-visual li i { width:21px;height:21px;display:grid;place-items:center;flex:0 0 21px;border-radius:50%;color:#052f50;background:#7ee4ee;font-size:11px;font-weight:800; }
.ez-legal-main { padding: 85px 0 120px; background: var(--ez-surface); }.ez-legal-layout { display: grid; grid-template-columns: 250px minmax(0,1fr); align-items: start; gap: 58px; }
.ez-legal-nav { position: sticky; top: 112px; padding: 22px; border: 1px solid var(--ez-line); border-radius: 14px; background: #fff; }.ez-legal-nav > span { display: block; margin-bottom: 12px; color: var(--ez-teal); font-family: "Roboto Mono",monospace; font-size: 9px; letter-spacing: .12em; }.ez-legal-nav a { display: block; padding: 8px 0; color: #657985; font-size: 13px; line-height: 1.45; }.ez-legal-nav a:hover { color: var(--ez-navy); }.ez-legal-nav a:focus-visible { border-radius: 4px; outline: 3px solid rgba(7,149,165,.28); outline-offset: 3px; color: var(--ez-navy); }.ez-legal-nav .ez-legal-back { margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--ez-line); color: var(--ez-navy); font-weight: 700; }
.ez-legal-content { min-width: 0; }.ez-legal-lead { margin-bottom: 18px; padding: 28px 30px; border-left: 4px solid var(--ez-teal); border-radius: 0 12px 12px 0; color: #536b78; background: #fff; font-size: 15px; }.ez-legal-lead strong { color: var(--ez-navy-dark); }
.ez-legal-card { margin-bottom: 16px; padding: 34px 36px; border: 1px solid var(--ez-line); border-radius: 14px; background: #fff; scroll-margin-top: 112px; }.ez-legal-card h2 { display: flex; align-items: center; gap: 14px; margin: 0 0 18px; color: var(--ez-navy-dark); font-size: 24px; font-weight: 800; letter-spacing: -.008em; }.ez-legal-card h2 span { display: grid; flex: 0 0 30px; width: 30px; height: 30px; place-items: center; border-radius: 50%; color: var(--ez-teal); background: rgba(7,149,165,.1); font-family: "Roboto Mono",monospace; font-size: 9px; }.ez-legal-card h3 { margin: 25px 0 10px; color: var(--ez-navy); font-size: 17px; }.ez-legal-card p { margin: 0 0 13px; color: #5c707c; font-size: 15px; line-height: 1.95; }.ez-legal-card ul,.ez-legal-card ol { margin: 12px 0 0; padding-left: 22px; color: #5c707c; }.ez-legal-card li { margin: 8px 0; padding-left: 4px; font-size: 15px; line-height: 1.8; }.ez-legal-card a { color: var(--ez-teal); text-decoration: underline; text-underline-offset: 3px; }
.ez-legal-table { width: 100%; margin-top: 16px; border-collapse: collapse; }.ez-legal-table th,.ez-legal-table td { padding: 14px 15px; border: 1px solid var(--ez-line); text-align: left; vertical-align: top; font-size: 13px; line-height: 1.7; }.ez-legal-table th { width: 28%; color: var(--ez-navy); background: #f1f7f6; }.ez-legal-table td { color: #5b707c; }
.ez-legal-notice { margin-top: 18px; padding: 18px 20px; border-radius: 10px; color: #6b5a32; background: #fff6df; font-size: 13px; line-height: 1.8; }.ez-legal-notice--critical { margin-bottom: 20px; border-left: 4px solid var(--ez-teal); color: #244d5a; background: #eaf7f6; }.ez-legal-notice--critical strong { display: block; margin-bottom: 5px; color: var(--ez-navy-dark); font-size: 15px; }.ez-legal-contact { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px 20px; margin-top: 18px; padding: 20px; border-radius: 10px; background: var(--ez-surface); }.ez-legal-contact span { min-width: 0; overflow-wrap: anywhere; color: #6b7d87; font-size: 13px; }.ez-legal-contact strong { display: block; color: var(--ez-navy-dark); font-size: 14px; }
.ez-footer-legal { display: flex; gap: 18px; }.ez-footer-legal a { color: rgba(255,255,255,.62); }.ez-footer-legal a:hover { color: #fff; }
.ez-app-view .ez-legal-hero { padding-top: 72px; }
.ez-app-view .ez-legal-main { padding-top: 50px; }
.ez-app-view .ez-legal-nav .ez-legal-back { display: none; }
.ez-app-view .ez-legal-card { scroll-margin-top: 24px; }
@media (max-width: 900px) { .ez-legal-hero-layout { grid-template-columns:1fr;gap:42px; }.ez-legal-hero-copy,.ez-legal-visual{max-width:700px}.ez-legal-layout { grid-template-columns: 1fr; gap: 34px; }.ez-legal-nav { position: static; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px 24px; }.ez-legal-nav > span { grid-column: 1 / -1; width: 100%; }.ez-legal-nav a { padding: 4px 0; }.ez-legal-nav .ez-legal-back { grid-column: 1 / -1; width: 100%; margin-top: 8px; }.ez-footer-bottom { flex-wrap: wrap; gap: 8px 18px; } }
@media (max-width: 600px) { .ez-legal-hero { padding: 135px 0 58px; }.ez-legal-hero-layout{gap:32px}.ez-legal-hero p{font-size:15px}.ez-legal-visual{padding:23px 20px}.ez-legal-visual>strong{font-size:22px}.ez-legal-main { padding: 55px 0 80px; }.ez-legal-nav { grid-template-columns: 1fr; }.ez-legal-card { padding: 26px 22px; scroll-margin-top: 92px; }.ez-legal-card h2 { align-items: flex-start; font-size: 21px; }.ez-legal-table,.ez-legal-table tbody,.ez-legal-table tr,.ez-legal-table th,.ez-legal-table td { display: block; width: 100%; }.ez-legal-table th { border-bottom: 0; }.ez-legal-contact { grid-template-columns: 1fr; }.ez-footer-legal { width: 100%; order: 3; } }