:root{
      --primary:#0a3d62;
      --secondary:#FBBF24;
      --surface:#ffffff;
      --text:#1f2937;
      --muted:#6b7280;
      --bg:#111827;
      --bg-soft:#f3f4f6;
      --shadow: 0 10px 25px rgba(0,0,0,.12);
      --shadow-soft: 0 6px 18px rgba(0,0,0,.10);
      --radius: 16px;
      --radius-lg: 20px;
      --max: 1200px;
    }
    html,body{ height:100%; box-sizing:border-box; }
    body{
      margin:0;
      font-family:"Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
      color:#1f2937;
      background:#111827;
      -webkit-font-smoothing:antialiased;
      -moz-osx-font-smoothing:grayscale;
       box-sizing:border-box;
    }

    a{ color:inherit; text-decoration:none; }
    a:hover{ text-decoration:none; }

    /* Layout helpers */
    .container{
      max-width:1200px;
      margin:0 auto;
      padding:0 16px;
      box-sizing:border-box;
    }
    .section{
      padding:64px 0;
      box-sizing:border-box;
    }
    @media (min-width:768px){
      .section{ padding:96px 0; }
      .container{ padding:0 24px; }
      
    }

    /* Header */
    .site-header{
      position:sticky;
      top:0;
      z-index:50;
      background:#ffffff;
      box-shadow:0 6px 16px rgba(0,0,0,.12);
    }
    .header-row{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:16px;
      padding:16px 0;
      flex-wrap:wrap;
    }
    .brand{
      font-size:28px;
      font-weight:800;
      letter-spacing:-.02em;
      color:#000;
      line-height:1.05;
    }
    @media (min-width:768px){
      .brand{ font-size:36px; }
    }

    .nav{
      display:flex;
      flex-wrap:wrap;
      box-sizing:border-box;
      gap:0;
      justify-content:center;
      background:#0070B5;
      border-radius:14px;
      overflow:hidden;
      box-shadow: 0 6px 18px rgba(0,0,0,.10);
    }
    .nav a{
      box-sizing:border-box;
      display:inline-block;
      padding:12px 20px;
      font-weight:600;
      color:#000;
      transition:background .25s ease, transform .25s ease;
    }
    .nav a:hover{
      background:#374151;
      color:#fff;
    }

    /* Hero */
    .hero{
      box-sizing:border-box;
      background:#0a3d62;
      color:#fff;
      padding:64px 0 96px;
      text-align:center;
    }
    .hero-kicker{
      color:#FBBF24;
      font-weight:700;
      letter-spacing:.12em;
      text-transform:uppercase;
      margin:0 0 12px;
      font-size:16px;
      box-sizing:border-box;
    }
    .hero h1{
      margin:0 0 16px;
      font-size:40px;
      line-height:1.05;
      font-weight:900;
      text-shadow:0 10px 24px rgba(0,0,0,.25);
    }
    .hero p{
      margin:0 auto 28px;
      max-width:900px;
      font-size:18px;
      line-height:1.6;
      font-weight:300;
      box-sizing:border-box;
    }
    @media (min-width:768px){
      .hero h1{ font-size:56px; }
      .hero p{ font-size:22px; }
    }

    .btn{
      display:inline-flex;
      align-items:center;
      gap:10px;
      background:#FBBF24;
      color:#0a3d62;
      font-weight:800;
      font-size:18px;
      padding:14px 28px;
      border-radius:14px;
      box-shadow:0 18px 40px rgba(0,0,0,.22);
      transition:transform .2s ease, box-shadow .2s ease, filter .2s ease;
      box-sizing:border-box;
    }
    .btn:hover{
      transform:translateY(-1px) scale(1.02);
      box-shadow:0 20px 46px rgba(0,0,0,.28);
      filter:saturate(1.05);
    }
    .btn .icon{ width:20px; height:20px; }

    /* Section titles */
    .section-title{
      position:relative;
      display:inline-block;
      margin:0 auto 48px;
      font-size:32px;
      font-weight:800;
      text-align:center;
      box-sizing:border-box;
    }
    .section-title::after{
      content:"";
      position:absolute;
      left:0;
      bottom:-10px;
      width:50%;
      height:4px;
      background:#0a3d62;
      border-radius:999px;
      box-sizing:border-box;
    }
    @media (min-width:768px){
      .section-title{ font-size:36px; }
    }

    /* Services */
    .services{
      background:#ffffff;
      box-sizing:border-box;
    }
    .services .section-title{ color:#0b1220; }
    .grid{
      display:grid;
      grid-template-columns:1fr;
      gap:20px;
    }
    @media (min-width:768px){
      .grid{ grid-template-columns:repeat(2, 1fr); gap:24px; }
    }
    @media (min-width:1024px){
      .grid{ grid-template-columns:repeat(3, 1fr); }
    }

    .card{
      background:#fff;
      border:1px solid #e5e7eb;
      border-radius:16px;
      padding:22px;
      box-shadow: 0 6px 18px rgba(0,0,0,.10);
      transition:transform .2s ease, box-shadow .2s ease;
      box-sizing:border-box;
    }
    .card:hover{
      transform:translateY(-2px);
      box-shadow: 0 10px 25px rgba(0,0,0,.12);
    }
    .card .icon-wrap{
      color:#0a3d62;
      margin-bottom:14px;
      box-sizing:border-box;
    }
    .card .icon-wrap svg{ width:32px; height:32px; }
    .card h3{
      margin:0 0 10px;
      font-size:22px;
      font-weight:800;
      color:#0b1220;
    }
    .card p{
      margin:0;
      color:#6b7280;
      line-height:1.6;
      box-sizing:border-box;
    }

    /* Why us */
    .why{
      background:#f3f4f6;
      box-sizing:border-box;
    }
    .why-inner{
      max-width:900px;
      margin:0 auto;
      text-align:center;
      box-sizing:border-box;
    }
    .why-kicker{
      color:#0070B5;
      font-weight:800;
      letter-spacing:.08em;
      text-transform:uppercase;
      margin:0 0 10px;
      box-sizing:border-box;
    }
    .why-grid{
      margin-top:10px;
      display:grid;
      grid-template-columns:1fr;
      gap:18px;
      text-align:left;
      box-sizing:border-box;
    }
    @media (min-width:768px){
      .why-grid{ grid-template-columns:repeat(2, 1fr); gap:26px; }
    }
    .why-item{
      display:flex;
      gap:12px;
      align-items:flex-start;
       box-sizing:border-box;
    }
    .why-item .icon{
      color:#FBBF24;
      width:24px;
      height:24px;
      margin-top:4px;
      flex:0 0 auto;
      box-sizing:border-box;
    }
    .why-item h4{
      margin:0 0 6px;
      font-size:18px;
      font-weight:800;
      color:#0b1220;
       box-sizing:border-box;
    }
    .why-item p{
      margin:0;
      color:#6b7280;
      line-height:1.55;
       box-sizing:border-box;
    }

    /* FAQ */
    .faq{
      background:#fff;
       box-sizing:border-box;
    }
    .faq .wrap{
      max-width:820px;
      margin:0 auto;
       box-sizing:border-box;
    }
    details{
      border:1px solid #e5e7eb;
      border-radius:14px;
      padding:14px 16px;
      margin-bottom:12px;
      background:#fff;
      box-shadow:0 6px 16px rgba(0,0,0,.06);
       box-sizing:border-box;
    }
    summary{
      cursor:pointer;
      font-weight:800;
      color:#0b1220;
      list-style:none;
      outline:none;
       box-sizing:border-box;
    }
    summary::-webkit-details-marker{ display:none; }
    details p{
      margin:10px 0 0;
      color:#6b7280;
      line-height:1.6;
    }

    /* CTA */
    .cta{
      background:#0070B5;
      color:#fff;
      text-align:center;
       box-sizing:border-box;
    }
    .cta h2{
      margin:0 0 10px;
      font-size:34px;
      font-weight:900;
      line-height:1.1;
    }
    .cta p{
      margin:0 auto 26px;
      max-width:900px;
      font-size:18px;
      font-weight:300;
      line-height:1.6;
       box-sizing:border-box;
    }
    @media (min-width:768px){
      .cta h2{ font-size:46px; }
      .cta p{ font-size:22px; }
    }
    .cta .small{
      margin-top:16px;
      font-size:13px;
      box-sizing:border-box;
      
    }
    .cta-links{
      margin-top:14px;
      font-size:15px;
       box-sizing:border-box;
    }
    .cta-links a{
      color:#fff;
      text-decoration:underline;
       box-sizing:border-box;
    }

    /* Footer */
    footer{
      background:#1f2937;
      color:#fff;
      padding:48px 0;
       box-sizing:border-box;
    }
    .footer-grid{
      display:grid;
      grid-template-columns:1fr;
      gap:26px;
      text-align:center;
       box-sizing:border-box;
    }
    @media (min-width:768px){
      .footer-grid{
        grid-template-columns:repeat(3, 1fr);
        text-align:left;
      }
    }
    .footer-title{
      color:#FBBF24;
      font-weight:900;
      margin:0 0 10px;
      font-size:18px;
       box-sizing:border-box;
    }
    .footer p, .footer li{
      color:#e5e7eb;
      font-size:14px;
      line-height:1.5;
      margin:0;
    }
    .footer ul{
      margin:0;
      padding-left:0;
      list-style:none;
      display:grid;
      gap:6px;
    }
    .footer-contact{
      margin-top:12px;
      display:grid;
      gap:8px;
      font-size:14px;
       box-sizing:border-box;
    }
    .footer-contact .row{
      display:flex;
      align-items:center;
      gap:10px;
      justify-content:center;
       box-sizing:border-box;
    }
    @media (min-width:768px){
      .footer-contact .row{ justify-content:flex-start; }
    }
    .footer-contact svg{ width:16px; height:16px; color:#0070B5; }
    .footer-bottom{
      margin-top:24px;
      padding-top:18px;
      border-top:1px solid #374151;
      text-align:center;
      color:#9ca3af;
      font-size:13px;
       box-sizing:border-box;
    }