/* RIZQ brand (Alterno Media guideline): Dark Blue #0f1a36 · Cyan Blue #00d1e0 · Silver Gray #e5e5e5
   icon gradient #43c3d5 -> #dae5e5 · background gradient #092442 -> #07677d with a soft #789397 glow
   type: Wave Baltre (display), Helvetica Neue Light (text) */
@font-face { font-family: 'Wave Baltre'; src: url('/fonts/wave-baltre.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; }
:root {
  --navy-900: #0a1328;
  --navy-800: #0f1a36;
  --navy-700: #14254a;
  --teal-900: #092442;
  --teal-600: #07677d;
  --glow: #789397;
  --silver: #e5e5e5;
  --ink: #0f1a36;
  --body: #3b465c;
  --muted: #6b7689;
  --line: #e5e5e5;
  --surface: #ffffff;
  --surface-2: #f3f4f6;
  --cyan: #00d1e0;
  --cyan-ink: #077f8a; /* AA on white */
  --cyan-soft: #e0fbfd;
  --bg: var(--surface);
  --fg: var(--ink);
  --max: 1160px;
  --radius: 14px;
  --font: "Helvetica Neue", Helvetica, Arial, "Segoe UI", system-ui, sans-serif;
  --display: "Wave Baltre", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --ink: #eef1f6; --body: #c3ccd9; --muted: #8e9ab0; --line: #22304f;
    --surface: #0f1a36; --surface-2: #14254a; --cyan-ink: #3fe0ec; --cyan-soft: #0f2f3f;
    color-scheme: dark;
  }
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:84px}
[id]{scroll-margin-top:84px}
body{margin:0;font-family:var(--font);font-weight:400;color:var(--body);background:var(--bg);line-height:1.65;font-size:17px}
strong,b{font-weight:600}
h1,h2{font-family:var(--display);font-weight:400;color:var(--fg);line-height:1.12;margin:0 0 .5em;letter-spacing:.005em}
h3,h4{color:var(--fg);line-height:1.2;margin:0 0 .5em;font-weight:600}
h1{font-size:clamp(2.1rem,4.8vw,3.4rem)}
h2{font-size:clamp(1.55rem,3vw,2.3rem)}
h3{font-size:1.15rem}
p{margin:0 0 1em}
a{color:var(--cyan-ink);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{text-decoration-thickness:2px}
img,svg{max-width:100%;height:auto}
ul{padding-left:1.2em}
.wrap{max-width:var(--max);margin:0 auto;padding:0 16px}
.section{padding:clamp(48px,7vw,96px) 0}
.section.alt{background:var(--surface-2)}
.eyebrow{display:inline-block;font-family:var(--font);font-weight:600;font-size:.82rem;letter-spacing:.04em;color:var(--cyan-ink);margin-bottom:12px}
.lede{font-size:1.15rem;max-width:62ch}
.grid{display:grid;gap:20px}
.grid.cols-2{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}
.grid.cols-3{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.grid.cols-4{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}
.card{background:var(--surface);border:1px solid var(--line);border-top:2px solid var(--cyan);border-radius:6px;padding:26px}
.card h3 a{color:var(--fg);text-decoration:none}
.card h3 a:hover{color:var(--cyan-ink)}
.card .stack{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--cyan-ink);margin-bottom:10px;font-weight:500}
.card p{margin-bottom:0}
.btn{display:inline-block;padding:12px 24px;border-radius:3px;font-weight:500;font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;border:1.5px solid transparent;transition:transform .12s ease,background .12s ease}
.btn:hover{transform:translateY(-1px)}
.btn.primary{background:var(--cyan);color:var(--navy-800);border-color:var(--cyan)}
.btn.ghost{color:#fff;border-color:rgba(255,255,255,.7)}
.btn.outline{color:var(--cyan-ink);border-color:var(--cyan-ink)}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.dark{background:radial-gradient(60% 90% at 78% 70%,rgba(120,147,151,.55) 0%,rgba(120,147,151,0) 60%),linear-gradient(100deg,var(--teal-900) 0%,#0b4a66 45%,var(--teal-600) 100%);color:#d6e4ea}
.dark h1,.dark h2,.dark h3{color:#fff}
.dark.flat{background:var(--navy-800)}
.dark .eyebrow{color:var(--cyan)}
.dark .lede{color:#e3edf1}
.stats{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}
.stat{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);padding:20px 18px}
.stat b{display:block;font-size:2.1rem;color:var(--cyan);font-family:var(--display);line-height:1}
.stat span{font-size:.92rem}
.bullets{list-style:none;padding:0;margin:0;display:grid;gap:14px}
.bullets li{padding-left:28px;position:relative}
.bullets li::before{content:"";position:absolute;left:0;top:.7em;width:16px;height:2px;background:var(--cyan)}
.bullets b{color:var(--fg)}
.prose{max-width:72ch}
.prose h2{margin-top:1.6em;font-size:1.5rem}
table{border-collapse:collapse;width:100%}
th,td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--line);vertical-align:top}
th{color:var(--fg);font-size:.9rem}
form{display:grid;gap:16px}
label{display:grid;gap:6px;font-weight:600;color:var(--fg);font-size:.95rem}
input,select,textarea{font:inherit;padding:12px 14px;border:1px solid var(--line);border-radius:3px;background:var(--surface);color:var(--fg);width:100%}
input:focus,select:focus,textarea:focus,a:focus-visible,button:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}
button.btn{cursor:pointer;font:inherit}
.hp{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.breadcrumb{font-size:.9rem;margin-bottom:18px}
.breadcrumb a{color:inherit}
.notice{background:var(--cyan-soft);border-left:3px solid var(--cyan);padding:16px 18px;border-radius:0 6px 6px 0}
.skip{position:absolute;left:-9999px;top:8px;background:var(--cyan);color:#06252b;padding:8px 14px;border-radius:8px;z-index:100}
.skip:focus{left:8px}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.top{align-items:start}
.mt-sm{margin-top:16px}.mt-md{margin-top:28px}.mt-lg{margin-top:32px}.mt-xl{margin-top:44px}
.on-dark{color:#fff}

.more{display:inline-flex;align-items:center;gap:10px;font-size:.88rem;letter-spacing:.02em;font-weight:600;text-decoration:none;color:var(--cyan-ink)}
.more::after{content:"";width:34px;height:1.5px;background:currentColor;display:inline-block}
.dark .more,.more.on-dark{color:#fff}

/* ---- motion: CSS only. Scroll-driven reveals where supported, graceful fade-in elsewhere. */
.hero .reveal,.shero .reveal{opacity:0;transform:translateY(18px);animation:rise .8s ease-out .1s forwards}
.hero .reveal.d1,.shero .reveal.d1{animation-delay:.25s}.hero .reveal.d2,.shero .reveal.d2{animation-delay:.4s}.hero .reveal.d3,.shero .reveal.d3{animation-delay:.55s}
@keyframes rise{to{opacity:1;transform:none}}
/* Scroll-driven motion: every section, panel and chart animates with the scrollbar. Hero keeps its timed entrance. */
.scroll-progress{position:fixed;top:0;left:0;right:0;height:3px;background:var(--cyan);transform:scaleX(0);transform-origin:left;z-index:60;pointer-events:none}
@media (prefers-reduced-motion:no-preference){@supports (animation-timeline: view()){
  .scroll-progress{animation:progress linear both;animation-timeline:scroll(root)}
  @keyframes progress{to{transform:scaleX(1)}}
  .reveal{animation:sd-rise linear both;animation-timeline:view(block 0 10%);animation-range:entry 0% cover 30%}
  .reveal.d1{animation-range:entry 6% cover 30%}.reveal.d2{animation-range:entry 12% cover 30%}.reveal.d3{animation-range:entry 18% cover 30%}
  .slide .body.reveal{animation:none}
  @keyframes sd-rise{from{opacity:0;transform:translateY(64px)}to{opacity:1;transform:none}}
  .slide .t.reveal,.slide .kick.reveal,.section h2.reveal,.section .eyebrow.reveal{animation-name:sd-left}
  @keyframes sd-left{from{opacity:0;transform:translateX(-72px)}to{opacity:1;transform:none}}
  .slide .body .grid > *,.section .grid > .card,.hub .node{animation:sd-pop linear both;animation-timeline:view(block 0 10%);animation-range:entry calc(var(--s,0)*5%) cover 30%}
  @keyframes sd-pop{from{opacity:0;transform:translateY(56px) scale(.9)}to{opacity:1;transform:none}}
  .hub .n1{--s:1}.hub .n2{--s:2}.hub .n3{--s:3}.hub .n4{--s:4}.hub .n5{--s:5}.hub .n6{--s:6}.hub .n7{--s:7}.hub .n8{--s:8}
  .grid > :nth-child(2){--s:1}.grid > :nth-child(3){--s:2}.grid > :nth-child(4){--s:3}.grid > :nth-child(5){--s:4}.grid > :nth-child(6){--s:5}.grid > :nth-child(7){--s:6}.grid > :nth-child(8){--s:7}
  .hero .reveal,.shero .reveal{opacity:0;transform:translateY(18px);animation:rise .8s ease-out .1s forwards;animation-timeline:auto;animation-range:normal}
  .hero .reveal.d1,.shero .reveal.d1{animation-delay:.25s}.hero .reveal.d2,.shero .reveal.d2{animation-delay:.4s}.hero .reveal.d3,.shero .reveal.d3{animation-delay:.55s}
  .hero::after{animation:glow 9s ease-in-out infinite alternate,glow-scroll linear both;animation-timeline:auto,scroll(root);animation-range:normal,0 800px}
  @keyframes glow-scroll{to{translate:0 60%}}
}}
.card,.tile{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.card:hover{transform:translateY(-4px);box-shadow:0 14px 34px -18px rgba(15,26,54,.35);border-top-color:var(--cyan)}
.card .ico{margin-bottom:14px;color:var(--cyan-ink);transition:transform .25s ease}
.card:hover .ico{transform:scale(1.08)}
.hero{position:relative;overflow:hidden}
.hero .wrap{position:relative;z-index:1}
.hero::after{content:"";position:absolute;inset:auto -10% -40% auto;width:60%;height:120%;background:radial-gradient(closest-side,rgba(0,209,224,.22),transparent 70%);animation:glow 9s ease-in-out infinite alternate;pointer-events:none}
@keyframes glow{from{transform:translate(0,0) scale(1)}to{transform:translate(-6%,-8%) scale(1.15)}}
.icon-row{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr))}
.icon-row a{display:grid;gap:8px;justify-items:center;text-align:center;padding:16px 10px;border-radius:6px;text-decoration:none;color:var(--fg);font-size:.82rem;font-weight:500;letter-spacing:.04em;border:1px solid transparent;transition:border-color .18s,background .18s}
.icon-row a:hover{border-color:var(--line);background:var(--surface)}
.icon-row .ico{width:34px;height:34px;color:var(--cyan-ink)}
.ind-card{display:grid;gap:12px}
.ind-card .proof{list-style:none;padding:0;margin:0;display:grid;gap:6px;font-size:.92rem}
.ind-card .proof li{padding-left:22px;position:relative}
.ind-card .proof li::before{content:"";position:absolute;left:0;top:.65em;width:12px;height:2px;background:var(--cyan)}
.ind-card .foot{color:var(--muted);font-size:.92rem}
.split{display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));align-items:center}
@media (prefers-reduced-motion:reduce){.reveal,.hero .reveal,.shero .reveal{animation:none;opacity:1;transform:none}.hero::after{animation:none}.card:hover{transform:none}}

.grid.cols-2b{grid-template-columns:1fr}.grid.cols-4b{grid-template-columns:1fr}
@media (min-width:640px){.grid.cols-2b{grid-template-columns:repeat(2,1fr)}.grid.cols-4b{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1100px){.grid.cols-4b{grid-template-columns:repeat(4,1fr)}}

/* Pages that opt out of motion: static content, no reveals, no progress bar. */
[data-motion="off"] :is(.reveal,.grid > *,.card,.icon-row a){animation:none !important;opacity:1 !important;transform:none !important}
[data-motion="off"] .scroll-progress,[data-motion="off"] .hero::after{display:none}
.hdr[data-astro-cid-nen7h5rs] {
  position: sticky;
  top: 0;
  z-index: 50;
  background: var(--navy-800);
  color: #fff;
  border-bottom: 1px solid #ffffff1f;
}

.bar[data-astro-cid-nen7h5rs] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  min-height: 68px;
}

.brand[data-astro-cid-nen7h5rs] img[data-astro-cid-nen7h5rs] {
  display: block;
  height: 32px;
  width: auto;
}

.nav[data-astro-cid-nen7h5rs] {
  display: flex;
  align-items: center;
  gap: 22px;
}

.nav[data-astro-cid-nen7h5rs] a[data-astro-cid-nen7h5rs] {
  color: #e3ecf2;
  text-decoration: none;
  font-weight: 500;
  font-size: .74rem;
  letter-spacing: .2em;
  text-transform: uppercase;
}

.nav[data-astro-cid-nen7h5rs] a[data-astro-cid-nen7h5rs]:hover, .nav[data-astro-cid-nen7h5rs] a[data-astro-cid-nen7h5rs][aria-current] {
  color: var(--cyan);
}

.nav[data-astro-cid-nen7h5rs] .btn[data-astro-cid-nen7h5rs] {
  color: var(--navy-800);
  padding: 10px 16px;
  font-size: .72rem;
}

.nav[data-astro-cid-nen7h5rs] .li[data-astro-cid-nen7h5rs] {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 6px;
  color: #e3ecf2;
}

.nav[data-astro-cid-nen7h5rs] .li[data-astro-cid-nen7h5rs]:hover {
  color: var(--cyan);
  background: #ffffff0f;
}

.nav[data-astro-cid-nen7h5rs] .mob-li[data-astro-cid-nen7h5rs] {
  width: auto;
  height: auto;
  display: block;
}

.nav[data-astro-cid-nen7h5rs] .phone[data-astro-cid-nen7h5rs] {
  border: 1px solid #ffffffb3;
  padding: 10px 16px;
  border-radius: 3px;
  letter-spacing: .08em;
  font-size: .85rem;
}

.mob[data-astro-cid-nen7h5rs] {
  display: none;
}

.mob[data-astro-cid-nen7h5rs] summary[data-astro-cid-nen7h5rs] {
  list-style: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 8px;
}

.mob[data-astro-cid-nen7h5rs] summary[data-astro-cid-nen7h5rs]::-webkit-details-marker {
  display: none;
}

.mob[data-astro-cid-nen7h5rs] summary[data-astro-cid-nen7h5rs]:focus-visible {
  outline: 3px solid var(--cyan);
}

.burger[data-astro-cid-nen7h5rs] span[data-astro-cid-nen7h5rs], .burger[data-astro-cid-nen7h5rs] span[data-astro-cid-nen7h5rs]:before, .burger[data-astro-cid-nen7h5rs] span[data-astro-cid-nen7h5rs]:after {
  display: block;
  width: 24px;
  height: 2px;
  background: #fff;
  position: relative;
  content: "";
}

.burger[data-astro-cid-nen7h5rs] span[data-astro-cid-nen7h5rs]:before {
  position: absolute;
  top: -7px;
}

.burger[data-astro-cid-nen7h5rs] span[data-astro-cid-nen7h5rs]:after {
  position: absolute;
  top: 7px;
}

.mob[data-astro-cid-nen7h5rs][open] .burger[data-astro-cid-nen7h5rs] span[data-astro-cid-nen7h5rs] {
  background: none;
}

.mob[data-astro-cid-nen7h5rs][open] .burger[data-astro-cid-nen7h5rs] span[data-astro-cid-nen7h5rs]:before {
  top: 0;
  transform: rotate(45deg);
}

.mob[data-astro-cid-nen7h5rs][open] .burger[data-astro-cid-nen7h5rs] span[data-astro-cid-nen7h5rs]:after {
  top: 0;
  transform: rotate(-45deg);
}

@media (width <= 820px) {
  .nav[data-astro-cid-nen7h5rs].desk {
    display: none;
  }

  .mob[data-astro-cid-nen7h5rs] {
    display: block;
  }

  .mob[data-astro-cid-nen7h5rs] .nav[data-astro-cid-nen7h5rs] {
    position: absolute;
    left: 0;
    right: 0;
    top: 68px;
    background: var(--navy-800);
    flex-direction: column;
    align-items: stretch;
    padding: 12px 16px 20px;
    gap: 4px;
    border-bottom: 1px solid #ffffff1a;
  }

  .mob[data-astro-cid-nen7h5rs] .nav[data-astro-cid-nen7h5rs] a[data-astro-cid-nen7h5rs] {
    padding: 12px 8px;
    border-radius: 8px;
  }

  .mob[data-astro-cid-nen7h5rs] .nav[data-astro-cid-nen7h5rs] .btn[data-astro-cid-nen7h5rs] {
    margin-top: 8px;
    text-align: center;
  }
}

@media (prefers-reduced-motion: no-preference) {
  @supports (animation-timeline: scroll()) {
    [data-motion="on"] .bar[data-astro-cid-nen7h5rs] {
      animation: linear both hdr-shrink;
      animation-timeline: scroll(root);
      animation-range: 0 240px;
    }

    .brand[data-astro-cid-nen7h5rs] img[data-astro-cid-nen7h5rs] {
      animation: linear both logo-shrink;
      animation-timeline: scroll(root);
      animation-range: 0 240px;
    }

    @keyframes hdr-shrink {
      from {
        min-height: 68px;
      }

      to {
        min-height: 54px;
      }
    }

    @keyframes logo-shrink {
      from {
        height: 32px;
      }

      to {
        height: 26px;
      }
    }
  }
}
.ftr[data-astro-cid-jo6i4kqk] {
  background: var(--navy-900);
  color: #8ea3b5;
  padding: 52px 0 24px;
  font-size: .78rem;
  line-height: 1.55;
}

.ftr[data-astro-cid-jo6i4kqk] h4[data-astro-cid-jo6i4kqk] {
  color: #fff;
  margin: 0 0 12px;
  font-size: .92rem;
  letter-spacing: .02em;
  font-weight: 700;
}

.ftr[data-astro-cid-jo6i4kqk] ul[data-astro-cid-jo6i4kqk] {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 5px;
}

.ftr[data-astro-cid-jo6i4kqk] a[data-astro-cid-jo6i4kqk] {
  color: #9fb3c4;
  text-decoration: none;
  font-size: .74rem;
}

.ftr[data-astro-cid-jo6i4kqk] a[data-astro-cid-jo6i4kqk]:hover {
  color: var(--cyan);
}

.brand[data-astro-cid-jo6i4kqk] img[data-astro-cid-jo6i4kqk] {
  height: 38px;
  width: auto;
  margin-bottom: 8px;
}

.slogan[data-astro-cid-jo6i4kqk] {
  font-family: var(--display);
  color: var(--cyan);
  font-size: 1.15rem;
  margin: 0 0 12px;
  letter-spacing: .02em;
}

.contact[data-astro-cid-jo6i4kqk] {
  margin: 0;
  font-size: .82rem;
  color: #b9c9d6;
}

.contact[data-astro-cid-jo6i4kqk] a[data-astro-cid-jo6i4kqk] {
  font-size: .82rem;
  color: #e3ecf2;
}

.legal[data-astro-cid-jo6i4kqk] {
  margin-top: 32px;
  padding-top: 16px;
  border-top: 1px solid #ffffff14;
  color: #6b7d91;
  font-size: .72rem;
}