.page-bg { position: fixed; inset: 0; z-index: 0; pointer-events: none; background: radial-gradient(ellipse 80% 40% at 20% -10%, rgba(194, 78, 44, 0.18) 0%, transparent 70%), radial-gradient(ellipse 60% 35% at 85% 5%, rgba(157, 51, 119, 0.13) 0%, transparent 65%); }
    .srv-hero { position: relative; z-index: 10; max-width: 1200px; margin: 0 auto; padding: 10rem 2rem 4rem; }
    .srv-hero-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 3rem; margin-bottom: 2rem; }
    .srv-hero-hl { flex: 1; }
    .srv-hero-aside { flex: 0 0 300px; display: flex; flex-direction: column; align-items: flex-start; padding-bottom: 0.25rem; }
    .srv-breadcrumb { display: flex; align-items: center; gap: 0.45rem; font-family: 'Inter', sans-serif; font-size: 0.72rem; color: rgba(197,197,214,0.4); margin-bottom: 1.5rem; }
    .srv-breadcrumb a { color: inherit; text-decoration: none; display: flex; align-items: center; transition: color 0.2s; }
    .srv-breadcrumb a:hover { color: rgba(197,197,214,0.75); }
    .srv-hero-title { font-family: 'Plus Jakarta Sans', sans-serif; font-size: clamp(1.9rem, 3.8vw, 3.1rem); font-weight: 800; color: #fff; line-height: 1.1; letter-spacing: -0.03em; margin: 0; }
    .srv-hero-title em { font-family: 'Plus Jakarta Sans', sans-serif; font-style: italic; font-weight: 300; letter-spacing: -0.025em; background: linear-gradient(90deg, #C24E2C 0%, #9D3377 50%, #4A89C7 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
    .srv-hero-desc { font-family: 'Inter', sans-serif; font-size: 0.875rem; line-height: 1.75; color: rgba(197,197,214,0.6); margin: 0 0 1.75rem; }
    
    .legal-content-wrapper { max-width: 900px; margin: 0 auto 5rem; padding: 0 2rem; position: relative; z-index: 10; }
    .srv-card {
      position: relative; background: linear-gradient(to bottom, rgba(255,255,255,0.055) 0%, rgba(255,255,255,0.018) 45%, transparent 100%);
      border-radius: 1.25rem; padding: 4rem 4.5rem; display: flex; flex-direction: column; overflow: hidden;
    }
    .srv-card::before {
      content: ''; position: absolute; inset: 0; border-radius: inherit; padding: 1px;
      background: linear-gradient(to bottom, rgba(255,255,255,0.18) 0%, rgba(255,255,255,0.10) 20%, rgba(255,255,255,0.03) 48%, transparent 62%);
      -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
      -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; z-index: 2;
    }
    
    .doc-body { font-family: 'Inter', sans-serif; font-size: 0.95rem; line-height: 1.8; color: rgba(197,197,214,0.7); position: relative; z-index: 3; }
    .doc-body h2 { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 1.35rem; font-weight: 700; color: #fff; margin: 2.5rem 0 1rem; letter-spacing: -0.01em; }
    .doc-body h2:first-child { margin-top: 0; }
    .doc-body p { margin-bottom: 1.25rem; }
    .doc-body a { color: #C24E2C; text-decoration: none; border-bottom: 1px solid rgba(194, 78, 44, 0.3); transition: border-color 0.2s; }
    .doc-body a:hover { border-bottom-color: #4A89C7; }
    
    @media (max-width: 768px) {
      .srv-hero-top { flex-direction: column; align-items: flex-start; gap: 1.75rem; }
      .srv-hero-aside { flex: unset; width: 100%; }
      .srv-hero { padding: 8rem 1rem 2rem; }
      .srv-card { padding: 2rem 1.5rem; }
    }