/* generated by render-qck-branded-site.ts */
*{box-sizing:border-box;margin:0}:root{--radius:1.15rem}html{scroll-behavior:smooth}body{background:#0B0E12;color:#F4F7FA;font:1.04rem/1.7 Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:"Arial Black", "Helvetica Neue", Arial, sans-serif;line-height:1.12;color:#F4F7FA}a{color:#63E6D4}a:hover{opacity:.84}.urrv{position:absolute;left:-9999px;top:0;background:#63E6D4;color:#000000;padding:.65rem 1rem;z-index:30}.urrv:focus{left:0}.vfqv{max-width:72rem;margin:0 auto;padding:0 1.5rem}.dfnk{background:#0B0E12;border-bottom:1px solid #435060}.dfnk .vfqv{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;padding:1rem 1.5rem}.elvl{color:#F4F7FA;font-family:"Arial Black", "Helvetica Neue", Arial, sans-serif;font-size:1.15rem;font-weight:800;text-decoration:none}.cqrt{color:#B8C2CD;font-size:.86rem}.alwg{display:flex;flex-wrap:wrap;gap:.72rem}.ogft{color:inherit;text-decoration:none;font-size:.82rem}.ycbg{display:none;background:none;border:1px solid currentColor;border-radius:.5rem;color:inherit;width:2.6rem;height:2.3rem;padding:.45rem .55rem;cursor:pointer;flex-direction:column;justify-content:space-between}.ycbg span{display:block;height:2px;background:currentColor}.sfww{display:block;width:100%;background:#202833;color:#F4F7FA;border-block:2px solid #435060;font-size:1rem;line-height:1.55}.tcaf{max-width:72rem;margin:0 auto;padding:1rem 1.5rem}.givl{font-weight:850;letter-spacing:.04em;margin-bottom:.25rem}.fxgn{font-size:1rem;max-width:68rem}.tzvq{background:linear-gradient(145deg,#151A21,#1d2e33);border-bottom:1px solid #435060}.tzvq .vfqv{padding:4.5rem 1.5rem}.wwbh{max-width:58rem}.vkcu{min-height:1rem}.gtho{color:#63E6D4;font-weight:800;text-transform:uppercase;letter-spacing:.14em;font-size:.8rem;margin-bottom:1rem}.ezvk{font-size:clamp(2.3rem,6vw,4.7rem);margin-bottom:1.15rem}.nils{color:#B8C2CD;font-size:1.16rem;max-width:48rem}.kvla{display:flex;flex-wrap:wrap;list-style:none;padding:0;gap:.55rem;margin-top:1.5rem}.fhcl{border:1px solid #435060;background:#0B0E12;border-radius:999px;padding:.35rem .75rem;font-size:.84rem}.rsqv{padding:2.8rem 0}.qmtb,.sour{max-width:49rem;margin:0 auto}.qmtb{border-left:5px solid #63E6D4;background:#151A21;padding:1.25rem 1.45rem;margin-bottom:2rem;font-size:1.08rem}.sour{padding:1.35rem 0}.sour h2{font-size:1.7rem;margin-bottom:.75rem}.sour p,.sour li,.qmtb p{margin-bottom:.88rem}.sour ul,.sour ol{padding-left:1.4rem}.leds{overflow-x:auto;margin:1rem 0}table{border-collapse:collapse;width:100%}th,td{border:1px solid #435060;padding:.65rem;text-align:left;vertical-align:top}th{background:#151A21}.dpse{max-width:68rem;margin:2.5rem auto}.fyev{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.gwnt,.mcie{grid-column:1/-1}.uxko{border:1px solid #435060;border-radius:var(--radius);background:#151A21;padding:1.25rem;display:flex;flex-direction:column;align-items:flex-start}.zfer{font-size:1.18rem;margin-bottom:.25rem}.zvnc,.yqky{color:#B8C2CD;font-size:.9rem}.vgud{margin:.55rem 0;font-weight:700}.klmf{font-weight:750}.mcie{background:#202833;border-left:4px solid #63E6D4;padding:1rem 1.2rem;font-size:1rem}.fwoq{background:#F4F7FA;color:#000000;border-block:1px solid #435060}.skem{max-width:48rem;margin:0 auto;padding:2.7rem 1.5rem;text-align:center}.fwoq h2,.fwoq p{color:#000000}.skem p{margin:.8rem 0 1.15rem}.pikq{display:inline-block;background:#63E6D4;color:#000000;text-decoration:none;font-weight:800;padding:.85rem 1.5rem;border-radius:var(--radius)}.jdhs{background:#151A21;color:#F4F7FA;border-top:1px solid #435060}.jdhs .vfqv{padding:2.4rem 1.5rem}.kfyr{display:grid;grid-template-columns:2fr 1fr;gap:2rem;margin-bottom:1rem}.hxao{font-weight:700;margin-bottom:.7rem}.ifae{color:#a0a9b3;font-size:.94rem}.yxzo{font-size:.84rem;color:#a0a9b3}.jgug{color:#B8C2CD;font-size:.92rem}@media(max-width:760px){.dfnk .vfqv{display:flex;flex-direction:row;flex-wrap:wrap;text-align:left}.ycbg{display:flex}.alwg{display:none;flex-basis:100%;flex-direction:column;border-top:1px solid #435060;padding-top:.5rem}.alwg[data-open="true"]{display:flex}.tzvq .vfqv{display:grid;grid-template-columns:1fr;gap:1.25rem;padding:3rem 1.2rem}.wwbh,.vkcu{width:100%;max-width:100%}.fyev{grid-template-columns:1fr}.kfyr{grid-template-columns:1fr}}

/* structural variants from design.json */
.dfnk{background:#151A21;border-bottom:4px solid #63E6D4} .dfnk .vfqv{display:grid;grid-template-columns:minmax(13rem,.7fr) minmax(0,1.3fr)} .dfnk .alwg{justify-content:flex-end;margin-top:.45rem}
.tzvq .vfqv{display:grid;grid-template-columns:5rem minmax(0,1fr)} .vkcu{height:100%;border-left:1px solid #435060;border-right:7px solid #63E6D4}
.jdhs{background:#F4F7FA;color:#000000} .jdhs p,.jdhs a{color:#000000} .jdhs .ifae,.jdhs .yxzo{color:#626364}
@media(max-width:760px){.dfnk .vfqv{display:flex;grid-template-columns:1fr}.dfnk .vfqv>div:last-child{width:100%}.tzvq .vfqv{grid-template-columns:1fr}.vkcu{grid-template-columns:1fr}.kfyr{grid-template-columns:1fr}}

/* ---- per-site theme layer ---- */
/* Spotify Dark Immersive: a quiet source console built from stepped luminance. */
:root {
  --az-night: #0B0E12;
  --az-deck: #151A21;
  --az-raised: #202833;
  --az-ink: #F4F7FA;
  --az-muted: #B8C2CD;
  --az-signal: #63E6D4;
  --az-warm: #FF9A76;
  --az-line: #435060;
  --az-shadow: 0 1.35rem 3.5rem rgba(0, 0, 0, 0.42);
}

body {
  background:
    radial-gradient(circle at 82% 12%, rgba(99, 230, 212, 0.08), transparent 28rem),
    var(--az-night);
  letter-spacing: 0.003em;
}

.dfnk {
  background: rgba(21, 26, 33, 0.98);
  border-bottom-color: var(--az-signal);
  box-shadow: 0 0.8rem 2.4rem rgba(0, 0, 0, 0.3);
}

.dfnk .vfqv {
  min-height: 6rem;
}

.elvl {
  display: inline-block;
  max-width: 21rem;
  font-size: clamp(1.15rem, 2vw, 1.55rem);
  letter-spacing: -0.035em;
}

.cqrt {
  max-width: 30rem;
  margin-top: 0.35rem;
  color: var(--az-muted);
}

.alwg {
  justify-content: flex-end;
}

.ogft {
  border-radius: 999px;
  padding: 0.42rem 0.7rem;
  color: var(--az-muted);
  font-weight: 720;
  transition: background-color 160ms ease, color 160ms ease;
}

.ogft:hover,
.ogft:focus-visible {
  background: var(--az-raised);
  color: var(--az-signal);
  opacity: 1;
}

.sfww {
  display: block;
  width: 100%;
  background: #202833;
  color: #F4F7FA;
  border-top: 2px solid #63E6D4;
  border-bottom: 2px solid #63E6D4;
  font-size: 1rem;
  line-height: 1.62;
}

.tcaf {
  width: 100%;
  max-width: 72rem;
  margin-inline: auto;
  padding: 1.1rem 1.5rem 1.15rem;
}

.givl {
  color: #63E6D4;
  font-size: 1rem;
  font-weight: 900;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}

.fxgn {
  width: 100%;
  max-width: 68rem;
  color: #F4F7FA;
  font-size: 1rem;
  line-height: 1.62;
}

.tzvq {
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, #151A21 0%, #202833 68%, #18252B 100%);
}

.tzvq .vfqv {
  min-height: 34rem;
  align-items: stretch;
  gap: clamp(2rem, 6vw, 5rem);
}

.vkcu {
  position: relative;
  min-height: 20rem;
  border-left-color: #435060;
  border-right-color: #63E6D4;
  border-bottom-color: #63E6D4;
  background: linear-gradient(180deg, transparent 0 20%, rgba(99, 230, 212, 0.2) 20% 74%, transparent 74%);
}

.vkcu::after {
  content: "";
  position: absolute;
  right: -0.72rem;
  top: 72%;
  width: 1rem;
  height: 1rem;
  border: 0.28rem solid #151A21;
  border-radius: 50%;
  background: #63E6D4;
  box-shadow: 0 0 1.6rem rgba(99, 230, 212, 0.55);
}

.wwbh {
  align-self: center;
  padding-block: 1.5rem;
}

.gtho {
  color: var(--az-signal);
  letter-spacing: 0.19em;
}

.ezvk {
  max-width: 15ch;
  font-size: clamp(2.7rem, 7vw, 5.8rem);
  letter-spacing: -0.065em;
  text-wrap: balance;
}

.nils {
  max-width: 42rem;
  color: var(--az-muted);
  font-size: 1.14rem;
}

.fhcl {
  border: 0;
  background: #2A3542;
  color: var(--az-ink);
  box-shadow: inset 0 0 0 1px rgba(99, 230, 212, 0.22);
}

.rsqv {
  background: linear-gradient(180deg, #0B0E12, #10151B 48%, #0B0E12);
  padding-top: 4rem;
  padding-bottom: 4.5rem;
}

.qmtb {
  border: 0;
  border-left: 0.42rem solid var(--az-signal);
  background: var(--az-raised);
  box-shadow: var(--az-shadow);
}

.qmtb::before {
  content: "START HERE";
  display: block;
  margin-bottom: 0.55rem;
  color: var(--az-signal);
  font-size: 0.74rem;
  font-weight: 900;
  letter-spacing: 0.14em;
}

.sour {
  padding-top: 2.15rem;
  padding-bottom: 2.15rem;
}

.sour + .sour {
  border-top: 1px solid rgba(67, 80, 96, 0.65);
}

.sour h2 {
  max-width: 26ch;
  font-size: clamp(1.75rem, 3vw, 2.5rem);
  letter-spacing: -0.04em;
}

.sour h2::after {
  content: "";
  display: block;
  width: 5.5rem;
  height: 0.3rem;
  margin-top: 0.8rem;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--az-signal), transparent);
}

.sour p,
.sour li {
  color: #D8DEE5;
}

.dpse {
  padding-block: 1rem;
}

.gwnt {
  padding: 0 0 0.8rem;
  border-bottom: 0.3rem solid var(--az-signal);
}

.gwnt::after {
  content: "SOURCE OBSERVATION QUEUE";
  display: block;
  margin-top: 0.45rem;
  color: var(--az-muted);
  font-size: 0.72rem;
  font-weight: 850;
  letter-spacing: 0.13em;
}

.uxko {
  min-height: 15rem;
  border: 0;
  background: var(--az-raised);
  box-shadow: var(--az-shadow);
  transition: background-color 160ms ease, transform 160ms ease;
}

.uxko:hover {
  background: #283442;
  transform: translateY(-0.15rem);
}

.zfer {
  color: var(--az-ink);
  font-size: 1.3rem;
}

.zvnc,
.yqky {
  color: var(--az-muted);
}

.vgud {
  border-radius: 999px;
  padding: 0.35rem 0.72rem;
  background: var(--az-signal);
  color: #0B0E12;
  text-decoration: none;
}

.vgud:hover,
.vgud:focus-visible {
  color: #0B0E12;
  opacity: 0.88;
}

.klmf {
  width: 100%;
  margin-top: 0.45rem;
  padding: 0.5rem 0.7rem;
  border-radius: 0.7rem;
  background: #151A21;
  color: var(--az-ink);
}

.yqky {
  margin-top: auto;
  padding-top: 0.9rem;
}

.mcie {
  border: 0;
  border-left: 0.42rem solid var(--az-warm);
  border-radius: 0.2rem 1rem 1rem 0.2rem;
  background: var(--az-deck);
  color: var(--az-ink);
  box-shadow: 0 1rem 2.8rem rgba(0, 0, 0, 0.34);
}

.fwoq {
  position: relative;
  background: linear-gradient(125deg, #151A21, #202833);
}

.fwoq h2,
.fwoq p {
  color: #F4F7FA;
}

.fwoq::before {
  content: "SEPARATE NEXT STEP";
  display: block;
  padding: 0.6rem 1rem;
  background: var(--az-warm);
  color: #261007;
  text-align: center;
  font-size: 0.74rem;
  font-weight: 900;
  letter-spacing: 0.14em;
}

.skem {
  padding-block: 3.4rem;
}

.pikq {
  border: 2px solid #63E6D4;
  border-radius: 999px;
  background: #63E6D4;
  color: #0B0E12;
  box-shadow: 0 0.8rem 2rem rgba(99, 230, 212, 0.18);
}

.pikq:hover,
.pikq:focus-visible {
  background: #A5F4E9;
  color: #0B0E12;
  opacity: 1;
}

.jdhs {
  background: #0B0E12;
  border-top: 0.35rem solid var(--az-signal);
}

.jdhs p,
.jdhs a {
  color: #F4F7FA;
}

.kfyr {
  align-items: start;
}

.hxao {
  max-width: 55rem;
}

.jdhs .ifae,
.jdhs .yxzo,
.jdhs .jgug {
  color: var(--az-muted);
}

@media (max-width: 760px) {
  .dfnk .vfqv,
  .tzvq .vfqv,
  .fyev,
  .kfyr,
  .gwnt {
    grid-template-columns: 1fr;
  }

  .dfnk .vfqv {
    min-height: auto;
  }

  .tzvq .vfqv {
    min-height: auto;
    padding-top: 2.7rem;
    padding-bottom: 3.3rem;
  }

  .vkcu {
    width: 100%;
    min-height: 1rem;
    height: 1rem;
    border-left: 0;
    border-right: 0;
    border-bottom-width: 0.32rem;
    border-bottom-style: solid;
  }

  .vkcu::after {
    top: 0.12rem;
    right: 26%;
    width: 0.9rem;
    height: 0.9rem;
  }

  .ezvk {
    max-width: 100%;
    font-size: clamp(2.3rem, 13vw, 3.65rem);
  }

  .uxko {
    min-height: 0;
  }

  .tcaf,
  .givl,
  .fxgn {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ogft,
  .uxko {
    transition: none;
  }
}