: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;
    }

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

    .contact-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;
    }

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

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

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

    .contact-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-head.dark .title-icon,
    .section-head.dark h2{
      color:#fff;
    }

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

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

    .section-body{
      padding:22px;
    }

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

    .notice-box strong{
      display:block;
      color:var(--navy);
      font-size:15px;
      font-weight:850;
      line-height:1.25;
      margin-bottom:5px;
    }

    .notice-box p{
      color:#334155;
      font-size:13.5px;
      line-height:1.55;
      font-weight:650;
      margin:0;
    }

    .notice-box p + p{
      margin-top:8px;
    }

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

    .contact-card p{
      color:#3f4c5d;
      font-size:13.5px;
      line-height:1.6;
      font-weight:650;
      margin:0;
    }

    .contact-card p + p{
      margin-top:10px;
    }

    .contact-row{
      margin-top:14px;
      display:flex;
      align-items:center;
      gap:10px;
      flex-wrap:wrap;
    }

    .email-slot{
      min-height:40px;
      display:inline-flex;
      align-items:center;
      color:var(--navy);
      background:#f8fbff;
      border:1px solid rgba(0,104,183,.22);
      border-radius:999px;
      padding:0 16px;
      font-size:14px;
      font-weight:850;
      line-height:1.2;
      box-shadow:0 1px 2px rgba(0,0,0,.04);
    }

    .muted{
      color:var(--muted);
      font-size:12.8px;
      line-height:1.45;
      font-weight:650;
    }

    .btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-height:40px;
      padding:0 18px;
      border:1px solid #d6e0ea;
      border-radius:999px;
      background:#fff;
      color:var(--navy);
      font-size:13px;
      font-weight:850;
      text-transform:uppercase;
      letter-spacing:.28px;
      white-space:nowrap;
      cursor:pointer;
      box-shadow:0 1px 2px rgba(0,0,0,.04);
    }

    .btn:hover{
      transform:translateY(-1px);
      color:var(--blue);
      border-color:var(--blue);
      background:#f7fbff;
      box-shadow:var(--shadow);
    }

    .btn.primary{
      background:linear-gradient(135deg,var(--orange),#e25c18);
      border-color:transparent;
      color:#fff;
    }

    .btn.primary:hover{
      background:var(--navy);
      border-color:var(--navy);
      color:#fff;
    }

    .quick-links{
      display:grid;
      grid-template-columns:repeat(2,1fr);
      gap:12px;
      margin-top:14px;
    }

    .quick-card{
      border:1px solid var(--box-blue);
      background:#f8fbff;
      border-radius:var(--radius-md);
      padding:15px;
      box-shadow:0 1px 2px rgba(0,0,0,.04);
    }

    .quick-card strong{
      display:block;
      color:var(--navy);
      font-size:13.5px;
      line-height:1.2;
      font-weight:850;
      margin-bottom:5px;
    }

    .quick-card span{
      display:block;
      color:#3f4c5d;
      font-size:12.8px;
      line-height:1.5;
      font-weight:650;
      margin-bottom:10px;
    }

    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;
      }

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

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

      .quick-links{
        grid-template-columns:1fr;
      }
    }

    @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;
      }

      .contact-card{
        padding:18px;
      }

      .contact-row .btn,
      .email-slot{
        width:100%;
      }
    }