/* ===== About + Our Story, one full-bleed cinematic section ===== */
    .ab-hero{ position:relative; min-height:100svh; display:flex; align-items:flex-start; overflow:hidden; background:var(--navy-900); }
    .ab-bg{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; z-index:0; filter:brightness(1.18) saturate(1.05); }
    /* darken + soft blur the busy parts so the overlaid text stays crisp & legible */
    .ab-scrim{ position:absolute; inset:0; z-index:1; pointer-events:none; background:
      linear-gradient(95deg, rgba(5,14,28,.82) 0%, rgba(5,14,28,.72) 28%, rgba(5,14,28,.4) 50%, rgba(5,14,28,.1) 70%, rgba(5,14,28,0) 88%),
      linear-gradient(180deg, rgba(5,14,28,.46) 0%, rgba(5,14,28,.16) 24%, rgba(5,14,28,.18) 60%, rgba(5,14,28,.6) 100%); }
    .ab-blur{ position:absolute; inset:0; z-index:1; pointer-events:none; width:min(58%,760px);
      -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px);
      -webkit-mask-image:linear-gradient(90deg,#000 60%,transparent 100%); mask-image:linear-gradient(90deg,#000 60%,transparent 100%); }

    /* match the home page hero: same container width + left gutter, content left-anchored */
    .ab-inner{ position:relative; z-index:2; width:100%; max-width:min(94vw,1800px); margin-inline:auto; padding:clamp(7rem,16vh,10.5rem) var(--gutter) clamp(3.5rem,7vh,5rem); }
    .ab-col{ max-width:680px; margin-right:auto; }
    .ab-col :is(h1,h2,p,li){ text-shadow:0 1px 2px rgba(4,10,22,.9), 0 2px 14px rgba(4,10,22,.7); }

    .ab-crumb{ font-size:.82rem; letter-spacing:.05em; color:#aebfd2; margin-bottom:clamp(1rem,2.4vh,1.6rem); }
    .ab-crumb a{ color:#aebfd2; text-decoration:none; transition:color .2s ease; }
    .ab-crumb a:hover{ color:var(--cyan-300); }
    .ab-crumb span{ margin:0 .5rem; opacity:.55; }

    .ab-eyebrow{ display:inline-flex; align-items:center; gap:.55rem; text-transform:uppercase; letter-spacing:.15em; font-size:.73rem; font-weight:700; color:var(--cyan-300); }
    .ab-eyebrow::before{ content:""; width:26px; height:2px; background:var(--cyan-400); }
    .ab-h1{ font-family:var(--font-head); font-weight:800; color:#fff; font-size:clamp(2.1rem,4.6vw,3.6rem); line-height:1.08; letter-spacing:-.015em; margin:clamp(1rem,2.2vh,1.5rem) 0 0; }
    .ab-h1 .cy{ color:var(--cyan-400); }
    .ab-lead{ color:#dbe6f1; font-size:clamp(1rem,1.15vw,1.14rem); line-height:1.65; margin:clamp(1.2rem,2.6vh,1.8rem) 0 0; max-width:56ch; }

    /* lower block condenses toward the bottom-left */
    .ab-rule{ height:1px; margin:clamp(1.6rem,3.4vh,2.6rem) 0 clamp(1.2rem,2.4vh,1.8rem); background:linear-gradient(90deg, rgba(127,201,232,.5), rgba(127,201,232,0)); max-width:520px; }

    .ab-h2{ font-family:var(--font-head); font-weight:800; color:#fff; font-size:clamp(1.55rem,2.6vw,2.3rem); line-height:1.14; margin:.6rem 0 0; }
    .ab-h2 .cy-u{ color:var(--cyan-400); border-bottom:3px solid var(--cyan-400); padding-bottom:1px; }
    .ab-bullets{ list-style:none; margin:clamp(.9rem,1.8vh,1.2rem) 0 0; padding:0; display:flex; flex-direction:column; gap:.7rem; max-width:60ch; }
    .ab-bullets li{ display:flex; gap:.75rem; color:#eef4fb; font-size:1.04rem; line-height:1.5; }
    .ab-check{ flex:none; width:23px; height:23px; border-radius:50%; background:var(--cyan-500); color:#fff; display:grid; place-items:center; margin-top:1px; box-shadow:0 2px 10px rgba(24,168,221,.5); text-shadow:none; }
    .ab-check svg{ width:13px; height:13px; }
    .ab-close{ margin:clamp(1rem,2vh,1.4rem) 0 0; font-weight:700; color:#fff; font-size:1.2rem; line-height:1.5; max-width:46ch; }
    .ab-close .cy{ color:var(--cyan-400); }
    /* logo-style tagline on its own line: uppercase cyan with chevron separators, one straight line */
    .ab-tagline{ display:flex; flex-wrap:nowrap; align-items:center; gap:.55rem; white-space:nowrap;
      margin:clamp(1.1rem,2.4vh,1.6rem) 0 0; font-family:var(--font-head); font-weight:700;
      text-transform:uppercase; letter-spacing:.13em; font-size:clamp(.72rem,2.2vw,.95rem); color:var(--cyan-400); }
    .ab-tagline .sep{ color:rgba(54,188,232,.55); font-weight:600; }

    .ab-stats{ display:flex; flex-wrap:wrap; gap:clamp(.6rem,1.2vw,.85rem); margin-top:clamp(1.1rem,2.2vh,1.5rem); max-width:560px; }
    .ab-stat{ flex:1 1 150px; min-width:140px; background:rgba(9,22,40,.5); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); border:1px solid rgba(127,201,232,.24); border-radius:14px; padding:.9rem 1rem; cursor:default;
      transition:transform .3s cubic-bezier(.34,1.56,.64,1), border-color .25s ease, background .25s ease, box-shadow .3s ease; }
    .ab-stat strong{ display:block; font-family:var(--font-head); font-weight:800; color:#fff; font-size:clamp(1.2rem,1.9vw,1.55rem); line-height:1; letter-spacing:-.01em; transition:color .25s ease; }
    .ab-stat span{ display:block; margin-top:.4rem; font-size:.78rem; line-height:1.3; color:#bccddf; transition:color .25s ease; }
    .ab-stat:hover{ transform:translateY(-5px); border-color:rgba(54,188,232,.6); background:rgba(17,52,86,.6); box-shadow:0 16px 34px rgba(0,8,20,.45), 0 0 0 1px rgba(24,168,221,.25); }
    .ab-stat:hover strong{ color:var(--cyan-300); }
    .ab-stat:hover span{ color:#dbe7f3; }

    .ab-trust{ list-style:none; margin:clamp(1.1rem,2.2vh,1.5rem) 0 0; padding:0; display:flex; flex-direction:column; gap:.7rem; max-width:600px; }
    .ab-trust li{ display:flex; align-items:center; gap:.6rem; color:#e9f1fa; font-size:.92rem; font-weight:600; line-height:1.3; text-shadow:0 1px 4px rgba(4,10,22,.85); cursor:default;
      transition:transform .3s cubic-bezier(.34,1.56,.64,1), color .25s ease; }
    .ab-tic{ flex:none; width:30px; height:30px; color:var(--cyan-300); display:grid; place-items:center; border-radius:8px; background:rgba(24,168,221,.24); box-shadow:inset 0 0 0 1px rgba(24,168,221,.46);
      transition:transform .3s cubic-bezier(.34,1.56,.64,1), background .25s ease, color .25s ease, box-shadow .3s ease; }
    .ab-tic svg{ width:15px; height:15px; }
    .ab-trust li:hover{ transform:translateX(5px); color:#fff; }
    .ab-trust li:hover .ab-tic{ transform:scale(1.12); background:var(--cyan-500); color:#fff; box-shadow:0 8px 20px rgba(24,168,221,.45), inset 0 0 0 1px rgba(255,255,255,.25); }

    @media (prefers-reduced-motion: reduce){
      .ab-stat:hover, .ab-trust li:hover, .ab-trust li:hover .ab-tic{ transform:none; }
    }

    @media (max-width:880px){
      .ab-hero{ min-height:auto; }
      .ab-scrim{ background:linear-gradient(180deg, rgba(5,14,28,.6) 0%, rgba(5,14,28,.36) 30%, rgba(5,14,28,.42) 60%, rgba(5,14,28,.74) 100%); }
      .ab-blur{ display:none; }
      .ab-inner{ padding:clamp(5.5rem,18vw,7rem) var(--gutter) clamp(3rem,10vw,4rem); }
      .ab-col{ max-width:none; }
      .ab-stat{ flex:1 1 100%; }
    }
    /* Our Story, standalone section under the hero, richer textured background for contrast */
    .ab-story{ position:relative; overflow:hidden;
      background:
        radial-gradient(130% 100% at 8% -12%, rgba(24,168,221,.20), rgba(24,168,221,0) 46%),
        radial-gradient(120% 95% at 110% 112%, rgba(54,188,232,.17), rgba(54,188,232,0) 52%),
        linear-gradient(155deg, #0c2138 0%, #0f2d4a 48%, #0a1b2e 100%); }
    .ab-story::before{ content:""; position:absolute; inset:0; z-index:0; pointer-events:none; opacity:.55;
      background-image:
        repeating-radial-gradient(circle at 82% 26%, rgba(127,201,232,.08) 0 1.2px, transparent 1.2px 34px),
        repeating-linear-gradient(0deg, rgba(127,201,232,.045) 0 1px, transparent 1px 54px),
        repeating-linear-gradient(90deg, rgba(127,201,232,.045) 0 1px, transparent 1px 54px);
      -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 72%,transparent 100%); mask-image:linear-gradient(180deg,#000 0%,#000 72%,transparent 100%); }
    .ab-story > .container{ position:relative; z-index:1; }
    .ab-story .ab-col{ max-width:880px; }
    .ab-story .ab-h2{ margin-top:.4rem; }
    .ab-story .ab-story-p{ color:#cfe0f2; font-size:clamp(1rem,1.05vw,1.1rem); line-height:1.75; margin:1.05rem 0 0; max-width:76ch; }
    /* vibrant gradient tagline */
    .ab-story .ab-tagline{ gap:.75rem; margin-top:clamp(1.5rem,3vh,2.2rem); font-weight:800; letter-spacing:.18em; font-size:clamp(.95rem,2.8vw,1.25rem); text-shadow:none; }
    .ab-story .ab-tagline span:not(.sep){ background:linear-gradient(90deg,#8fdcff 0%,#22b2ea 52%,#7fd6ff 100%); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:transparent; }
    .ab-story .ab-tagline .sep{ -webkit-text-fill-color:#36bce8; color:#36bce8; filter:drop-shadow(0 0 7px rgba(54,188,232,.6)); }
    /* symmetrical, stretched stat boxes */
    .ab-story .ab-stats{ display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(.7rem,1.4vw,1.1rem); max-width:100%; margin-top:clamp(1.4rem,2.6vh,1.9rem); }
    .ab-story .ab-stat{ min-width:0; }
    /* trust signals laid out horizontally to slim the section */
    .ab-story .ab-trust{ display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:center; gap:1rem 1.4rem; max-width:100%; margin-top:clamp(1.8rem,3.2vh,2.4rem); }
    .ab-story .ab-trust li{ font-size:.82rem; white-space:nowrap; flex:0 0 auto; }
    .ab-story .ab-tic{ width:26px; height:26px; }
    @media (max-width:1080px){ .ab-story .ab-trust{ flex-wrap:wrap; justify-content:flex-start; gap:.8rem 1.8rem; } .ab-story .ab-trust li{ font-size:.9rem; } }
    @media (max-width:680px){ .ab-story .ab-stats{ grid-template-columns:1fr; } .ab-story .ab-trust{ flex-direction:column; align-items:flex-start; gap:.8rem; } .ab-story .ab-trust li{ white-space:normal; align-items:flex-start; } .ab-story .ab-trust li .ab-tic{ margin-top:1px; } }