/* ── Scroll Progress ── */
 #progress-bar {
     position: fixed;
     top: 0;
     left: 0;
     height: 3px;
     background: linear-gradient(90deg, var(--blue), #6AA0FF);
     width: 0%;
     z-index: 1000;
     transition: width .1s linear;
     border-radius: 0 2px 2px 0;
 }

 /* ── Hero ── */
 .hero {
     background: linear-gradient(135deg, var(--navy) 0%, #0f2d6b 50%, #1540a8 100%);
     padding: 145px 24px 72px;
     position: relative;
     overflow: hidden;
 }

 .hero::before {
     content: '';
     position: absolute;
     inset: 0;
     background: radial-gradient(ellipse 80% 60% at 70% 50%, rgba(30, 94, 255, .25) 0%, transparent 70%);
     pointer-events: none;
 }

 .hero-inner-privacy {
     max-width: 860px;
     margin: 0 auto;
     position: relative;
     z-index: 1;
 }

 .hero-badge {
     display: inline-flex;
     align-items: center;
     gap: 8px;
     background: rgba(255, 255, 255, .1);
     border: 1px solid rgba(255, 255, 255, .18);
     color: #A8C4FF;
     font-size: 12px;
     font-weight: 500;
     letter-spacing: .06em;
     text-transform: uppercase;
     padding: 6px 14px;
     border-radius: 100px;
     margin-bottom: 24px;
     backdrop-filter: blur(8px);
 }

 .hero h1 {
     font-size: clamp(36px, 5vw, 56px);
     font-weight: 700;
     color: var(--white);
     margin-bottom: 18px;
     letter-spacing: -.02em;
 }

 .hero-sub {
     font-size: 16px;
     color: rgba(255, 255, 255, .72);
     /* max-width: 620px; */
     line-height: 1.7;
     margin-bottom: 32px;
 }

 .hero-meta {
     display: flex;
     align-items: center;
     gap: 12px;
     color: rgba(255, 255, 255, .55);
     font-size: 13px;
     margin-bottom: 40px;
 }

 .hero-meta span {
     display: flex;
     align-items: center;
     gap: 6px;
 }

 .hero-meta-dot {
     width: 4px;
     height: 4px;
     background: rgba(255, 255, 255, .3);
     border-radius: 50%;
 }

 .trust-badges {
     display: flex;
     flex-wrap: wrap;
     gap: 12px;
 }

 .trust-badge {
     display: flex;
     align-items: center;
     gap: 8px;
     background: rgba(255, 255, 255, .08);
     border: 1px solid rgba(255, 255, 255, .14);
     backdrop-filter: blur(12px);
     color: var(--white);
     padding: 10px 18px;
     border-radius: 100px;
     font-size: 13px;
     font-weight: 500;
     transition: background .2s;
 }

 .trust-badge svg {
     flex-shrink: 0;
 }

 /* ── Layout ── */
 .page-layout {
     display: grid;
     grid-template-columns: 260px 1fr;
     gap: 0;
     max-width: 1180px;
     margin: 0 auto;
     padding: 60px 24px 100px;
     align-items: start;
 }

 /* ── Sidebar ── */
 .sidebar {
     position: sticky;
     top: 24px;
     padding-right: 40px;
 }

 .sidebar-title {
     font-family: 'DM Sans', sans-serif;
     font-size: 11px;
     font-weight: 600;
     text-transform: uppercase;
     letter-spacing: .1em;
     color: var(--gray-400);
     margin-bottom: 16px;
 }

 .sidebar-nav {
     list-style: none;
     margin-bottom: 28px;
 }

 .sidebar-nav li+li {
     margin-top: 2px;
 }

 .sidebar-nav a {
     display: block;
     padding: 8px 12px;
     border-radius: var(--radius-sm);
     color: var(--gray-600);
     font-size: 13.5px;
     text-decoration: none;
     transition: all .18s;
     border-left: 2px solid transparent;
 }

 .sidebar-nav a:hover {
     color: var(--blue);
     background: var(--light-blue);
 }

 .sidebar-nav a.active {
     color: var(--blue);
     background: var(--light-blue);
     border-left-color: var(--blue);
     font-weight: 500;
 }

 .sidebar-card {
     background: var(--gray-50);
     border: 1px solid var(--gray-200);
     border-radius: var(--radius-md);
     padding: 20px;
     margin-bottom: 16px;
 }

 .sidebar-card-title {
     font-family: 'DM Sans', sans-serif;
     font-size: 13px;
     font-weight: 600;
     color: var(--navy);
     margin-bottom: 12px;
 }

 .sidebar-check {
     display: flex;
     align-items: center;
     gap: 8px;
     font-size: 12.5px;
     color: var(--gray-600);
     margin-bottom: 8px;
 }

 .sidebar-check:last-child {
     margin-bottom: 0;
 }

 .check-dot {
     width: 18px;
     height: 18px;
     background: #E8F5E9;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     flex-shrink: 0;
 }

 .check-dot svg {
     color: #2E7D32;
 }

 .date-tag {
     font-size: 11px;
     color: var(--gray-400);
     margin-top: 6px;
 }

 .date-value {
     font-size: 14px;
     font-weight: 600;
     color: var(--navy);
     font-family: 'DM Sans', sans-serif;
 }

 /* ── Main Content ── */
 .main-content {
     min-width: 0;
 }

 .policy-section {
     margin-bottom: 64px;
     scroll-margin-top: 32px;
 }

 .policy-section:last-child {
     margin-bottom: 0;
 }

 .section-eyebrow {
     font-size: 11px;
     font-weight: 600;
     text-transform: uppercase;
     letter-spacing: .1em;
     color: var(--blue);
     margin-bottom: 12px;
 }

 .section-heading {
     font-size: clamp(22px, 3vw, 30px);
     font-weight: 700;
     color: var(--navy);
     margin-bottom: 20px;
     letter-spacing: -.01em;
 }

 .section-divider {
     height: 2px;
     background: linear-gradient(90deg, var(--blue) 0%, transparent 60%);
     width: 48px;
     border-radius: 2px;
     margin-bottom: 28px;
 }

 .section-text {
     color: var(--gray-600);
     line-height: 1.75;
     margin-bottom: 16px;
 }

 .section-text:last-child {
     margin-bottom: 0;
 }

 /* ── Info Card ── */
 .info-card {
     background: linear-gradient(135deg, var(--gray-50) 0%, var(--white) 100%);
     border: 1px solid var(--gray-200);
     border-radius: var(--radius-lg);
     padding: 32px;
     box-shadow: var(--shadow-sm);
 }

 .info-card p {
     color: var(--gray-600);
     line-height: 1.75;
     margin-bottom: 14px;
 }

 .info-card p:last-child {
     margin-bottom: 0;
 }

 /* ── Icon Grid ── */
 .icon-grid {
     display: grid;
     grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
     gap: 16px;
     margin-top: 8px;
 }

 .icon-card {
     background: var(--white);
     border: 1px solid var(--gray-200);
     border-radius: var(--radius-md);
     padding: 24px 22px;
     box-shadow: var(--shadow-sm);
     transition: all .22s;
 }

 .icon-card:hover {
     box-shadow: var(--shadow-md);
     transform: translateY(-2px);
     border-color: rgba(30, 94, 255, .2);
 }

 .icon-card-icon {
     width: 44px;
     height: 44px;
     border-radius: var(--radius-sm);
     background: var(--light-blue);
     display: flex;
     align-items: center;
     justify-content: center;
     margin-bottom: 14px;
     font-size: 20px;
 }

 .icon-card-title {
     font-family: 'DM Sans', sans-serif;
     font-weight: 600;
     font-size: 15px;
     color: var(--navy);
     margin-bottom: 10px;
 }

 .icon-card ul {
     list-style: none;
 }

 .icon-card ul li {
     font-size: 13px;
     color: var(--gray-600);
     padding: 4px 0;
     display: flex;
     align-items: flex-start;
     gap: 7px;
 }

 .icon-card ul li::before {
     content: '·';
     color: var(--blue);
     font-size: 18px;
     line-height: 1.1;
     flex-shrink: 0;
 }

 /* ── Feature Cards ── */
 .feature-grid {
     display: grid;
     grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
     gap: 14px;
 }

 .feature-card {
     background: var(--white);
     border: 1px solid var(--gray-200);
     border-radius: var(--radius-md);
     padding: 20px;
     display: flex;
     align-items: flex-start;
     gap: 12px;
     box-shadow: var(--shadow-sm);
     transition: all .2s;
 }

 .feature-card:hover {
     box-shadow: var(--shadow-md);
     border-color: rgba(30, 94, 255, .2);
 }

 .feature-icon {
     width: 36px;
     height: 36px;
     background: var(--light-blue);
     border-radius: 8px;
     display: flex;
     align-items: center;
     justify-content: center;
     flex-shrink: 0;
     font-size: 16px;
 }

 .feature-label {
     font-size: 13.5px;
     font-weight: 500;
     color: var(--navy);
     line-height: 1.4;
 }

 /* ── Cookie visual ── */
 .cookie-grid {
     display: grid;
     grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
     gap: 14px;
     margin: 24px 0;
 }

 .cookie-card {
     border-radius: var(--radius-md);
     padding: 22px 20px;
     background: var(--white);
     border: 1px solid var(--gray-200);
     box-shadow: var(--shadow-sm);
 }

 .cookie-badge {
     display: inline-block;
     font-size: 10px;
     font-weight: 600;
     text-transform: uppercase;
     letter-spacing: .08em;
     padding: 3px 9px;
     border-radius: 100px;
     margin-bottom: 10px;
 }

 .badge-essential {
     background: #E8F5E9;
     color: #2E7D32;
 }

 .badge-analytics {
     background: #EDE7F6;
     color: #512DA8;
 }

 .badge-functional {
     background: #E3F2FD;
     color: #0277BD;
 }

 .badge-advertising {
     background: #FFF8E1;
     color: #F57F17;
 }

 .cookie-card-title {
     font-family: 'DM Sans', sans-serif;
     font-weight: 600;
     font-size: 14px;
     color: var(--navy);
     margin-bottom: 6px;
 }

 .cookie-card-desc {
     font-size: 12.5px;
     color: var(--gray-600);
     line-height: 1.6;
 }

 .cookie-cta {
     display: inline-flex;
     align-items: center;
     gap: 8px;
     background: var(--light-blue);
     color: var(--blue);
     border: 1.5px solid rgba(30, 94, 255, .2);
     border-radius: var(--radius-sm);
     padding: 11px 22px;
     font-size: 14px;
     font-weight: 600;
     text-decoration: none;
     transition: all .2s;
     cursor: pointer;
     margin-top: 20px;
 }

 .cookie-cta:hover {
     background: var(--blue);
     color: var(--white);
 }

 /* ── Security Cards ── */
 .security-grid {
     display: grid;
     grid-template-columns: repeat(auto-fill, minmax(224px, 1fr));
     gap: 14px;
 }

 .security-card {
     background: linear-gradient(135deg, var(--navy) 0%, #0f2d5c 100%);
     border-radius: var(--radius-md);
     padding: 24px 20px;
     color: var(--white);
     box-shadow: var(--shadow-blue);
     transition: transform .2s;
 }

 .security-card:hover {
     transform: translateY(-3px);
 }

 .security-icon {
     font-size: 28px;
     margin-bottom: 12px;
 }

 .security-title {
     font-family: 'DM Sans', sans-serif;
     font-size: 14px;
     font-weight: 600;
     margin-bottom: 6px;
 }

 .security-desc {
     font-size: 12px;
     color: rgba(255, 255, 255, .65);
     line-height: 1.55;
 }

 /* ── Table ── */
 .compare-table-wrap {
     border-radius: var(--radius-md);
     border: 1px solid var(--gray-200);
     overflow: hidden;
     box-shadow: var(--shadow-sm);
     margin-top: 12px;
 }

 .compare-table {
     width: 100%;
     border-collapse: collapse;
 }

 .compare-table th {
     padding: 14px 20px;
     text-align: left;
     font-family: 'DM Sans', sans-serif;
     font-size: 13px;
     font-weight: 600;
 }

 .compare-table th:first-child {
     background: #E8F5E9;
     color: #2E7D32;
 }

 .compare-table th:last-child {
     background: #FFEBEE;
     color: #C62828;
 }

 .compare-table td {
     padding: 13px 20px;
     font-size: 13.5px;
     color: var(--gray-600);
     border-top: 1px solid var(--gray-100);
 }

 .compare-table td:first-child {
     border-right: 1px solid var(--gray-200);
 }

 .compare-table tr:hover td {
     background: var(--gray-50);
 }

 .td-icon {
     margin-right: 7px;
 }

 /* ── Retention Cards ── */
 .retention-grid {
     display: grid;
     grid-template-columns: repeat(auto-fill, minmax(295px, 1fr));
     gap: 14px;
 }

 .retention-card {
     background: var(--white);
     border: 1px solid var(--gray-200);
     border-radius: var(--radius-md);
     padding: 22px;
     box-shadow: var(--shadow-sm);
 }

 .retention-label {
     font-size: 11px;
     font-weight: 600;
     text-transform: uppercase;
     letter-spacing: .08em;
     color: var(--blue);
     margin-bottom: 6px;
 }

 .retention-title {
     font-family: 'DM Sans', sans-serif;
     font-size: 15px;
     font-weight: 600;
     color: var(--navy);
     margin-bottom: 4px;
 }

 .retention-duration {
     font-size: 20px;
     font-weight: 700;
     color: var(--blue);
     font-family: 'DM Sans', sans-serif;
     margin-bottom: 6px;
 }

 .retention-desc {
     font-size: 12.5px;
     color: var(--gray-600);
     line-height: 1.55;
 }

 /* ── Rights Cards ── */
 .rights-grid {
     display: grid;
     grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
     gap: 14px;
 }

 .right-card {
     background: var(--white);
     border: 1px solid var(--gray-200);
     border-radius: var(--radius-md);
     padding: 22px 20px;
     display: flex;
     gap: 14px;
     align-items: flex-start;
     box-shadow: var(--shadow-sm);
     transition: all .2s;
 }

 .right-card:hover {
     border-color: rgba(30, 94, 255, .3);
     box-shadow: var(--shadow-md);
 }

 .right-num {
     width: 32px;
     height: 32px;
     background: var(--light-blue);
     border-radius: 8px;
     display: flex;
     align-items: center;
     justify-content: center;
     font-family: 'DM Sans', sans-serif;
     font-weight: 700;
     font-size: 13px;
     color: var(--blue);
     flex-shrink: 0;
 }

 .right-title {
     font-family: 'DM Sans', sans-serif;
     font-weight: 600;
     font-size: 14px;
     color: var(--navy);
     margin-bottom: 4px;
 }

 .right-desc {
     font-size: 12.5px;
     color: var(--gray-600);
     line-height: 1.55;
 }

 /* ── Third Party ── */
 .third-party-list {
     display: flex;
     flex-direction: column;
     gap: 12px;
 }

 .tp-item {
     display: flex;
     gap: 14px;
     align-items: flex-start;
     background: var(--white);
     border: 1px solid var(--gray-200);
     border-radius: var(--radius-md);
     padding: 18px 20px;
     box-shadow: var(--shadow-sm);
 }

 .tp-icon {
     font-size: 22px;
     width: 44px;
     height: 44px;
     background: var(--light-blue);
     border-radius: 8px;
     display: flex;
     align-items: center;
     justify-content: center;
     flex-shrink: 0;
 }

 .tp-title {
     font-family: 'DM Sans', sans-serif;
     font-weight: 600;
     font-size: 14px;
     color: var(--navy);
     margin-bottom: 3px;
 }

 .tp-desc {
     font-size: 13px;
     color: var(--gray-600);
 }

 /* ── Alert Cards ── */
 .alert-card {
     display: flex;
     gap: 14px;
     align-items: flex-start;
     padding: 20px 22px;
     border-radius: var(--radius-md);
     border: 1px solid;
     margin-bottom: 14px;
 }

 .alert-card:last-child {
     margin-bottom: 0;
 }

 .alert-card.blue {
     background: var(--light-blue);
     border-color: rgba(30, 94, 255, .2);
 }

 .alert-card.green {
     background: #F1F8F1;
     border-color: rgba(46, 125, 50, .2);
 }

 .alert-card.orange {
     background: #FFF8F0;
     border-color: rgba(245, 127, 23, .2);
 }

 .alert-icon {
     font-size: 22px;
     flex-shrink: 0;
     margin-top: 1px;
 }

 .alert-title {
     font-family: 'DM Sans', sans-serif;
     font-weight: 600;
     font-size: 14px;
     color: var(--navy);
     margin-bottom: 4px;
 }

 .alert-text {
     font-size: 13px;
     color: var(--gray-600);
     line-height: 1.6;
 }

 /* ── Contact Card ── */
 .contact-card {
     background: linear-gradient(135deg, var(--white) 0%, var(--light-blue) 100%);
     border: 1px solid rgba(30, 94, 255, .15);
     border-radius: var(--radius-xl);
     padding: 40px;
     box-shadow: var(--shadow-lg);
     position: relative;
     overflow: hidden;
 }

 .contact-card::before {
     content: '';
     position: absolute;
     right: -60px;
     top: -60px;
     width: 200px;
     height: 200px;
     background: radial-gradient(circle, rgba(30, 94, 255, .08) 0%, transparent 70%);
     border-radius: 50%;
 }

 .contact-grid {
     display: grid;
     grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
     gap: 20px;
     margin: 28px 0;
 }

 .contact-item {}

 .contact-item-label {
     font-size: 11px;
     font-weight: 600;
     text-transform: uppercase;
     letter-spacing: .08em;
     color: var(--gray-400);
     margin-bottom: 5px;
 }

 .contact-item-value {
     font-family: 'DM Sans', sans-serif;
     font-weight: 600;
     font-size: 15px;
     color: var(--navy);
 }

 .btn-primary {
     display: inline-flex;
     align-items: center;
     gap: 8px;
     background: var(--blue);
     color: var(--white);
     border: none;
     padding: 14px 28px;
     border-radius: var(--radius-sm);
     font-size: 15px;
     font-weight: 600;
     cursor: pointer;
     text-decoration: none;
     transition: all .2s;
     box-shadow: var(--shadow-blue);
 }

 .btn-primary:hover {
     background: var(--blue-dark);
     transform: translateY(-1px);
     box-shadow: 0 10px 36px rgba(30, 94, 255, .28);
 }

 /* ── CTA Section ── */
 .cta-section {
     background: linear-gradient(135deg, var(--navy) 0%, #0d2d6b 100%);
     border-radius: var(--radius-xl);
     padding: 60px 48px;
     text-align: center;
     position: relative;
     overflow: hidden;
     box-shadow: var(--shadow-lg);
 }

 .cta-section::before {
     content: '';
     position: absolute;
     inset: 0;
     background: radial-gradient(ellipse 60% 80% at 50% 0%, rgba(30, 94, 255, .3) 0%, transparent 70%);
 }

 .cta-section * {
     position: relative;
     z-index: 1;
 }

 .cta-section h2 {
     font-size: clamp(24px, 3.5vw, 34px);
     font-weight: 700;
     color: var(--white);
     margin-bottom: 14px;
 }

 .cta-section p {
     color: rgba(255, 255, 255, .68);
     max-width: 480px;
     margin: 0 auto 32px;
     font-size: 16px;
 }

 .cta-buttons {
     display: flex;
     gap: 14px;
     justify-content: center;
     flex-wrap: wrap;
 }

 .btn-secondary {
     display: inline-flex;
     align-items: center;
     gap: 8px;
     background: rgba(255, 255, 255, .1);
     color: var(--white);
     border: 1.5px solid rgba(255, 255, 255, .2);
     backdrop-filter: blur(8px);
     padding: 14px 28px;
     border-radius: var(--radius-sm);
     font-size: 15px;
     font-weight: 500;
     text-decoration: none;
     transition: all .2s;
     cursor: pointer;
 }

 .btn-secondary:hover {
     background: rgba(255, 255, 255, .18);
 }

 .btn-white {
     background: var(--white);
     color: var(--navy);
 }

 .btn-white:hover {
     background: #f0f6ff;
 }

 /* ── Reveal ── */
 .reveal {
     opacity: 0;
     transform: translateY(20px);
     transition: opacity .55s ease, transform .55s ease;
 }

 .reveal.visible {
     opacity: 1;
     transform: translateY(0);
 }

 /* ── Responsive ── */
 @media (max-width: 900px) {
     .page-layout {
         grid-template-columns: 1fr;
         padding: 40px 16px 80px;
     }

     .sidebar {
         display: none;
     }
 }

 @media (max-width: 600px) {
     .hero {
         padding: 56px 16px 52px;
     }

     .trust-badges {
         gap: 8px;
     }

     .trust-badge {
         font-size: 12px;
         padding: 8px 14px;
     }

     .icon-grid,
     .feature-grid,
     .security-grid,
     .retention-grid,
     .rights-grid {
         grid-template-columns: 1fr;
     }

     .cta-section {
         padding: 40px 24px;
     }
 }

 @media print {

     #progress-bar,
     .sidebar {
         display: none !important;
     }

     .page-layout {
         grid-template-columns: 1fr;
     }
 }

section {
  padding: 0px;
}