/* generated by render-qck-site.ts — do not hand-edit (gitignored output) */
*{box-sizing:border-box;margin:0}
:root{--radius:1.1rem}
html{scroll-behavior:smooth}
body{background:#F7F9FC;color:#06162E;font-family:'Inter', 'Avenir Next', 'Segoe UI', sans-serif;line-height:1.65;font-size:1.0625rem;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:'Manrope', 'Avenir Next', 'Segoe UI', sans-serif;line-height:1.2;color:#06162E}
a{color:#0057D9}
a:hover{opacity:.85}
img{max-width:100%}
code{background:#DDE8F5;padding:.1em .35em;border-radius:4px;font-size:.9em}
.rogp{position:absolute;left:-9999px;top:0;background:#0057D9;color:#FFFFFF;padding:.5rem 1rem;z-index:9}
.rogp:focus{left:0}
.ouvr{max-width:72rem;margin:0 auto;padding:0 1.5rem}
.syoo{font-family:'Manrope', 'Avenir Next', 'Segoe UI', sans-serif;font-weight:700;font-size:1.25rem;text-decoration:none;color:inherit}
.jwaw{color:#40526B;font-size:.85rem}
.vtdi{display:flex;flex-wrap:wrap;gap:1.1rem}
.apgv{text-decoration:none;color:inherit;font-size:.95rem}
.apgv:hover{color:#0057D9;opacity:1}
.luaj{display:none;background:none;border:1px solid currentColor;border-radius:6px;color:inherit;width:2.6rem;height:2.3rem;padding:.45rem .55rem;cursor:pointer;flex-direction:column;justify-content:space-between}
.luaj span{display:block;height:2px;background:currentColor;border-radius:2px}
.luaj[aria-expanded="true"] span:nth-child(2){opacity:0}
.eisj{background:#E9F0F8} .eisj .ouvr{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem 1.5rem;text-align:center} .vtdi{border-top:1px solid #BCCBDD;padding-top:.6rem}
.lfye{background:#F7F9FC} .lfye .ouvr{padding:3.5999999999999996rem 1.5rem;border-left:6px solid #0057D9;margin:2rem auto}
.azdr{text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;color:#0057D9;font-weight:600;margin-bottom:.8rem}
.xabc{font-size:clamp(1.9rem,4.5vw,3rem);margin-bottom:1rem}
.mwtp{font-size:1.15rem;color:#40526B;max-width:44rem;margin:0 auto}
.uumh{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin-top:1.4rem}
.qvyw{border:1px solid #BCCBDD;background:#E9F0F8;border-radius:999px;padding:.3rem .85rem;font-size:.85rem}
.ekzc{padding:3.12rem 0}
/* the measure fix: prose column CENTERED in the container, never pinned left */
.eadj,.zwai,.mtmi{max-width:46rem;margin-left:auto;margin-right:auto}
.eadj{padding:1.68rem 0}
.eadj h2{font-size:1.6rem;margin-bottom:.8rem}
.eadj h3{font-size:1.2rem;margin:.9rem 0 .5rem}
.eadj p,.eadj li,.zwai p{margin-bottom:.85rem}
.eadj ul,.eadj ol{padding-left:1.4rem}
.zwai{font-size:1.12rem}
.mtmi{background:#E9F0F8;border:1px solid #BCCBDD;border-radius:var(--radius);padding:1.2rem 1.4rem;margin-bottom:1.92rem}
.adqs{overflow-x:auto;margin:1rem 0}
table{border-collapse:collapse;width:100%;font-size:.95rem}
th,td{border:1px solid #BCCBDD;padding:.55rem .7rem;text-align:left;vertical-align:top}
th{background:#E9F0F8}
blockquote{border-left:4px solid #0057D9;padding:.2rem 0 .2rem 1rem;color:#40526B;margin:1rem 0}
.vuyj{max-width:46rem;margin:2.16rem auto;background:#dbe7f6;border:1px solid #BCCBDD;border-radius:var(--radius);padding:1.4rem 1.6rem}
.vqmn{font-size:1.25rem;margin-bottom:.7rem}
.azjh{list-style:none;padding:0;margin-top:.8rem;display:grid;gap:.45rem}
.gllm{padding-left:1.1rem;position:relative;font-size:.95rem}
.gllm::before{content:"";position:absolute;left:0;top:.55em;width:.45em;height:.45em;border-radius:50%;background:#0057D9}
.fkik{max-width:46rem;margin:2.16rem auto;padding:0;list-style:none;counter-reset:src}
.jndk{border-top:1px solid #BCCBDD;padding:.9rem 0 .9rem 2.2rem;position:relative;counter-increment:src}
.jndk::before{content:counter(src);position:absolute;left:0;top:.95rem;font-family:'Manrope', 'Avenir Next', 'Segoe UI', sans-serif;font-weight:700;color:#0057D9}
.imxz{margin-bottom:.3rem}
.qleg{font-size:.88rem;color:#40526B}
.hduj{max-width:46rem;margin:0 auto}
.pyfa{border-bottom:1px solid #BCCBDD;padding:1.32rem 0}
.wylk{font-size:1.15rem;margin-bottom:.5rem}
.buyd{color:#06162E}
.lkww{background:#d9e6f8;border-top:1px solid #BCCBDD;border-bottom:1px solid #BCCBDD;margin:2.4rem 0 0}
.hriz{max-width:46rem;margin:0 auto;padding:2.64rem 1.5rem;text-align:center}
.hriz h2{margin-bottom:.7rem}
.hriz p{margin-bottom:1.1rem}
.gojk{display:inline-block;background:#0057D9;color:#FFFFFF;text-decoration:none;font-weight:600;padding:.8rem 1.8rem;border-radius:var(--radius)}
.gojk:hover{opacity:.9}

.kscq{font-size:1.45rem;margin-bottom:.45rem}
.mcvq p{margin-bottom:.55rem}
.mcvq p:last-child{margin-bottom:0}
.xwfs{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.35rem .95rem;margin:.6rem 0 0;font-size:.92rem}
.ullt{display:inline-block;font-weight:700;font-size:1.05rem;padding:1rem 2rem;border-radius:var(--radius);text-decoration:none;white-space:nowrap}
.ullt:hover{opacity:.92}
.lvos{background:#06162E;color:#FFFFFF;border-top:4px solid #4B8EF7}
.pmib{max-width:64rem;margin:0 auto;padding:1.7rem 1.5rem;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1.2rem 2.5rem;align-items:center}
.lvos h2,.lvos p{color:#FFFFFF}
.zgqy{display:inline-block;background:#F7F9FC;color:#06162E;font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.3rem .7rem;border-radius:3px;margin-bottom:.6rem}
.xwfs{color:#878f9b}
.lako::before{content:"\2713\00a0"}
.ullt{background:#0057D9;color:#FFFFFF;outline:2px solid #FFFFFF;outline-offset:2px}
@media (max-width:720px){.pmib{display:block} .zgqy{transform:none;max-width:none;margin-bottom:.6rem} .ullt{display:block;text-align:center;margin-top:1rem}}
.qkiq{background:#E9F0F8;border-top:1px solid #BCCBDD}
.qkiq .ouvr{padding:2.64rem 1.5rem}
.zaep{display:grid;grid-template-columns:2fr 1fr;gap:2rem;margin-bottom:1.4rem}
.zgis{font-style:italic;margin-bottom:.8rem}
.wqdr{font-size:.9rem;margin-bottom:.8rem}
.chdb{font-size:.85rem;color:#40526B}
.qkiq .chdb{opacity:.85}
.osrt{color:#40526B;font-size:.92rem}
@media(max-width:760px){
  .lfye .ouvr{grid-template-columns:1fr;gap:1.5rem}
  .zaep{grid-template-columns:1fr}
  .eisj .ouvr{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem;padding:.9rem 1.5rem;text-align:left}
  .eisj .vtdi{border-top:0;padding-top:0}
  .eisj .luaj{display:flex}
  .eisj .vtdi{display:none;flex-basis:100%;flex-direction:column;gap:0;border-top:1px solid #BCCBDD;padding-top:.4rem;margin-top:.4rem}
  .eisj .vtdi[data-open="true"]{display:flex}
  .eisj .apgv{display:block;padding:.6rem 0;font-size:1.05rem}
}

/* ---- per-site theme layer ---- */
/* Surprise Back Signal — cinematic evidence desk, self-contained by design */

html {
  background: #06162E;
}

body {
  overflow-x: hidden;
  letter-spacing: -0.006em;
}

::selection {
  background: #0057D9;
  color: #FFFFFF;
}

/* Masthead: centered streaming-service discipline, but a local editorial mark */
.eisj {
  border-bottom: 1px solid #BCCBDD;
  box-shadow: 0 10px 32px rgba(6, 22, 46, 0.06);
}

.eisj .ouvr {
  max-width: 76rem;
  padding-top: 1.3rem;
  padding-bottom: 0.85rem;
}

.eisj .ouvr > div:first-child {
  display: grid;
  justify-items: center;
  gap: 0.35rem;
}

.syoo {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0.72rem;
  font-size: clamp(1.12rem, 2.2vw, 1.5rem);
  font-weight: 800;
  letter-spacing: -0.045em;
  line-height: 1;
}

.syoo::before {
  content: "S";
  display: grid;
  place-items: center;
  width: 2.15rem;
  height: 2.15rem;
  border: 2px solid #0057D9;
  border-radius: 50%;
  background: #F7F9FC;
  color: #0057D9;
  font-size: 1rem;
  font-weight: 800;
  letter-spacing: 0;
  box-shadow: inset 0 0 0 4px #DDE8F5;
}

.syoo::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -0.38rem;
  width: calc(100% - 2.9rem);
  height: 3px;
  border-radius: 999px;
  background: linear-gradient(90deg, #0057D9 0 36%, #4B8EF7 36% 68%, #06162E 68%);
}

.jwaw {
  color: #40526B;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.vtdi {
  width: min(100%, 66rem);
  justify-content: center;
  gap: 0.25rem;
}

.apgv {
  position: relative;
  padding: 0.5rem 0.78rem;
  border-radius: 999px;
  color: #40526B;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.015em;
}

.apgv::after {
  content: "";
  position: absolute;
  left: 50%;
  right: 50%;
  bottom: 0.12rem;
  height: 2px;
  border-radius: 2px;
  background: #0057D9;
  transition: left 160ms ease, right 160ms ease;
}

.apgv:hover {
  background: #DDE8F5;
  color: #06162E;
}

.apgv:hover::after {
  left: 0.8rem;
  right: 0.8rem;
}

/* Hero: a midnight screening field with an offset editorial frame */
.lfye {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border: 0;
  background:
    linear-gradient(112deg, #06162E 0%, #06162E 56%, #0B2D5B 100%);
}

.lfye::before,
.lfye::after {
  content: "";
  position: absolute;
  z-index: -1;
  border-radius: 50%;
  pointer-events: none;
}

.lfye::before {
  width: min(44vw, 34rem);
  aspect-ratio: 1;
  right: -4rem;
  top: 50%;
  transform: translateY(-50%);
  border: clamp(1.1rem, 3vw, 2.8rem) solid rgba(75, 142, 247, 0.26);
  box-shadow:
    0 0 0 clamp(1.2rem, 3vw, 3rem) rgba(75, 142, 247, 0.09),
    0 0 0 clamp(3.6rem, 7vw, 7rem) rgba(75, 142, 247, 0.06);
}

.lfye::after {
  width: 0.78rem;
  height: 0.78rem;
  right: clamp(2rem, 18vw, 14rem);
  top: 22%;
  background: #F7F9FC;
  box-shadow:
    3.4rem 5.2rem 0 -0.12rem #4B8EF7,
    -2.6rem 10.5rem 0 -0.2rem #F7F9FC,
    5.8rem 13.4rem 0 -0.24rem #4B8EF7;
}

.lfye .ouvr {
  position: relative;
  min-height: 22rem;
  max-width: 76rem;
  margin: 0 auto;
  padding: clamp(3.6rem, 7vw, 6.5rem) 1.5rem;
  border-left: 0;
}

.znnf {
  position: relative;
  z-index: 1;
  width: min(100%, 50rem);
  padding-left: clamp(1rem, 3vw, 2.6rem);
  border-left: 4px solid #4B8EF7;
}

.znnf::before {
  content: "SIGNAL / 01";
  position: absolute;
  left: calc(clamp(1rem, 3vw, 2.6rem) * -1 - 4px);
  bottom: -2.1rem;
  color: #DDE8F5;
  font-size: 0.67rem;
  font-weight: 700;
  letter-spacing: 0.16em;
}

.lfye .azdr {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  margin-bottom: 1.1rem;
  color: #DDE8F5;
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0.17em;
}

.lfye .azdr::before {
  content: "";
  width: 1.8rem;
  height: 2px;
  background: #4B8EF7;
}

.lfye .xabc {
  max-width: 14ch;
  margin-bottom: 1.25rem;
  color: #F7F9FC;
  font-size: clamp(2.45rem, 6vw, 5.25rem);
  font-weight: 800;
  letter-spacing: -0.065em;
  line-height: 0.98;
  text-wrap: balance;
}

.lfye .mwtp {
  max-width: 43rem;
  margin: 0;
  color: #DDE8F5;
  font-size: clamp(1rem, 1.6vw, 1.18rem);
  line-height: 1.65;
}

.lfye .uumh {
  max-width: 48rem;
  margin-top: 1.65rem;
  gap: 0.55rem;
}

.lfye .qvyw {
  border-color: rgba(247, 249, 252, 0.34);
  border-radius: 999px;
  background: rgba(247, 249, 252, 0.1);
  color: #F7F9FC;
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.01em;
}

/* Spotlight: the inverted feature rail immediately after the opening screen */
.lvos {
  position: relative;
  overflow: hidden;
  border-top: 0;
  border-bottom: 1px solid rgba(247, 249, 252, 0.22);
  background: #06162E;
}

.lvos::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 0.42rem;
  background: linear-gradient(#4B8EF7, #0057D9);
}

.pmib {
  max-width: 76rem;
  padding: 2rem 1.5rem 2.1rem 2.2rem;
  gap: 1.4rem 3rem;
}

.yjdg {
  max-width: 50rem;
}

.zgqy {
  border: 1px solid #BCCBDD;
  border-radius: 999px;
  background: #F7F9FC;
  color: #06162E;
  font-size: 0.68rem;
  letter-spacing: 0.17em;
}

.kscq {
  max-width: 33ch;
  color: #F7F9FC;
  font-size: clamp(1.35rem, 2.7vw, 2rem);
  letter-spacing: -0.035em;
}

.mcvq p {
  max-width: 58rem;
  color: #F7F9FC;
}

.xwfs {
  gap: 0.55rem 1.2rem;
  color: #DDE8F5;
}

.lako {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
}

.lako::before {
  content: "✓";
  display: grid;
  place-items: center;
  width: 1.2rem;
  height: 1.2rem;
  border: 1px solid #DDE8F5;
  border-radius: 50%;
  color: #F7F9FC;
  font-size: 0.72rem;
  line-height: 1;
}

.ullt {
  border: 0;
  border-radius: 999px;
  outline: 2px solid #F7F9FC;
  outline-offset: 4px;
  background: #0057D9;
  color: #FFFFFF;
  box-shadow: 0 14px 34px rgba(0, 87, 217, 0.3);
  transition: transform 160ms ease, box-shadow 160ms ease;
}

.ullt::after {
  content: "  →";
}

.ullt:hover {
  transform: translateY(-2px);
  box-shadow: 0 18px 42px rgba(0, 87, 217, 0.4);
  opacity: 1;
}

/* Editorial body and numbered feature modules */
.ekzc {
  position: relative;
  padding-top: clamp(3rem, 6vw, 5.4rem);
  padding-bottom: clamp(3rem, 6vw, 5.6rem);
  background:
    linear-gradient(90deg, transparent 0, transparent calc(50% - 36rem), rgba(188, 203, 221, 0.24) calc(50% - 36rem), rgba(188, 203, 221, 0.24) calc(50% - 36rem + 1px), transparent calc(50% - 36rem + 1px)),
    #F7F9FC;
}

.ekzc > .ouvr {
  counter-reset: signal-section;
  max-width: 76rem;
}

.zwai {
  position: relative;
  max-width: 54rem;
  margin-bottom: 2.6rem;
  padding: clamp(1.6rem, 4vw, 2.7rem);
  border: 1px solid #BCCBDD;
  border-radius: 1.4rem 1.4rem 1.4rem 0.3rem;
  background:
    linear-gradient(135deg, rgba(75, 142, 247, 0.1), transparent 52%),
    #E9F0F8;
  box-shadow: 0 18px 45px rgba(6, 22, 46, 0.08);
  font-size: 1.08rem;
}

.zwai::before {
  content: "OPENING FRAME";
  display: inline-flex;
  margin-bottom: 1rem;
  padding: 0.33rem 0.62rem;
  border-radius: 999px;
  background: #0057D9;
  color: #FFFFFF;
  font-size: 0.67rem;
  font-weight: 800;
  letter-spacing: 0.15em;
}

.zwai h2 {
  margin-bottom: 1rem;
  color: #06162E;
  font-size: clamp(1.65rem, 3.7vw, 2.45rem);
  font-weight: 800;
  letter-spacing: -0.045em;
}

.zwai p:last-child {
  margin-bottom: 0;
}

.eadj {
  position: relative;
  max-width: 54rem;
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  padding: clamp(2.15rem, 4vw, 3.4rem) clamp(1rem, 3vw, 2.4rem) clamp(2.2rem, 4vw, 3.5rem) clamp(3.6rem, 8vw, 6.4rem);
  border-top: 1px solid #BCCBDD;
  counter-increment: signal-section;
}

.eadj::before {
  content: counter(signal-section, decimal-leading-zero);
  position: absolute;
  left: clamp(0.6rem, 2.5vw, 2rem);
  top: clamp(2.2rem, 4vw, 3.45rem);
  display: grid;
  place-items: center;
  width: 2.55rem;
  height: 2.55rem;
  border: 1px solid #0057D9;
  border-radius: 50%;
  background: #F7F9FC;
  color: #0057D9;
  font-family: 'Manrope', 'Avenir Next', sans-serif;
  font-size: 0.76rem;
  font-weight: 800;
  letter-spacing: 0.05em;
}

.eadj h2 {
  margin-bottom: 1.15rem;
  color: #06162E;
  font-size: clamp(1.55rem, 3vw, 2.15rem);
  font-weight: 800;
  letter-spacing: -0.045em;
  text-wrap: balance;
}

.eadj h2::after {
  content: "";
  display: block;
  width: 3.8rem;
  height: 3px;
  margin-top: 0.8rem;
  border-radius: 3px;
  background: linear-gradient(90deg, #0057D9 0 52%, #4B8EF7 52%);
}

.eadj p,
.zwai p {
  color: #06162E;
}

.eadj strong {
  color: #06162E;
  font-weight: 750;
}

blockquote {
  position: relative;
  border: 0;
  border-radius: 0.85rem;
  background: #E9F0F8;
  color: #40526B;
  padding: 1.25rem 1.35rem 1.25rem 3.6rem;
}

blockquote::before {
  content: "“";
  position: absolute;
  left: 1.1rem;
  top: 0.5rem;
  color: #0057D9;
  font-family: Georgia, serif;
  font-size: 3rem;
  line-height: 1;
}

.adqs {
  border: 1px solid #BCCBDD;
  border-radius: 1rem;
  background: #F7F9FC;
  box-shadow: 0 12px 30px rgba(6, 22, 46, 0.06);
}

table {
  min-width: 38rem;
}

th {
  background: #DDE8F5;
  color: #06162E;
  font-size: 0.78rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

td {
  color: #06162E;
}

/* Local access module: an offset route card */
.vuyj {
  position: relative;
  max-width: 54rem;
  margin-top: 3rem;
  margin-bottom: 3rem;
  padding: clamp(1.6rem, 4vw, 2.7rem) clamp(1.4rem, 4vw, 3rem);
  overflow: hidden;
  border: 1px solid #BCCBDD;
  border-radius: 0.35rem 1.5rem 1.5rem 1.5rem;
  background:
    radial-gradient(circle at 92% 12%, rgba(75, 142, 247, 0.2) 0 4rem, transparent 4.1rem),
    #DDE8F5;
  box-shadow: 0 22px 55px rgba(6, 22, 46, 0.11);
}

.vuyj::before {
  content: "⌁";
  position: absolute;
  right: 2rem;
  top: 1.4rem;
  display: grid;
  place-items: center;
  width: 3.5rem;
  height: 3.5rem;
  border: 2px solid #0057D9;
  border-radius: 50%;
  color: #0057D9;
  font-size: 1.8rem;
  font-weight: 700;
}

.vqmn {
  max-width: calc(100% - 5rem);
  margin-bottom: 1.2rem;
  color: #06162E;
  font-size: clamp(1.45rem, 3.2vw, 2rem);
  font-weight: 800;
  letter-spacing: -0.04em;
}

.vuyj p {
  color: #06162E;
}

.azjh {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.7rem;
  margin-top: 1.35rem;
}

.gllm {
  min-height: 3.2rem;
  padding: 0.8rem 0.9rem 0.8rem 2.8rem;
  border: 1px solid #BCCBDD;
  border-radius: 0.8rem;
  background: #F7F9FC;
  color: #06162E;
  font-size: 0.86rem;
  font-weight: 600;
}

.gllm::before {
  content: "→";
  left: 0.85rem;
  top: 50%;
  display: grid;
  place-items: center;
  width: 1.25rem;
  height: 1.25rem;
  transform: translateY(-50%);
  border: 1px solid #0057D9;
  border-radius: 50%;
  background: transparent;
  color: #0057D9;
  font-size: 0.7rem;
}

/* FAQ: stacked title cards with the same outlined icon grammar */
.hduj {
  max-width: 54rem;
  display: grid;
  gap: 0.85rem;
}

.pyfa {
  position: relative;
  padding: 1.4rem 1.5rem 1.5rem 4.4rem;
  border: 1px solid #BCCBDD;
  border-radius: 1rem;
  background: #F7F9FC;
  box-shadow: 0 10px 26px rgba(6, 22, 46, 0.05);
}

.pyfa::before {
  content: "?";
  position: absolute;
  left: 1.25rem;
  top: 1.3rem;
  display: grid;
  place-items: center;
  width: 2.05rem;
  height: 2.05rem;
  border: 1px solid #0057D9;
  border-radius: 50%;
  color: #0057D9;
  font-family: 'Manrope', sans-serif;
  font-size: 0.9rem;
  font-weight: 800;
}

.wylk {
  margin-bottom: 0.65rem;
  color: #06162E;
  font-size: 1.15rem;
  font-weight: 800;
  letter-spacing: -0.025em;
}

.buyd {
  color: #06162E;
  line-height: 1.7;
}

/* Sources: compact end-credit rows */
.fkik {
  max-width: 54rem;
  border-bottom: 1px solid #BCCBDD;
}

.jndk {
  padding: 1.1rem 0 1.15rem 3.35rem;
  border-color: #BCCBDD;
}

.jndk::before {
  content: counter(src, decimal-leading-zero);
  top: 1.15rem;
  display: grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  border: 1px solid #0057D9;
  border-radius: 50%;
  color: #0057D9;
  font-size: 0.68rem;
}

.imxz {
  color: #06162E;
  font-size: 0.9rem;
  line-height: 1.58;
}

.qleg {
  color: #40526B;
  font-size: 0.78rem;
  line-height: 1.55;
}

/* CTA: framed feature finale */
.lkww {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  margin-top: 0;
  border-top: 1px solid #BCCBDD;
  border-bottom: 1px solid #BCCBDD;
  background: #E9F0F8;
}

.lkww::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: calc(50% + 15rem);
  top: -12rem;
  width: 26rem;
  height: 26rem;
  border: 4rem solid rgba(75, 142, 247, 0.18);
  border-radius: 50%;
}

.hriz {
  max-width: 58rem;
  padding: clamp(3rem, 7vw, 5.6rem) 1.5rem;
  text-align: left;
}

.hriz::before {
  content: "NEXT FRAME";
  display: inline-flex;
  margin-bottom: 0.9rem;
  padding: 0.3rem 0.6rem;
  border-radius: 999px;
  background: #06162E;
  color: #F7F9FC;
  font-size: 0.66rem;
  font-weight: 800;
  letter-spacing: 0.16em;
}

.hriz h2 {
  max-width: 20ch;
  color: #06162E;
  font-size: clamp(1.8rem, 4vw, 3rem);
  font-weight: 800;
  letter-spacing: -0.05em;
}

.hriz p {
  max-width: 48rem;
  color: #06162E;
}

.gojk {
  border-radius: 999px;
  background: #0057D9;
  color: #FFFFFF;
  font-weight: 800;
  box-shadow: 0 13px 30px rgba(0, 87, 217, 0.22);
}

.gojk::after {
  content: "  →";
}

/* Footer: quiet metadata deck */
.qkiq {
  border-top: 0;
  background: #DDE8F5;
}

.qkiq .ouvr {
  max-width: 76rem;
  padding-top: 2.8rem;
  padding-bottom: 2.4rem;
}

.zaep {
  grid-template-columns: minmax(0, 1.65fr) minmax(16rem, 0.8fr);
  gap: 3rem;
  padding-bottom: 1.8rem;
  border-bottom: 1px solid #BCCBDD;
}

.zgis,
.wqdr,
.chdb,
.qkiq .osrt {
  color: #40526B;
}

.zgis {
  max-width: 55rem;
  padding-left: 1rem;
  border-left: 3px solid #0057D9;
  font-style: normal;
  font-weight: 600;
}

.qkiq .vtdi {
  display: flex;
  width: 100%;
  justify-content: flex-start;
  gap: 0.3rem 0.55rem;
}

.qkiq .apgv {
  padding: 0.24rem 0.35rem;
  color: #06162E;
}

.qkiq .apgv::after {
  display: none;
}

.chdb {
  padding-top: 0.2rem;
  letter-spacing: 0.02em;
}

.rogp:focus {
  left: 1rem;
  top: 1rem;
  border-radius: 999px;
  outline: 3px solid #F7F9FC;
  outline-offset: 3px;
}

@media (max-width: 760px) {
  .eisj .ouvr {
    padding: 0.9rem 1rem;
  }

  .eisj .ouvr > div:first-child {
    justify-items: start;
  }

  .syoo {
    font-size: 1.05rem;
  }

  .syoo::before {
    width: 1.9rem;
    height: 1.9rem;
  }

  .jwaw {
    max-width: 19rem;
    font-size: 0.62rem;
    line-height: 1.35;
  }

  .eisj .vtdi {
    width: 100%;
  }

  .eisj .apgv {
    border-radius: 0.45rem;
  }

  .lfye::before {
    width: 18rem;
    right: -10rem;
    opacity: 0.7;
  }

  .lfye::after {
    display: none;
  }

  .lfye .ouvr {
    min-height: 0;
    padding: 3.4rem 1rem 3.8rem;
  }

  .znnf {
    padding-left: 1rem;
  }

  .lfye .xabc {
    max-width: 17ch;
    font-size: clamp(2.15rem, 11vw, 3.25rem);
  }

  .lfye .uumh {
    display: grid;
  }

  .pmib {
    padding: 1.7rem 1rem 1.8rem 1.4rem;
  }

  .ekzc > .ouvr {
    padding: 0 1rem;
  }

  .zwai {
    padding: 1.35rem;
    border-radius: 1rem 1rem 1rem 0.25rem;
  }

  .eadj {
    padding: 4.6rem 0 2.4rem;
  }

  .eadj::before {
    left: 0;
    top: 1.45rem;
    width: 2.3rem;
    height: 2.3rem;
  }

  .vuyj {
    padding: 1.4rem 1.15rem;
  }

  .vuyj::before {
    right: 1rem;
    top: 1rem;
    width: 2.8rem;
    height: 2.8rem;
    font-size: 1.35rem;
  }

  .azjh {
    grid-template-columns: 1fr;
  }

  .pyfa {
    padding: 4rem 1.1rem 1.25rem;
  }

  .pyfa::before {
    left: 1.1rem;
    top: 1rem;
  }

  .hriz {
    padding: 3.4rem 1rem;
  }

  .gojk,
  .ullt {
    width: 100%;
    text-align: center;
  }

  .qkiq .ouvr {
    padding: 2.2rem 1rem;
  }

  .zaep {
    grid-template-columns: 1fr;
    gap: 1.8rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto;
    transition-duration: 0.01ms;
  }
}