:root{
    --blue-900:#000a3a;
    --blue-800:#001a5c;
    --blue-700:#002a85;
    --blue-600:#0042c2;
    --sky-500:#00b0e2;
    --sky-400:#27c4ee;
    --sky-300:#7fdcf3;
    --teal-500:#14b8a6;
    --grey-50:#fafafa;
    --grey-100:#f4f4f4;
    --grey-200:#e8e8ea;
    --grey-300:#d4d6da;
    --grey-400:#a8acb4;
    --grey-500:#787c85;
    --grey-600:#4a4e58;
    --grey-700:#2a2d35;
    --ink:#0f1115;
    --line:#e8e8ea;
    --line-strong:#d4d6da;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html,body{background:#fff;color:var(--ink);font-family:"Geist",ui-sans-serif,system-ui,sans-serif;
    -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:"ss01","cv01","cv11";}
  body{overflow-x:hidden}
  img{display:block;max-width:100%}
  a{color:inherit;text-decoration:none}
  button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
  .mono{font-family:"JetBrains Mono",ui-monospace,monospace;font-feature-settings:"zero","ss01";}
  .container{max-width:1440px;margin:0 auto;padding:0 56px}
  .eyebrow{font-family:"JetBrains Mono",monospace;font-size:11.5px;letter-spacing:0.14em;text-transform:uppercase;color:var(--grey-500);font-weight:500}
  ::selection{background:var(--blue-800);color:#fff}

  .arrow-link{display:inline-flex;align-items:center;gap:12px;font-size:14.5px;font-weight:500;
    color:var(--blue-800);padding-bottom:8px;border-bottom:1px solid var(--ink);
    transition:gap .25s ease,color .25s ease,border-color .25s ease;letter-spacing:-0.005em;cursor:pointer}
  .arrow-link:hover{gap:18px;color:var(--blue-600);border-color:var(--blue-600)}
  .arrow-link .arr{font-size:18px;display:inline-block;transition:transform .25s ease}
  .arrow-link:hover .arr{transform:translateX(2px)}

  .btn{display:inline-flex;align-items:center;gap:10px;padding:16px 26px;border-radius:0;
    font-size:14.5px;font-weight:500;letter-spacing:-0.005em;transition:all .25s ease}
  .btn-primary{background:var(--blue-800);color:#fff}
  .btn-primary:hover{background:var(--blue-700)}
  .btn-light{background:#fff;color:var(--blue-800);border:1px solid var(--blue-800)}
  .btn-light:hover{background:var(--blue-800);color:#fff}
  .btn-sky{background:var(--sky-500);color:var(--blue-900)}
  .btn-sky:hover{background:var(--sky-400)}
  .btn-ghost-dark{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.4)}
  .btn-ghost-dark:hover{background:#fff;color:var(--blue-800)}

  .img-bg{background-size:cover;background-position:center;background-color:var(--blue-800);
    background-image:linear-gradient(135deg,var(--blue-800),var(--sky-500));}

  h2.section-title{font-size:64px;line-height:0.96;letter-spacing:-0.035em;font-weight:600;color:var(--ink)}
  h2.section-title em{font-style:italic;font-weight:500;color:var(--blue-800)}

  .tile{position:relative;overflow:hidden;cursor:pointer;background:#fff;border:1px solid var(--line);transition:border-color .25s ease}
  .tile:hover{border-color:var(--blue-800)}
  .tile .tile-img{transition:transform .6s cubic-bezier(.2,.7,.2,1)}
  .tile:hover .tile-img{transform:scale(1.04)}
  .tile .tile-cta{transition:gap .25s ease}
  .tile:hover .tile-cta{gap:18px}

  /* Mobile menu overlay */
  .mobile-menu{
    position:fixed;inset:0;z-index:200;background:#fff;
    display:flex;flex-direction:column;overflow-y:auto;
    transform:translateY(-100%);transition:transform .35s cubic-bezier(.4,0,.2,1);
  }
  .mobile-menu.open{transform:translateY(0)}
  body.menu-open{overflow:hidden}

  .skip-nav{
    position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;
    z-index:9999;background:var(--blue-800);color:#fff;padding:12px 24px;
  }
  .skip-nav:focus{position:fixed;left:16px;top:16px;width:auto;height:auto;overflow:visible;}

  /* ── Responsive ─────────────────────────────────────── */
  @media (max-width:1023px){
    .container{padding:0 32px}
    h2.section-title{font-size:48px}
  }
  @media (max-width:767px){
    .container{padding:0 20px}
    h2.section-title{font-size:32px !important;letter-spacing:-0.02em !important;line-height:1.08 !important}
    .arrow-link{font-size:13px}
    .btn{padding:14px 20px;font-size:13.5px}
  }