:root{
      --navy:#0a192f;
      --navy2:#172a45;
      --deep-blue:#0a192f;
      --blue:#0068b7;
      --aqua:#00a3e0;
      --orange:#ff6b22;
      --yellow:#ffc72c;
      --green:#10b981;
      --bg:#f8fafc;
      --white:#ffffff;
      --line:rgba(15,23,42,.07);
      --line2:rgba(0,104,183,.14);
      --box-blue:rgba(0,104,183,.16);
      --text:#334155;
      --muted:#64748b;
      --soft:#f8fafc;
      --radius:18px;
      --radius-md:13px;
      --radius-sm:8px;
      --max:1180px;
      --shadow:0 10px 30px rgba(10,25,47,.07);
      --shadow-lg:0 28px 58px -18px rgba(10,25,47,.22);
      --transition:all .28s cubic-bezier(.16,1,.3,1);
    }

    *{
      box-sizing:border-box;
      margin:0;
      padding:0;
    }

    html{
      scroll-behavior:smooth;
    }

    body{
      font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
      background:
        radial-gradient(circle at 100% 0%,rgba(0,163,224,.08) 0%,transparent 34%),
        radial-gradient(circle at 0% 18%,rgba(255,199,44,.13) 0%,transparent 24%),
        radial-gradient(circle at 0% 100%,rgba(255,107,34,.06) 0%,transparent 38%),
        var(--bg);
      color:var(--text);
      font-size:15px;
      line-height:1.6;
      -webkit-font-smoothing:antialiased;
    }

    a{
      color:inherit;
      text-decoration:none;
      transition:var(--transition);
    }

    .site-header{
      position:sticky;
      top:0;
      z-index:50;
      background:rgba(255,255,255,.88);
      backdrop-filter:blur(16px);
      -webkit-backdrop-filter:blur(16px);
      border-bottom:1px solid var(--line);
      box-shadow:0 1px 2px rgba(0,0,0,.05);
    }

    .nav-wrap{
      max-width:var(--max);
      margin:0 auto;
      padding:14px 24px;
      display:flex;
      justify-content:space-between;
      align-items:center;
      gap:24px;
    }

    .brand{
      display:flex;
      align-items:center;
      gap:12px;
      color:var(--navy);
      font-size:20px;
      line-height:1;
      font-weight:850;
      letter-spacing:-.5px;
      white-space:nowrap;
    }

    .brand-mark{
      width:auto;
      height:auto;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      padding:6px 12px;
      background:linear-gradient(135deg,var(--navy),var(--navy2));
      color:#fff;
      font-size:13px;
      font-weight:900;
      letter-spacing:1px;
      border-radius:var(--radius-sm);
      border-bottom:0;
      position:relative;
      box-shadow:0 4px 12px rgba(10,25,47,.15);
    }

    .brand-mark:before{
      content:none;
    }

    .brand .dotcom{
      color:var(--orange);
      font-size:16px;
      font-weight:900;
      margin-left:2px;
      letter-spacing:0;
    }

    .nav-links{
      display:flex;
      flex-wrap:wrap;
      justify-content:flex-end;
      align-items:center;
      gap:6px;
    }

    .nav-links a{
      padding:8px 13px;
      color:#0f172a;
      font-size:14px;
      font-weight:650;
      border-radius:999px;
    }

    .nav-links a:hover,
    .nav-links a[aria-current="page"]{
      background:rgba(15,23,42,.04);
      color:var(--blue);
    }

    .nav-links .group-btn{
      background:linear-gradient(135deg,var(--blue),#005699);
      color:#fff;
      border:0;
      padding:10px 18px;
      font-weight:750;
      box-shadow:0 4px 14px rgba(0,104,183,.25);
    }

    .nav-links .group-btn:hover{
      transform:translateY(-1px);
      background:var(--navy);
      border-color:var(--navy);
      color:#fff;
      box-shadow:0 6px 20px rgba(0,104,183,.35);
    }

    .page{
      max-width:var(--max);
      margin:34px auto 0;
      padding:0 24px;
    }

    .terms-hero{
      background:#fff;
      border:1px solid var(--line);
      border-radius:24px;
      box-shadow:var(--shadow-lg);
      overflow:hidden;
    }

    .terms-hero-head{
      background:linear-gradient(135deg,var(--navy),#123a68,var(--blue));
      color:#fff;
      padding:32px 34px 28px;
      border-bottom:1px solid rgba(255,255,255,.12);
    }

    .eyebrow{
      color:var(--yellow);
      font-size:11px;
      font-weight:850;
      letter-spacing:2px;
      text-transform:uppercase;
      margin-bottom:11px;
    }

    .terms-hero-head h1{
      color:#fff;
      font-size:34px;
      line-height:1.05;
      font-weight:880;
      letter-spacing:-.8px;
      margin-bottom:9px;
    }

    .terms-hero-head p{
      color:#e8f2fb;
      font-size:15px;
      line-height:1.55;
      font-weight:650;
      max-width:920px;
    }

    .content-wrap{
      max-width:var(--max);
      margin:0 auto;
      padding:22px 24px 44px;
    }

    .terms-stack{
      display:flex;
      flex-direction:column;
      gap:22px;
    }

    .section{
      background:#fff;
      border:1px solid var(--line);
      border-radius:var(--radius);
      box-shadow:var(--shadow);
      overflow:hidden;
    }

    .section-head{
      display:flex;
      justify-content:space-between;
      align-items:center;
      gap:12px;
      padding:18px 22px;
      border-bottom:1px solid var(--line);
      background:
        linear-gradient(90deg,rgba(0,104,183,.08),rgba(0,163,224,.04),rgba(255,107,34,.05));
    }

    .section-head.dark{
      background:linear-gradient(135deg,var(--navy),#123a68);
      border-bottom:1px solid rgba(255,255,255,.10);
    }

    .title-wrap{
      display:flex;
      align-items:center;
      gap:10px;
    }

    .title-icon{
      width:23px;
      height:23px;
      color:var(--blue);
      flex:0 0 auto;
    }

    .section h2{
      color:var(--navy);
      font-size:17px;
      line-height:1.15;
      font-weight:850;
      letter-spacing:.1px;
      text-transform:uppercase;
    }

    .section-head.dark .title-icon,
    .section-head.dark h2{
      color:#fff;
    }

    .section-head p{
      color:var(--muted);
      font-size:13px;
      font-weight:650;
      line-height:1.45;
      margin-top:4px;
    }

    .section-body{
      padding:22px;
    }

    .intro-box{
      border:1px solid rgba(255,107,34,.22);
      border-left:5px solid var(--orange);
      background:#fff;
      border-radius:var(--radius-md);
      padding:18px 20px;
      box-shadow:0 2px 8px rgba(12,35,64,.04);
    }

    .intro-box p{
      color:#3f4c5d;
      font-size:13.8px;
      line-height:1.65;
      font-weight:650;
      max-width:940px;
      margin:0;
    }

    .intro-box p + p{
      margin-top:10px;
    }

    .note-box{
      margin-top:14px;
      border:1px solid rgba(255,107,34,.22);
      border-left:5px solid var(--orange);
      background:#fff9f5;
      border-radius:var(--radius-md);
      padding:15px 16px;
      color:#334155;
      font-size:13.2px;
      line-height:1.55;
      font-weight:650;
      box-shadow:0 2px 8px rgba(12,35,64,.04);
    }

    .note-box strong{
      color:var(--navy);
      font-weight:850;
    }

    .jump-box{
      border:1px solid var(--box-blue);
      background:#fff;
      border-radius:var(--radius);
      padding:16px 18px;
      display:flex;
      flex-wrap:wrap;
      align-items:center;
      gap:12px;
      box-shadow:var(--shadow);
    }

    .jump-box strong{
      color:var(--navy);
      font-weight:850;
    }

    .jump-box a{
      color:var(--navy);
      font-size:12px;
      line-height:1;
      font-weight:850;
      letter-spacing:.25px;
      text-transform:uppercase;
      border-bottom:2px solid var(--orange);
      padding-bottom:2px;
    }

    .jump-box a:hover{
      color:var(--blue);
      border-bottom-color:var(--blue);
    }

    .effective-date{
      color:var(--muted);
      font-size:12.8px;
      font-weight:750;
      margin-left:auto;
    }

    .terms-copy{
      border:1px solid var(--box-blue);
      border-top:5px solid var(--aqua);
      background:#fff;
      border-radius:var(--radius);
      padding:20px;
      box-shadow:0 2px 8px rgba(12,35,64,.04);
    }

    .terms-copy h3{
      color:var(--navy);
      font-size:16px;
      line-height:1.2;
      font-weight:850;
      letter-spacing:-.1px;
      margin:20px 0 7px;
    }

    .terms-copy h3:first-child{
      margin-top:0;
    }

    .terms-copy p{
      color:#3f4c5d;
      font-size:13.5px;
      line-height:1.65;
      font-weight:650;
      margin:0 0 13px;
    }

    .terms-copy p:last-child{
      margin-bottom:0;
    }

    .terms-copy ul{
      margin:8px 0 16px 22px;
      color:#3f4c5d;
      font-size:13.5px;
      line-height:1.6;
      font-weight:650;
    }

    .terms-copy li{
      margin:6px 0;
    }

    .terms-copy a{
      color:var(--navy);
      font-weight:850;
      text-decoration:underline;
      text-underline-offset:2px;
    }

    .terms-copy a:hover{
      color:var(--blue);
    }

    .terms-copy strong{
      color:var(--navy);
      font-weight:850;
    }

    footer{
      background:#090d16;
      color:#94a3b8;
      margin-top:54px;
      border-top:1px solid #111827;
    }

    .footer-inner{
      max-width:var(--max);
      margin:0 auto;
      padding:28px 24px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:18px;
      flex-wrap:wrap;
      font-size:13.5px;
      font-weight:650;
    }

    .footer-links{
      display:flex;
      align-items:center;
      gap:18px;
      flex-wrap:wrap;
    }

    .footer-links a{
      color:#cbd5e1;
      font-weight:650;
    }

    .footer-links a:hover{
      color:var(--yellow);
    }

    @media(max-width:820px){
      .nav-wrap{
        align-items:flex-start;
        flex-direction:column;
      }

      .nav-links{
        justify-content:flex-start;
      }

      .terms-hero-head h1{
        font-size:27px;
      }

      .terms-hero-head{
        padding:26px 24px 24px;
      }

      .effective-date{
        width:100%;
        margin-left:0;
      }
    }

    @media(max-width:520px){
      .page,
      .content-wrap{
        padding-left:16px;
        padding-right:16px;
      }

      .page{
        margin-top:22px;
      }

      .brand{
        font-size:17px;
      }

      .section-body{
        padding:18px;
      }

      .terms-copy{
        padding:18px;
      }
    }