/* --- MERGED GLOBALS --- */
/* navbar.css */

@import url("./primitives.css");

@media (max-width: 768px) {
  #mainNav .nav-start-global,
  #mainNav .nav-help-global,
  .drw .drw-cta {
    min-height: 48px;
    align-items: center;
  }
}
#mainNav .nav-logo .logo-img,
.drw-header .nav-logo .logo-img,
#mainNav .nav-logo-mark,
.drw-header .nav-logo-mark {
  width: 35px;
  height: 35px;
  border-radius: 12px;
  object-fit: contain;
}

#mainNav .nav-help-global {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: auto;
  height: auto;
  border: 0;
  background: transparent;
  color: var(--text, #ecf2ff);
  border: 1px solid transparent;
}

#mainNav .nav-help-global i {
  font-size: 22px;
  line-height: 1;
}

#mainNav .nav-help-global span {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .02em;
  text-transform: none;
}

@media (max-width: 768px) {
  #mainNav .nav-help-global .nav-help-text {
    display: none;
  }

  #mainNav .nav-help-global {
    gap: 0;
  }
}

#mainNav .nav-help-global:hover {
  transform: translateY(calc(-1 * var(--interactive-hover-lift)));
  color: color-mix(in srgb, var(--pri, #1f6feb) 86%, #fff 14%);
}

#mainNav .nav-help-global:active {
  transform: translateY(0);
}

#mainNav .nav-start-global {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 35px;
  padding: 8px 16px;
  border: 1px solid var(--pri-bdr, rgba(72,130,255,.35));
  border-radius: 999px;
  background: var(--pri, #1f6feb);
  color: #F9FAFB;
  font-family: 'Inter', sans-serif;
  font-size: 12.5px;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.06);
}

#mainNav .nav-start-global::after {
  content: none;
}

#mainNav .nav-start-global i {
  font-size: 15px;
  line-height: 1;
}

#mainNav .nav-start-global:hover {
  box-shadow: var(--interactive-hover-shadow, var(--sh-pri, 0 8px 22px rgba(37, 99, 235, .3)));
  background: var(--pri-d, #1557c7);
}

#mainNav .nav-start-global:active {
  transform: translateY(0);
}

#mainNav .ham,
.drw-header .drw-close {
  width: 35px;
  height: 35px;
  border-radius: 12px;
}

#mainNav .ham {
  min-width: 35px;
  min-height: 35px;
  padding: 0;
  gap: 6px;
  border: none;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

#mainNav .ham span {
  width: 24px;
  height: 2.5px;
  border-radius: 999px;
}

#mainNav .ham span:nth-child(1),
#mainNav .ham span:nth-child(2) {
  width: 24px;
}

#mainNav .ham.open span:nth-child(1) {width:24px;transform:translateY(4.25px) rotate(45deg)}
#mainNav .ham.open span:nth-child(2) {width:24px;transform:translateY(-4.25px) rotate(-45deg)}

#mainNav .ham:hover,
#mainNav .ham:focus-visible {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
}


.drw {
  background:
    radial-gradient(120% 75% at 105% 0%, color-mix(in srgb, var(--pri, #1f6feb) 14%, transparent), transparent 48%),
    radial-gradient(120% 75% at -10% 100%, color-mix(in srgb, var(--pri, #1f6feb) 12%, transparent), transparent 52%),
    var(--drw-bg);
  border-left: none !important;
  box-shadow: -24px 0 65px color-mix(in srgb, var(--text, #0b1020) 16%, transparent);
}

.drw::before {
  display: none;
}

.drw-header {
  background:
    linear-gradient(120deg, color-mix(in srgb, var(--pri, #1f6feb) 10%, transparent), transparent 55%),
    var(--nav-bg);
}

.drw-nav a {
  position: relative;
  overflow: hidden;
  border: 1px solid transparent;
}

.drw-nav a::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(100deg, transparent 0%, color-mix(in srgb, var(--text, #ecf2ff) 18%, transparent) 45%, transparent 75%);
  transform: translateX(-130%);
  transition: transform .52s ease;
  pointer-events: none;
}

.drw-nav a:hover::after {
  transform: translateX(130%);
}

.drw-nav a:hover,
.drw-nav a.is-current {
  border-color: color-mix(in srgb, var(--pri, #1f6feb) 28%, transparent);
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--text, #ecf2ff) 8%, transparent);
}


#mainNav {
  position: fixed !important;
  inset: 0 0 auto !important;
  width: 100% !important;
  max-width: none !important;
  height: var(--nav-h, 64px);
  left: 0 !important;
  right: 0 !important;
  transform: none !important;
  padding-inline: 40px !important;
  border-bottom: 1px solid color-mix(in srgb, var(--bdr, rgba(148, 163, 184, .2)) 28%, transparent) !important;
  background: var(--nav-bg, rgba(8, 12, 24, .92)) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  overflow: visible;
}

@media (min-width: 769px) {
  #mainNav {
    width: 100% !important;
    left: 0 !important;
    right: 0 !important;
    transform: none !important;
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
  }

  #mainNav .nav-links {
    display: flex !important;
    position: static;
    left: auto;
    transform: none;
    justify-content: flex-start;
    justify-self: start;
  }

  #mainNav .nav-r {
    justify-self: end;
  }

  #mainNav .ham {
    display: none !important;
  }
}

@media (max-width: 1024px) {
  #mainNav {
    padding-inline: 24px !important;
  }
}

@media (max-width: 768px) {
  #mainNav {
    height: var(--nav-h, 58px);
    width: 100% !important;
    max-width: none !important;
    left: 0 !important;
    right: 0 !important;
    transform: none !important;
    padding-inline: 16px !important;
  }
}

.drw-nav a.is-current {
  background: color-mix(in srgb, var(--pri, #1f6feb) 14%, transparent);
  color: var(--text);
}

.drw-nav a.is-current i.ni {
  color: var(--pri);
}

#mainNav .nav-links a.is-current {
  color: var(--pri);
}

.drw-theme-toggle {
  position: relative;
  overflow: hidden;
  border-color: color-mix(in srgb, var(--pri, #1f6feb) 25%, var(--bdr, rgba(255,255,255,.16)));
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--pri, #1f6feb) 17%, transparent), transparent 70%),
    var(--surf);
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--text, #ecf2ff) 12%, transparent);
}

.drw-theme-toggle::after {
  content: '';
  position: absolute;
  inset: -40% -5%;
  background: conic-gradient(from 180deg at 50% 50%, transparent 0 44%, color-mix(in srgb, var(--text, #ecf2ff) 22%, transparent) 50%, transparent 56% 100%);
  opacity: 0;
  transform: rotate(4deg) translateX(-18%);
  transition: opacity .28s ease, transform .55s ease;
  pointer-events: none;
}

.drw-theme-toggle:hover::after {
  opacity: 1;
  transform: rotate(0deg) translateX(14%);
}

.theme-sw .tsw-btn {
  border-radius: 9px;
  border-color: var(--ft-border, var(--bdr, rgba(255,255,255,.14)));
  background: var(--ft-bg-soft, var(--surf));
  box-shadow: none;
}

.theme-sw .tsw-panel {
  border-color: color-mix(in srgb, var(--pri, #1f6feb) 24%, var(--bdr, rgba(255,255,255,.14)));
  background:
    linear-gradient(170deg, color-mix(in srgb, var(--pri, #1f6feb) 10%, transparent), transparent 40%),
    var(--drw-bg);
  box-shadow: 0 -14px 44px rgba(0,0,0,.34);
}

.theme-sw .tsw-opt {
  border: 1px solid transparent;
}

.theme-sw .tsw-opt:hover,
.theme-sw .tsw-opt.active {
  border-color: color-mix(in srgb, var(--pri, #1f6feb) 30%, transparent);
}


.swal2-popup.seamium-toast{ 
  width:min(420px,calc(100vw - 32px)); 
  max-width: 90vw;
  margin: 16px auto !important;
  border:1px solid color-mix(in srgb,var(--pri, #0054ad) 30%,transparent); 
  border-radius:14px; 
  background: 
    linear-gradient(160deg,color-mix(in srgb,var(--card-bg, #fff) 84%,var(--pri, #0054ad) 16%),var(--card-bg, #fff)); 
  color:var(--text, #0f172a); 
  box-shadow:0 14px 34px rgba(2,10,24,.18),0 2px 10px rgba(0,84,173,.16); 
  backdrop-filter:saturate(1.08) blur(6px); 
  padding:14px 16px; 
}
.swal2-title.seamium-toast-title{
  color:var(--head, #0f172a);
  font-family:'Poppins',sans-serif;
  letter-spacing:-.01em;
  font-size:12px;
  font-weight:600;
  line-height:1.25;
  margin:0;
  padding:0;
  text-align:left;
}
.swal2-html-container.seamium-toast-text{
  color:var(--muted, #556070);
  font-size:12px;
  line-height:1.4;
  margin:4px 0 0;
  padding:0;
  text-align:left;
}
.swal2-icon.seamium-toast-icon{
  margin-right:10px;
  transform:scale(.9);
}
.swal2-timer-progress-bar{background:color-mix(in srgb,var(--pri, #0054ad) 70%,transparent)!important}
.swal2-close{color:var(--muted, #556070)!important}
.swal2-close:hover{color:var(--text, #0f172a)!important}
.swal2-icon.swal2-success [class^=swal2-success-line],
.swal2-icon.swal2-success .swal2-success-ring{border-color:var(--pri, #0054ad)!important}
.swal2-icon.swal2-success .swal2-success-line-tip,
.swal2-icon.swal2-success .swal2-success-line-long{background-color:var(--pri, #0054ad)!important}



/* footer.css */

@import url("./primitives.css");

footer[role="contentinfo"]{
  --ft-bg: var(--pri, #2563eb);
  --ft-bg-soft: var(--surf, rgba(255,255,255,0.03));
  --ft-bg-soft-2: var(--surf2, rgba(255,255,255,0.05));
  --ft-border: rgba(255, 255, 255, 0.3);
  --ft-border-strong: rgba(255, 255, 255, 0.45);
  --ft-text: #ffffff;
  --ft-muted: color-mix(in srgb, #ffffff 88%, #dbe7ff 12%);
  --ft-dim: color-mix(in srgb, #ffffff 72%, #b9ccff 28%);
  --ft-accent: #ffffff;
  --ft-accent-soft: rgba(255, 255, 255, 0.12);
  --ft-accent-border: rgba(255, 255, 255, 0.32);

  position: relative;
  background: var(--ft-bg);
  border-top: none !important;
  margin-top: clamp(48px, 7vw, 88px);
}

footer[role="contentinfo"]::before{
  display: none !important;
}


footer[role="contentinfo"] .wrap{
  width: min(1200px, calc(100% - 2rem));
  margin-inline: auto;
}

footer[role="contentinfo"] .ft-main{
  padding: clamp(2.25rem, 4vw, 3.8rem) 0 0;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: clamp(1rem, 2vw, 2rem);
}

footer[role="contentinfo"] .ft-col-h{
  display: flex;
  align-items: center;
  margin-bottom: .95rem;
  color: var(--ft-dim);
  font-family: 'Inter', sans-serif;
  font-size: .6rem;
  letter-spacing: .16em;
  text-transform: uppercase;
}

footer[role="contentinfo"] .ft-links{
  display: flex;
  flex-direction: column;
  gap: .62rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

footer[role="contentinfo"] .ft-links a,
footer[role="contentinfo"] .ft-links .is-disabled{
  display: inline-block;
  color: var(--ft-text);
  font-size: .88rem;
  line-height: 1.35;
  text-decoration: none;
}

footer[role="contentinfo"] .ft-links a{
  transition: color .2s ease, transform .2s ease;
}

footer[role="contentinfo"] .ft-links .is-disabled{
  opacity: 1;
  cursor: not-allowed;
}

footer[role="contentinfo"] .ft-links a:hover{
  color: #ffffff;
  transform: translateX(2px);
  border-bottom: none;
  text-decoration: none;
  box-shadow: none;
}

footer[role="contentinfo"] .ft-btm{
  margin-top: clamp(1.8rem, 3vw, 2.6rem);
  padding: 0 0 1.15rem;
  border-top: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: .9rem;
}

footer[role="contentinfo"] .ft-divider {
  width: 100%;
  border: none;
  border-top: 1px solid var(--ft-border);
  margin: 4px 0;
}
footer[role="contentinfo"] .ft-divider:first-child {
  margin-top: 0;
  margin-bottom: 1rem;
}

footer[role="contentinfo"] .ft-socs{
  display: inline-flex;
  flex-wrap: wrap;
  gap: .48rem;
}

footer[role="contentinfo"] .fsoc{
  width: 2rem;
  aspect-ratio: 1;
  border-radius: .62rem;
  background: color-mix(in srgb, var(--ft-bg-soft) 82%, white 18%);
  border: 1px solid color-mix(in srgb, var(--ft-border) 84%, rgba(255,255,255,.2) 16%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--ft-muted);
  transition: var(--interactive-transition);
}

footer[role="contentinfo"] .fsoc:hover{
  color: var(--ft-accent);
  background: var(--ft-accent-soft);
  border-color: var(--ft-accent-border);
  transform: translateY(calc(-1 * var(--interactive-hover-lift)));
}

footer[role="contentinfo"] .ft-status-chip{
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  padding: .4rem .7rem;
  border-radius: 999px;
  background: color-mix(in srgb, var(--ft-bg-soft) 82%, white 18%);
  border: 1px solid color-mix(in srgb, var(--ft-border) 84%, rgba(255,255,255,.2) 16%);
  color: var(--ft-muted);
  font-size: .77rem;
  cursor: pointer;
  transition: var(--interactive-transition);
}

footer[role="contentinfo"] .ft-status-chip:hover{
  transform: translateY(calc(-1 * var(--interactive-hover-lift)));
  border-color: color-mix(in srgb, var(--ft-accent-border) 70%, rgba(255,255,255,.24) 30%);
  background: color-mix(in srgb, var(--ft-accent-soft) 38%, var(--ft-bg-soft) 62%);
  color: var(--ft-text);
}

footer[role="contentinfo"] .ft-status-chip:focus-visible{
  outline: 2px solid color-mix(in srgb, var(--ft-accent) 78%, white 22%);
  outline-offset: 2px;
}

.ft-status-modal{
  --ft-status-backdrop: rgba(3, 7, 18, .62);
  --ft-status-panel-border: rgba(255,255,255,.16);
  --ft-status-panel-bg:
    radial-gradient(120% 80% at 100% 0%, rgba(37,99,235,.24) 0%, rgba(37,99,235,0) 55%),
    radial-gradient(130% 85% at 0% 100%, rgba(59,130,246,.14) 0%, rgba(59,130,246,0) 62%),
    linear-gradient(172deg, rgba(18,30,58,.95) 0%, rgba(10,17,35,.97) 100%);
  --ft-status-panel-shadow: 0 36px 86px rgba(0,0,0,.52);
  --ft-status-panel-text: #e5ecff;
  --ft-status-head-border: rgba(255,255,255,.1);
  --ft-status-kicker-color: #c8d4f3;
  --ft-status-title-color: #86efac;
  --ft-status-title-icon-color: #4ade80;
  --ft-status-close-border: rgba(255,255,255,.18);
  --ft-status-close-bg: rgba(255,255,255,.08);
  --ft-status-close-color: #d7e1fb;
  --ft-status-summary-color: #d4def8;
  --ft-status-item-border: rgba(255,255,255,.14);
  --ft-status-item-bg: rgba(8, 15, 31, .78);
  --ft-status-comp-color: #ecf3ff;
  --ft-status-state-color: #8ef7b9;
  --ft-status-state-border: rgba(142,247,185,.34);
  --ft-status-state-bg: rgba(16,185,129,.13);
  --ft-status-footnote-border: rgba(255,255,255,.1);
  --ft-status-footnote-color: #b9c9ef;

  position: fixed;
  inset: 0;
  z-index: 1100;
  pointer-events: none;
}

html[data-theme="light"] .ft-status-modal,
html[data-theme="system"].os-light .ft-status-modal{
  --ft-status-backdrop: rgba(15, 23, 42, .35);
  --ft-status-panel-border: color-mix(in srgb, var(--bdr, rgba(0,0,0,.08)) 88%, var(--pri, #0054ad) 12%);
  --ft-status-panel-bg:
    radial-gradient(120% 80% at 100% 0%, color-mix(in srgb, var(--pri, #0054ad) 16%, transparent) 0%, transparent 55%),
    radial-gradient(130% 85% at 0% 100%, color-mix(in srgb, var(--pri, #0054ad) 10%, transparent) 0%, transparent 62%),
    linear-gradient(172deg, color-mix(in srgb, var(--bg2, #f9fafb) 92%, white 8%) 0%, color-mix(in srgb, var(--bg, #edf3fc) 94%, white 6%) 100%);
  --ft-status-panel-shadow: 0 20px 56px rgba(15,23,42,.18);
  --ft-status-panel-text: color-mix(in srgb, var(--text, #121212) 88%, #0f172a 12%);
  --ft-status-head-border: color-mix(in srgb, var(--bdr, rgba(0,0,0,.08)) 88%, var(--pri, #0054ad) 12%);
  --ft-status-kicker-color: color-mix(in srgb, var(--muted, #556070) 85%, var(--pri, #0054ad) 15%);
  --ft-status-title-color: #047857;
  --ft-status-title-icon-color: #059669;
  --ft-status-close-border: color-mix(in srgb, var(--bdr, rgba(0,0,0,.08)) 82%, var(--pri, #0054ad) 18%);
  --ft-status-close-bg: color-mix(in srgb, var(--surf, rgba(0,0,0,.03)) 84%, var(--pri-lo, rgba(0,84,173,.1)) 16%);
  --ft-status-close-color: color-mix(in srgb, var(--text, #121212) 82%, var(--pri, #0054ad) 18%);
  --ft-status-summary-color: color-mix(in srgb, var(--muted, #556070) 92%, #0f172a 8%);
  --ft-status-item-border: color-mix(in srgb, var(--bdr, rgba(0,0,0,.08)) 85%, var(--pri, #0054ad) 15%);
  --ft-status-item-bg: color-mix(in srgb, var(--surf, rgba(0,0,0,.03)) 70%, white 30%);
  --ft-status-comp-color: color-mix(in srgb, var(--text, #121212) 88%, #0f172a 12%);
  --ft-status-state-color: #047857;
  --ft-status-state-border: rgba(4,120,87,.36);
  --ft-status-state-bg: rgba(16,185,129,.12);
  --ft-status-footnote-border: color-mix(in srgb, var(--bdr, rgba(0,0,0,.08)) 88%, var(--pri, #0054ad) 12%);
  --ft-status-footnote-color: color-mix(in srgb, var(--muted, #556070) 90%, #0f172a 10%);
}

.ft-status-modal[hidden]{
  display: none;
}

.ft-status-backdrop{
  position: absolute;
  inset: 0;
  background: var(--ft-status-backdrop);
  opacity: 0;
  transition: opacity .28s ease;
}

.ft-status-panel{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, calc(-50% + 16px)) scale(.98);
  width: min(680px, calc(100% - 1.5rem));
  max-height: min(86vh, 780px);
  overflow: auto;
  border-radius: 1.4rem;
  border: 1px solid var(--ft-status-panel-border);
  background: var(--ft-status-panel-bg);
  box-shadow: var(--ft-status-panel-shadow);
  color: var(--ft-status-panel-text);
  opacity: 0;
  backdrop-filter: blur(16px) saturate(130%);
  transition: opacity .28s ease, transform .32s cubic-bezier(.2,.8,.2,1), box-shadow .28s ease;
}

.ft-status-modal.is-open{
  pointer-events: auto;
}

.ft-status-modal.is-open .ft-status-backdrop{
  opacity: 1;
}

.ft-status-modal.is-open .ft-status-panel{
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}

.ft-status-modal.is-desktop .ft-status-panel{
  left: auto;
  top: 1rem;
  right: 1rem;
  bottom: 1rem;
  width: min(430px, calc(100vw - 2rem));
  max-height: none;
  transform: translate(14px, 0);
  border-radius: 1rem;
}

.ft-status-modal.is-desktop.is-open .ft-status-panel{
  transform: translate(0, 0);
}

.ft-status-head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .8rem;
  padding: 1.15rem 1.2rem .75rem;
  border-bottom: 1px solid var(--ft-status-head-border);
}

.ft-status-head-copy{
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: .28rem;
}

.ft-status-kicker{
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  margin: 0 0 .45rem;
  font-size: .72rem;
  color: var(--ft-status-kicker-color);
  text-transform: uppercase;
  letter-spacing: .09em;
}

.ft-status-title{
  margin: 0;
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  font-size: clamp(1.12rem, 1.8vw, 1.4rem);
  line-height: 1.2;
  color: var(--ft-status-title-color);
}

.ft-status-title i{
  color: var(--ft-status-title-icon-color);
}

.ft-status-subtitle{
  margin: 0;
  font-size: .75rem;
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--ft-status-state-color);
}

.ft-status-close{
  width: 2rem;
  height: 2rem;
  flex: 0 0 2rem;
  border-radius: .7rem;
  border: 1px solid var(--ft-status-close-border);
  background: var(--ft-status-close-bg);
  color: var(--ft-status-close-color);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: var(--interactive-transition);
}

.ft-status-close:hover{
  transform: translateY(-1px);
  border-color: var(--ft-status-state-border);
}

.ft-status-close:focus-visible{
  outline: 2px solid color-mix(in srgb, var(--ft-status-title-icon-color) 62%, white 38%);
  outline-offset: 2px;
}

.ft-status-body{
  padding: 1rem 1.2rem 1.2rem;
}

.ft-status-meta{
  display: grid;
  gap: .62rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0 0 .9rem;
}

.ft-status-meta-item{
  border: 1px solid var(--ft-status-item-border);
  background: color-mix(in srgb, var(--ft-status-item-bg) 74%, transparent 26%);
  border-radius: .85rem;
  padding: .62rem .68rem;
}

.ft-status-meta-label{
  display: block;
  font-size: .67rem;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--ft-status-kicker-color);
}

.ft-status-meta-value{
  display: block;
  margin-top: .18rem;
  font-size: .95rem;
  color: var(--ft-status-comp-color);
}

.ft-status-overall{
  margin: 0 0 .35rem;
  font-size: .82rem;
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--ft-status-state-color);
}

.ft-status-summary{
  margin: 0 0 .8rem;
  font-size: .91rem;
  line-height: 1.55;
  color: var(--ft-status-summary-color);
}

.ft-status-list{
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: .6rem;
}

.ft-status-item{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: .8rem;
  border: 1px solid var(--ft-status-item-border);
  background: var(--ft-status-item-bg);
  border-radius: .9rem;
  padding: .72rem .8rem;
  transition: transform .2s ease, border-color .22s ease, background-color .22s ease;
}

.ft-status-item:hover{
  transform: translateY(-1px);
  border-color: var(--ft-status-state-border);
}

.ft-status-comp{
  font-size: .88rem;
  color: var(--ft-status-comp-color);
}

.ft-status-state{
  display: inline-flex;
  align-items: center;
  gap: .34rem;
  font-size: .76rem;
  color: var(--ft-status-state-color);
  padding: .2rem .48rem;
  border-radius: 999px;
  border: 1px solid var(--ft-status-state-border);
  background: var(--ft-status-state-bg);
}

.ft-status-footnote{
  margin: .92rem 0 0;
  padding-top: .85rem;
  border-top: 1px solid var(--ft-status-footnote-border);
  font-size: .8rem;
  line-height: 1.5;
  color: var(--ft-status-footnote-color);
}

.ft-status-links{
  margin-top: .7rem;
  display: flex;
  flex-wrap: wrap;
  gap: .55rem;
}

.ft-status-link{
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  padding: .4rem .62rem;
  border-radius: 999px;
  border: 1px solid var(--ft-status-item-border);
  background: var(--ft-status-item-bg);
  color: var(--ft-status-comp-color);
  text-decoration: none;
  font-size: .78rem;
  font-weight: 600;
  transition: var(--interactive-transition);
}

.ft-status-link:hover,
.ft-status-link:focus-visible{
  border-color: var(--ft-status-state-border);
  color: var(--ft-status-title-color);
  outline: none;
  transform: translateY(-1px);
}

@media (max-width: 620px){
  .ft-status-meta{
    grid-template-columns: 1fr;
  }
}

footer[role="contentinfo"] .ft-legal{
  display: inline-flex;
  flex-wrap: wrap;
  gap: .85rem 1rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

footer[role="contentinfo"] .ft-legal a{
  color: var(--ft-dim);
  font-size: .77rem;
  text-decoration: none;
}

footer[role="contentinfo"] .ft-legal a:hover{
  color: var(--ft-text);
  border-bottom: none;
  text-decoration: none;
  box-shadow: none;
}

footer[role="contentinfo"] .ft-badges{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: .9rem;
  flex-wrap: wrap;
  padding: 0;
  border-top: none;
}

footer[role="contentinfo"] .ftb-compatible,
footer[role="contentinfo"] .ftb-eem{
  border: 1px solid var(--ft-border);
  background: color-mix(in srgb, var(--ft-bg-soft) 82%, white 18%);
  border-radius: .85rem;
}

footer[role="contentinfo"] .ftb-eem{
  background: #000;
  border-color: rgba(255,255,255,.14);
}

footer[role="contentinfo"] .ftb-compatible{
  display: inline-flex;
  align-items: stretch;
  overflow: hidden;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border-color: color-mix(in srgb, var(--ft-border) 84%, rgba(255,255,255,.2) 16%);
  position: relative;
  isolation: isolate;
  box-shadow: none;
  transition: transform .2s ease, border-color .2s ease;
}


footer[role="contentinfo"] .ftb-compatible::after{
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(120% 90% at 5% 100%, rgba(79,111,255,.2), transparent 70%),
    linear-gradient(105deg, rgba(255,255,255,.08) 0%, transparent 38%);
  mix-blend-mode: screen;
  opacity: .75;
  z-index: -1;
}

footer[role="contentinfo"] .ftb-compatible:hover,
footer[role="contentinfo"] .ftb-compatible:focus-within{
  transform: translateY(-1px);
  border-color: color-mix(in srgb, var(--pri) 52%, var(--ft-border) 48%);
  box-shadow: none;
}

footer[role="contentinfo"] .ftb-compatible-inner{
  display: flex;
  align-items: center;
  gap: .75rem;
  padding: .75rem 1.2rem .75rem 1rem;
  min-height: 3.15rem;
}

footer[role="contentinfo"] .ftb-shield{
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

footer[role="contentinfo"] .ftb-compatible-text{
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: .08rem;
  line-height: 1;
  position: relative;
  padding-left: .8rem;
  align-items: flex-start;
}

footer[role="contentinfo"] .ftb-compatible-text::before{
  content: '';
  position: absolute;
  left: 0;
  top: 4%;
  bottom: 4%;
  width: 1px;
  background: linear-gradient(to bottom, rgba(255,255,255,.16), rgba(255,255,255,.52), rgba(255,255,255,.16));
}

footer[role="contentinfo"] .ftb-brand{
  font-family: 'Poppins', sans-serif;
  font-size: .9rem;
  font-weight: 700;
  color: rgba(255,255,255,.95);
  letter-spacing: -.012em;
  line-height: 1;
}

footer[role="contentinfo"] .ftb-mark{
  font-family: 'Inter', sans-serif;
  font-size: .55rem;
  letter-spacing: .08em;
  color: rgba(255,255,255,.7);
  text-transform: uppercase;
  line-height: 1.1;
  display: inline-block;
  max-width: 100%;
}

footer[role="contentinfo"] .ftb-shield img{
  display: block;
  width: 1.9rem;
  height: 2.15rem;
  transform: translateY(.5px);
  filter: drop-shadow(0 4px 10px rgba(14, 88, 255, .3));
}

footer[role="contentinfo"] .ftb-eem{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 3.75rem;
  aspect-ratio: 1;
  overflow: hidden;
}

footer[role="contentinfo"] .ftb-eem img{
  width: 2.5rem;
  height: 2.5rem;
  object-fit: contain;
  display: block;
}

footer[role="contentinfo"] .ft-notice{
  border-top: none;
  background: inherit;
  color: var(--ft-dim);
  font-size: .72rem;
  line-height: 1.7;
  padding: 0 0 max(.95rem, env(safe-area-inset-bottom));
  text-align: justify;
}

@media (max-width: 1100px){
  footer[role="contentinfo"] .ft-main{ grid-template-columns: repeat(3, minmax(0,1fr)); }
}

@media (max-width: 760px){
  footer[role="contentinfo"] .wrap{ width: min(1200px, calc(100% - 1.5rem)); }

  footer[role="contentinfo"] .ft-main{ grid-template-columns: repeat(2, minmax(0,1fr)); }

  footer[role="contentinfo"] .ft-btm{
    flex-direction: column;
    align-items: flex-start;
  }

  .ft-status-panel{
    border-radius: 1rem;
  }
}

@media (max-width: 480px){
  footer[role="contentinfo"] .ft-main{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}

@media (max-width: 360px){
  footer[role="contentinfo"] .ft-main{ grid-template-columns: 1fr; }
}

footer[role="contentinfo"] .a11y-sw{
  position: relative;
  display: inline-flex;
}

footer[role="contentinfo"] .a11y-btn{
  display:flex;
  align-items:center;
  gap:8px;
  padding:8px 14px;
  border-radius:9px;
  background:color-mix(in srgb, var(--ft-bg-soft) 82%, white 18%);
  border:1px solid color-mix(in srgb, var(--ft-border) 84%, rgba(255,255,255,.2) 16%);
  font-size:12.5px;
  font-weight:500;
  color:color-mix(in srgb, var(--ft-text) 90%, #dbe7ff 10%);
  transition:background .2s,border-color .2s,color .2s;
  cursor:pointer;
}

footer[role="contentinfo"] .a11y-btn:hover{
  background:color-mix(in srgb, var(--ft-bg-soft-2) 76%, rgba(255,255,255,.24) 24%);
  border-color:color-mix(in srgb, var(--ft-border-strong) 82%, rgba(255,255,255,.3) 18%);
  color:color-mix(in srgb, var(--ft-text) 88%, white 12%);
}

footer[role="contentinfo"] .a11y-btn i{font-size:16px;}
footer[role="contentinfo"] .a11y-btn #a11yLabel{
  color: var(--ft-text);
}
footer[role="contentinfo"] .a11y-btn .caret{font-size:12px;margin-left:2px;transition:transform .25s ease;}
footer[role="contentinfo"] .a11y-sw.open .a11y-btn .caret{transform:rotate(180deg);}

footer[role="contentinfo"] .a11y-panel{
  position:absolute;
  bottom:calc(100% + 8px);
  left:0;
  min-width:190px;
  background:color-mix(in srgb, var(--ft-bg) 86%, rgba(255,255,255,.14) 14%);
  border:1px solid color-mix(in srgb, var(--ft-border) 80%, rgba(255,255,255,.22) 20%);
  border-radius:12px;
  padding:6px;
  box-shadow:0 -8px 32px rgba(0,0,0,.28);
  opacity:0;
  pointer-events:none;
  transform:translateY(8px);
  transition:opacity .22s ease,transform .22s ease;
  z-index:200;
}

footer[role="contentinfo"] .a11y-sw.open .a11y-panel{opacity:1;pointer-events:auto;transform:translateY(0);}

footer[role="contentinfo"] .a11y-opt{
  display:flex;
  align-items:center;
  gap:10px;
  padding:9px 12px;
  border-radius:8px;
  font-size:13px;
  font-weight:500;
  color:var(--ft-muted);
  cursor:pointer;
  transition:background .15s,color .15s;
}

footer[role="contentinfo"] .a11y-opt:hover{background:var(--ft-bg-soft-2);color:var(--ft-text);}
footer[role="contentinfo"] .a11y-opt.active{background:color-mix(in srgb, var(--ft-accent-soft) 58%, rgba(255,255,255,.2) 42%);color:color-mix(in srgb, var(--ft-accent) 78%, white 22%);}
footer[role="contentinfo"] .a11y-opt i{font-size:16px;color:var(--ft-dim);transition:color .15s;flex-shrink:0;width:18px;text-align:center;}
footer[role="contentinfo"] .a11y-opt.active i{color:var(--ft-accent);}

footer[role="contentinfo"] .theme-sw .tsw-btn{
  background:color-mix(in srgb, var(--ft-bg-soft) 82%, white 18%);
  border:1px solid color-mix(in srgb, var(--ft-border) 84%, rgba(255,255,255,.2) 16%);
  color:var(--ft-muted);
  transition:background .2s,border-color .2s,color .2s;
}
footer[role="contentinfo"] .theme-sw .tsw-btn #tswLabel{
  color: var(--ft-text);
}
footer[role="contentinfo"] .theme-sw .tsw-btn:hover{
  background:color-mix(in srgb, var(--ft-bg-soft-2) 76%, rgba(255,255,255,.24) 24%);
  border-color:color-mix(in srgb, var(--ft-border-strong) 82%, rgba(255,255,255,.3) 18%);
  color:color-mix(in srgb, var(--ft-text) 88%, white 12%);
}
footer[role="contentinfo"] .theme-sw .tsw-panel{
  background:color-mix(in srgb, var(--ft-bg) 86%, rgba(255,255,255,.14) 14%);
  border:1px solid color-mix(in srgb, var(--ft-border) 80%, rgba(255,255,255,.22) 20%);
  box-shadow:0 -8px 32px rgba(0,0,0,.22),0 2px 8px rgba(0,0,0,.1);
}
footer[role="contentinfo"] .theme-sw .tsw-opt{
  color: color-mix(in srgb, var(--ft-text) 90%, #dbe7ff 10%);
}
footer[role="contentinfo"] .theme-sw .tsw-opt i{
  color: color-mix(in srgb, var(--ft-text) 84%, #dbe7ff 16%);
}
footer[role="contentinfo"] .theme-sw .tsw-opt:hover{
  color: var(--ft-text);
}
footer[role="contentinfo"] .theme-sw .tsw-opt.active{
  background:color-mix(in srgb, var(--ft-accent-soft) 58%, rgba(255,255,255,.2) 42%);
  color:color-mix(in srgb, var(--ft-accent) 78%, white 22%);
}

.read-aloud-control{
  --read-progress:0%;
  position:fixed;
  right:16px;
  bottom:16px;
  width:min(420px, calc(100vw - 24px));
  border:1px solid color-mix(in srgb, var(--ft-border-strong) 65%, transparent);
  outline:1px solid color-mix(in srgb, var(--ft-border-strong) 20%, transparent);
  outline-offset:0;
  background:color-mix(in srgb, var(--ft-bg) 86%, #071024 14%);
  border-radius:18px;
  padding:14px 14px 12px;
  box-shadow:0 18px 45px rgba(2,6,23,.35);
  backdrop-filter:blur(16px);
  z-index:360;
  transform:translateY(20px) scale(.98);
  opacity:0;
  transition:opacity .22s ease, transform .22s ease;
}
.read-aloud-control.is-visible{
  opacity:1;
  transform:translateY(0) scale(1);
}
.read-aloud-subhead{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:2px;
}
.read-aloud-page{
  margin:0;
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:13px;
  color:var(--ft-text);
  font-weight:700;
}
.read-aloud-page i{
  font-size:15px;
  color:var(--ft-accent);
}
.read-aloud-meta{
  margin:0;
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:12px;
  color:var(--ft-muted);
}
.read-aloud-meta i{
  font-size:13px;
}
.read-aloud-progress{
  position:relative;
  margin-top:10px;
  height:7px;
  border-radius:999px;
  background:color-mix(in srgb, var(--ft-bg-soft-2) 82%, transparent);
  overflow:hidden;
}
.read-aloud-progress::after{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:var(--read-progress);
  background:linear-gradient(90deg, var(--ft-accent), color-mix(in srgb, var(--ft-accent) 70%, #8bd3ff 30%));
  border-radius:inherit;
  transition:width .35s ease;
}
.read-aloud-actions{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:10px;
  margin-top:10px;
}
.read-aloud-btn{
  border:1px solid color-mix(in srgb, var(--ft-border-strong) 65%, transparent);
  outline:1px solid color-mix(in srgb, var(--ft-border-strong) 20%, transparent);
  outline-offset:0;
  background:color-mix(in srgb, var(--ft-bg) 82%, #071024 18%);
  color:var(--ft-text);
  border-radius:999px;
  min-height:42px;
  padding:0 12px;
  font:600 13px/1 system-ui,sans-serif;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  cursor:pointer;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
}
.read-aloud-btn:hover{
  background:color-mix(in srgb, var(--ft-bg-soft-2) 78%, #112240 22%);
}
.read-aloud-btn-close{
  color:var(--ft-muted);
}
html.a11y-large-text{font-size:112%;}
html.a11y-high-contrast{
  --bg:#06080f;
  --bg2:#000;
  --card-bg:#080d1a;
  --surf:rgba(255,255,255,0.08);
  --surf2:rgba(255,255,255,0.14);
  --text:#fff;
  --muted:#f3f4f6;
  --dim:#d1d5db;
  --bdr:rgba(255,255,255,0.34);
  --bdr-hi:rgba(255,255,255,0.6);
  --pri:#7dd3fc;
  --pri-lo:rgba(125,211,252,.2);
  --pri-bdr:rgba(125,211,252,.6);
}
html.a11y-reduce-motion *,
html.a11y-reduce-motion *::before,
html.a11y-reduce-motion *::after{
  animation-duration:0.01ms !important;
  animation-iteration-count:1 !important;
  transition-duration:0.01ms !important;
  scroll-behavior:auto !important;
}

@media (max-width: 640px){
  footer[role="contentinfo"] .ft-top .wrap{
    align-items: stretch;
  }
  .read-aloud-control{
    right:12px;
    left:12px;
    bottom:12px;
    width:auto;
    border-radius:16px;
  }
  .read-aloud-actions{
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }
}


footer[role="contentinfo"] .ft-news{
  margin: 1.1rem 0 0;
  display: flex;
  justify-content: center;
}

footer[role="contentinfo"] .ft-news .nl-group{
  width: min(100%, 560px);
  max-width: 560px;
  border-radius: 16px;
  border: 1px solid color-mix(in srgb, var(--ft-border) 80%, var(--ft-accent) 20%);
  background: linear-gradient(180deg, color-mix(in srgb, var(--ft-bg-soft) 84%, transparent 16%), color-mix(in srgb, var(--ft-bg-soft-2) 84%, transparent 16%));
  box-shadow: 0 10px 28px rgba(8, 18, 33, 0.08);
}

footer[role="contentinfo"] .ft-news .nl-group input[type='email']{
  padding: 13px 18px;
}

footer[role="contentinfo"] .ft-news .nl-group button{
  border-left: 1px solid color-mix(in srgb, white 30%, transparent);
  border-radius: 0;
  padding-inline: 24px;
  font-weight: 700;
  background: linear-gradient(135deg, color-mix(in srgb, var(--ft-accent) 80%, white 20%), var(--ft-accent));
}

footer[role="contentinfo"] .ft-news .nl-group button:hover{
  filter: brightness(1.05);
}

@media (max-width: 640px){
  footer[role="contentinfo"] .ft-news .nl-group{
    width: 100%;
    max-width: 100%;
  }
  footer[role="contentinfo"] .ft-news .nl-group button{
    padding-inline: 18px;
  }
}



/* Unified Utility Button Styles for Theme, A11y, and Status */
footer[role="contentinfo"] .a11y-btn,
footer[role="contentinfo"] .theme-sw .tsw-btn,
footer[role="contentinfo"] .ft-status-chip {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 8px 14px !important;
  border-radius: 9px !important;
  background: color-mix(in srgb, var(--ft-bg-soft) 82%, white 18%) !important;
  border: 1px solid color-mix(in srgb, var(--ft-border) 84%, rgba(255,255,255,.2) 16%) !important;
  font-size: 12.5px !important;
  font-weight: 500 !important;
  color: color-mix(in srgb, var(--ft-text) 90%, #dbe7ff 10%) !important;
  transition: background .2s, border-color .2s, color .2s, transform .2s ease !important;
  cursor: pointer !important;
  height: auto !important;
  min-height: 36px !important;
}

footer[role="contentinfo"] .a11y-btn:hover,
footer[role="contentinfo"] .theme-sw .tsw-btn:hover,
footer[role="contentinfo"] .ft-status-chip:hover {
  background: color-mix(in srgb, var(--ft-bg-soft-2) 76%, rgba(255,255,255,.24) 24%) !important;
  border-color: color-mix(in srgb, var(--ft-border-strong) 82%, rgba(255,255,255,.3) 18%) !important;
  color: color-mix(in srgb, var(--ft-text) 88%, white 12%) !important;
}

footer[role="contentinfo"] .a11y-btn i,
footer[role="contentinfo"] .theme-sw .tsw-btn i,
footer[role="contentinfo"] .ft-status-chip i {
  font-size: 16px !important;
}

footer[role="contentinfo"] .a11y-btn #a11yLabel,
footer[role="contentinfo"] .theme-sw .tsw-btn #tswLabel,
footer[role="contentinfo"] .ft-status-chip #statusLabel {
  color: var(--ft-text) !important;
}

footer[role="contentinfo"] .a11y-btn .caret,
footer[role="contentinfo"] .theme-sw .tsw-btn .caret,
footer[role="contentinfo"] .ft-status-chip .caret {
  font-size: 12px !important;
  margin-left: 2px !important;
  transition: transform .25s ease !important;
}

footer[role="contentinfo"] .a11y-btn[aria-expanded="true"] .caret,
footer[role="contentinfo"] .theme-sw .tsw-btn[aria-expanded="true"] .caret,
footer[role="contentinfo"] .ft-status-chip[aria-expanded="true"] .caret {
  transform: rotate(180deg) !important;
}

/* Mobile responsivity fixes */
@media (max-width: 760px) {
  footer[role="contentinfo"] .ft-btm {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 12px !important;
    justify-content: flex-start !important;
  }
  
  footer[role="contentinfo"] .theme-sw,
  footer[role="contentinfo"] .a11y-sw,
  footer[role="contentinfo"] .ft-status-chip {
    flex: 1 1 auto;
    min-width: calc(50% - 12px);
    display: flex;
  }

  footer[role="contentinfo"] .a11y-btn,
  footer[role="contentinfo"] .theme-sw .tsw-btn,
  footer[role="contentinfo"] .ft-status-chip {
    width: 100%;
    justify-content: center;
  }
}

/* hero.css */
:root {
  --hero-heading-stack-gap: 0.08em;
}

.hero-heading-arranged {
  display: inline-block;
  max-inline-size: 100%;
  overflow-wrap: anywhere;
  word-break: normal;
  text-wrap: balance;
}

.hero-heading-arranged .hero-heading-line {
  display: block;
  max-inline-size: 100%;
  white-space: normal;
}

.hero-heading-arranged .hero-heading-line + .hero-heading-line {
  margin-top: var(--hero-heading-stack-gap);
}

:is(h2, h3, h4, h5, h6).hero-heading-arranged .hero-heading-line {
  display: inline;
}

:is(h2, h3, h4, h5, h6).hero-heading-arranged .hero-heading-line + .hero-heading-line {
  margin-top: 0;
  margin-left: 0.3ch;
}

@media (max-width: 640px) {
  .hero-heading-arranged {
    line-height: 1.06;
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 800;
  line-height: 1.02;
  letter-spacing: -0.04em;
  color: var(--head);
}

h1 {
  font-size: clamp(40px, 4.8vw, 68px);
}

h1.hero-heading-arranged {
  font-size: clamp(38px, 5.8vw, 72px);
  font-weight: 900;
  letter-spacing: -0.038em;
  line-height: 1.04;
}

h2 {
  font-size: clamp(30px, 3.6vw, 52px);
}

h3 {
  font-size: clamp(24px, 2.4vw, 36px);
}

h4 {
  font-size: clamp(20px, 2vw, 30px);
}




/* Page Bundle */

/* --- PAGE: index --- */
.page-index {


/* 1. Cards styling */
@media (min-width: 1025px) {
  .landing-bento-grid {
    position: relative;
  }
  .bento-card-top {
    position: relative;
    z-index: 3;
  }
  .seam-nodes {
    background: var(--card-bg); /* Opaque so line doesn't show through the node itself */
  }
}

/* 2. Unified badge color matching SYNCING card */
.landing-bento-grid .seam-status {
  background: color-mix(in srgb, var(--pri) 8%, transparent);
  border-color: color-mix(in srgb, var(--pri) 15%, transparent);
  color: color-mix(in srgb, var(--pri) 70%, var(--text));
}
.landing-bento-grid .seam-status .status-icon {
  color: color-mix(in srgb, var(--pri) 70%, var(--text));
}

/* 3. Fix card height misalignment */
.bento-title {
  min-height: 48px;
  align-items: flex-start;
}

/* 4 & 6. Background motifs instead of watermarks */
.bento-motif {
  position: absolute;
  bottom: 24px;
  right: 24px;
  font-size: 84px;
  color: var(--pri);
  opacity: 0.12; /* Standardized opacity */
  z-index: 0;
  pointer-events: none;
}

/* Signal Intake motif */
/* Removed motion */

/* Policy Evaluation motif */
/* Removed motion */

/* Dispatch Action motif - darkest */
.bento-card-dispatch .bento-motif {
  color: var(--pri-d);
  opacity: 0.18;
}

/* Audit Proof motif */
/* Removed solid style to match other cards */

.bento-card-audit {
  background: color-mix(in srgb, var(--pri) 2%, var(--card-bg));
  border-color: color-mix(in srgb, var(--pri) 15%, var(--bdr));
}

/* 5. Typographic split: problem line vs. product line */
.bento-subtitle {
  color: var(--muted) !important;
  font-weight: 500 !important;
  margin-bottom: 12px !important;
}
.bento-product-stmt {
  color: var(--head) !important;
  font-weight: 600 !important;
  margin-bottom: 0 !important;
}

}

/* --- PAGE: about --- */
.page-about {















#main-content h1{font-size:var(--fs-h1-desktop);font-weight:var(--fw-h1);line-height:1.1}
#main-content h2{font-size:var(--fs-h2-desktop);font-weight:var(--fw-h2);line-height:1.15}
#main-content h3{font-size:var(--fs-h3-desktop);font-weight:var(--fw-h3);line-height:1.2}
#main-content p,
#main-content li{font-size:18px;line-height:1.6}
#main-content small,
#main-content .small-text{font-size:14px;line-height:1.5}

@media (max-width:1024px){
  #main-content h1{font-size:var(--fs-h1-tablet)}
  #main-content h2{font-size:var(--fs-h2-tablet)}
  #main-content h3{font-size:var(--fs-h3-tablet)}
  #main-content p,
  #main-content li{font-size:17px}
  #main-content small,
  #main-content .small-text{font-size:13px}
}

@media (max-width:767px){
  #main-content h1{font-size:var(--fs-h1-mobile)}
  #main-content h2{font-size:var(--fs-h2-mobile)}
  #main-content h3{font-size:var(--fs-h3-mobile)}
  #main-content p,
  #main-content li{font-size:16px}
  #main-content small,
  #main-content .small-text{font-size:12px}
}


body::after{
  content:'';position:fixed;inset:0;z-index:9998;pointer-events:none;opacity:.020;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}


.amb{position:fixed;pointer-events:none;z-index:0;border-radius:50%;filter:blur(110px)}
.amb1{width:800px;height:800px;top:-260px;right:-200px;background:radial-gradient(circle,rgba(0,84,173,.08) 0%,transparent 70%)}
.amb2{width:500px;height:500px;bottom:-120px;left:-150px;background:radial-gradient(circle,rgba(204,221,239,.055) 0%,transparent 70%)}


.wrap{max-width:1240px;margin:0 auto;padding:0 40px}
@media(max-width:1024px){.wrap{padding:0 28px}}
@media(max-width:768px){.wrap{padding:0 20px}}


.pill{
  display:inline-flex;align-items:center;gap:7px;
  font-family:'Inter',sans-serif;font-size:10px;
  letter-spacing:.12em;text-transform:uppercase;
  color:var(--pri);background:var(--pri-lo);
  border:1px solid var(--pri-bdr);
  padding:5px 13px;border-radius:999px;
}
.pill .dot{width:5px;height:5px;border-radius:50%;background:var(--pri)}

.gt{color:var(--pri);background:none;-webkit-background-clip:initial;-webkit-text-fill-color:currentColor;background-clip:initial}

.btn{
  display:inline-flex;align-items:center;gap:8px;
  padding:11px 24px;border-radius:999px;
  font-size:13.5px;font-weight:600;letter-spacing:-.01em;white-space:nowrap;
  position:relative;overflow:hidden;
  transition:transform .22s var(--ease),box-shadow .22s ease,background .2s,border-color .2s;
}
.btn::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.13) 0%,transparent 55%);pointer-events:none}
.btn i{font-size:17px;line-height:1}
.btn-p{background:var(--pri);color:#F9FAFB}
.btn-p:hover{box-shadow:var(--interactive-hover-shadow)}
.btn-p:active{transform:translateY(0)}
.btn-o{background:transparent;color:var(--muted);border:1px solid var(--bdr)}
.btn-o:hover{background:var(--surf2);color:var(--text);border-color:var(--interactive-border-contrast)}

.slbl{margin-bottom:16px}
.sh2{font-size:clamp(28px,3.6vw,48px);font-weight:800;letter-spacing:-.034em;color:var(--head)}
.ss{font-size:15.5px;color:var(--muted);line-height:1.8;max-width:460px;margin-top:14px}


.rv { opacity: 1; transform: none; transition: none; }
.rv.in{opacity:1;transform:translateY(0)}
.d1{transition-delay:.10s}.d2{transition-delay:.20s}.d3{transition-delay:.30s}
.d4{transition-delay:.40s}.d5{transition-delay:.50s}


.smoke{position:relative;overflow:hidden}
.smoke::before{
  content:'';position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(ellipse 80% 60% at 8%  25%,var(--sm1) 0%,transparent 60%),
    radial-gradient(ellipse 60% 50% at 90% 80%,var(--sm2) 0%,transparent 55%),
    radial-gradient(ellipse 50% 60% at 50%  0%, var(--sm3) 0%,transparent 50%);
  opacity:.8;transition:opacity .4s;
}
.smoke:hover::before{opacity:1}
.io{
  position:absolute;right:-18px;bottom:-18px;
  font-size:120px;line-height:1;
  color:var(--pri);opacity:.04;pointer-events:none;z-index:0;
  transition:opacity .4s,transform .45s var(--ease);
}
.smoke:hover .io{opacity:.09;transform:scale(1.07) rotate(-5deg)}
.z{position:relative;z-index:1}


nav#mainNav{
  position:fixed;inset:0 0 auto;z-index:900;
  height:var(--nav-h);
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:0 40px;
  background:var(--nav-bg);
  backdrop-filter:blur(24px) saturate(1.6);
  -webkit-backdrop-filter:blur(24px) saturate(1.6);
  border-bottom:1px solid var(--bdr);
  transition:background .3s,border-color .3s;
}
@media(max-width:1024px){nav#mainNav{padding:0 24px}}
@media(max-width:768px){nav#mainNav{padding:0 16px}}

.nav-logo{
  display:flex;align-items:center;gap:9px;flex-shrink:0;
  font-family:'Poppins',sans-serif;font-size:18px;font-weight:700;
  letter-spacing:-.03em;color:var(--text);
}
.nav-wordmark{font-family:'Poppins',sans-serif;font-size:17px;font-weight:700;letter-spacing:-.03em;color:var(--text);}

.nav-links{
  display:flex;align-items:center;gap:2px;
  position:absolute;left:0;transform:none;
}

.nav-links a:hover{color:var(--text);background:var(--surf)}
.nav-links a[aria-current="page"]{color:var(--pri)}
@media(max-width:1024px){.nav-links{display:none}}

.nav-r{display:flex;align-items:center;gap:8px;flex-shrink:0}
.nav-chip{
  display:flex;align-items:center;gap:7px;
  font-family:'Inter',sans-serif;font-size:10px;
  color:var(--muted);background:var(--surf);
  border:1px solid var(--bdr);padding:5px 12px;border-radius:999px;white-space:nowrap;
}
.ndot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 7px var(--green)}
@media(max-width:768px){.nav-chip{display:none}}

.ham{
  width:38px;height:38px;border-radius:11px;
  background:transparent;border:none;
  display:none;flex-direction:column;
  align-items:center;justify-content:center;gap:6px;
  transition:background .2s,border-color .2s,box-shadow .2s;
  -webkit-tap-highlight-color:transparent;touch-action:manipulation;
}
.ham:hover{background:var(--surf2);}
.ham span{display:block;height:2.5px;border-radius:2px;background:var(--text);transition:width .36s var(--ease),transform .36s var(--ease);}
.ham span:nth-child(1){width:24px}
.ham span:nth-child(2){width:24px}
.ham.open span:nth-child(1){width:24px;transform:translateY(4.25px) rotate(45deg)}
.ham.open span:nth-child(2){width:24px;transform:translateY(-4.25px) rotate(-45deg)}
@media(max-width:1024px){.ham{display:flex}}


.drw-overlay{
  position:fixed;inset:0;z-index:1000;
  background:rgba(0,0,0,.72);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  opacity:0;pointer-events:none;transition:opacity .38s ease;
}
.drw-overlay.open{opacity:1;pointer-events:auto}
.drw{
  position:fixed;top:0;right:0;bottom:0;z-index:1001;
  width:320px;max-width:90vw;
  background:var(--drw-bg);border-left:1px solid var(--bdr);
  display:flex;flex-direction:column;
  transform:translateX(110%);transition:transform .44s var(--ease);overflow:hidden;
}
.drw.open{transform:translateX(0)}
.drw::before{
  content:'';position:absolute;top:0;left:0;bottom:0;width:2px;z-index:3;
  background:linear-gradient(180deg,transparent 0%,var(--pri) 35%,var(--gold) 70%,transparent 100%);opacity:.7;
}
.drw-amb{position:absolute;bottom:-80px;right:-80px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,var(--pri-lo) 0%,transparent 70%);pointer-events:none;z-index:0;}
.drw-header{
  height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;
  padding:0 22px;position:relative;z-index:2;flex-shrink:0;
  border-bottom:1px solid var(--bdr);background:var(--nav-bg);
  backdrop-filter:blur(24px) saturate(1.6);-webkit-backdrop-filter:blur(24px) saturate(1.6);
}
.drw-close{
  width:34px;height:34px;border-radius:10px;background:var(--surf);border:1px solid var(--bdr);
  display:flex;align-items:center;justify-content:center;color:var(--dim);font-size:17px;
  transition:background .2s,color .2s,border-color .2s;touch-action:manipulation;
}
.drw-close:hover{background:rgba(239,68,68,.12);color:var(--red);border-color:rgba(239,68,68,.3)}

.drw-nav{padding:0 16px;display:flex;flex-direction:column;gap:2px}

.drw-nav a i.ni{font-size:19px;color:var(--dim);transition:color .15s;flex-shrink:0}
.drw-nav a .nb{
  margin-left:auto;font-size:9px;font-family:'Inter',sans-serif;font-weight:700;
  letter-spacing:.06em;background:var(--pri-lo);color:var(--pri);
  border:1px solid var(--pri-bdr);padding:2px 7px;border-radius:999px;
}
.drw-nav a:hover{background:var(--surf2);color:var(--text)}
.drw-nav a:hover i.ni{color:var(--pri)}
.drw-line{height:1px;background:var(--bdr);margin:16px 28px}
.drw-foot{padding:20px 28px 24px;border-top:1px solid var(--bdr);position:relative;z-index:2;flex-shrink:0;}
.drw-socials{display:flex;gap:7px;margin-bottom:16px}
.drw-theme-toggle{
  width:100%;display:flex;align-items:center;justify-content:center;gap:8px;
  margin-bottom:16px;padding:10px 12px;border-radius:10px;border:1px solid var(--bdr);
  background:var(--surf);color:var(--text);font:600 12px/1.3 'Inter',sans-serif;
}
.drw-theme-toggle:hover{border-color:var(--pri-bdr);background:var(--pri-lo);color:var(--pri)}
.dsoc{
  width:34px;height:34px;border-radius:9px;background:var(--surf);border:1px solid var(--bdr);
  display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:16px;
  transition:background .2s,color .2s,border-color .2s;
}
.dsoc:hover{background:var(--pri-lo);color:var(--pri);border-color:var(--pri-bdr)}

.drw-cta::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.14) 0%,transparent 60%);pointer-events:none}
.drw-cta i{font-size:18px}
.drw-cta:hover{box-shadow:var(--interactive-hover-shadow);transform:translateY(calc(-1 * var(--interactive-hover-lift)))}




html[data-theme="light"],
html[data-theme="system"].os-light{
  --hero-page-accent-1: color-mix(in srgb,var(--pri) 10%, transparent);
  --hero-page-accent-2: color-mix(in srgb,var(--gold) 6%, transparent);
  --hero-page-accent-3: color-mix(in srgb,var(--card-bg) 95%,var(--pri) 5%);
  --hero-page-dot-color: color-mix(in srgb,var(--bdr) 58%, transparent);
  --hero-page-texture-opacity: .10;
  --hero-page-line-accent: color-mix(in srgb,var(--pri-glo) 50%, rgba(13,22,41,.18));
  --hero-page-orb-1: color-mix(in srgb,var(--hero-orb1) 64%, transparent);
  --hero-page-orb-2: color-mix(in srgb,var(--hero-orb2) 60%, transparent);
  --hero-page-orb-3: color-mix(in srgb,var(--hero-orb3) 54%, transparent);
  --hero-page-orb-core: #1d2d4a;
}


.about-hero{
  --hero-block-pad: var(--page-hero-pad-y, clamp(64px, 8vw, 88px));
  --hero-heading-lh: 1.01;
  --hero-sub-max: 62ch;
  --hero-space-kicker-heading: 18px;
  --hero-space-heading-sub: 22px;
  --hero-space-sub-cta: 30px;
  position:relative;
  padding-block:var(--hero-block-pad);
  border-top:1px solid var(--pri-bdr);
  border-bottom:1px solid var(--bdr);
  overflow:hidden;
  background:
    radial-gradient(120% 130% at 8% 0%, var(--hero-page-accent-1) 0%, transparent 60%),
    radial-gradient(100% 100% at 100% 100%, var(--hero-page-accent-2) 0%, transparent 68%),
    linear-gradient(160deg,
      var(--hero-page-accent-3),
      color-mix(in srgb,var(--card-bg) 94%,transparent)
    );
}


.about-hero::before{
  content:'';position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:
    radial-gradient(circle, var(--hero-page-dot-color) 1px, transparent 1px),
    linear-gradient(120deg, color-mix(in srgb,var(--text) 4%, transparent), transparent 42%, color-mix(in srgb,var(--text) 5%, transparent));
  background-size:42px 42px, 100% 100%;
  opacity:var(--hero-page-texture-opacity);
  -webkit-mask-image:radial-gradient(ellipse 80% 90% at 50% 50%, black 10%, transparent 80%);
  mask-image:radial-gradient(ellipse 80% 90% at 50% 50%, black 10%, transparent 80%);
}


.about-orb{
  position:absolute;border-radius:50%;pointer-events:none;
  opacity:.62;
  background:var(--hero-page-orb-1);
}
.about-orb1{width:280px;height:280px;top:-84px;left:-74px;background:var(--hero-page-orb-2);filter:blur(2px)}
.about-orb2{width:172px;height:172px;top:52px;right:92px;background:var(--hero-page-orb-1);filter:blur(1px)}
.about-orb3{width:88px;height:88px;bottom:42px;left:17%;background:var(--hero-page-orb-3)}
.about-orb4{width:54px;height:54px;top:98px;right:23%;background:var(--hero-page-orb-core)}
.about-orb5,.about-orb6{display:none}


.about-hero::after{
  content:'';position:absolute;
  bottom:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,var(--hero-page-line-accent) 35%,color-mix(in srgb,var(--hero-page-line-accent) 64%,transparent) 65%,transparent);
}

@media(max-width:1024px){
  .about-orb1{width:224px;height:224px;top:-66px;left:-68px}
  .about-orb2{width:148px;height:148px;top:74px;right:40px}
  .about-orb3{width:78px;height:78px;bottom:56px;left:10%}
  .about-orb4{width:48px;height:48px;top:96px;right:18%}
}

@media(max-width:768px){
  .about-orb1{width:184px;height:184px;top:-52px;left:-58px}
  .about-orb2{width:126px;height:126px;top:84px;right:-18px}
  .about-orb3{width:64px;height:64px;bottom:44px;left:-10px}
  .about-orb4{width:44px;height:44px;top:124px;right:12px}
}

.hero-inner{
  max-width:1240px;margin:0 auto;padding:0 40px;
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:28px;align-items:center;
  padding-top:0;padding-bottom:0;
  position:relative;z-index:1;
}
.hero-inner > *{position:relative;z-index:1}
@media(max-width:1100px){.hero-inner{grid-template-columns:1fr;gap:28px;padding-top:0;padding-bottom:0;text-align:center}}
@media(max-width:768px){.hero-inner{padding:0 20px;gap:32px}}
@media(max-width:768px){.btn{min-height:48px;padding:12px 24px}}

.hero-left{
  max-width:760px;
  margin:0;
  text-align:left;
}
.hero-kicker{
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:var(--hero-space-kicker-heading);
}
.hero-kicker span{
  display:inline-flex;align-items:center;gap:6px;
  font-size:11px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;
  color:var(--head);padding:7px 11px;border-radius:999px;
  border:1px solid color-mix(in srgb,var(--bdr) 65%, var(--pri-bdr));
  background:color-mix(in srgb,var(--surf2) 85%, transparent);
}
.hero-kicker i{font-size:13px;color:var(--pri)}
.hero-h1{
  font-size:clamp(44px,5.6vw,80px);font-weight:900;letter-spacing:-.038em;
  color:var(--head);line-height:var(--hero-heading-lh);margin-bottom:var(--hero-space-heading-sub);
  text-wrap:balance;
}
.hero-sub{
  font-size:16px;
  color:color-mix(in srgb,var(--text) 68%,var(--muted));
  line-height:1.68;
  max-width:var(--hero-sub-max);
  margin:0 0 var(--hero-space-sub-cta);
}
@media(max-width:1100px){
  .hero-left{margin:0 auto;text-align:center}
  .hero-sub{margin:0 auto var(--hero-space-sub-cta)}
  .hero-kicker{justify-content:center}
}
@media(max-width:768px){
  .about-hero::before{opacity:.16}
  .about-orb1,.about-orb2,.about-orb3,.about-orb4,.about-orb5{display:none}
  .about-orb6{
    width:184px;
    height:184px;
    right:-76px;
    bottom:-78px;
    filter:none;
    opacity:.52;
  }
}

.hero-story-card{
  border:1px solid color-mix(in srgb,var(--bdr-hi) 48%,var(--pri-bdr));
  border-radius:22px;
  background:
    radial-gradient(120% 100% at 0% 0%,color-mix(in srgb,var(--pri) 14%,transparent),transparent 62%),
    radial-gradient(130% 90% at 100% 100%,color-mix(in srgb,var(--gold) 11%,transparent),transparent 68%),
    color-mix(in srgb,var(--card-bg) 78%,transparent);
  backdrop-filter:blur(20px) saturate(1.25);
  -webkit-backdrop-filter:blur(20px) saturate(1.25);
  padding:28px;
  display:flex;flex-direction:column;gap:16px;
  text-align:left;
  min-height:100%;
  align-self:stretch;
  position:relative;
  isolation:isolate;
}
.hero-story-card::before{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  background:linear-gradient(145deg,rgba(255,255,255,.24) 0%,rgba(255,255,255,0) 45%);
  opacity:.45;
  z-index:-1;
}
.hero-right{justify-content:center}
.hero-inner-premium{gap:32px;align-items:stretch}
.hero-inner-premium .hero-left{display:flex;flex-direction:column;justify-content:center}
.hero-mobile-signals{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:4px 0 0;
  padding:0;
  list-style:none;
}
.hero-mobile-signals li{
  display:flex;align-items:center;gap:8px;
  border:1px solid color-mix(in srgb,var(--bdr) 72%, var(--pri-bdr) 28%);
  background:color-mix(in srgb,var(--card-bg) 86%, transparent);
  border-radius:14px;
  padding:10px 12px;
  font-size:12px;
  color:var(--text);
}
.hero-mobile-signals i{color:var(--pri);font-size:14px}
.hero-story-head{display:grid;gap:8px}
.hero-story-eyebrow{
  font-size:10.5px;text-transform:uppercase;letter-spacing:.14em;
  color:var(--pri);font-weight:700;
}
.hero-story-head h2{
  font-size:clamp(20px,2.1vw,30px) !important;
  line-height:1.18;
  color:var(--head);
  letter-spacing:-.02em;
}
.hero-story-card p{
  color:var(--muted);
  font-size:14.5px !important;
  line-height:1.72 !important;
}
.hero-proof-grid{
  display:grid;
  gap:10px;
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.hero-proof-item{
  border:1px solid color-mix(in srgb,var(--bdr) 75%, transparent);
  border-radius:14px;
  padding:12px;
  background:color-mix(in srgb,var(--surface,#0f1320) 50%, transparent);
}
.hero-proof-item-glass{
  border-color:color-mix(in srgb,var(--pri-bdr) 54%,rgba(255,255,255,.22));
  background:
    linear-gradient(145deg,rgba(255,255,255,.16) 0%,rgba(255,255,255,.03) 38%,rgba(255,255,255,0) 100%),
    color-mix(in srgb,var(--card-bg) 58%, transparent);
  box-shadow:none;
  backdrop-filter:blur(16px) saturate(1.2);
  -webkit-backdrop-filter:blur(16px) saturate(1.2);
}
.hero-proof-label{
  font-size:11px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--pri);
  margin-bottom:6px;
  font-weight:700;
}
.hero-proof-text{
  font-size:13px;
  line-height:1.5;
  color:color-mix(in srgb,var(--text) 82%,var(--muted));
}
.hero-proof-desktop{grid-column:1/-1}
.hero-story-list{display:grid;gap:10px}
.hero-story-list li{
  display:flex;align-items:flex-start;gap:10px;
  color:var(--text);
  font-size:13.5px;
  line-height:1.55;
  padding-top:10px;
  border-top:1px solid color-mix(in srgb,var(--bdr) 70%,transparent);
}
.hero-story-list li i{
  color:var(--pri);font-size:16px;margin-top:2px;flex:0 0 auto;
}
@media(max-width:1100px){
  .hero-story-card{max-width:760px;margin:0 auto;text-align:left}
  .hero-mobile-signals{max-width:760px;margin:4px auto 0}
}
@media(max-width:768px){
  .hero-story-card{padding:22px}
  .hero-mobile-signals{grid-template-columns:1fr;gap:8px;margin-top:2px}
  .hero-mobile-signals li:nth-child(3){display:none}
  .hero-proof-grid{grid-template-columns:1fr}
  .hero-proof-desktop{display:none}
}

.hero-ctas{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
@media(max-width:1100px){.hero-ctas{justify-content:center}}
@media(min-width:1920px){.hero-h1{letter-spacing:-.034em}}
@media(min-width:2560px){.hero-h1{letter-spacing:-.03em}}
@media(max-width:767px){
  .about-hero{
    --hero-block-pad: clamp(48px, 12vw, 64px);
    --hero-heading-lh: 1.05;
    --hero-sub-max: 42ch;
    --hero-space-kicker-heading: 14px;
    --hero-space-heading-sub: 18px;
    --hero-space-sub-cta: 24px;
  }
}
@media(max-width:430px){
  .about-hero{
    --hero-block-pad: clamp(50px, 14vw, 56px);
    --hero-heading-lh: 1.08;
    --hero-space-heading-sub: 16px;
    --hero-space-sub-cta: 22px;
  }
}
@media (min-width:360px) and (max-width:430px){
  .about-hero{padding-block:52px}
}


.hero-stats{
  max-width:1240px;
  margin:0 auto;
  padding:18px 40px 92px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
@media(max-width:1100px){.hero-stats{padding:0 40px 80px}}
@media(max-width:900px){
  .hero-stats{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
  }
}
@media(max-width:768px){.hero-stats{padding:0 20px 64px}}
@media(max-width:620px){.hero-stats{grid-template-columns:1fr}}

.hstat{
  --hstat-tint:color-mix(in srgb,var(--pri) 8%, transparent);
  background:
    linear-gradient(165deg,color-mix(in srgb,var(--card-bg) 78%, var(--pri) 10%),color-mix(in srgb,var(--card-bg) 84%, transparent));
  backdrop-filter:blur(16px) saturate(1.18);
  -webkit-backdrop-filter:blur(16px) saturate(1.18);
  border:1px solid color-mix(in srgb,var(--bdr) 78%, var(--hstat-tint) 22%);
  border-radius:var(--r-lg);padding:26px 24px;
  position:relative;overflow:hidden;
  transition:border-color .25s,transform .3s var(--ease),background .3s ease;
}
.hstat::before{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(125deg,rgba(255,255,255,.18) 0%,rgba(255,255,255,0) 44%);
  opacity:.7;
}
.hstat::after{
  content:'';
  position:absolute;
  inset:auto -20% -42% -10%;
  height:72%;
  pointer-events:none;
  background:radial-gradient(70% 100% at 50% 0%,color-mix(in srgb,var(--hstat-tint) 58%, transparent),transparent 74%);
  opacity:.46;
}
.hstat:hover{
  border-color:color-mix(in srgb,var(--bdr-hi) 70%, var(--hstat-tint) 30%);
  transform:translateY(-3px);
  background:
    linear-gradient(165deg,color-mix(in srgb,var(--card-bg) 74%, var(--hstat-tint) 26%),color-mix(in srgb,var(--card-bg) 84%, transparent));
}
.hstat:nth-child(2){
  --hstat-tint:color-mix(in srgb,var(--gold) 16%, transparent);
}
.hstat:nth-child(3){
  --hstat-tint:color-mix(in srgb,var(--pri) 16%, var(--gold) 8%);
}
.hstat-wide{min-height:140px}
@media(max-width:620px){.hstat-wide{grid-column:auto;min-height:auto}}

.hstat-kicker{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-family:'Inter',sans-serif;
  font-size:10px;
  font-weight:600;
  letter-spacing:.11em;
  text-transform:uppercase;
  color:var(--pri);
  margin-bottom:12px;
  position:relative;
  z-index:1;
}
.hstat-kicker i{font-size:13px;line-height:1;color:inherit}
.hstat-num{
  font-family:'Poppins',sans-serif;font-size:23px;font-weight:700;
  letter-spacing:-.03em;color:var(--head);line-height:1.15;
  margin-bottom:10px;position:relative;z-index:1;
}
.hstat-lbl{font-size:13.5px;color:var(--muted);line-height:1.6;position:relative;z-index:1}


.hero-founded{
  display:inline-flex;align-items:center;gap:8px;
  font-family:'Inter',sans-serif;font-size:10px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--gold);background:rgba(204,221,239,.08);
  border:1px solid rgba(204,221,239,.22);
  padding:5px 13px;border-radius:999px;margin-bottom:20px;
}


.wcard{
  display:flex;align-items:flex-start;gap:14px;
  padding:16px;border-radius:var(--r);
  background:var(--card-bg);border:1px solid var(--bdr);
  transition:border-color .2s,transform .25s var(--ease),background .2s;
}
.wcard:hover{border-color:var(--bdr-hi);transform:translateX(4px);background:color-mix(in oklab,var(--card-bg) 92%, var(--pri) 8%)}
.wcard-ico{
  width:34px;height:34px;border-radius:9px;flex-shrink:0;
  background:var(--pri-lo);border:1px solid var(--pri-bdr);
  display:flex;align-items:center;justify-content:center;
  font-size:17px;color:var(--pri);
}
.wcard-t{font-family:'Poppins',sans-serif;font-size:13px;font-weight:700;color:var(--head);margin-bottom:3px}
.wcard-d{font-size:12.5px;color:var(--muted);line-height:1.6}


.who{padding:100px 0;border-bottom:1px solid var(--bdr)}
.who-top{max-width:560px;margin-bottom:56px}
.who-h{font-size:clamp(28px,3.4vw,44px);font-weight:800;letter-spacing:-.034em;color:var(--head);margin-bottom:16px}

.who-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:16px;
  margin-bottom:32px;
}
@media(max-width:960px){.who-grid{grid-template-columns:1fr}}

.wg{
  background:var(--card-bg);border:1px solid var(--bdr);border-radius:var(--r-lg);
  padding:24px;position:relative;overflow:hidden;
  transition:border-color .25s,transform .3s var(--ease);
}
.wg:hover{border-color:var(--bdr-hi);transform:translateY(-4px)}
.wg::after{
  content:'';position:absolute;bottom:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,transparent,var(--pri-lo2),transparent);
  opacity:0;transition:opacity .3s;
}
.wg:hover::after{opacity:1}
.wg-ico{
  width:48px;height:48px;border-radius:14px;
  background:var(--pri-lo);border:1px solid var(--pri-bdr);
  display:flex;align-items:center;justify-content:center;
  font-size:24px;color:var(--pri);margin-bottom:20px;
}
.wg-role{font-family:'Inter',sans-serif;font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);margin-bottom:8px}
.wg-title{font-family:'Poppins',sans-serif;font-size:var(--type-card-title);font-weight:800;color:var(--head);margin-bottom:10px;letter-spacing:-.025em}
.wg-d{font-size:13.5px;color:var(--muted);line-height:1.68;margin-bottom:20px}
.wg-tags{display:flex;flex-wrap:wrap;gap:6px}
.wg-tag{
  font-size:11px;font-weight:500;color:var(--muted);
  background:var(--surf);border:1px solid var(--bdr);
  padding:3px 10px;border-radius:999px;
}

.who-note{
  background:var(--surf);border:1px solid var(--bdr);
  border-radius:var(--r);padding:18px 22px;
  display:flex;align-items:flex-start;gap:13px;
}
.who-note-ico{color:var(--pri);font-size:18px;flex-shrink:0;margin-top:1px}
.who-note-t{font-family:'Poppins',sans-serif;font-size:13px;font-weight:600;color:var(--head);margin-bottom:3px}
.who-note-d{font-size:13px;color:var(--muted);line-height:1.6}


.approach{
  padding:120px 0;
  border-bottom:1px solid var(--bdr);
}
.approach-shell{
  border:1px solid var(--bdr);
  border-radius:calc(var(--r-xl) + 4px);
  background:linear-gradient(160deg,rgba(255,255,255,.03),rgba(255,255,255,.01));
  padding:56px;
  position:relative;
  overflow:hidden;
}
.approach-shell::before{
  content:'';position:absolute;inset:-1px;pointer-events:none;
  background:linear-gradient(120deg,rgba(0,84,173,.35),rgba(204,221,239,.14),transparent 45%);
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  mask-composite:exclude;-webkit-mask-composite:xor;
  padding:1px;
}
.approach-top{text-align:center;max-width:720px;margin:0 auto 44px;position:relative;z-index:1}
.approach-h{font-size:clamp(30px,3.8vw,50px);font-weight:800;letter-spacing:-.036em;color:var(--head);margin-bottom:16px;line-height:1.08}
.approach-body{font-size:17px;line-height:1.6;color:var(--muted);max-width:640px;margin:0 auto}

.approach-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;position:relative;z-index:1;grid-auto-flow:dense}
.ap-card{
  background:var(--card-bg);
  border:1px solid var(--bdr);
  border-radius:22px;
  padding:24px;
  min-height:250px;
  position:relative;
  overflow:hidden;
}
.ap-card::after{
  content:'';position:absolute;left:0;right:0;bottom:0;height:1px;
  background:linear-gradient(90deg,transparent,var(--pri-glo),transparent);
  opacity:.75;
}
.ap-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.ap-card-top i{font-size:18px;color:var(--pri)}
.ap-chip{
  font-family:'Inter',sans-serif;font-size:10px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--pri);background:var(--pri-lo);border:1px solid var(--pri-bdr);border-radius:999px;padding:4px 10px;
}
.ap-card h3{font-family:'Poppins',sans-serif;font-size:var(--type-card-title);line-height:1.24;letter-spacing:-.028em;color:var(--head);margin-bottom:12px}
.ap-card p{font-size:13.5px;line-height:1.72;color:var(--muted)}

.ap-card-cta{grid-column:2 / span 2;min-height:190px;display:flex;flex-direction:column;justify-content:center}
.ap-card-cta .cta-about-h{font-size:clamp(30px,3.8vw,48px);margin-bottom:14px}
.ap-card-cta .cta-about-sub{max-width:560px;margin:0 0 26px}
.ap-card-cta .cta-about-btns{justify-content:flex-start}
.ap-card-lens1{grid-column:1 / span 2;min-height:220px}
.ap-card-lens2{grid-column:3;min-height:220px}
.ap-card-lens3{grid-column:1;min-height:190px}


@media(max-width:1100px){
  .approach-cards{grid-template-columns:1fr 1fr}
  .ap-card-lens1{grid-column:1/-1;min-height:auto}
  .ap-card-lens2,.ap-card-lens3{grid-column:auto;min-height:auto}
  .ap-card-cta{grid-column:1 / -1;min-height:auto}
}
@media(max-width:768px){
  .approach{padding:92px 0}
  .approach-top{margin-bottom:28px}
  .approach-cards{grid-template-columns:1fr;gap:12px}
  .ap-card{min-height:auto;padding:24px}
  .ap-card-cta{grid-column:auto}
}


.cta-about-inner{
  background:var(--bg2);border:1px solid var(--bdr);border-radius:var(--r-xl);
  padding:90px 80px;text-align:center;position:relative;overflow:hidden;
}
@media(max-width:1024px){.cta-about-inner{padding:64px 44px}}
@media(max-width:768px){.cta-about-inner{padding:52px 28px}}
.cta-about-inner::before{
  content:'';position:absolute;inset:-24%;
  background:
    radial-gradient(ellipse 72% 52% at 18% 24%,color-mix(in srgb,var(--pri) 32%,transparent) 0%,transparent 68%),
    radial-gradient(ellipse 68% 52% at 86% 70%,color-mix(in srgb,var(--gold) 22%,transparent) 0%,transparent 70%),
    radial-gradient(ellipse 85% 62% at 50% -8%,var(--pri-glo) 0%,transparent 66%);
  opacity:.75;
  pointer-events:none;
  will-change:transform,opacity;
  animation:ctaSmokeDrift 17s ease-in-out infinite alternate;
}
.cta-about-inner::after{
  content:'';position:absolute;bottom:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,var(--pri-glo),transparent);
}
@keyframes ctaSmokeDrift{
  0%{transform:translate3d(-1.5%,0,0) scale(1);opacity:.62}
  50%{transform:translate3d(1.2%,-2.2%,0) scale(1.04);opacity:.8}
  100%{transform:translate3d(.2%,2.2%,0) scale(1.08);opacity:.66}
}
@media (prefers-reduced-motion:reduce){
  .cta-about-inner::before{animation:none}
}
.cta-about-h{font-size:clamp(30px,4vw,56px);font-weight:900;letter-spacing:-.04em;color:var(--head);line-height:1.06;margin-bottom:16px;position:relative;z-index:1}
.cta-about-sub{font-size:15.5px;color:var(--muted);max-width:400px;margin:0 auto 34px;line-height:1.75;position:relative;z-index:1}
.cta-about-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;position:relative;z-index:1}







.ft-col-h{
  display:flex;align-items:center;gap:7px;
  font-family:'Inter',sans-serif;font-size:9px;
  text-transform:uppercase;letter-spacing:.15em;color:var(--dim);margin-bottom:20px;
}
.ft-links{display:flex;flex-direction:column;gap:12px}

.ft-links a i{font-size:12px;opacity:0;color:var(--pri);transition:opacity .15s}
.ft-links a:hover{color:var(--text)}
.ft-links a:hover i{opacity:1}

.ft-nl-bare{padding:32px 0;border-top:1px solid var(--bdr);display:flex;justify-content:center;}
.nl-group{
  display:flex;align-items:stretch;background:var(--bg2);border:1px solid var(--bdr);
  border-radius:999px;overflow:hidden;transition:border-color .2s,box-shadow .2s;width:100%;max-width:380px;
}
.nl-group:focus-within{border-color:var(--bdr-hi);box-shadow:0 0 0 3px var(--pri-lo)}
.nl-group input{
  flex:1;min-width:0;padding:11px 18px;font-size:13px;color:var(--text);
  font-family:'Inter',sans-serif;background:transparent;border:none;outline:none;
}
.nl-group input::placeholder{color:var(--dim)}

.nl-group button::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.13) 0%,transparent 55%);pointer-events:none;}
.nl-group button:hover{background:var(--pri-d)}
.nl-group button i{font-size:15px}

.ft-btm{
  margin-top:44px;padding:20px 0;border-top:1px solid var(--bdr);
  display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
}
@media(max-width:900px){.ft-btm{flex-direction:column;align-items:flex-start;gap:14px}}
.ft-copy{font-size:12px;color:var(--dim)}
.ft-socs{display:flex;gap:7px}
.fsoc{
  width:32px;height:32px;border-radius:8px;background:var(--surf);border:1px solid var(--bdr);
  display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:15px;
  transition:background .2s,color .2s,border-color .2s,transform .2s;
}
.fsoc:hover{background:var(--pri-lo);color:var(--pri);border-color:var(--pri-bdr);transform:translateY(calc(-1 * var(--interactive-hover-lift)))}
.ft-legal{display:flex;gap:18px;flex-wrap:wrap}

.ft-legal a:hover{color:var(--muted)}
.ft-status-chip{display:inline-flex;align-items:center;gap:7px;font-family:'Inter',sans-serif;font-size:10px;color:var(--muted);}

.theme-sw{position:relative;display:inline-flex}
.tsw-btn{
  display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:9px;
  background:var(--surf);border:1px solid var(--bdr);font-size:12.5px;font-weight:500;color:var(--muted);
  transition:background .2s,border-color .2s,color .2s;cursor:pointer;
}
.tsw-btn:hover{background:var(--surf2);border-color:var(--bdr-hi);color:var(--text)}
.tsw-btn i{font-size:16px}
.tsw-btn .caret{font-size:12px;margin-left:2px;transition:transform .25s var(--ease)}
.theme-sw.open .tsw-btn .caret{transform:rotate(180deg)}
.tsw-panel{
  position:absolute;bottom:calc(100% + 8px);left:0;min-width:160px;
  background:var(--drw-bg);border:1px solid var(--bdr);border-radius:12px;padding:6px;
  box-shadow:0 -8px 32px rgba(0,0,0,.28),0 2px 8px rgba(0,0,0,.15);
  opacity:0;pointer-events:none;transform:translateY(8px);
  transition:opacity .22s var(--ease),transform .22s var(--ease);z-index:200;
}
.theme-sw.open .tsw-panel{opacity:1;pointer-events:auto;transform:translateY(0)}
.tsw-opt{
  display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;
  font-size:13px;font-weight:500;color:var(--muted);cursor:pointer;transition:background .15s,color .15s;
}
.tsw-opt:hover{background:var(--surf2);color:var(--text)}
.tsw-opt.active{background:var(--pri-lo);color:var(--pri)}
.tsw-opt.active i{color:var(--pri)}
.tsw-opt i{font-size:16px;color:var(--dim);transition:color .15s;flex-shrink:0;width:18px;text-align:center}


.ft-badges{display:flex;align-items:stretch;gap:4px;padding:20px 40px;border-top:1px solid var(--ft-border);flex-wrap:wrap;}
@media(max-width:768px){.ft-badges{padding:20px}}
.ftb-compatible{
  display:inline-flex;align-items:stretch;border:1px solid var(--bdr);border-radius:12px;
  overflow:hidden;background:var(--surf);transition:border-color .22s,background .22s;
}
.ftb-compatible:hover{border-color:var(--pri-bdr);background:var(--pri-lo)}
.ftb-compatible-inner{display:flex;align-items:center;gap:12px;padding:12px 20px 12px 16px;width:100%}
.ftb-brand{font-family:'Poppins',sans-serif;font-size:13px;font-weight:700;color:var(--head);letter-spacing:-.02em;line-height:1}
.ftb-mark{font-family:'Inter',sans-serif;font-size:9.5px;letter-spacing:.06em;color:var(--pri);text-transform:uppercase;}
.ftb-compatible-text{display:flex;flex-direction:column;gap:1px}
.ftb-eem{
  display:inline-flex;align-items:center;justify-content:center;aspect-ratio:1;
  background:#121212;border-radius:14px;border:1px solid rgba(255,255,255,.10);
  overflow:hidden;transition:transform .22s var(--ease),box-shadow .22s;flex-shrink:0;min-width:64px;
}
.ftb-eem:hover{transform:translateY(calc(-1 * var(--interactive-hover-lift)));box-shadow:0 8px 24px rgba(0,0,0,.4)}
.ftb-eem img{width:40px;height:40px;object-fit:contain;display:block}

.ft-notice{
  background:var(--bg3);border-top:1px solid var(--bdr);
  padding:13px 40px;text-align:justify;font-size:11px;color:var(--dim);line-height:1.7;
}
@media(max-width:768px){.ft-notice{padding:13px 20px}}


.skip-link{
  position:fixed;top:-100%;left:0;transform:none;z-index:99999;
  padding:12px 28px;border-radius:0 0 12px 12px;
  background:var(--pri);color:#F9FAFB;
  font-family:'Poppins',sans-serif;font-size:14px;font-weight:700;
  text-decoration:none;white-space:nowrap;transition:top .18s ease;outline:none;
}
.skip-link:focus{top:0}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
#a11y-announce{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}

@media(prefers-reduced-motion:reduce){
  
  .rv{opacity:1 !important;transform:none !important}
  .amb{display:none !important}
  .hstat,
  .wcard{transition:none !important}
  .hstat:hover,
  .wcard:hover{transform:none !important;box-shadow:none !important}
}


.abt-team{padding:34px 0 24px}
.abt-team-head{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:30px}
.abt-team-h{font-size:clamp(28px,3.4vw,44px);font-weight:800;letter-spacing:-.034em;color:var(--head);margin-top:14px}
.abt-team-head p{font-size:14px;color:var(--muted);max-width:560px;line-height:1.8;margin-top:12px}
.abt-team-bento{display:grid;gap:12px;grid-template-columns:1fr 1.05fr 1fr 1fr;grid-template-rows:minmax(240px,auto) minmax(240px,auto);grid-template-areas:"mission ceo stat duo" "ethos ceo members members"}
.abt-team-card{background:var(--card-bg);border:1px solid var(--bdr);border-radius:20px;position:relative;overflow:hidden;padding:24px;transition:transform .28s var(--ease),border-color .28s var(--ease),box-shadow .28s var(--ease)}
.abt-team-card:hover{transform:translateY(-3px);border-color:var(--bdr-hi);box-shadow:var(--sh)}
.abt-team-mission{
  grid-area:mission;
  display:flex;
  flex-direction:column;
  gap:10px;
  justify-content:flex-start;
}
.abt-team-tag{font-family:'Inter',sans-serif;font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:var(--pri);display:inline-flex;align-items:center;gap:6px}
.abt-team-tag span{display:none}
.abt-team-mission h3{
  font-size:18px;line-height:1.28;color:var(--head);margin-top:8px;
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;
}
.abt-team-mission p{
  font-size:12.5px;color:var(--muted);line-height:1.75;
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;
}
.abt-team-foot{display:flex;align-items:center;border-top:1px solid color-mix(in oklab,var(--pri-bdr) 70%, transparent);padding-top:14px;color:var(--muted);font-size:12px}
.abt-team-wordmark{display:flex;flex-direction:column;gap:4px}
.abt-team-wordmark span{font-family:'Poppins',sans-serif;font-size:13px;font-weight:700;color:var(--head);letter-spacing:.01em}
.abt-team-wordmark small{font-family:'Inter',sans-serif;font-size:10px;color:var(--dim);text-transform:uppercase;letter-spacing:.08em}
.abt-team-mission::before{
  content:'';position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 45%);
  opacity:.5;
}
.abt-team-mission>*{position:relative;z-index:1}
.abt-team-ceo{
  grid-area:ceo;
  padding:0;
  display:flex;
  flex-direction:column;
  isolation:isolate;
  background:linear-gradient(170deg,rgba(0,84,173,.16),rgba(0,0,0,.15));
}
.abt-team-culture-track{position:relative;flex:1;min-height:0}
.abt-team-culture-slide{
  position:absolute;inset:0;
  opacity:0;
  transform:scale(1.06);
  transition:opacity .75s var(--ease),transform .9s var(--ease);
}
.abt-team-culture-slide.is-active{opacity:1;transform:scale(1);z-index:2}
.abt-team-photo,.abt-team-duo-a,.abt-team-duo-b{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.abt-team-culture-slide .abt-team-photo{filter:saturate(1.08) contrast(1.08)}
.abt-team-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 32%,rgba(1,9,29,.85) 100%)}
.abt-team-person{position:absolute;left:16px;right:16px;bottom:14px;z-index:2}
.abt-team-role{font-family:'Inter',sans-serif;font-size:9px;color:rgba(255,255,255,.65);text-transform:uppercase;letter-spacing:.11em}
.abt-team-name{font-family:'Poppins',sans-serif;font-size:17px;font-weight:700;color:#fff;margin-top:4px}
.abt-team-culture-indicator{
  position:absolute;
  right:12px;
  top:50%;
  transform:translateY(-50%);
  z-index:4;
  display:flex;flex-direction:column;
  gap:8px;
  padding:10px 8px;
  border-radius:999px;
  border:1px solid rgba(204,221,239,.28);
  background:rgba(1,9,29,.58);
  backdrop-filter:blur(8px);
  align-items:center;justify-content:center;
}
.abt-team-dot{
  width:6px;
  height:28px;
  border-radius:999px;
  background:rgba(255,255,255,.32);
  border:0;
  transition:background .3s ease,transform .3s ease,box-shadow .3s ease;
}
.abt-team-dot.is-active{
  background:linear-gradient(90deg,var(--pri),var(--gold));
  transform:scaleY(1.15);
  box-shadow:0 0 18px rgba(0,84,173,.45);
}
.abt-team-stat{grid-area:stat;display:flex;flex-direction:column;justify-content:flex-end}
.abt-team-stat-eyebrow{font-family:'Inter',sans-serif;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.abt-team-stat-num{font-family:'Poppins',sans-serif;font-size:54px;line-height:1;font-weight:900;letter-spacing:-.05em;margin-top:8px}
.abt-team-stat p{font-size:12px;color:var(--muted)}
.abt-team-duo{
  grid-area:duo;
  background:var(--card-bg);
  border-color:var(--bdr);
  display:flex;flex-direction:column;gap:10px;
}
.abt-team-mission,
.abt-team-duo{
  background:var(--card-bg);
  border-color:var(--bdr);
}
.abt-team-duo-head h3{
  font-size:18px;line-height:1.28;color:var(--head);margin-top:8px;
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;
}
.abt-team-duo-list{display:grid;gap:10px}
.abt-team-duo-list li{
  display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:flex-start;
  padding:10px;border:1px solid var(--bdr);border-radius:12px;
  background:color-mix(in oklab,var(--card-bg) 95%, var(--pri) 5%);
}
.abt-team-duo-list i{
  width:30px;height:30px;border-radius:10px;display:grid;place-items:center;
  color:var(--pri);background:var(--pri-lo);border:1px solid var(--pri-bdr);
}
.abt-team-duo-list strong{
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;
  font-size:12px;line-height:1.4;color:var(--head);
}
.abt-team-duo-list p{
  font-size:11.5px;line-height:1.5;color:var(--muted);margin-top:2px;
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;
}
.abt-team-ethos{grid-area:ethos;display:flex;flex-direction:column;justify-content:space-between}
.abt-team-ethos blockquote{font-family:'Poppins',sans-serif;font-style:italic;font-weight:700;color:var(--head);line-height:1.45}
.abt-team-quote-by{display:flex;gap:10px;align-items:center;border-top:1px solid var(--bdr);padding-top:12px}
.abt-team-quote-by img,.abt-team-grid img{width:34px;height:34px;border-radius:50%;object-fit:cover;border:1px solid var(--pri-bdr2)}
.abt-team-quote-by strong{display:block;font-size:12px}
.abt-team-quote-by span{font-size:10px;color:var(--muted)}
.abt-team-members{grid-area:members}
.abt-team-members-head{display:flex;justify-content:space-between;align-items:center}
.abt-team-members-head h3{font-size:22px;letter-spacing:-.03em}
.abt-team-members-head span{font-family:'Inter',sans-serif;font-size:10px;color:var(--pri);background:var(--pri-lo);border:1px solid var(--pri-bdr);padding:4px 10px;border-radius:999px}
.abt-team-grid{margin-top:16px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.abt-team-grid div{text-align:center}
.abt-team-grid img{width:100%;aspect-ratio:1;border-radius:12px;height:auto}

.abt-team-grid a i{font-size:12px;color:#0a66c2}
.abt-team-grid small{display:block;font-family:'Inter',sans-serif;font-size:8.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;line-height:1.4}
.abt-team-rv { opacity: 1; transform: none; transition: none; }
.abt-team-rv.in{opacity:1;transform:none}
.abt-team-d1{transition-delay:.06s}.abt-team-d2{transition-delay:.14s}.abt-team-d3{transition-delay:.22s}.abt-team-d4{transition-delay:.3s}.abt-team-d5{transition-delay:.38s}.abt-team-d6{transition-delay:.46s}
@media(max-width:980px){.abt-team-bento{grid-template-columns:1fr 1fr;grid-template-rows:auto;grid-template-areas:"mission stat" "ceo ceo" "duo ethos" "members members"}.abt-team-ceo{min-height:320px}.abt-team-duo{min-height:220px}}
@media(max-width:980px){.abt-team-culture-indicator{right:10px}}
@media(max-width:768px){.abt-team-culture-indicator{top:auto;bottom:12px;right:50%;transform:translateX(50%);flex-direction:row;padding:6px 10px}.abt-team-dot{width:24px;height:6px}.abt-team-dot.is-active{transform:scaleX(1.2)}}
@media(max-width:640px){.abt-team-bento{grid-template-columns:1fr;grid-template-areas:"mission" "members"}.abt-team-ceo,.abt-team-duo,.abt-team-ethos,.abt-team-stat{display:none}.abt-team-ceo{min-height:280px}}
@media(max-width:640px){
  .abt-team-grid{grid-template-columns:1fr;gap:12px}
  .abt-team-grid div{
    text-align:left;
    display:grid;
    grid-template-columns:56px 1fr;
    gap:8px 10px;
    align-items:center;
    border:1px solid var(--bdr);
    border-radius:12px;
    padding:10px;
    background:color-mix(in oklab,var(--card-bg) 94%, var(--pri) 6%);
  }
  .abt-team-grid img{width:56px;height:56px;border-radius:50%;grid-row:1 / span 2}

  .abt-team-grid small{font-size:9px}
}
@media(prefers-reduced-motion:reduce){.abt-team-culture-slide{animation:none !important;transition:none !important}.abt-team-culture-slide{opacity:1 !important;transform:none !important;position:relative}.abt-team-culture-slide:not(:first-child),.abt-team-culture-indicator{display:none}}


.about-intro{
  position:relative;
  padding-block:var(--page-hero-pad-y, clamp(64px, 8vw, 92px));
  border-top:1px solid var(--pri-bdr);
  border-bottom:1px solid var(--bdr);
  overflow:hidden;
  background:linear-gradient(145deg,color-mix(in srgb,var(--bg) 88%, var(--pri-lo)) 0%,transparent 72%);
}
.about-intro::before{content:'';position:absolute;inset:0;pointer-events:none;z-index:0;background-image:radial-gradient(circle, var(--hero-page-dot-color) 1px, transparent 1px);background-size:46px 46px;opacity:var(--hero-page-texture-opacity)}
.about-intro-wrap{max-width:1240px;margin:0 auto;padding:0 40px;display:grid;gap:16px;grid-template-columns:1.18fr .82fr;grid-template-areas:"lead ops" "lead cros";position:relative;z-index:1}
.about-intro-card{border:1px solid color-mix(in srgb,var(--bdr-hi) 45%,var(--pri-bdr));border-radius:24px;padding:26px;background:linear-gradient(155deg,color-mix(in srgb,var(--card-bg) 82%,transparent),color-mix(in srgb,var(--card-bg) 94%,var(--pri-lo)));backdrop-filter:blur(18px) saturate(1.25);box-shadow:none}
.about-intro-lead{grid-area:lead;padding:34px}
.about-intro-ops{grid-area:ops}
.about-intro-crosentis{grid-area:cros;display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:center;padding:30px}
.about-intro-kicker-wrap{display:block}
.about-intro-kicker{display:inline-flex;gap:8px;align-items:center;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--pri);font-weight:700}
.about-intro-kicker i{font-size:13px;line-height:1;color:inherit}
.about-intro-title{font-size:clamp(38px,4.9vw,70px);letter-spacing:-.04em;line-height:1.02;margin:14px 0 16px;color:var(--head)}
.about-intro-copy{color:var(--muted);line-height:1.7;max-width:56ch}
.about-signal-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.about-signal-row span{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:var(--text);background:color-mix(in srgb,var(--card-bg) 76%, var(--pri-lo));border:1px solid color-mix(in srgb,var(--pri-bdr) 76%, var(--bdr));border-radius:999px;padding:8px 12px}
.about-signal-row i{color:var(--pri);font-size:14px}
.about-intro-ops h2{font-size:clamp(24px,2.2vw,32px);line-height:1.2;color:var(--head);margin-bottom:10px}
.about-intro-ops p{color:var(--muted);margin-bottom:14px}
.about-op-list{display:grid;gap:10px;margin-top:14px}
.about-op-list div{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid color-mix(in srgb,var(--bdr) 78%,var(--pri-bdr));background:color-mix(in srgb,var(--card-bg) 90%,var(--pri-lo))}
.about-op-list i{color:var(--pri)}
.about-op-list span{font-size:13px;font-weight:600;color:var(--head)}
.about-mini-label{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--pri);font-weight:700}
.about-metric{font-size:clamp(46px,5vw,66px);line-height:.98;margin:8px 0;color:var(--head);font-weight:900}
.about-mini-copy{font-size:14px;color:var(--muted);max-width:36ch}
.about-metric-line{height:1px;margin:20px 0;background:color-mix(in srgb,var(--bdr) 70%,transparent);position:relative;overflow:hidden}
.about-metric-line span{display:block;width:42%;height:100%;background:linear-gradient(90deg,transparent 0%,var(--pri) 50%,transparent 100%);opacity:.85}
.about-intro-crosentis small{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:color-mix(in srgb,var(--muted) 78%,var(--text))}
.about-crosentis-title{font-family:'Poppins',sans-serif;font-size:clamp(28px,2.5vw,38px);font-weight:800;line-height:1.06;color:var(--head);margin:8px 0 12px}
.about-crosentis-visual{position:relative;min-height:220px;border-radius:0;border:none;overflow:hidden;background:transparent;display:flex;align-items:center;justify-content:center}
.about-crosentis-visual img{display:block;width:100%;height:auto;max-height:260px;object-fit:contain}

@media(max-width:980px){
  .about-intro-wrap{grid-template-columns:1fr;grid-template-areas:"lead" "cros" "ops";padding:0 20px}
  .about-intro-lead,.about-intro-crosentis{padding:28px}
  .about-intro-crosentis{grid-template-columns:1fr 1fr}
}
@media(max-width:768px){
  .about-intro-ops{display:none}
}
@media(max-width:680px){
  .about-intro-card{padding:22px;border-radius:18px}
  .about-intro-lead,.about-intro-crosentis{padding:22px}
  .about-intro-crosentis{grid-template-columns:1fr}
  .about-signal-row{gap:8px}
  .about-signal-row span{font-size:11px;padding:7px 10px}
  .about-crosentis-visual{min-height:180px}
}


@media(min-width:981px){.about-intro-kicker{display:inline-flex !important;opacity:1;visibility:visible}}




}

/* --- PAGE: access --- */
.page-access {





html[data-theme="light"],
html[data-theme="system"].os-light {
  --bg:      #edf3fc;
  --bg2:     #F9FAFB;
  --bg3:     #e2ecf8;
  --surf:    rgba(0,0,0,.038);
  --surf2:   rgba(0,0,0,.072);
  --bdr:     rgba(0,0,0,.082);
  --bdr-hi:  var(--pri-bdr);
  --text:    #121212;
  --muted:   #556070;
  --dim:     #94a3b8;
  --head:    #121212;
  --nav-bg:  rgba(237,243,252,.92);
  --drw-bg:  #F9FAFB;
  --card-bg: #F9FAFB;
  --code-bg: #121212;
  --sh:      0 1px 3px rgba(0,0,0,.06),0 8px 32px rgba(0,0,0,.08);
  --sh-pri:  0 8px 44px rgba(0,84,173,.32);
  --sm1:rgba(0,84,173,.07);--sm2:rgba(180,140,60,.05);--sm3:rgba(80,40,200,.04);
  --grad:linear-gradient(135deg,#0d1629 0%,var(--pri) 55%,var(--gold) 100%);
  --inp-bg:  #fff;
  --inp-bdr: rgba(0,0,0,.12);
}












body::after{
  content:'';position:fixed;inset:0;z-index:9998;pointer-events:none;opacity:.020;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}


.amb{position:fixed;pointer-events:none;z-index:0;border-radius:50%;filter:blur(110px)}
.amb1{width:700px;height:700px;top:-200px;right:-180px;background:radial-gradient(circle,rgba(0,84,173,.07) 0%,transparent 70%)}
.amb2{width:500px;height:500px;bottom:-100px;left:-150px;background:radial-gradient(circle,rgba(204,221,239,.045) 0%,transparent 70%)}


.wrap{max-width:1240px;margin:0 auto;padding:0 40px}
@media(max-width:1024px){.wrap{padding:0 28px}}
@media(max-width:768px){.wrap{padding:0 20px}}


.pill{
  display:inline-flex;align-items:center;gap:7px;
  font-family:'Inter',sans-serif;font-size:10px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--pri);background:var(--pri-lo);border:1px solid var(--pri-bdr);
  padding:5px 13px;border-radius:999px;
}
.pill .dot{width:5px;height:5px;border-radius:50%;background:var(--pri);animation:blink 2s ease-in-out infinite}
@keyframes blink{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.6)}}
.gt{color:var(--pri);background:none;-webkit-background-clip:initial;-webkit-text-fill-color:currentColor;background-clip:initial}
.btn{
  display:inline-flex;align-items:center;gap:8px;
  padding:11px 24px;border-radius:999px;
  font-size:13.5px;font-weight:600;letter-spacing:-.01em;white-space:nowrap;
  position:relative;overflow:hidden;
  transition:transform .22s var(--ease),box-shadow .22s ease,background .2s,border-color .2s;
}
.btn::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.13) 0%,transparent 55%);pointer-events:none}
.btn i{font-size:17px;line-height:1}
.btn-p{background:var(--pri);color:#F9FAFB}
.btn-p:hover{box-shadow:var(--interactive-hover-shadow)}
.btn-p:active{transform:translateY(0)}
.btn-o{background:transparent;color:var(--muted);border:1px solid var(--bdr)}
.btn-o:hover{background:var(--surf2);color:var(--text);border-color:var(--interactive-border-contrast)}
.rv { opacity: 1; transform: none; transition: none; }
.rv.in{opacity:1;transform:translateY(0)}
.d1{transition-delay:.10s}.d2{transition-delay:.20s}.d3{transition-delay:.30s}.d4{transition-delay:.40s}


.smoke{position:relative;overflow:hidden}
.smoke::before{
  content:'';position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(ellipse 80% 60% at 8% 25%,var(--sm1) 0%,transparent 60%),
    radial-gradient(ellipse 60% 50% at 90% 80%,var(--sm2) 0%,transparent 55%),
    radial-gradient(ellipse 50% 60% at 50% 0%,var(--sm3) 0%,transparent 50%);
  opacity:.8;transition:opacity .4s;
}
.smoke:hover::before{opacity:1}
.z{position:relative;z-index:1}
.io{position:absolute;right:-18px;bottom:-18px;font-size:120px;line-height:1;color:var(--pri);opacity:.04;pointer-events:none;z-index:0;transition:opacity .4s,transform .45s var(--ease);}
.smoke:hover .io{opacity:.09;transform:scale(1.07) rotate(-5deg)}


nav#mainNav{
  position:fixed;inset:0 0 auto;z-index:900;height:var(--nav-h);
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:0 40px;background:var(--nav-bg);
  backdrop-filter:blur(24px) saturate(1.6);-webkit-backdrop-filter:blur(24px) saturate(1.6);
  border-bottom:1px solid var(--bdr);transition:background .3s,border-color .3s;
}
@supports(padding-left:env(safe-area-inset-left)){
  nav#mainNav{
    padding-left:max(40px,calc(env(safe-area-inset-left)+20px));
    padding-right:max(40px,calc(env(safe-area-inset-right)+20px));
  }
}
@media(max-width:1024px){nav#mainNav{padding:0 24px}}
@media(max-width:768px){nav#mainNav{padding:0 16px}}
.nav-logo{display:flex;align-items:center;gap:9px;flex-shrink:0;font-family:'Poppins',sans-serif;font-size:18px;font-weight:700;letter-spacing:-.03em;color:var(--text);}
.nav-wordmark{font-family:'Poppins',sans-serif;font-size:17px;font-weight:700;letter-spacing:-.03em;color:var(--text);}
.nav-links{display:flex;align-items:center;gap:2px;position:absolute;left:0;transform:none;}

.nav-links a:hover{color:var(--text);background:var(--surf)}
.nav-links a[aria-current="page"]{color:var(--pri);background:var(--pri-lo)}
@media(max-width:1024px){.nav-links{display:none}}
.nav-r{display:flex;align-items:center;gap:8px;flex-shrink:0}
.nav-chip{display:flex;align-items:center;gap:7px;font-family:'Inter',sans-serif;font-size:10px;color:var(--muted);background:var(--surf);border:1px solid var(--bdr);padding:5px 12px;border-radius:999px;white-space:nowrap;}
.ndot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 7px var(--green);animation:blink 2s infinite}
@media(max-width:768px){.nav-chip{display:none}}
.ham{width:38px;height:38px;border-radius:11px;background:transparent;border:none;display:none;flex-direction:column;align-items:center;justify-content:center;gap:6px;transition:background .2s,border-color .2s,box-shadow .2s;-webkit-tap-highlight-color:transparent;touch-action:manipulation;}
.ham:hover{background:var(--surf2);}
.ham span{display:block;height:2.5px;border-radius:2px;background:var(--text);transition:width .36s var(--ease),transform .36s var(--ease);}
.ham span:nth-child(1){width:24px}
.ham span:nth-child(2){width:24px}
.ham.open span:nth-child(1){width:24px;transform:translateY(4.25px) rotate(45deg)}
.ham.open span:nth-child(2){width:24px;transform:translateY(-4.25px) rotate(-45deg)}
@media(max-width:1024px){.ham{display:flex}}


.drw-overlay{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);opacity:0;pointer-events:none;transition:opacity .38s ease;}
.drw-overlay.open{opacity:1;pointer-events:auto}
.drw{position:fixed;top:0;right:0;bottom:0;z-index:1001;width:320px;max-width:90vw;background:var(--drw-bg);border-left:1px solid var(--bdr);display:flex;flex-direction:column;transform:translateX(110%);transition:transform .44s var(--ease);overflow:hidden;}
.drw.open{transform:translateX(0)}
@supports(padding-bottom:env(safe-area-inset-bottom)){.drw{padding-bottom:env(safe-area-inset-bottom)}}
.drw::before{content:'';position:absolute;top:0;left:0;bottom:0;width:2px;z-index:3;background:linear-gradient(180deg,transparent 0%,var(--pri) 35%,var(--gold) 70%,transparent 100%);opacity:.7;}
.drw-amb{position:absolute;bottom:-80px;right:-80px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,var(--pri-lo) 0%,transparent 70%);pointer-events:none;z-index:0;}
.drw-header{height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;padding:0 22px;position:relative;z-index:2;flex-shrink:0;border-bottom:1px solid var(--bdr);background:var(--nav-bg);backdrop-filter:blur(24px) saturate(1.6);-webkit-backdrop-filter:blur(24px) saturate(1.6);}
.drw-close{width:34px;height:34px;border-radius:10px;background:var(--surf);border:1px solid var(--bdr);display:flex;align-items:center;justify-content:center;color:var(--dim);font-size:17px;transition:background .2s,color .2s,border-color .2s;touch-action:manipulation;box-shadow:0 1px 3px rgba(0,0,0,.1);}
.drw-close:hover{background:rgba(239,68,68,.12);color:var(--red);border-color:rgba(239,68,68,.3)}

.drw-body::-webkit-scrollbar{width:2px}
.drw-body::-webkit-scrollbar-thumb{background:var(--bdr);border-radius:2px}
.drw-nav{padding:0 16px;display:flex;flex-direction:column;gap:2px}

.drw-nav a i.ni{font-size:19px;color:var(--dim);transition:color .15s;flex-shrink:0}
.drw-nav a .nb{margin-left:auto;font-size:9px;font-family:'Inter',sans-serif;font-weight:700;letter-spacing:.06em;background:var(--pri-lo);color:var(--pri);border:1px solid var(--pri-bdr);padding:2px 7px;border-radius:999px;}
.drw-nav a:hover{background:var(--surf2);color:var(--text)}
.drw-nav a:hover i.ni{color:var(--pri)}
.drw-line{height:1px;background:var(--bdr);margin:16px 28px}
.drw-foot{padding:20px 28px 24px;border-top:1px solid var(--bdr);position:relative;z-index:2;flex-shrink:0;}
.drw-socials{display:flex;gap:7px;margin-bottom:16px}
.drw-theme-toggle{
  width:100%;display:flex;align-items:center;justify-content:center;gap:8px;
  margin-bottom:16px;padding:10px 12px;border-radius:10px;border:1px solid var(--bdr);
  background:var(--surf);color:var(--text);font:600 12px/1.3 'Inter',sans-serif;
}
.drw-theme-toggle:hover{border-color:var(--pri-bdr);background:var(--pri-lo);color:var(--pri)}
.dsoc{width:34px;height:34px;border-radius:9px;background:var(--surf);border:1px solid var(--bdr);display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:16px;transition:background .2s,color .2s,border-color .2s;}
.dsoc:hover{background:var(--pri-lo);color:var(--pri);border-color:var(--pri-bdr)}

.drw-cta::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.14) 0%,transparent 60%);pointer-events:none}
.drw-cta i{font-size:18px}
.drw-cta:hover{box-shadow:var(--interactive-hover-shadow);transform:translateY(calc(-1 * var(--interactive-hover-lift)))}


.acc-hero{
  position:relative;border-bottom:1px solid var(--bdr);
  padding-block:var(--page-hero-pad-y, clamp(64px, 8vw, 88px));overflow:hidden;
  background:
    radial-gradient(130% 90% at 10% 0%, color-mix(in srgb, var(--pri) 10%, transparent), transparent 62%),
    radial-gradient(120% 85% at 92% 12%, color-mix(in srgb, var(--gold) 14%, transparent), transparent 68%),
    linear-gradient(145deg, color-mix(in srgb, var(--bg2) 90%, transparent), color-mix(in srgb, var(--bg) 86%, var(--pri-lo) 14%));
}
.acc-hero::before{
  content:'';position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:radial-gradient(circle,var(--bdr) 1px,transparent 1px);
  background-size:26px 26px;
  opacity:.24;
  -webkit-mask-image:radial-gradient(ellipse 82% 74% at 50% 38%,black 24%,transparent 86%);
  mask-image:radial-gradient(ellipse 82% 74% at 50% 38%,black 24%,transparent 86%);
  animation:acc-grid-float 16s ease-in-out infinite;
}
.acc-hero-grid{
  position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(ellipse 58% 46% at 50% 34%,rgba(0,84,173,.26) 0%,transparent 72%),
    conic-gradient(from 35deg at 35% 42%, rgba(0,84,173,.2), transparent 44%, rgba(204,221,239,.18) 60%, transparent 84%);
  opacity:.7;
  transform-origin:50% 45%;
  animation:acc-hero-pulse 12s var(--ease) infinite;
}
.acc-hero-beam,
.acc-hero-beam-r{
  position:absolute;border-radius:50%;pointer-events:none;z-index:0;filter:blur(46px);
}
.acc-hero-beam{
  width:360px;height:360px;left:-70px;top:44%;
  background:radial-gradient(circle,rgba(0,84,173,.2) 0%,transparent 65%);
  animation:acc-beam-drift 14s ease-in-out infinite;
}
.acc-hero-beam-r{
  width:300px;height:300px;right:-65px;top:18%;
  background:radial-gradient(circle,rgba(204,221,239,.16) 0%,transparent 68%);
  animation:acc-beam-drift 17s ease-in-out infinite reverse;
}
.acc-orb{
  position:absolute;border-radius:50%;pointer-events:none;z-index:0;
  animation:acc-orb-drift linear infinite;
}
.acc-orb:nth-of-type(1){width:14px;height:14px;top:20%;left:11%;background:rgba(0,84,173,.62);animation-duration:20s;}
.acc-orb:nth-of-type(2){width:10px;height:10px;top:68%;left:78%;background:rgba(204,221,239,.74);animation-duration:18s;animation-delay:-6s;}
.acc-orb:nth-of-type(3){width:20px;height:20px;top:76%;left:24%;background:rgba(0,84,173,.28);animation-duration:26s;animation-delay:-11s;}
.acc-orb:nth-of-type(4){width:8px;height:8px;top:30%;left:88%;background:rgba(204,221,239,.6);animation-duration:16s;animation-delay:-3s;}
@keyframes acc-orb-drift{
  0%{transform:translate3d(0,0,0)}
  25%{transform:translate3d(16px,-22px,0)}
  50%{transform:translate3d(-10px,-12px,0)}
  75%{transform:translate3d(8px,-32px,0)}
  100%{transform:translate3d(0,0,0)}
}
@keyframes acc-grid-float{
  0%,100%{transform:translate3d(0,0,0)}
  50%{transform:translate3d(0,-8px,0)}
}
@keyframes acc-hero-pulse{
  0%,100%{transform:scale(1);opacity:.68}
  50%{transform:scale(1.04);opacity:.82}
}
@keyframes acc-beam-drift{
  0%,100%{transform:translate3d(0,0,0) scale(1)}
  50%{transform:translate3d(14px,-16px,0) scale(1.06)}
}
.acc-hero-shell{
  position:relative;z-index:1;
  max-width:960px;margin:0 auto;text-align:center;
  padding:0 44px;
}
.hero-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin:0 auto 8px;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid var(--pri-bdr);
  background:color-mix(in srgb,var(--card-bg) 78%,transparent);
  color:var(--pri);
  font-family:"Inter",sans-serif;
  font-size:10px;
  font-weight:600;
  line-height:1;
  letter-spacing:.01em;
}
.hero-eyebrow i{font-size:11px}
.acc-hero h1{font-size:clamp(34px,5.8vw,68px);font-weight:800;letter-spacing:-.045em;color:var(--head);line-height:1.03;margin-top:20px;}
.acc-hero-sub{font-size:17px;color:var(--muted);line-height:1.72;max-width:710px;margin:22px auto 0;}
.acc-hero-cta{margin-top:36px;display:flex;justify-content:center;gap:16px;}
.hero-signals{
  margin:30px auto 0;
  max-width:840px;
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;
}
.hero-signal{
  display:flex;flex-direction:column;align-items:center;text-align:center;
  padding:14px 14px;border-radius:14px;
  background:color-mix(in srgb, var(--card-bg) 78%, transparent);
  border:1px solid color-mix(in srgb, var(--bdr) 82%, var(--pri-bdr) 18%);
}
.hero-signal-k{font:800 14px/1 'Poppins',sans-serif;letter-spacing:-.02em;color:var(--head)}
.hero-signal-v{margin-top:5px;font-size:12px;color:var(--muted)}

@media(max-width:980px){
  .acc-hero{padding-block:var(--page-hero-pad-y, clamp(64px, 8vw, 88px))}
  .acc-hero-shell{padding:0 22px}
  .acc-hero h1{font-size:clamp(34px,11vw,52px);margin-top:14px}
  .acc-hero-sub{font-size:15.5px;line-height:1.62}
  .acc-hero-cta{margin-top:28px;flex-direction:column}
  .hero-signals{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hero-signals .hero-signal:last-child{grid-column:1 / -1}
}
@media(max-width:640px){
  .hero-signals{grid-template-columns:1fr}
  .hero-signals .hero-signal:last-child{grid-column:auto}
}
@media(max-width:768px){
  .hero-signals{display:none}
}


.acc-main{
  padding:80px 0 120px;
}
.acc-grid{
  display:grid;grid-template-columns:1fr 1fr;
  gap:32px;align-items:stretch;
}
@media(max-width:1060px){.acc-grid{grid-template-columns:1fr}}

.acc-bottom-grid{
  margin-top:32px;
  display:grid;
  grid-template-columns:2fr 1fr;
  gap:24px;
}
@media(max-width:1060px){
  .acc-bottom-grid{grid-template-columns:1fr}
}


.form-card{
  background:var(--card-bg);border:1px solid var(--bdr);
  border-radius:var(--r-xl);
  overflow:hidden;
  position:sticky;top:calc(var(--nav-h) + 20px);
  box-shadow:none;
}
@media(max-width:1060px){.form-card{position:static}}

.form-card-head{
  padding:24px 24px 0;
  position:relative;overflow:hidden;
}
@media(max-width:768px){.form-card-head{padding:24px 24px 0}}
.form-card-head::before{
  content:'';position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(ellipse 60% 80% at 100% 0%,var(--sm1) 0%,transparent 70%);
}
.form-card-head-inner{position:relative;z-index:1;}
.form-h{font-size:22px;font-weight:800;letter-spacing:-.03em;color:var(--head);margin-bottom:6px;}
.form-sub{font-size:13px;color:var(--muted);line-height:1.65;max-width:380px;}

.form-body{
  padding:24px;
}


.tier-row{
  display:flex;gap:7px;flex-wrap:wrap;
  margin-top:20px;padding-bottom:22px;
  border-bottom:1px solid var(--bdr);
  position:relative;z-index:1;
}
.tier-chip{
  display:inline-flex;align-items:center;gap:5px;
  font-family:'Inter',sans-serif;font-size:9px;
  letter-spacing:.1em;text-transform:uppercase;
  padding:4px 11px;border-radius:999px;
  cursor:pointer;border:1px solid var(--bdr);
  color:var(--muted);background:transparent;
  transition:all .18s;user-select:none;
}
.tier-chip.active,
.tier-chip:hover{background:var(--pri-lo);color:var(--pri);border-color:var(--pri-bdr);}

.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;}
@media(max-width:520px){.field-row{grid-template-columns:1fr}}
.field{display:flex;flex-direction:column;gap:5px;margin-bottom:14px;}
.field:last-of-type{margin-bottom:0}
.field label{font-size:12px;font-weight:600;color:var(--text);letter-spacing:.01em;display:flex;align-items:center;gap:5px;}
.field label .req{color:var(--pri);font-size:13px;line-height:1;}
.field-wrap{position:relative;}
.field-ico{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:15px;color:var(--dim);pointer-events:none;z-index:1;}
.field input,.field select,.field textarea{}
.field textarea{}
.field select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%238492a6' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;}
.field select{padding-right:40px;background-size:12px 8px;}
.field input:hover,.field select:hover,.field textarea:hover{background:color-mix(in srgb, var(--inp-bg) 88%, var(--pri-lo) 12%)}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--pri-bdr2);box-shadow:0 0 0 3px var(--pri-lo),0 10px 26px rgba(0,84,173,.12);}
.field input[aria-invalid="true"],.field select[aria-invalid="true"],.field textarea[aria-invalid="true"]{border-color:var(--red);box-shadow:0 0 0 3px rgba(239,68,68,.12);}
.field-err{font-size:11.5px;color:var(--red);display:flex;align-items:center;gap:4px;margin-top:4px;}
.field-err i{font-size:13px}


.form-notice{
  display:flex;align-items:flex-start;gap:10px;
  margin-top:18px;padding:14px;
  background:var(--surf);border:1px solid var(--bdr);
  border-radius:10px;font-size:12px;color:var(--muted);line-height:1.65;
}
.form-notice input[type="checkbox"]{
  margin-top:2px;width:14px;height:14px;
  accent-color:var(--pri);flex-shrink:0;cursor:pointer;
}

.form-notice a:hover{text-decoration:underline}


.form-submit-row{
  display:flex;align-items:center;gap:12px;
  margin-top:22px;flex-wrap:wrap;
}
.btn-submit{
  display:inline-flex;align-items:center;gap:9px;
  padding:13px 28px;border-radius:999px;
  background:var(--pri);color:#F9FAFB;
  font-size:14px;font-weight:700;letter-spacing:-.01em;
  position:relative;overflow:hidden;
  transition:transform .22s var(--ease),box-shadow .22s;
  cursor:pointer;border:none;
}
.btn-submit::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.13) 0%,transparent 55%);pointer-events:none}
.btn-submit:hover{box-shadow:var(--interactive-hover-shadow)}
.btn-submit:active{transform:translateY(0)}
.btn-submit i{font-size:18px}
.btn-submit.loading .btn-submit-lbl{opacity:0}
.btn-submit.loading::before{content:'';position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.submit-note{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:5px;}
.submit-note i{font-size:13px;color:var(--dim)}


.expect-col{
  display:flex;
  flex-direction:column;
  gap:24px;
  height:100%;
}
.expect-card{grid-column:auto;grid-row:auto}
.metric-row{grid-column:auto;display:grid;grid-template-columns:1fr 1fr;gap:20px}
.feature-grid{grid-column:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.fp-card-wide{grid-column:1 / -1}
.process-card{grid-column:auto}

@media(max-width:640px){
  .metric-row,.feature-grid{grid-template-columns:1fr}
  .fp-card-wide{grid-column:auto}
}


.expect-card{
  background:var(--card-bg);border:1px solid var(--bdr);
  border-radius:var(--r-xl);padding:24px;
  position:relative;overflow:hidden;
  transition:border-color .25s;
  flex:1;
  display:flex;
  flex-direction:column;
}
@media(max-width:768px){.expect-card{padding:24px}}
.expect-card:hover{border-color:var(--bdr-hi)}

.expect-badge{
  display:inline-flex;align-items:center;gap:6px;
  font-family:'Inter',sans-serif;font-size:9px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--pri);background:var(--pri-lo);border:1px solid var(--pri-bdr);
  padding:4px 10px;border-radius:999px;margin-bottom:16px;
}
.expect-h{font-family:'Poppins',sans-serif;font-size:20px;font-weight:800;letter-spacing:-.03em;color:var(--head);margin-bottom:8px;}
.expect-intro{font-size:13px;color:var(--muted);line-height:1.72;margin-bottom:22px;padding-bottom:22px;border-bottom:1px solid var(--bdr);}


.expect-items{display:flex;flex-direction:column;gap:12px;flex:1;justify-content:center;}
.expect-item{
  display:flex;align-items:flex-start;gap:13px;
  padding:14px 16px;border-radius:var(--r);
  background:var(--surf);border:1px solid var(--bdr);
  transition:border-color .2s,background .2s;
}
.expect-item:hover{border-color:var(--bdr-hi);background:var(--surf2)}
.ei-ico{width:32px;height:32px;border-radius:9px;background:var(--pri-lo);border:1px solid var(--pri-bdr);display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--pri);flex-shrink:0;}
.ei-t{font-family:'Poppins',sans-serif;font-size:13px;font-weight:700;color:var(--text);margin-bottom:3px;}
.ei-d{font-size:12px;color:var(--muted);line-height:1.55;}


.metric-block{
  background:var(--card-bg);border:1px solid var(--bdr);
  border-radius:var(--r-lg);padding:24px;
  display:flex;flex-direction:column;
  position:relative;overflow:hidden;
  transition:border-color .25s,transform .22s var(--ease);
}
.metric-block:hover{border-color:var(--pri-bdr);transform:translateY(-3px)}
.metric-block::before{
  content:'';position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(ellipse 70% 60% at 0% 0%,var(--sm1) 0%,transparent 70%);
}
.mb-val{font-family:'Poppins',sans-serif;font-size:30px;font-weight:900;letter-spacing:-.05em;color:var(--head);line-height:1;margin-bottom:6px;position:relative;z-index:1;}
.mb-val span.unit{font-size:16px;font-weight:600;color:var(--pri);margin-left:2px;}
.mb-label{font-size:12px;color:var(--muted);position:relative;z-index:1;}
.mb-ico{position:absolute;right:-10px;bottom:-10px;font-size:64px;color:var(--pri);opacity:.06;pointer-events:none;}


.fp-card{
  background:var(--card-bg);border:1px solid var(--bdr);
  border-radius:var(--r-lg);padding:24px;
  position:relative;overflow:hidden;
  transition:border-color .25s,transform .22s var(--ease);
}
.fp-card:hover{border-color:var(--bdr-hi);transform:translateY(-3px)}
.fp-card::before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 70% 60% at 100% 100%,var(--sm1) 0%,transparent 65%);opacity:0;transition:opacity .3s;}
.fp-card:hover::before{opacity:1}
.fp-ico{width:34px;height:34px;border-radius:9px;background:var(--pri-lo);border:1px solid var(--pri-bdr);display:flex;align-items:center;justify-content:center;font-size:17px;color:var(--pri);margin-bottom:14px;position:relative;z-index:1;}
.fp-t{font-family:'Poppins',sans-serif;font-size:30px;font-weight:900;letter-spacing:-.05em;color:var(--head);line-height:1;margin-bottom:8px;position:relative;z-index:1;}
.fp-d{font-size:12px;color:var(--muted);line-height:1.6;position:relative;z-index:1;}


.process-card{
  background:var(--card-bg);border:1px solid var(--bdr);
  border-radius:var(--r-xl);padding:24px;
  position:relative;overflow:hidden;
}
@media(max-width:768px){.process-card{padding:24px}}
.process-h{font-family:'Poppins',sans-serif;font-size:16px;font-weight:700;color:var(--head);margin-bottom:20px;}

.timeline{display:flex;flex-direction:column;position:relative;gap:0;}
.timeline::before{
  content:'';position:absolute;left:16px;top:8px;bottom:8px;width:2px;
  background:linear-gradient(180deg,var(--pri) 0%,rgba(0,84,173,.12) 100%);
  border-radius:2px;
}
.tl-step{
  display:flex;align-items:flex-start;gap:16px;
  padding:0 0 22px 0;
  position:relative;
}
.tl-step:last-child{padding-bottom:0}
.tl-num{
  width:32px;height:32px;border-radius:50%;flex-shrink:0;
  background:var(--pri);color:#F9FAFB;
  font-family:'Inter',sans-serif;font-size:10.5px;font-weight:500;
  display:flex;align-items:center;justify-content:center;
  position:relative;z-index:1;
  box-shadow:0 0 0 4px var(--bg2),0 0 0 5px var(--pri-bdr);
  transition:transform .22s var(--ease);
}
.tl-step:hover .tl-num{transform:scale(1.12)}
.tl-content{padding-top:6px;}
.tl-t{font-family:'Poppins',sans-serif;font-size:13px;font-weight:700;color:var(--text);margin-bottom:3px;}
.tl-d{font-size:12px;color:var(--muted);line-height:1.55;}
.tl-tag{display:inline-flex;align-items:center;gap:4px;font-family:'Inter',sans-serif;font-size:9px;letter-spacing:.08em;text-transform:uppercase;background:var(--pri-lo);color:var(--pri);border:1px solid var(--pri-bdr);padding:2px 8px;border-radius:999px;margin-top:6px;}


.trust-bar{
  display:flex;align-items:center;justify-content:center;
  gap:28px;flex-wrap:wrap;
  padding:22px 40px;
  border-top:1px solid var(--bdr);border-bottom:1px solid var(--bdr);
  background:
    linear-gradient(180deg,color-mix(in srgb, var(--bg2) 90%, transparent),color-mix(in srgb, var(--bg3) 84%, transparent)),
    radial-gradient(120% 160% at 50% 0%,color-mix(in srgb, var(--pri-lo) 36%, transparent),transparent 65%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06), inset 0 -1px 0 rgba(255,255,255,.04);
}
.trust-item{
  display:flex;align-items:center;gap:8px;
  font-size:12.5px;color:var(--muted);
}
.trust-item i{font-size:16px;color:var(--pri)}
.trust-sep{width:1px;height:20px;background:var(--bdr)}
@media(max-width:640px){.trust-sep{display:none}.trust-bar{gap:14px;padding:16px 20px}}





.ft-col-h{display:flex;align-items:center;gap:7px;font-family:'Inter',sans-serif;font-size:9px;text-transform:uppercase;letter-spacing:.15em;color:var(--dim);margin-bottom:20px;}
.ft-links{display:flex;flex-direction:column;gap:12px}

.ft-links a i{font-size:12px;opacity:0;color:var(--pri);transition:opacity .15s}
.ft-links a:hover{color:var(--text)}
.ft-links a:hover i{opacity:1}
.ft-nl-bare{padding:32px 0;border-top:1px solid var(--bdr);display:flex;justify-content:center;}
@media(max-width:640px){.ft-nl-bare{justify-content:stretch}}
.nl-group{display:flex;align-items:stretch;background:var(--bg2);border:1px solid var(--bdr);border-radius:999px;overflow:hidden;transition:border-color .2s,box-shadow .2s;width:100%;max-width:380px;}
.nl-group:focus-within{border-color:var(--bdr-hi);box-shadow:0 0 0 3px var(--pri-lo)}
.nl-group input{flex:1;min-width:0;padding:11px 18px;font-size:13px;color:var(--text);font-family:'Inter',sans-serif;background:transparent;border:none;outline:none;}
.nl-group input::placeholder{color:var(--dim)}

.nl-group button::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.13) 0%,transparent 55%);pointer-events:none;}
.nl-group button:hover{background:var(--pri-d)}
.nl-group button i{font-size:15px}
@media(max-width:640px){.nl-group{max-width:100%}}
.ft-btm{margin-top:44px;padding:20px 0;border-top:1px solid var(--ft-border);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;}
@media(max-width:900px){.ft-btm{flex-direction:column;align-items:flex-start;gap:14px}}
.ft-copy{font-size:12px;color:var(--dim)}
.ft-socs{display:flex;gap:7px}
.fsoc{width:32px;height:32px;border-radius:8px;background:var(--surf);border:1px solid var(--bdr);display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:15px;transition:background .2s,color .2s,border-color .2s,transform .2s;}
.fsoc:hover{background:var(--pri-lo);color:var(--pri);border-color:var(--pri-bdr);transform:translateY(calc(-1 * var(--interactive-hover-lift)))}
.ft-legal{display:flex;gap:18px;flex-wrap:wrap}

.ft-legal a:hover{color:var(--muted)}
.ft-status-chip{display:inline-flex;align-items:center;gap:7px;font-family:'Inter',sans-serif;font-size:10px;color:var(--muted);white-space:nowrap;}
.theme-sw{position:relative;display:inline-flex}
.tsw-btn{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:9px;background:var(--surf);border:1px solid var(--bdr);font-size:12.5px;font-weight:500;color:var(--muted);transition:background .2s,border-color .2s,color .2s;cursor:pointer;}
.tsw-btn:hover{background:var(--surf2);border-color:var(--bdr-hi);color:var(--text)}
.tsw-btn i{font-size:16px}
.tsw-btn .caret{font-size:12px;margin-left:2px;transition:transform .25s var(--ease)}
.theme-sw.open .tsw-btn .caret{transform:rotate(180deg)}
.tsw-panel{position:absolute;bottom:calc(100% + 8px);left:0;min-width:160px;background:var(--drw-bg);border:1px solid var(--bdr);border-radius:12px;padding:6px;box-shadow:0 -8px 32px rgba(0,0,0,.28),0 2px 8px rgba(0,0,0,.15);opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .22s var(--ease),transform .22s var(--ease);z-index:200;}
.theme-sw.open .tsw-panel{opacity:1;pointer-events:auto;transform:translateY(0)}
.tsw-opt{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;font-size:13px;font-weight:500;color:var(--muted);cursor:pointer;transition:background .15s,color .15s;}
.tsw-opt:hover{background:var(--surf2);color:var(--text)}
.tsw-opt.active{background:var(--pri-lo);color:var(--pri)}
.tsw-opt i{font-size:16px;color:var(--dim);transition:color .15s;flex-shrink:0;width:18px;text-align:center}
.ft-badges{display:flex;align-items:stretch;gap:4px;padding:20px 40px;border-top:1px solid var(--ft-border);flex-wrap:wrap;}
@media(max-width:768px){.ft-badges{padding:20px}}
.ftb-compatible{display:inline-flex;align-items:stretch;border:1px solid var(--bdr);border-radius:12px;padding:0;overflow:hidden;background:var(--surf);transition:border-color .22s,background .22s;}
.ftb-compatible:hover{border-color:var(--pri-bdr);background:var(--pri-lo)}
.ftb-compatible-inner{display:flex;align-items:center;gap:12px;padding:12px 20px 12px 16px;width:100%}
.ftb-shield{flex-shrink:0;display:flex;align-items:center}
.ftb-compatible-text{display:flex;flex-direction:column;gap:1px}
.ftb-brand{font-family:'Poppins',sans-serif;font-size:13px;font-weight:700;color:var(--head);letter-spacing:-.02em;line-height:1;}
.ftb-mark{font-family:'Inter',sans-serif;font-size:9.5px;letter-spacing:.06em;color:var(--pri);text-transform:uppercase;}
.ftb-eem{display:inline-flex;align-items:center;justify-content:center;aspect-ratio:1;background:#121212;border-radius:14px;border:1px solid rgba(255,255,255,.10);overflow:hidden;transition:transform .22s var(--ease),box-shadow .22s;flex-shrink:0;min-width:64px;}
.ftb-eem:hover{transform:translateY(calc(-1 * var(--interactive-hover-lift)));box-shadow:0 8px 24px rgba(0,0,0,.4)}
.ftb-eem img{width:40px;height:40px;object-fit:contain;display:block}
.ft-notice{background:var(--bg3);border-top:1px solid var(--ft-border);padding:13px 40px;text-align:justify;font-size:11px;color:var(--dim);line-height:1.7;}
@media(max-width:768px){.ft-notice{padding:13px 20px}}
@supports(padding-bottom:env(safe-area-inset-bottom)){.ft-notice{padding-bottom:max(13px,calc(env(safe-area-inset-bottom)+9px))}}


.skip-link{position:fixed;top:-100%;left:0;transform:none;z-index:99999;padding:12px 28px;border-radius:0 0 12px 12px;background:var(--pri);color:#F9FAFB;font-family:'Poppins',sans-serif;font-size:14px;font-weight:700;text-decoration:none;white-space:nowrap;transition:top .18s ease;outline:none;box-shadow:0 4px 20px rgba(0,84,173,.5);}
.skip-link:focus{top:0}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}

.btn-submit:focus-visible,.btn:focus-visible,.fsoc:focus-visible,.dsoc


@media(max-width:768px){
  .btn,.btn-submit{min-height:46px}
  .ham,.tsw-btn{min-height:44px}

}

@media(prefers-reduced-motion:reduce){
  
  .rv{opacity:1 !important;transform:none !important}
  .rv.in{opacity:1;transform:none}
  .amb{display:none !important}
}




}

/* --- PAGE: careers --- */
.page-careers {




html[data-theme="light"],
html[data-theme="system"].os-light {
  --bg:       #edf3fc;
  --bg2:      #F9FAFB;
  --bg3:      #e2ecf8;
  --surf:     rgba(0,0,0,.038);
  --surf2:    rgba(0,0,0,.072);
  --bdr:      rgba(0,0,0,.082);
  --bdr-hi:   var(--pri-bdr);
  --text:     #121212;
  --muted:    #556070;
  --dim:      #94a3b8;
  --head:     #121212;
  --nav-bg:   rgba(237,243,252,.92);
  --drw-bg:   #F9FAFB;
  --card-bg:  #F9FAFB;
  --code-bg:  #121212;
  --sh:       0 1px 3px rgba(0,0,0,.06),0 8px 32px rgba(0,0,0,.08);
  --sh-pri:   0 8px 44px rgba(0,84,173,.32);
  --sm1: rgba(0,84,173,.07);
  --sm2: rgba(180,140,60,.05);
  --sm3: rgba(80,40,200,.04);
  --grad: linear-gradient(135deg,#0d1629 0%,var(--pri) 55%,var(--gold) 100%);
  --hero-orb1: rgba(0,84,173,.14);
  --hero-orb2: rgba(0,84,173,.08);
  --hero-orb3: rgba(0,84,173,.06);
  --hero-page-accent-1: color-mix(in srgb,var(--pri) 16%, transparent);
  --hero-page-accent-2: color-mix(in srgb,var(--gold) 8%, transparent);
  --hero-page-accent-3: color-mix(in srgb,var(--card-bg) 88%,var(--pri) 12%);
  --hero-page-accent-cta-focus: color-mix(in srgb,var(--pri) 22%, transparent);
  --hero-page-dot-color: color-mix(in srgb,var(--bdr) 72%, transparent);
  --hero-page-orb-1: color-mix(in srgb,var(--hero-orb1) 92%, transparent);
  --hero-page-orb-2: color-mix(in srgb,var(--hero-orb2) 90%, transparent);
  --hero-page-orb-3: color-mix(in srgb,var(--hero-orb3) 86%, transparent);
  --hero-page-orb-core: #0d1629;
}














body::after{
  content:'';position:fixed;inset:0;z-index:9998;pointer-events:none;
  opacity:.020;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}


.amb{position:fixed;pointer-events:none;z-index:0;border-radius:50%;filter:blur(110px)}
.amb1{width:700px;height:700px;top:-200px;right:-180px;
  background:radial-gradient(circle,rgba(0,84,173,.08) 0%,transparent 70%)}
.amb2{width:500px;height:500px;bottom:-100px;left:-140px;
  background:radial-gradient(circle,rgba(204,221,239,.055) 0%,transparent 70%)}


.wrap{max-width:1240px;margin:0 auto;padding:0 40px}
@media(max-width:1024px){.wrap{padding:0 28px}}
@media(max-width:768px){.wrap{padding:0 20px}}


.pill{
  display:inline-flex;align-items:center;gap:7px;
  font-family:'Inter',sans-serif;font-size:10px;
  letter-spacing:.12em;text-transform:uppercase;
  color:var(--pri);background:var(--pri-lo);
  border:1px solid var(--pri-bdr);
  padding:5px 13px;border-radius:999px;
}
.pill .dot{width:5px;height:5px;border-radius:50%;background:var(--pri);animation:blink 2s ease-in-out infinite}
@keyframes blink{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.6)}}

.gt{color:var(--pri);background:none;-webkit-background-clip:initial;-webkit-text-fill-color:currentColor;background-clip:initial}

.btn{
  display:inline-flex;align-items:center;gap:8px;
  padding:11px 24px;border-radius:999px;
  font-size:13.5px;font-weight:600;letter-spacing:-.01em;white-space:nowrap;
  position:relative;overflow:hidden;
  transition:transform .22s var(--ease),box-shadow .22s ease,background .2s,border-color .2s;
}
.btn::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.13) 0%,transparent 55%);pointer-events:none}
.btn i{font-size:17px;line-height:1}
.btn-p{background:var(--pri);color:#F9FAFB}
.btn-p:hover{box-shadow:var(--interactive-hover-shadow)}
.btn-p:active{transform:translateY(0)}
.btn-o{background:transparent;color:var(--muted);border:1px solid var(--bdr)}
.btn-o:hover{background:var(--surf2);color:var(--text);border-color:var(--interactive-border-contrast)}

.slbl{margin-bottom:16px}
.sh2{font-size:clamp(28px,3.6vw,48px);font-weight:800;letter-spacing:-.034em;color:var(--head)}
.ss{font-size:15.5px;color:var(--muted);line-height:1.8;max-width:460px;margin-top:14px}


.rv { opacity: 1; transform: none; transition: none; }
.rv.in{opacity:1;transform:translateY(0)}
.d1{transition-delay:.10s}.d2{transition-delay:.20s}.d3{transition-delay:.30s}
.d4{transition-delay:.40s}.d5{transition-delay:.50s}.d6{transition-delay:.60s}


.smoke{position:relative;overflow:hidden}
.smoke::before{
  content:'';position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(ellipse 80% 60% at 8% 25%,var(--sm1) 0%,transparent 60%),
    radial-gradient(ellipse 60% 50% at 90% 80%,var(--sm2) 0%,transparent 55%),
    radial-gradient(ellipse 50% 60% at 50% 0%,var(--sm3) 0%,transparent 50%);
  opacity:.8;transition:opacity .4s;
}
.smoke:hover::before{opacity:1}
.io{
  position:absolute;right:-18px;bottom:-18px;
  font-size:120px;line-height:1;
  color:var(--pri);opacity:.04;
  pointer-events:none;z-index:0;
  transition:opacity .4s,transform .45s var(--ease);
}
.smoke:hover .io{opacity:.09;transform:scale(1.07) rotate(-5deg)}
.z{position:relative;z-index:1}


nav#mainNav{
  position:fixed;inset:0 0 auto;z-index:900;
  height:var(--nav-h);
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:0 40px;
  background:var(--nav-bg);
  backdrop-filter:blur(24px) saturate(1.6);
  -webkit-backdrop-filter:blur(24px) saturate(1.6);
  border-bottom:1px solid var(--bdr);
  transition:background .3s,border-color .3s;
}
@media(max-width:1024px){nav#mainNav{padding:0 24px}}
@media(max-width:768px){nav#mainNav{padding:0 16px}}

.nav-logo{
  display:flex;align-items:center;gap:9px;flex-shrink:0;
  font-family:'Poppins',sans-serif;font-size:18px;font-weight:700;
  letter-spacing:-.03em;color:var(--text);
}
.nav-wordmark{font-family:'Poppins',sans-serif;font-size:17px;font-weight:700;letter-spacing:-.03em;color:var(--text)}

.nav-links{
  display:flex;align-items:center;gap:2px;
  position:absolute;left:0;transform:none;
}

.nav-links a:hover{color:var(--text);background:var(--surf)}
.nav-links a[aria-current="page"]{color:var(--text)}
@media(max-width:1024px){.nav-links{display:none}}

.nav-r{display:flex;align-items:center;gap:8px;flex-shrink:0}

.ndot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 7px var(--green);animation:blink 2s infinite}

.ham{
  width:38px;height:38px;border-radius:11px;
  background:transparent;border:none;
  display:none;flex-direction:column;
  align-items:center;justify-content:center;gap:6px;
  transition:background .2s,border-color .2s,box-shadow .2s;
  -webkit-tap-highlight-color:transparent;touch-action:manipulation;
}
.ham span{display:block;height:2.5px;border-radius:2px;background:var(--text);transition:width .36s var(--ease),transform .36s var(--ease)}
.ham span:nth-child(1){width:24px}
.ham span:nth-child(2){width:24px}
.ham.open span:nth-child(1){width:24px;transform:translateY(4.25px) rotate(45deg)}
.ham.open span:nth-child(2){width:24px;transform:translateY(-4.25px) rotate(-45deg)}
@media(max-width:1024px){.ham{display:flex}}


.drw-overlay{
  position:fixed;inset:0;z-index:1000;
  background:rgba(0,0,0,.72);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  opacity:0;pointer-events:none;transition:opacity .38s ease;
}
.drw-overlay.open{opacity:1;pointer-events:auto}

.drw{
  position:fixed;top:0;right:0;bottom:0;z-index:1001;
  width:320px;max-width:90vw;
  background:var(--drw-bg);border-left:1px solid var(--bdr);
  display:flex;flex-direction:column;
  transform:translateX(110%);transition:transform .44s var(--ease);overflow:hidden;
}
.drw.open{transform:translateX(0)}
.drw::before{
  content:'';position:absolute;top:0;left:0;bottom:0;width:2px;z-index:3;
  background:linear-gradient(180deg,transparent 0%,var(--pri) 35%,var(--gold) 70%,transparent 100%);
  opacity:.7;
}
.drw-header{
  height:var(--nav-h);
  display:flex;align-items:center;justify-content:space-between;
  padding:0 22px;position:relative;z-index:2;flex-shrink:0;
  border-bottom:1px solid var(--bdr);
  background:var(--nav-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);
}
.drw-close{
  width:34px;height:34px;border-radius:10px;
  background:var(--surf);border:1px solid var(--bdr);
  display:flex;align-items:center;justify-content:center;
  color:var(--dim);font-size:17px;
  transition:background .2s,color .2s,border-color .2s;
}
.drw-close:hover{background:rgba(239,68,68,.12);color:var(--red);border-color:rgba(239,68,68,.3)}

.drw-nav{padding:0 16px;display:flex;flex-direction:column;gap:2px}

.drw-nav a i.ni{font-size:19px;color:var(--dim);transition:color .15s;flex-shrink:0}
.drw-nav a:hover{background:var(--surf2);color:var(--text)}
.drw-nav a:hover i.ni{color:var(--pri)}
.drw-line{height:1px;background:var(--bdr);margin:16px 28px}
.drw-foot{padding:20px 28px 24px;border-top:1px solid var(--bdr);position:relative;z-index:2;flex-shrink:0}
.drw-socials{display:flex;gap:7px;margin-bottom:16px}
.drw-theme-toggle{
  width:100%;display:flex;align-items:center;justify-content:center;gap:8px;
  margin-bottom:16px;padding:10px 12px;border-radius:10px;border:1px solid var(--bdr);
  background:var(--surf);color:var(--text);font:600 12px/1.3 'Inter',sans-serif;
}
.drw-theme-toggle:hover{border-color:var(--pri-bdr);background:var(--pri-lo);color:var(--pri)}
.dsoc{
  width:34px;height:34px;border-radius:9px;
  background:var(--surf);border:1px solid var(--bdr);
  display:flex;align-items:center;justify-content:center;
  color:var(--muted);font-size:16px;
  transition:background .2s,color .2s,border-color .2s;
}
.dsoc:hover{background:var(--pri-lo);color:var(--pri);border-color:var(--pri-bdr)}

.drw-cta::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.14) 0%,transparent 60%);pointer-events:none}
.drw-cta:hover{box-shadow:var(--interactive-hover-shadow);transform:translateY(calc(-1 * var(--interactive-hover-lift)))}


.careers-hero{
  --hero-block-pad: var(--page-hero-pad-y, clamp(64px, 8vw, 96px));
  position:relative;
  padding-block:var(--hero-block-pad);
  border-bottom:1px solid var(--pri-bdr);
  overflow:hidden;
  background:
    radial-gradient(90% 100% at 12% 12%, color-mix(in srgb,var(--pri) 24%, transparent) 0%, transparent 65%),
    radial-gradient(90% 90% at 100% 95%, color-mix(in srgb,var(--gold) 20%, transparent) 0%, transparent 72%),
    linear-gradient(145deg, color-mix(in srgb,var(--card-bg) 92%, transparent), color-mix(in srgb,var(--bg2) 86%, var(--pri) 14%));
}

.careers-hero::before{
  content:'';
  position:absolute;
  inset:0;
  background-image:
    radial-gradient(circle, color-mix(in srgb,var(--bdr) 74%, transparent) 1px, transparent 1px),
    linear-gradient(95deg, transparent 0%, color-mix(in srgb,var(--pri) 9%, transparent) 52%, transparent 100%);
  background-size:28px 28px,100% 100%;
  opacity:.52;
  -webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.9) 10%,rgba(0,0,0,.25) 72%,transparent 100%);
  mask-image:linear-gradient(180deg,rgba(0,0,0,.9) 10%,rgba(0,0,0,.25) 72%,transparent 100%);
}

.careers-hero-inner{
  position:relative;
  z-index:2;
  max-width:1180px;
  margin:0 auto;
  padding:0 40px;
}
@media(max-width:768px){.careers-hero-inner{padding:0 20px}}

.careers-hero-shell{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);
  align-items:stretch;
  gap:clamp(18px,2.7vw,34px);
}

.careers-hero-copy{
  text-align:left;
  display:flex;
  flex-direction:column;
}

.careers-hero-kicker{
  margin:0 0 12px;
  font:600 12px/1.2 'Inter',sans-serif;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--pri);
}

.careers-hero h1{
  font-size:clamp(34px,5.2vw,66px);
  font-weight:900;
  letter-spacing:-.036em;
  color:var(--head);
  line-height:1.03;
  margin-top:0;
  margin-bottom:16px;
}

.careers-hero-sub{
  font-size:15.5px;
  color:var(--muted);
  line-height:1.72;
  max-width:52ch;
  margin:0 0 20px;
}

.careers-hero-points{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-bottom:24px;
}
.careers-hero-point{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:12.5px;
  font-weight:500;
  color:var(--text);
  padding:10px 12px;
  border-radius:12px;
  border:1px solid color-mix(in srgb,var(--bdr) 84%, transparent);
  background:color-mix(in srgb,var(--surf) 82%, transparent);
}
.careers-hero-point i{color:var(--pri);font-size:15px}

.careers-hero-cta .btn{min-width:180px;justify-content:center}

.careers-hero-aside{
  display:flex;
}
.hero-aside-panel{
  width:100%;
  padding:20px;
  border-radius:18px;
  border:1px solid color-mix(in srgb,var(--pri) 22%, var(--bdr));
  background:
    linear-gradient(150deg,color-mix(in srgb,var(--card-bg) 92%,transparent),color-mix(in srgb,var(--bg2) 70%,var(--pri) 30%)),
    linear-gradient(180deg,color-mix(in srgb,var(--pri) 10%, transparent),transparent 55%);
}
.hero-aside-label{
  font:600 11px/1.2 'Inter',sans-serif;
  letter-spacing:.11em;
  text-transform:uppercase;
  color:var(--pri);
  margin-bottom:10px;
}
.hero-aside-title{
  font-size:clamp(21px,2.4vw,28px);
  line-height:1.2;
  letter-spacing:-.02em;
  color:var(--head);
}
.hero-aside-list{
  margin-top:16px;
  display:grid;
  gap:9px;
}
.hero-aside-list li{
  display:flex;
  align-items:flex-start;
  gap:8px;
  color:var(--muted);
  font-size:13.5px;
  line-height:1.55;
}
.hero-aside-list i{
  margin-top:2px;
  color:var(--pri);
}
.hero-aside-metrics{
  margin-top:18px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.hero-metric{
  padding:12px;
  border-radius:12px;
  border:1px solid color-mix(in srgb,var(--bdr) 86%, transparent);
  background:color-mix(in srgb,var(--bg2) 76%, transparent);
}
.hero-metric-value{
  font:700 15px/1.2 'Poppins',sans-serif;
  color:var(--text);
}
.hero-metric-label{
  margin-top:5px;
  font-size:11.5px;
  color:var(--muted);
  line-height:1.35;
}

@media(max-width:980px){
  .careers-hero-shell{grid-template-columns:1fr;gap:16px}
  .careers-hero-sub{max-width:62ch}
  .careers-hero-points{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:767px){
  .careers-hero{--hero-block-pad:clamp(48px,11vw,64px)}
  .careers-hero h1{font-size:clamp(31px,9.2vw,44px);line-height:1.06}
  .careers-hero-sub{font-size:15px;line-height:1.64;margin-bottom:16px}
  .careers-hero-points{grid-template-columns:1fr;gap:8px;margin-bottom:18px}
  .careers-hero-point{font-size:12px;padding:9px 11px}
  .careers-hero-aside{display:none}
  .mobile-hide{display:none !important}
  .hero-aside-panel{padding:16px}
  .hero-aside-title{font-size:22px}
  .hero-aside-list{margin-top:12px;gap:8px}
  .hero-aside-list li{font-size:13px}
  .hero-aside-metrics{grid-template-columns:1fr 1fr;margin-top:14px}
  .hero-metric{padding:10px}
  .careers-hero-cta .btn{min-width:156px;padding:10px 18px;font-size:13px}
}

@media(max-width:430px){
  .careers-hero{--hero-block-pad:clamp(44px,12vw,56px)}
  .hero-aside-metrics{grid-template-columns:1fr}

  .careers-hero-cta .btn{width:100%}
}

.career-feat-strip{
  margin-top:40px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  flex-wrap:wrap;
}

.career-feat-badge{
  display:inline-flex;
  align-items:center;
  gap:6px;
  width:fit-content;
  max-width:100%;
  font-size:11.5px;
  font-weight:500;
  color:var(--muted);
  background:var(--surf);
  border:1px solid var(--bdr);
  padding:5px 12px;
  border-radius:999px;
}
.career-feat-badge i{font-size:13px;color:var(--pri)}


section.careers-sec{padding:100px 0}
@media(max-width:768px){section.careers-sec{padding:72px 0}}

.sec-label{
  display:inline-flex;align-items:center;
  font-family:'Inter',sans-serif;font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--pri);margin-bottom:16px;
}

.sec-h{font-size:clamp(26px,3.2vw,42px);font-weight:800;letter-spacing:-.034em;color:var(--head);line-height:1.1}
.sec-sub{font-size:15px;color:var(--muted);line-height:1.78;margin-top:12px}


.sec-divider{display:none}


.build-grid{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  grid-auto-rows:minmax(190px,auto);
  gap:12px;
  margin-top:44px;
}
@media(max-width:1024px){.build-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto}}
@media(max-width:640px){.build-grid{grid-template-columns:1fr}}

.careers-build-sw-section{display:none}
.careers-build-sw-clip{overflow:hidden;margin:0 -20px;padding:0 20px}
.careers-build-sw-section .swiper{overflow:visible}
.careers-build-sw-section .swiper-slide{
  height:auto;
  border-radius:var(--r-lg);
  overflow:hidden;
  transform:scale(.96);
  transition:transform .45s cubic-bezier(.22,.68,0,1);
}
.careers-build-sw-section .swiper-slide-active{transform:scale(1)}
.careers-build-sw-section .swiper-slide .bc{
  height:100%;
  min-height:250px;
  opacity:1 !important;
  transform:none !important;
  animation:none !important;
}
.careers-build-sw-track{
  height:1px;
  background:var(--bdr);
  margin:26px 0 20px;
  position:relative;
  overflow:hidden;
}
.careers-build-sw-fill{
  position:absolute;
  inset:0;
  right:auto;
  width:0;
  background:var(--pri);
  transition:width .48s cubic-bezier(.22,.68,0,1);
}
.careers-build-sw-nav{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:10px 12px;
  border-radius:16px;
  background:color-mix(in srgb,var(--card-bg) 92%,#fff 8%);
  border:1px solid color-mix(in srgb,var(--bdr) 84%,#fff 16%);
  box-shadow:none;
  backdrop-filter:blur(16px);
}
.careers-build-sw-count{
  font-family:'Inter',sans-serif;
  font-size:11px;
  color:var(--dim);
  letter-spacing:.06em;
}
.careers-build-sw-count strong{font-weight:500;color:var(--head)}
.careers-build-sw-btns{display:flex;gap:10px}
.careers-build-sw-btn{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-width:92px;
  background:linear-gradient(180deg,color-mix(in srgb,#fff 16%,var(--card-bg) 84%) 0%,color-mix(in srgb,var(--card-bg) 92%,#000 8%) 100%);
  border:1px solid color-mix(in srgb,var(--bdr) 82%,#fff 18%);
  padding:10px 14px;
  cursor:pointer;
  font-family:'Poppins',sans-serif;
  font-size:10px;
  font-weight:600;
  letter-spacing:.07em;
  text-transform:uppercase;
  color:var(--head);
  border-radius:999px;
  transition:color .28s,background .28s,border-color .28s,transform .28s,box-shadow .28s;
  box-shadow:0 2px 7px color-mix(in srgb,#000 13%,transparent),inset 0 1px 0 color-mix(in srgb,#fff 28%,transparent);
}
.careers-build-sw-btn i{
  font-size:15px;
  transition:transform .28s;
  color:color-mix(in srgb,var(--head) 84%,#fff 16%);
}
.careers-build-sw-btn:not([disabled]):hover{
  color:#fff;
  border-color:color-mix(in srgb,var(--pri) 45%,#fff 20%);
  background:linear-gradient(180deg,color-mix(in srgb,var(--pri) 58%,#fff 8%) 0%,color-mix(in srgb,var(--pri) 72%,#000 10%) 100%);
  transform:translateY(-1px);
  box-shadow:0 7px 16px color-mix(in srgb,var(--pri) 24%,transparent),inset 0 1px 0 color-mix(in srgb,#fff 28%,transparent);
}
.careers-build-prev:not([disabled]):hover i{transform:translateX(-2px)}
.careers-build-next:not([disabled]):hover i{transform:translateX(2px)}
.careers-build-sw-btn[disabled]{opacity:.4;pointer-events:none;filter:saturate(.2)}

@media(max-width:640px){
  .build-grid{display:none}
  .careers-build-sw-section{display:block;margin-top:44px}
}

.bc{
  background:var(--card-bg);border:1px solid var(--bdr);border-radius:var(--r-lg);
  padding:24px;display:flex;flex-direction:column;
  position:relative;overflow:hidden;
  transition:border-color .25s,background .25s;
}
.bc:hover{border-color:var(--bdr-hi);background:var(--bg3)}
.bc-a{grid-column:span 9;grid-row:span 1}
.bc-b{grid-column:span 3;grid-row:span 1}
.bc-c{grid-column:span 5;grid-row:span 1}
.bc-d{grid-column:span 7;grid-row:span 1}
@media(max-width:1024px){
  .bc,.bc-a,.bc-b,.bc-c,.bc-d{grid-column:span 1;grid-row:span 1}
}

.bc-ico{
  width:42px;height:42px;border-radius:10px;
  background:var(--pri-lo);border:1px solid var(--pri-bdr);
  display:flex;align-items:center;justify-content:center;
  font-size:20px;color:var(--pri);flex-shrink:0;margin-bottom:20px;
}
.bc-tag{font-family:'Inter',sans-serif;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--pri);margin-bottom:6px}
.bc-h{font-family:'Poppins',sans-serif;font-size:var(--type-card-title);font-weight:700;color:var(--head);margin-bottom:8px;line-height:1.2;letter-spacing:-.015em}
.bc-d{font-size:13px;color:var(--muted);line-height:1.7;flex:1}

.work-layout{
  display:grid;grid-template-columns:5fr 7fr;
  gap:40px;margin-top:44px;align-items:start;
}
@media(max-width:1024px){.work-layout{grid-template-columns:1fr}}
.work-layout > *{min-width:0}
.work-list-wrap{min-width:0}

.work-sticky{position:sticky;top:calc(var(--nav-h) + 24px)}
@media(max-width:1024px){.work-sticky{position:static}}

.work-intro{font-size:14px;color:var(--muted);line-height:1.8;margin-top:16px;max-width:340px}

.work-callout{
  margin-top:28px;
  padding:20px 22px;
  background:var(--surf);border:1px solid var(--bdr);border-left:3px solid var(--pri);
  border-radius:0 var(--r) var(--r) 0;
}
.work-callout-t{font-family:'Poppins',sans-serif;font-size:12.5px;font-weight:700;color:var(--head);margin-bottom:4px}
.work-callout-d{font-size:12px;color:var(--muted);line-height:1.6}

.work-list{display:flex;flex-direction:column;gap:12px}
.witem{
  background:var(--card-bg);border:1px solid var(--bdr);border-radius:var(--r-lg);
  padding:24px;
  display:flex;gap:20px;
  position:relative;overflow:hidden;
  transition:border-color .25s,transform .3s var(--ease);
}
.witem:hover{border-color:var(--bdr-hi);transform:translateX(4px)}
.witem-num{
  font-family:'Inter',sans-serif;font-size:11px;font-weight:500;
  color:var(--pri);flex-shrink:0;padding-top:2px;
  letter-spacing:.06em;min-width:20px;
}

.witem-h{font-family:'Poppins',sans-serif;font-size:var(--type-card-title);font-weight:700;color:var(--head);margin-bottom:6px;line-height:1.2;letter-spacing:-.015em}
.witem-d{font-size:13px;color:var(--muted);line-height:1.7}
.witem-ico{
  flex-shrink:0;width:38px;height:38px;border-radius:10px;
  background:var(--pri-lo);border:1px solid var(--pri-bdr);
  display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--pri);
  margin-bottom:0;margin-left:auto;align-self:flex-start;
}

@media(max-width:768px){
  .work-list .witem:hover{transform:none}
}


.sec-h span{display:inline-block}
.sec-h .gt{color:var(--pri)}

.benefits-bento{
  margin-top:44px;
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  grid-auto-rows:minmax(176px,auto);
  grid-auto-flow:dense;
  gap:12px;
}

.benefit-card{
  background:var(--card-bg);
  border:1px solid var(--bdr);
  border-radius:var(--r-lg);
  padding:24px;
  position:relative;
  overflow:hidden;
  transition:border-color .4s,transform .4s var(--ease),box-shadow .4s ease,background-color .4s;
  z-index: 1;
}
.benefit-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: radial-gradient(800px circle at 50% -20%, var(--pri-lo), transparent 60%);
  opacity: 0;
  transition: opacity .5s ease;
  pointer-events: none;
  z-index: 0;
}
.benefit-card > * {
  position: relative;
  z-index: 1;
}
.benefit-card:hover::before {
  opacity: 1;
}
.benefit-card:hover{
  border-color:var(--pri-bdr2);
  transform:translateY(-6px) rotate(-.4deg);
  box-shadow: 0 12px 30px -10px var(--pri-lo), var(--sh);
}

.bc-card-1 { grid-column: span 8; grid-row: span 2; position: relative; overflow: hidden; }
.bc-card-1::after {
  content: "";
  position: absolute;
  top: -40%;
  right: -20%;
  width: 120%;
  height: 120%;
  background: radial-gradient(circle, var(--pri-lo2) 0%, transparent 60%);
  opacity: 0.5;
  pointer-events: none;
  z-index: 0;
}
.bc-card-2 { grid-column: span 4; }
.bc-card-3 { grid-column: span 4; }
.bc-card-4 { grid-column: span 5; }
.bc-card-5 { grid-column: span 7; }
.bc-card-6 { grid-column: span 7; }
.bc-card-7 { grid-column: span 5; }

@media(max-width:980px){
  .bc-card-1 { grid-column: span 12; grid-row: auto; }
  .bc-card-2, .bc-card-3, .bc-card-4, .bc-card-5, .bc-card-6, .bc-card-7 { grid-column: span 6; }
}

@media(max-width:640px){
  .bc-card-2, .bc-card-3, .bc-card-4, .bc-card-5, .bc-card-6, .bc-card-7 { grid-column: span 12; }
}

.benefit-chip{
  display:inline-flex;
  align-items:center;
  font-size:10px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--pri);
  background:var(--pri-lo);
  border:1px solid var(--pri-bdr);
  border-radius:999px;
  padding:4px 12px;
  margin-bottom:14px;
}
.benefit-mini-ico{
  width:36px;height:36px;border-radius:10px;
  display:flex;align-items:center;justify-content:center;
  color:var(--pri);font-size:17px;
  background:var(--pri-lo);border:1px solid var(--pri-bdr);
  margin-bottom:14px;
}
.benefit-h{
  font-family:'Poppins',sans-serif;
  font-size:18px;
  font-weight:700;
  line-height:1.25;
  color:var(--head);
  margin-bottom:8px;
  letter-spacing:-.015em;
}
.benefit-d{
  font-size:13px;
  color:var(--muted);
  line-height:1.72;
}
.benefit-list{
  margin-top:16px;
  display:flex;
  flex-direction:column;
  gap:9px;
}
.benefit-list li{
  display:flex;
  align-items:center;
  gap:9px;
  font-size:12px;
  color:var(--text);
  font-weight:500;
}
.benefit-list li i{color:var(--pri);font-size:14px}
.benefit-stat{
  margin-top:16px;
  font-size:12px;
  color:var(--muted);
  border-top:1px solid var(--bdr);
  padding-top:12px;
}
.benefit-stat span{
  color:var(--head);
  font-family:'Poppins',sans-serif;
  font-size:20px;
  font-weight:700;
  margin-right:6px;
}

@media(max-width:1024px){
  .benefits-bento{
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-auto-rows:auto;
  }
  .benefit-card,
  .benefit-card-primary,
  .benefit-card-tooling,
  .benefit-card-time,
  .benefit-card-learning,
  .benefit-card-flex{
    grid-column:span 1;
    grid-row:span 1;
    transform:none;
  }
  .benefit-card{padding:22px}
}
@media(max-width:640px){
  .benefits-bento{grid-template-columns:1fr}
}


.values-grid{
  display:grid;grid-template-columns:1fr 1fr;
  gap:12px;margin-top:44px;
}
@media(max-width:640px){.values-grid{grid-template-columns:1fr}}

.vc{
  background:var(--card-bg);border:1px solid var(--bdr);border-radius:var(--r-lg);
  padding:24px;position:relative;overflow:hidden;
  transition:border-color .25s,background .25s;
}
.vc:hover{border-color:var(--bdr-hi);background:var(--bg3)}
.vc-num{
  font-family:'Inter',sans-serif;font-size:9px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--dim);margin-bottom:20px;
  display:flex;align-items:center;gap:8px;
}
.vc-num::before{content:'';width:20px;height:1px;background:var(--bdr)}
.vc-ico{
  width:40px;height:40px;border-radius:10px;
  background:var(--pri-lo);border:1px solid var(--pri-bdr);
  display:flex;align-items:center;justify-content:center;font-size:19px;color:var(--pri);
  margin-bottom:18px;
}
.vc-h{font-family:'Poppins',sans-serif;font-size:17px;font-weight:700;color:var(--head);margin-bottom:8px}
.vc-d{font-size:13px;color:var(--muted);line-height:1.7}
.vc-ghost{
  position:absolute;right:-8px;bottom:-12px;
  font-family:'Poppins',sans-serif;font-size:88px;font-weight:900;line-height:1;
  color:transparent;-webkit-text-stroke:1px rgba(0,84,173,.07);
  pointer-events:none;user-select:none;
}


.for-layout{
  display:grid;grid-template-columns:1fr 1fr;
  gap:20px;margin-top:44px;
}
@media(max-width:900px){.for-layout{grid-template-columns:1fr}}
.for-sw-section{display:none}

.for-main{
  background:var(--card-bg);border:1px solid var(--bdr);border-radius:var(--r-lg);
  padding:24px;display:flex;flex-direction:column;gap:20px;
  position:relative;overflow:hidden;
}
.for-main-h{font-family:'Poppins',sans-serif;font-size:18px;font-weight:700;color:var(--head);margin-bottom:8px}
.for-main-d{font-size:14px;color:var(--muted);line-height:1.78}
.for-traits{display:flex;flex-direction:column;gap:8px;margin-top:4px}
.ft2{
  display:flex;align-items:center;gap:12px;
  padding:11px 14px;border-radius:10px;
  background:var(--surf);border:1px solid var(--bdr);
  font-size:13px;color:var(--text);font-weight:500;
  transition:border-color .2s;
}
.ft2:hover{border-color:var(--bdr-hi)}
.ft2 i{font-size:16px;color:var(--pri);flex-shrink:0}

.for-side{display:flex;flex-direction:column;gap:12px}

.not-for-card{
  background:var(--card-bg);border:1px solid var(--bdr);border-radius:var(--r-lg);
  padding:24px;flex:1;
}
.not-for-h{
  font-family:'Poppins',sans-serif;font-size:14px;font-weight:700;color:var(--head);
  margin-bottom:8px;display:flex;align-items:center;gap:8px;
}
.not-for-h i{font-size:16px;color:var(--pri)}
.not-for-d{font-size:13px;color:var(--muted);line-height:1.7}
.not-for-note{
  margin-top:14px;padding:12px 14px;
  background:var(--pri-lo);border:1px solid var(--pri-bdr);
  border-radius:8px;font-size:12px;color:var(--muted);line-height:1.6;
}

.for-quote{
  background:var(--card-bg);
  border:1px solid var(--pri-bdr);border-radius:var(--r-lg);
  padding:24px;
}
.for-quote-text{
  font-family:'Poppins',sans-serif;font-size:16px;font-weight:600;
  color:var(--head);line-height:1.5;margin-bottom:14px;
  position:relative;padding-left:18px;
}
.for-quote-text::before{
  content:'';position:absolute;left:0;top:4px;bottom:4px;
  width:3px;background:var(--pri);border-radius:2px;
}
.for-quote-d{font-size:12.5px;color:var(--muted);line-height:1.65}
.for-sw-clip{overflow:hidden;margin-top:20px}
.for-sw-section .swiper-slide{height:auto;border-radius:18px;overflow:hidden;transform:scale(.97);transition:transform .45s cubic-bezier(.22,.68,0,1)}
.for-sw-section .swiper-slide-active{transform:scale(1)}
.for-sw-track{height:1px;background:var(--bdr);margin:16px 0 12px;position:relative;overflow:hidden}
.for-sw-fill{position:absolute;inset:0;right:auto;width:0;background:var(--pri);transition:width .48s cubic-bezier(.22,.68,0,1)}
.for-sw-nav{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:16px;background:color-mix(in srgb,var(--card-bg) 92%,#fff 8%);border:1px solid color-mix(in srgb,var(--bdr) 84%,#fff 16%);box-shadow:none;backdrop-filter:blur(16px)}
.for-sw-count{font-family:'Inter',sans-serif;font-size:11px;color:var(--muted);letter-spacing:.06em}
.for-sw-count strong{font-weight:500;color:var(--text)}
.for-sw-btns{display:flex;gap:10px}
.for-sw-btn{display:flex;align-items:center;justify-content:center;gap:6px;min-width:92px;background:linear-gradient(180deg,color-mix(in srgb,#fff 16%,var(--card-bg) 84%) 0%,color-mix(in srgb,var(--card-bg) 92%,#000 8%) 100%);border:1px solid color-mix(in srgb,var(--bdr) 82%,#fff 18%);padding:10px 14px;cursor:pointer;font-family:'Poppins',sans-serif;font-size:10px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--text);border-radius:999px;transition:color .28s,background .28s,border-color .28s,transform .28s,box-shadow .28s;box-shadow:0 2px 7px color-mix(in srgb,#000 13%,transparent),inset 0 1px 0 color-mix(in srgb,#fff 28%,transparent)}
.for-sw-btn:not([disabled]):hover{color:#fff;border-color:color-mix(in srgb,var(--pri) 45%,#fff 20%);background:linear-gradient(180deg,color-mix(in srgb,var(--pri) 58%,#fff 8%) 0%,color-mix(in srgb,var(--pri) 72%,#000 10%) 100%);transform:translateY(-1px)}
.for-sw-btn[disabled]{opacity:.4;pointer-events:none;filter:saturate(.2)}
@media(max-width:900px){
  .for-layout{display:none}
  .for-sw-section{display:block;margin-top:14px}
}


.process-layout{
  display:grid;grid-template-columns:5fr 7fr;
  gap:40px;align-items:start;margin-top:44px;
}
@media(max-width:1024px){.process-layout{grid-template-columns:1fr}}

.process-intro p{font-size:14px;color:var(--muted);line-height:1.78;margin-top:12px;max-width:300px}
.process-note{
  margin-top:24px;padding:18px 20px;
  background:var(--surf);border:1px solid var(--bdr);border-radius:var(--r);
}
.process-note-t{font-family:'Poppins',sans-serif;font-size:12px;font-weight:700;color:var(--head);margin-bottom:6px}
.process-note-d{font-size:12px;color:var(--muted);line-height:1.6}

.process-steps{display:flex;flex-direction:column;gap:16px;position:relative}
.process-steps::before{
  content:'';position:absolute;left:44px;top:24px;bottom:24px;width:2px;
  background:linear-gradient(180deg,var(--pri),transparent);
  z-index:0;
}
@media(max-width:768px){.process-steps::before{left:44px}}

.ps{
  display:flex;gap:20px;padding:24px;
  background:var(--card-bg);border:1px solid var(--bdr);border-radius:var(--r-lg);
  position:relative;z-index:1;
  transition:border-color .4s,transform .4s var(--ease),box-shadow .4s ease;
  margin-bottom:0;
}
.ps:last-child{margin-bottom:0}
.ps:hover{
  border-color:var(--pri-bdr);
  transform:translateX(5px);
  box-shadow:var(--sh);
}

.ps-num{
  width:42px;height:42px;border-radius:50%;
  background:var(--pri);color:#F9FAFB;
  font-family:'Inter',sans-serif;font-size:14px;font-weight:700;
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
  box-shadow:0 0 0 6px var(--card-bg), 0 4px 16px var(--pri-glo);
  position:relative;
  z-index:2;
}
.ps-body{flex:1}
.ps-h{font-family:'Poppins',sans-serif;font-size:15px;font-weight:700;color:var(--head);margin-bottom:5px}
.ps-d{font-size:13px;color:var(--muted);line-height:1.65}


.careers-cta{padding:40px 0}
.cta-inner{
  background:var(--bg2);border:1px solid var(--bdr);border-radius:var(--r-xl);
  padding:90px;text-align:center;
  position:relative;overflow:hidden;
}
@media(max-width:1024px){.cta-inner{padding:64px 44px}}
@media(max-width:768px){.cta-inner{padding:52px 28px}}
.cta-inner::before{
  content:'';position:absolute;inset:-24%;
  background:
    radial-gradient(ellipse 72% 52% at 18% 24%,color-mix(in srgb,var(--pri) 32%,transparent) 0%,transparent 68%),
    radial-gradient(ellipse 68% 52% at 86% 70%,color-mix(in srgb,var(--gold) 22%,transparent) 0%,transparent 70%),
    radial-gradient(ellipse 85% 62% at 50% -8%,var(--pri-glo) 0%,transparent 66%);
  opacity:.75;
  pointer-events:none;
  will-change:transform,opacity;
  animation:ctaSmokeDrift 17s ease-in-out infinite alternate;
}
.cta-inner::after{
  content:'';position:absolute;bottom:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,var(--pri-glo),transparent);
}
@keyframes ctaSmokeDrift{
  0%{transform:translate3d(-1.5%,0,0) scale(1);opacity:.62}
  50%{transform:translate3d(1.2%,-2.2%,0) scale(1.04);opacity:.8}
  100%{transform:translate3d(.2%,2.2%,0) scale(1.08);opacity:.66}
}
@media (prefers-reduced-motion:reduce){
  .cta-inner::before{animation:none}
}
.cta-h{font-size:clamp(32px,5vw,60px);font-weight:900;letter-spacing:-.04em;color:var(--head);line-height:1.06;margin-bottom:16px;position:relative;z-index:1}
.cta-sub{font-size:15.5px;color:var(--muted);max-width:440px;margin:0 auto 34px;line-height:1.75;position:relative;z-index:1}
.cta-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;position:relative;z-index:1}


.ft-col-h{
  display:flex;align-items:center;gap:7px;
  font-family:'Inter',sans-serif;font-size:9px;
  text-transform:uppercase;letter-spacing:.15em;color:var(--dim);margin-bottom:20px;
}
.ft-links{display:flex;flex-direction:column;gap:12px}

.ft-links a:hover{color:var(--text)}






.ft-btm{
  margin-top:44px;padding:20px 0;border-top:1px solid var(--bdr);
  display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
}
@media(max-width:900px){.ft-btm{flex-direction:column;align-items:flex-start;gap:14px}}
.ft-copy{font-size:12px;color:var(--dim)}
.ft-socs{display:flex;gap:7px}
.fsoc{
  width:32px;height:32px;border-radius:8px;
  background:var(--surf);border:1px solid var(--bdr);
  display:flex;align-items:center;justify-content:center;
  color:var(--muted);font-size:15px;
  transition:background .2s,color .2s,border-color .2s,transform .2s;
}
.fsoc:hover{background:var(--pri-lo);color:var(--pri);border-color:var(--pri-bdr);transform:translateY(calc(-1 * var(--interactive-hover-lift)))}
.ft-legal{display:flex;gap:18px;flex-wrap:wrap}

.ft-legal a:hover{color:var(--muted)}
.ft-status-chip{
  display:inline-flex;align-items:center;gap:7px;
  font-family:'Inter',sans-serif;font-size:10px;color:var(--muted);white-space:nowrap;
}

.theme-sw{position:relative;display:inline-flex}
.tsw-btn{
  display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:9px;
  background:var(--surf);border:1px solid var(--bdr);
  font-size:12.5px;font-weight:500;color:var(--muted);cursor:pointer;
  transition:background .2s,border-color .2s,color .2s;
}
.tsw-btn:hover{background:var(--surf2);border-color:var(--bdr-hi);color:var(--text)}
.tsw-btn i{font-size:16px}
.tsw-btn .caret{font-size:12px;margin-left:2px;transition:transform .25s var(--ease)}
.theme-sw.open .tsw-btn .caret{transform:rotate(180deg)}
.tsw-panel{
  position:absolute;bottom:calc(100% + 8px);left:0;min-width:160px;
  background:var(--drw-bg);border:1px solid var(--bdr);border-radius:12px;padding:6px;
  box-shadow:0 -8px 32px rgba(0,0,0,.28);
  opacity:0;pointer-events:none;transform:translateY(8px);z-index:200;
  transition:opacity .22s var(--ease),transform .22s var(--ease);
}
.theme-sw.open .tsw-panel{opacity:1;pointer-events:auto;transform:translateY(0)}
.tsw-opt{
  display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;
  font-size:13px;font-weight:500;color:var(--muted);cursor:pointer;transition:background .15s,color .15s;
}
.tsw-opt:hover{background:var(--surf2);color:var(--text)}
.tsw-opt.active{background:var(--pri-lo);color:var(--pri)}
.tsw-opt i{font-size:16px;color:var(--dim);transition:color .15s;flex-shrink:0;width:18px;text-align:center}
.tsw-opt.active i{color:var(--pri)}

.ft-notice{
  background:var(--bg3);border-top:1px solid var(--bdr);
  padding:13px 40px;text-align:justify;
  font-size:11px;color:var(--dim);line-height:1.7;
}
@media(max-width:768px){.ft-notice{padding:13px 20px}}

.nl-group{
  display:flex;align-items:stretch;
  background:var(--bg2);border:1px solid var(--bdr);border-radius:999px;
  overflow:hidden;transition:border-color .2s,box-shadow .2s;width:100%;max-width:380px;
}
.nl-group:focus-within{border-color:var(--bdr-hi);box-shadow:0 0 0 3px var(--pri-lo)}
.nl-group input{
  flex:1;min-width:0;padding:11px 18px;font-size:13px;color:var(--text);
  font-family:'Inter',sans-serif;background:transparent;border:none;outline:none;
}
.nl-group input::placeholder{color:var(--dim)}

.nl-group button::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.13) 0%,transparent 55%);pointer-events:none}
.nl-group button:hover{background:var(--pri-d)}
.nl-group button i{font-size:15px}
.ft-nl-bare{padding:32px 0;border-top:1px solid var(--bdr);display:flex;justify-content:center}


.ft-badges{display:flex;align-items:stretch;gap:4px;padding:20px 40px;border-top:1px solid var(--ft-border);flex-wrap:wrap}
@media(max-width:768px){.ft-badges{padding:20px}}
.ftb-compatible{display:inline-flex;align-items:stretch;border:1px solid var(--bdr);border-radius:12px;overflow:hidden;background:var(--surf);transition:border-color .22s,background .22s}
.ftb-compatible:hover{border-color:var(--pri-bdr);background:var(--pri-lo)}
.ftb-compatible-inner{display:flex;align-items:center;gap:12px;padding:12px 20px 12px 16px;width:100%}
.ftb-shield{flex-shrink:0;display:flex;align-items:center}
.ftb-compatible-text{display:flex;flex-direction:column;gap:1px}
.ftb-brand{font-family:'Poppins',sans-serif;font-size:13px;font-weight:700;color:var(--head);letter-spacing:-.02em;line-height:1}
.ftb-mark{font-family:'Inter',sans-serif;font-size:9.5px;letter-spacing:.06em;color:var(--pri);text-transform:uppercase}
.ftb-eem{display:inline-flex;align-items:center;justify-content:center;aspect-ratio:1;background:#121212;border-radius:14px;border:1px solid rgba(255,255,255,.10);overflow:hidden;transition:transform .22s var(--ease),box-shadow .22s;flex-shrink:0;min-width:64px}
.ftb-eem:hover{transform:translateY(calc(-1 * var(--interactive-hover-lift)));box-shadow:0 8px 24px rgba(0,0,0,.4)}
.ftb-eem img{width:40px;height:40px;object-fit:contain;display:block}


.skip-link{
  position:fixed;top:-100%;left:0;transform:none;z-index:99999;
  padding:12px 28px;border-radius:0 0 12px 12px;
  background:var(--pri);color:#F9FAFB;
  font-family:'Poppins',sans-serif;font-size:14px;font-weight:700;
  text-decoration:none;white-space:nowrap;transition:top .18s ease;
  box-shadow:0 4px 20px rgba(0,84,173,.5);
}
.skip-link:focus{top:0}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}


@media(max-width:768px){
  .btn{min-height:46px}
  .ham,.tsw-btn{min-height:44px}

}

@media(prefers-reduced-motion:reduce){
  
  .rv{opacity:1 !important;transform:none !important}
  .rv.in{opacity:1;transform:none}
  .amb{display:none !important}
}

.hero-h1{font-size:clamp(38px,5.2vw,72px);font-weight:800;line-height:1.05;letter-spacing:-.034em}
.sec-h,.panel-title,.cta-h{font-size:var(--fs-h2);font-weight:800;line-height:1.1;letter-spacing:-.03em;color:var(--head)}
.bc-h,.witem-h,.vc-h,.for-main-h,.not-for-h,.ps-h,.panel-point h3,.bc-overview-h,.work-slide h3{font-size:var(--fs-h3);font-weight:700;line-height:1.18;letter-spacing:-.02em;color:var(--head)}
.hero-lead,.sec-sub,.panel-copy,.bc-d,.bc-overview-d,.work-intro,.witem-d,.vc-d,.for-main-d,.not-for-d,.for-quote-text,.for-quote-d,.process-intro p,.ps-d,.cta-sub,.work-callout-d,.panel-point p,.metric-value,.command-value{font-size:var(--fs-body);line-height:1.6}
.sec-label,.command-label,.metric-label,.panel-overline,.footprint-label,.bc-tag,.witem-num,.vc-num,.work-pill,.ft-status-chip,.ft-copy{font-size:var(--fs-small)}
.footprint-grid span,.bchip,.ft2,.process-note-d,.process-note-t,.work-callout-t{font-size:var(--fs-small)}

section.careers-sec{padding:124px 0}

@media (max-width:1024px){
  section.careers-sec{padding:104px 0}

}
@media (max-width:767px){
  section.careers-sec{padding:80px 0}

  .btn,.drw-cta,.mobile-swiper-btn{min-height:48px}
}




}

/* --- PAGE: contact --- */
.page-contact {




.contact-main{position:relative;z-index:2}
.contact-main .page-section{padding-block:var(--page-section-y)}
.contact-main .page-hero{padding-block:var(--page-hero-pad-y, clamp(64px, 8vw, 88px))}

.hero-shell{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
  gap:clamp(18px,2.2vw,28px);
  align-items:start;
}

.intake-panel,
.highlights-grid,
.faq-shell{
  border:1px solid var(--contact-bdr-strong);
  border-radius:30px;
  background:linear-gradient(160deg,var(--contact-surface),var(--contact-surface-soft));
  box-shadow:none;
}

.contact-hero{padding-block:var(--page-hero-pad-y, clamp(64px, 8vw, 88px))!important}
.hero-content{padding:0;max-width:72ch;margin-inline:auto;display:grid;justify-items:center;text-align:center}
.hero-title{margin:16px 0;font-size:clamp(2.2rem,5.2vw,4.2rem);line-height:.96;letter-spacing:-.04em;color:var(--head);max-width:14ch}
.hero-copy{max-width:58ch;color:var(--muted)}
.hero-stats{margin-top:24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%}
.hero-split{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.9fr);gap:14px;width:100%;align-items:stretch}
.hero-quick-card{margin-top:24px;padding:16px;border:1px solid var(--contact-bdr-strong);border-radius:16px;background:color-mix(in srgb,var(--surf) 78%,transparent);text-align:left}
.hero-quick-card h2{font:700 .95rem/1.3 "Poppins",sans-serif;color:var(--head)}

.hero-quick-card li{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:flex-start;font:500 .82rem/1.45 "Inter",sans-serif;color:var(--muted)}
.hero-quick-card li span{display:grid;gap:2px}
.hero-quick-card li b{font:700 .8rem/1.35 "Poppins",sans-serif;color:var(--head);letter-spacing:-.01em}
.hero-quick-card li small{font:500 .76rem/1.45 "Inter",sans-serif;color:var(--muted)}
.hero-quick-card i{margin-top:1px;color:var(--pri)}
.hero-mobile-ui{display:none}
.hero-stat{padding:14px;border-radius:16px;border:1px solid var(--contact-bdr-strong);background:color-mix(in srgb,var(--surf) 75%,transparent);backdrop-filter:blur(8px)}
.hero-stat strong{display:block;font:700 1.22rem/1 "Poppins",sans-serif;color:var(--head)}
.hero-stat span{display:block;margin-top:7px;font-size:.8rem;color:var(--muted);line-height:1.5}
.hero-kicker{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}
.hero-kicker span{font-family:"Inter",sans-serif;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;padding:6px 9px;border-radius:999px;border:1px solid var(--contact-bdr-strong);color:var(--pri);background:var(--pri-lo)}

.contact-intake{
  margin-top:clamp(6px,1vw,14px);
  background:linear-gradient(160deg,var(--contact-surface),var(--contact-surface-soft));
  border-bottom:1px solid var(--contact-bdr-strong);
}
.contact-intake .wrap{padding-top:clamp(34px,4vw,52px);padding-bottom:clamp(34px,4vw,52px)}
.intake-panel{padding:clamp(22px,3.2vw,34px);max-width:900px}
.intake-head h2{font-size:clamp(1.3rem,2.4vw,1.85rem);color:var(--head)}
.intake-head p{margin-top:8px;color:var(--muted);font-size:.92rem;line-height:1.65}
.intake-signals{margin-top:14px;display:flex;flex-wrap:wrap;gap:8px}
.intake-signals span{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;font:600 .72rem/1 "Inter",sans-serif;color:var(--pri);background:var(--pri-lo);border:1px solid var(--contact-bdr-strong)}
.intake-signals i{font-size:13px}

.contact-form{display:grid;gap:14px;margin-top:18px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.field{display:grid;gap:7px;min-width:0}
.form-helper{font-size:.8rem;color:var(--muted);margin-bottom:-2px}
.required-dot{color:var(--pri);font-weight:700}
.field-hint{font-size:.74rem;line-height:1.45;color:var(--muted);margin-top:-2px}
.field-error{font-size:.74rem;line-height:1.45;color:var(--red);min-height:1.1em}
.field-error:empty{display:none}
.field-span-2{grid-column:1 / -1}

.field label{
  display:inline-flex;
  align-items:center;
  font-size:.81rem;
  font-weight:600;
}
.field-control{position:relative}
.field-control > i{
  position:absolute;
  left:12px;
  top:50%;
  transform:translateY(-50%);
  font-size:15px;
  color:var(--dim);
  pointer-events:none;
  z-index:1;
}

.field-control input, .field-control select, .field-control textarea, .field-control .select-dialog-trigger,
.field-wrap input, .field-wrap select, .field-wrap textarea, .field-wrap .select-dialog-trigger {
  padding-left: 40px;
}
.field select{
  cursor:pointer;
  appearance:none;
  -webkit-appearance:none;
  padding-right:42px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1.2l6 6 6-6' stroke='%238da0b8' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 14px center;
  background-size:14px 9px;
}
.field input::placeholder,.field textarea::placeholder,.select-dialog-trigger.is-placeholder{color:var(--muted);opacity:0.8;font-weight:400}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--pri-bdr2);box-shadow:0 0 0 4px var(--pri-lo)}
.field textarea {
  min-height: 120px;
  resize: vertical;
  padding-left: 14px;
}
.field-control-textarea textarea {
  padding-top: 15px;
  padding-left: 40px;
}
/* --- FIX ACCESS FORM AND INTL-TEL-INPUT --- */
.field-wrap input, .field-wrap select, .field-wrap textarea {
  padding-left: 40px;
}
.field-ico {
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  color: var(--dim);
  pointer-events: none;
  z-index: 2;
}
.field-wrap {
  position: relative;
}
.field-wrap textarea + .field-ico {
  top: 18px;
  transform: none;
}
/* intl-tel-input premium dark mode styles */
.iti__country-list {
  background: var(--bg2) !important;
  border: 1px solid var(--bdr) !important;
  border-radius: 12px !important;
  color: var(--text) !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.4) !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important;
}
.iti__country.iti__highlight {
  background: var(--pri-lo) !important;
  color: var(--text) !important;
}
.iti__country-name, .iti__dial-code {
  color: var(--text) !important;
}
.iti__country.iti__highlight .iti__dial-code {
  color: var(--text) !important;
}
.iti__divider {
  border-bottom: 1px solid var(--bdr) !important;
}
.iti__search-input {
  background: var(--bg3) !important;
  border: 1px solid var(--bdr) !important;
  color: var(--text) !important;
  border-radius: 8px !important;
  padding: 8px 12px !important;
}

/* --- CONTACT BENTO GRID --- */
.contact-master-bento {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 16px;
  grid-auto-flow: dense;
  margin-top: clamp(24px, 4vw, 44px);
}
.contact-master-bento .intake-panel {
  grid-column: 5 / span 8;
  grid-row: 1 / span 4;
}
.contact-master-bento .routing-node-impact {
  grid-column: 1 / span 4;
  grid-row: 1 / span 2;
}
.contact-master-bento .contact-side-panel {
  grid-column: 1 / span 4;
  grid-row: 3 / span 2;
  position: static;
  height: 100%;
}
.contact-master-bento .routing-node-secure {
  grid-column: 1 / span 4;
  grid-row: 5;
  transform: translateY(-12px);
}
.contact-master-bento .routing-node-scope {
  grid-column: 5 / span 4;
  grid-row: 5;
  transform: translateY(28px);
}
.contact-master-bento .routing-node-stakeholders {
  grid-column: 9 / span 4;
  grid-row: 5;
  transform: translateY(-24px);
}

@media (max-width: 1024px) {
  .contact-master-bento .intake-panel {
    grid-column: 1 / span 12;
    grid-row: auto;
  }
  .contact-master-bento .routing-node-impact {
    grid-column: 1 / span 6;
    grid-row: auto;
  }
  .contact-master-bento .contact-side-panel {
    grid-column: 7 / span 6;
    grid-row: auto;
  }
  .contact-master-bento .routing-node-secure,
  .contact-master-bento .routing-node-scope,
  .contact-master-bento .routing-node-stakeholders {
    grid-column: span 4;
    grid-row: auto;
    transform: none;
  }
}

@media (max-width: 768px) {
  .contact-master-bento {
    display: flex;
    flex-direction: column;
  }
}
/* --- CUSTOM SELECT DIALOG STYLES --- */
.select-dialog-native {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  border: 0 !important;
}
.select-dialog-trigger {
  width: 100%;
  border: 1px solid var(--bdr, rgba(255,255,255,.12));
  background: var(--form-bg, color-mix(in srgb,var(--bg2) 86%, transparent));
  color: var(--text, #eceff8);
  min-height: 48px;
  border-radius: 12px;
  padding: 12px 14px 12px 40px;
  text-align: left;
  font: inherit;
  font-size: 13px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 10px;
  position: relative;
  transition: border-color .2s ease, background-color .2s ease, box-shadow .2s ease;
}
.select-enhanced-field{
  position: relative;
}
.select-dialog-trigger:focus-visible {
  outline: none;
  border-color: var(--pri);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--pri-lo) 80%, transparent);
}
.select-dialog-trigger::after {
  content: '\ea5f';
  font-family: 'tabler-icons';
  font-size: 18px;
  opacity: .8;
  pointer-events: none;
  transition: transform .2s ease;
}
.select-dialog-icon {
  font-size: 15px;
  color: var(--dim, #94a3b8);
}
.select-dialog-value {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select-dialog-trigger.is-placeholder {
  color: var(--muted, #94a3b8);
}
.select-dialog {
  border: 1px solid var(--bdr, rgba(255,255,255,.12));
  border-radius: 14px;
  background: var(--drw-bg, #020e22);
  color: var(--text, #eceff8);
  max-width: 560px;
  width: min(560px, calc(100vw - 24px));
  padding: 0;
}
.select-dialog::backdrop {
  background: rgba(0,0,0,.64);
  backdrop-filter: blur(4px);
}
.select-dialog-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  border-bottom: 1px solid var(--bdr, rgba(255,255,255,.12));
}
.select-dialog-head strong {
  font: 600 14px/1.2 'Poppins', sans-serif;
}
.select-dialog-close {
  width: 34px;
  height: 34px;
  border-radius: 9px;
  border: 1px solid var(--bdr, rgba(255,255,255,.12));
  color: var(--text, #eceff8);
  background: transparent;
  cursor: pointer;
}
.select-dialog-options {
  display: grid;
  gap: 8px;
  padding: 12px;
  max-height: min(65vh, 420px);
  overflow: auto;
}
.select-option {
  border: 1px solid var(--bdr, rgba(255,255,255,.12));
  border-radius: 10px;
  padding: 10px 12px;
  text-align: left;
  color: var(--text, #eceff8);
  font: 500 14px/1.35 'Inter', sans-serif;
  background: transparent;
  transition: border-color .2s ease, background-color .2s ease;
  cursor: pointer;
}
.select-option:hover {
  border-color: var(--bdr, rgba(255,255,255,.22));
  background: color-mix(in srgb,var(--pri-lo) 45%,transparent);
}
.select-option:focus-visible,
.select-dialog-close:focus-visible {
  outline: none;
  border-color: var(--pri);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--pri-lo) 80%, transparent);
}
.select-option.is-selected {
  border-color: var(--pri-bdr);
  background: var(--pri-lo);
}
.select-desktop-menu{
  position: absolute;
  z-index: 35;
  left: 0;
  right: 0;
  top: calc(100% + 8px);
  display: grid;
  gap: 6px;
  border: 1px solid var(--bdr, rgba(255,255,255,.12));
  border-radius: 12px;
  background: var(--bg2);
  padding: 8px;
  max-height: 320px;
  overflow: auto;
  box-shadow: 0 12px 24px rgba(0,0,0,.35);
}
.select-desktop-menu[hidden]{
  display: none !important;
}
.select-desktop-menu.is-dropup{
  top: auto;
  bottom: calc(100% + 8px);
}
.select-desktop-menu .select-option{
  border-color: transparent;
}
.select-desktop-menu .select-option:hover{
  border-color: var(--bdr, rgba(255,255,255,.12));
  background: color-mix(in srgb,var(--pri-lo) 60%,transparent);
}
.select-dialog-trigger.is-open::after{
  transform: rotate(180deg);
}
@media (max-width: 760px){
  .select-dialog{
    margin: auto;
    width: min(560px, calc(100vw - 20px));
  }
  .select-dialog-trigger{
    text-align: left;
  }
  .select-desktop-menu{
    display: none !important;
  }
}

.field-control-textarea > i{
  top:17px;
  transform:none;
}
.field .iti{width:100%}
.field .iti input[type="tel"]{padding-left:96px}
.field .iti--separate-dial-code .iti__selected-country{
  border:1px solid var(--bdr);
  border-right:0;
  border-radius:13px 0 0 13px;
  background:var(--bg2);
}
.field .iti--allow-dropdown input,
.field .iti--allow-dropdown input[type="tel"]{
  border-radius:13px;
}
.field .iti__country-list{
  width:min(360px,calc(100vw - 32px));
  max-width:100%;
}
.field-consent{grid-template-columns:auto 1fr;align-items:start;gap:10px;border:1px solid var(--bdr);border-radius:14px;padding:11px;background:color-mix(in srgb,var(--surf) 45%,transparent)}
.field-consent input[type="checkbox"]{accent-color:var(--pri);width:16px;height:16px;margin-top:4px}
.field-consent label{font-weight:500}
.field-consent .field-error{grid-column:1 / -1}

.form-note{font-size:.8rem;color:var(--muted);max-width:46ch;margin-bottom:16px}

.section-title-md{font-size:clamp(1.6rem,4vw,2.6rem)}
.section-title-sm{font-size:clamp(1.5rem,3.6vw,2.3rem)}
.channels-grid{margin-top:22px}
.channel-wrap{display:grid;gap:14px}
.channels-swiper{overflow:visible}
.channel-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.channels-sw-section{display:none}
.channels-sw-clip{overflow:hidden;margin:0 -12px;padding:0 12px}
.channels-sw-section .swiper{overflow:visible}
.channels-sw-section .swiper-slide{height:auto;border-radius:18px;overflow:hidden;transform:scale(.96);transition:transform .45s cubic-bezier(.22,.68,0,1)}
.channels-sw-section .swiper-slide-active{transform:scale(1)}
.channel{border:1px solid var(--bdr);border-radius:18px;padding:18px;background:var(--card-bg);display:flex;flex-direction:column;gap:10px;min-height:206px;position:relative;overflow:hidden;transition:transform .24s var(--ease),border-color .24s var(--ease),box-shadow .24s var(--ease)}
.channel:hover{transform:translateY(-4px);border-color:var(--contact-bdr-strong);box-shadow:none}
.channel::before{content:"";position:absolute;inset:-40% -30% auto auto;width:220px;aspect-ratio:1;border-radius:50%;opacity:.42;background:radial-gradient(circle,var(--pri-lo2) 0%,transparent 68%);pointer-events:none}
.channel .chip{display:inline-flex;width:fit-content;max-width:100%;padding:4px 9px;border-radius:999px;font-size:.67rem;letter-spacing:.06em;text-transform:none;color:var(--pri);border:1px solid color-mix(in srgb,var(--pri) 30%,var(--bdr));background:var(--pri-lo)}
.channel h3{font-size:1.04rem;color:var(--head)}
.channel p{font-size:.88rem;color:var(--muted);line-height:1.62;flex:1}

.channel a i{font-size:14px;flex:none}

.channel-swiper-track{display:none;height:1px;background:var(--bdr);margin:14px 0 10px;position:relative;overflow:hidden}
.channel-swiper-fill{position:absolute;inset:0;right:auto;width:0;background:var(--pri);transition:width .45s var(--ease)}
.channel-swiper-nav{display:none}
.channel-pagination{display:flex;align-items:center;gap:8px}
.channel-nav{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;border:1px solid var(--bdr);background:var(--card-bg);color:var(--head);transition:border-color .2s ease,transform .2s ease,background .2s ease}
.channel-nav:hover{transform:translateY(-1px);border-color:var(--contact-bdr-strong)}
.channel-nav:disabled{opacity:.45;cursor:not-allowed;transform:none}
.channel-dot{width:9px;height:9px;border-radius:999px;border:0;background:color-mix(in srgb,var(--muted) 35%,transparent);padding:0;transition:width .2s ease,background .2s ease}
.channel-dot.is-active{width:26px;background:var(--pri)}
.channel-swiper-group{display:flex;align-items:center;gap:8px}
.channels-sw-track{height:1px;background:var(--bdr);margin:16px 0 12px;position:relative;overflow:hidden}
.channels-sw-fill{position:absolute;inset:0;right:auto;width:0;background:var(--pri);transition:width .48s cubic-bezier(.22,.68,0,1)}
.channels-sw-nav{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:16px;background:color-mix(in srgb,var(--card) 92%,#fff 8%);border:1px solid color-mix(in srgb,var(--bdr) 84%,#fff 16%);box-shadow:none;backdrop-filter:blur(16px)}
.channels-sw-count{font-family:'Inter',sans-serif;font-size:11px;color:var(--text-lo);letter-spacing:.06em}
.channels-sw-count strong{font-weight:500;color:var(--text-hi)}
.channels-sw-btns{display:flex;gap:10px}
.channels-sw-btn{display:flex;align-items:center;justify-content:center;gap:6px;min-width:92px;background:linear-gradient(180deg,color-mix(in srgb,#fff 16%,var(--card) 84%) 0%,color-mix(in srgb,var(--card) 92%,#000 8%) 100%);border:1px solid color-mix(in srgb,var(--bdr) 82%,#fff 18%);padding:10px 14px;cursor:pointer;font-family:'Poppins',sans-serif;font-size:10px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--text-hi);border-radius:999px;transition:color .28s,background .28s,border-color .28s,transform .28s,box-shadow .28s;box-shadow:0 2px 7px color-mix(in srgb,#000 13%,transparent),inset 0 1px 0 color-mix(in srgb,#fff 28%,transparent)}
.channels-sw-btn i{font-size:15px;transition:transform .28s;color:color-mix(in srgb,var(--text-hi) 84%,#fff 16%)}
.channels-sw-btn:not([disabled]):hover{color:#fff;border-color:color-mix(in srgb,var(--pri) 45%,#fff 20%);background:linear-gradient(180deg,color-mix(in srgb,var(--pri) 58%,#fff 8%) 0%,color-mix(in srgb,var(--pri) 72%,#000 10%) 100%);transform:translateY(-1px);box-shadow:0 7px 16px color-mix(in srgb,var(--pri) 24%,transparent),inset 0 1px 0 color-mix(in srgb,#fff 28%,transparent)}
.channels-prev:not([disabled]):hover i{transform:translateX(-2px)}
.channels-next:not([disabled]):hover i{transform:translateX(2px)}
.channels-sw-btn[disabled]{opacity:.4;pointer-events:none;filter:saturate(.2)}

.engagement-section{padding-top:clamp(54px,7vw,90px)!important}
.bento-engagement{
  margin-top:20px;
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:12px;
}
.path-step{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px;border-radius:14px;border:1px solid var(--bdr);background:var(--card-bg)}
.path-step-feature{grid-column:span 6}
.bento-engagement .path-step:not(.path-step-feature){grid-column:span 3}
.path-step-desktop{display:grid}
.step-dot{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;font:700 .84rem/1 "Inter",sans-serif;color:var(--pri);background:var(--pri-lo);border:1px solid color-mix(in srgb,var(--pri) 30%,var(--bdr))}
.step-dot i{font-size:18px;line-height:1}
.path-step b{display:block;color:var(--head);font-size:.95rem}
.path-step span{display:block;color:var(--muted);font-size:.84rem;margin-top:4px}
.pace{font:600 .76rem/1 "Inter",sans-serif;color:var(--pri)}

.highlights-grid{padding:clamp(24px,3.8vw,40px);display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:16px}
.signal-board{border:1px solid var(--bdr);border-radius:18px;padding:20px;background:var(--card-bg)}

.signal-board li{display:flex;align-items:flex-start;gap:9px}
.signal-board li i{margin-top:2px;color:var(--pri)}
.signal-board li span{font-size:.9rem;color:var(--muted)}
.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.story{border:1px solid var(--bdr);border-radius:16px;padding:17px;background:var(--card-bg)}
.story h3{font-size:1rem;color:var(--head)}
.story p{margin-top:7px;font-size:.88rem;color:var(--muted);line-height:1.58}

.faq-shell{padding:clamp(24px,3.8vw,40px)}
.faq-list{margin-top:16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.faq-item{border:1px solid var(--bdr);border-radius:16px;padding:16px;background:var(--card-bg)}
.faq-item h3{font-size:.97rem;color:var(--head)}
.faq-item p{margin-top:8px;font-size:.88rem;color:var(--muted);line-height:1.6}

.mt-16{margin-top:16px}

@media (max-width:1120px){
  .hero-shell,.highlights-grid{grid-template-columns:1fr}
  .path-step-feature,
  .bento-engagement .path-step:not(.path-step-feature){grid-column:span 6}
  .channel-track{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  .form-row,.hero-stats,.story-grid,.faq-list{grid-template-columns:1fr}
  .hero-desktop-ui{display:none}
  .hero-mobile-ui{display:grid;grid-template-columns:1fr;gap:10px;width:100%;margin-top:10px}
  .hero-mobile-ui .hero-stat{padding:13px 14px;text-align:left}
  .hero-copy{max-width:36ch}
  .path-step{grid-template-columns:auto 1fr}
  .pace{grid-column:2}
  .bento-engagement{grid-template-columns:1fr}
  .path-step-feature,
  .bento-engagement .path-step:not(.path-step-feature){grid-column:span 1}
  .path-step{align-items:flex-start}
  .path-step > :nth-child(2){min-width:0}
  .pace{justify-self:start}
  .intake-panel{padding:18px}

  .form-footer .btn{width:100%;justify-content:center}
  .field .iti input[type="tel"]{padding-left:102px}
  .field .iti__country-list{width:calc(100vw - 24px)}
}


.channel-track{grid-template-columns:1.1fr .9fr 1fr 1fr;grid-auto-rows:minmax(190px,auto)}
.channel{border-radius:22px;background:var(--card-bg);padding:20px 18px 18px}
.channel::after{display:none}
.channel h3{margin-top:8px}
.channel-1{grid-column:span 2;grid-row:span 1}
.channel-2{grid-row:span 2}

.path-step{background:var(--card-bg);border-radius:18px}

.highlights-grid{grid-template-columns:1.15fr .85fr;gap:18px}
.signal-board{position:relative;overflow:hidden;background:var(--card-bg)}
.signal-board::after{display:none}
.signal-lines{margin-top:16px;display:grid;gap:12px}
.signal-line{display:grid;grid-template-columns:auto 1fr;gap:10px;padding:12px;border-radius:14px;border:1px solid var(--bdr);background:color-mix(in srgb,var(--surf) 68%,transparent)}
.signal-line i{color:var(--pri);margin-top:2px}
.signal-line span{font-size:.9rem;color:var(--muted)}
.story-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(120px,auto)}
.story:first-child{grid-column:span 2;background:var(--card-bg)}

.faq-list{grid-template-columns:1.2fr .8fr 1fr}
.faq-item{background:var(--card-bg);min-height:180px}
.faq-item:first-child{grid-row:span 2;display:grid;align-content:start}

@media (max-width:1120px){
  .channel-track{grid-template-columns:repeat(2,minmax(0,1fr))}
  .channel-1,.channel-2{grid-column:span 1;grid-row:span 1}
}
@media (max-width:760px){
  .faq-list,.story-grid{grid-template-columns:1fr}
  .faq-item:first-child{grid-row:span 1}
  .channels-grid-desktop{display:none}
  .channels-sw-section{display:block;margin-top:22px}
  .channels-sw-section .swiper-slide .channel{min-height:220px;display:flex;flex-direction:column;justify-content:flex-start}
  .channel-swiper-track,
  .channel-swiper-nav{display:none}
}


.contact-main .page-section{background:transparent}
.contact-hero{
  position:relative;
  overflow:hidden;
  background:linear-gradient(160deg, color-mix(in srgb, var(--pri) 8%, var(--card-bg)), var(--card-bg));
  border-bottom:1px solid color-mix(in srgb, var(--bdr) 80%, transparent);
}
.contact-hero::before{
  content:"";
  position:absolute;
  inset:-10% -10% auto -10%;
  height:65%;
  background:radial-gradient(80% 100% at 20% 20%,color-mix(in srgb,var(--pri) 24%,transparent) 0%,transparent 68%);
  pointer-events:none;
}
.contact-hero .wrap{padding-block:0}
.contact-hero .wrap{position:relative;z-index:2}
.hero-content{max-width:none;display:grid;gap:clamp(14px,1.7vw,22px)}
.hero-title{max-width:10ch}
.hero-copy{max-width:52ch}

.contact-intake{
  margin-top:clamp(14px,2vw,24px);
  background:transparent;
  border-top:none;
  border-bottom:none;
}
.contact-intake .wrap{padding-top:0;padding-bottom:0}
.intake-panel{margin-inline:auto;background:var(--card-bg)}
.intake-layout{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);
  gap:clamp(16px,2vw,26px);
  align-items:stretch;
}
.intake-panel{
  max-width:none;
  width:100%;
  border-radius:30px;
  border:1px solid color-mix(in srgb,var(--pri) 20%,var(--bdr));
  background:
    radial-gradient(120% 120% at 100% 0%,color-mix(in srgb,var(--pri-lo) 42%,transparent) 0%,transparent 58%),
    linear-gradient(165deg,color-mix(in srgb,var(--card-bg) 96%,white 4%),color-mix(in srgb,var(--card-bg) 98%,black 2%));
  box-shadow:0 28px 56px color-mix(in srgb,var(--bg) 72%,transparent),inset 0 1px 0 color-mix(in srgb,#fff 24%,transparent);
}
.contact-side-panel{
  width:100%;
  position:sticky;
  top:96px;
  padding:clamp(18px,2.2vw,24px);
  border-radius:24px;
  border:1px solid color-mix(in srgb,var(--pri) 22%,var(--bdr));
  background:linear-gradient(170deg,color-mix(in srgb,var(--card-bg) 88%,var(--pri) 12%),color-mix(in srgb,var(--surf) 90%,transparent));
  box-shadow:0 20px 42px color-mix(in srgb,var(--bg) 64%,transparent),inset 0 1px 0 color-mix(in srgb,#fff 20%,transparent);
  display:grid;
  gap:14px;
}
.contact-side-panel h3{margin:0;color:var(--head);letter-spacing:-.01em}
.contact-side-panel p{margin:0;color:var(--muted)}
.contact-side-list{display:grid;gap:10px}
.contact-side-list li{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:8px;
  align-items:flex-start;
  padding:10px;
  border-radius:12px;
  border:1px solid color-mix(in srgb,var(--pri) 12%,var(--bdr));
  background:color-mix(in srgb,var(--card-bg) 76%,transparent);
}
.contact-side-list i{margin-top:2px;color:var(--pri)}

.contact-side-meta div{
  padding:11px 10px;
  border-radius:12px;
  border:1px solid color-mix(in srgb,var(--pri) 16%,var(--bdr));
  background:color-mix(in srgb,var(--pri-lo) 58%,transparent);
}
.contact-side-meta strong{
  display:block;
  color:var(--head);
  font:700 1.1rem/1 "Poppins",sans-serif;
}
.contact-side-meta span{
  display:block;
  margin-top:6px;
  color:var(--muted);
  font:500 .74rem/1.45 "Inter",sans-serif;
}

.hero-atmos{
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:1;
}
.hero-smoke{
  position:absolute;
  border-radius:50%;
  filter:blur(10px);
  opacity:.52;
  transform:translate3d(var(--tx,0px),var(--ty,0px),0) rotate(var(--rot,0deg)) scale(var(--scale,1));
  background:radial-gradient(circle,color-mix(in srgb,var(--pri) var(--smoke-alpha,32%),transparent) 0%,transparent 72%);
  mix-blend-mode:screen;
  will-change:transform;
}
.hero-smoke-1{width:320px;height:320px;left:-80px;top:12%;--smoke-alpha:34%}
.hero-smoke-2{width:250px;height:250px;right:12%;top:8%;--smoke-alpha:30%}
.hero-smoke-3{width:340px;height:340px;right:-120px;bottom:-100px;--smoke-alpha:33%}
.hero-smoke-4{width:190px;height:190px;left:34%;top:58%;--smoke-alpha:29%}
.hero-smoke-5{width:220px;height:220px;left:58%;top:22%;--smoke-alpha:27%}
.hero-smoke-6{width:160px;height:160px;left:22%;top:22%;--smoke-alpha:25%}
.hero-smoke-7{width:380px;height:380px;left:-120px;bottom:-80px;--smoke-alpha:38%}

@media (prefers-reduced-motion:reduce){
  .hero-smoke{transform:none}
}

.channel-track{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:minmax(170px,auto)}
.channel{grid-column:span 3}
.channel-1{grid-column:span 5;grid-row:span 2}
.channel-2{grid-column:span 3;grid-row:span 2}
.channel-3{grid-column:span 4;grid-row:span 1}
.channel-4{grid-column:span 4;grid-row:span 1}

.bento-engagement{grid-auto-rows:minmax(118px,auto)}
.path-step{min-height:118px}
.path-step-1{grid-column:span 5;grid-row:span 2}
.path-step-2{grid-column:span 3;grid-row:span 1}
.path-step-3{grid-column:span 4;grid-row:span 1}
.path-step-4{grid-column:span 3;grid-row:span 1}
.path-step-5{grid-column:span 4;grid-row:span 1}
.path-step-6{grid-column:span 5;grid-row:span 1}


.engagement-section{
  position:relative;
  isolation:isolate;
}
.engagement-section::before{
  content:"";
  position:absolute;
  inset:8% 0 auto;
  height:56%;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(55% 80% at 18% 20%,color-mix(in srgb,var(--pri) 16%,transparent) 0%,transparent 72%),
    radial-gradient(48% 75% at 82% 0%,color-mix(in srgb,var(--pri) 14%,transparent) 0%,transparent 74%);
}
.bento-engagement{
  gap:14px;
  padding:clamp(14px,2vw,18px);
  border-radius:24px;
  border:1px solid color-mix(in srgb,var(--pri) 18%,var(--bdr));
  background:
    linear-gradient(145deg,color-mix(in srgb,var(--card-bg) 96%,transparent),color-mix(in srgb,var(--surf) 74%,transparent));
  box-shadow:none;
}
.path-step{
  position:relative;
  min-height:126px;
  border-radius:20px;
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--pri) 16%,var(--bdr));
  background:linear-gradient(165deg,color-mix(in srgb,var(--card-bg) 92%,transparent),color-mix(in srgb,var(--surf) 88%,transparent));
  box-shadow:none;
  transition:transform .28s var(--ease),border-color .28s var(--ease),box-shadow .28s var(--ease);
}
.path-step::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--pri) 88%,#fff 12%),color-mix(in srgb,var(--pri) 38%,transparent));
}
.path-step::after{
  content:"";
  position:absolute;
  inset:-35% -15% auto auto;
  width:170px;
  aspect-ratio:1;
  border-radius:999px;
  background:radial-gradient(circle,color-mix(in srgb,var(--pri) 18%,transparent) 0%,transparent 72%);
  pointer-events:none;
}
.path-step:hover{
  transform:translateY(-3px);
  border-color:color-mix(in srgb,var(--pri) 28%,var(--bdr));
  box-shadow:none;
}
.path-step-feature{
  border-color:color-mix(in srgb,var(--pri) 30%,var(--bdr));
  background:linear-gradient(145deg,color-mix(in srgb,var(--card-bg) 90%,var(--pri) 10%),color-mix(in srgb,var(--surf) 85%,transparent));
}
.path-step-feature::before{width:6px}
.step-dot{
  box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 30%,transparent),0 8px 18px color-mix(in srgb,var(--pri) 18%,transparent);
}
.path-step b{letter-spacing:-.01em}
.pace{
  justify-self:end;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid color-mix(in srgb,var(--pri) 24%,var(--bdr));
  background:color-mix(in srgb,var(--pri-lo) 72%,transparent);
}

@media (max-width:1120px){
  .channel-track{grid-template-columns:repeat(2,minmax(0,1fr))}
  .channel,.channel-1,.channel-2,.channel-3,.channel-4{grid-column:span 1;grid-row:span 1}
  .path-step-desktop{display:none}
  .intake-layout{grid-template-columns:1fr}
  .intake-panel,
  .contact-side-panel{
    max-width:min(100%,900px);
    margin-inline:auto;
  }
  .contact-side-panel{position:static;top:auto}
  .path-step-feature,
  .path-step-1,
  .path-step-2,
  .path-step-3,
  .path-step-4{grid-column:span 6;grid-row:span 1}
  .bento-engagement{padding:14px}
}


@media (max-width:920px){
  .hero-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .highlights-grid,.faq-shell{padding:clamp(18px,3.8vw,28px)}
}

@media (max-width:640px){
  .contact-main .page-section{padding-block:clamp(52px,11vw,72px)}
  .contact-main .page-hero{padding-block:var(--page-hero-pad-y, clamp(64px, 8vw, 88px))}
  .bento-engagement{grid-template-columns:1fr}
  .path-step-1,
  .path-step-2,
  .path-step-3,
  .path-step-4,
  .path-step-5,
  .path-step-6{grid-column:1/-1;grid-row:auto}
  .hero-title{font-size:clamp(1.8rem,9.8vw,2.5rem);line-height:1}
  .hero-copy{font-size:.94rem;line-height:1.62}
  .hero-stats{grid-template-columns:1fr}
  .intake-head p,
  .path-step span,
  .story p,
  .faq-item p{font-size:.9rem}
  .path-step{grid-template-columns:1fr;align-items:start;gap:9px}
  .path-step .step-dot{order:0}
  .path-step > div:nth-child(2){order:1}
  .pace{order:2;grid-column:auto;justify-self:start}
  .form-note{max-width:none}
  .field-consent{grid-template-columns:1fr;gap:8px}
  .field-consent input[type="checkbox"]{margin-top:0}
  .intake-panel,
  .highlights-grid,
  .faq-shell,
  .signal-board,
  .story,
  .faq-item,
  .channel,
  .path-step,
  .hero-stat{border-radius:14px}
  .bento-engagement{padding:10px;border-radius:16px}
  .path-step::after{display:none}
}

@media (max-width:420px){
  .contact-hero .wrap,
  .contact-intake .wrap{padding-inline:12px}
  .intake-panel{padding:14px}

  .field input,
  .field select,
  .field textarea{}
  .field select{min-height:50px}
  .intake-signals span{width:100%;justify-content:flex-start}
  .hero-kicker span{font-size:.66rem;padding:5px 8px}
  .channel{padding:16px 14px}
}


.contact-main h1{font-size:var(--fs-h1-desktop);font-weight:var(--fw-h1);line-height:1.08;letter-spacing:-.03em}
.contact-main h2{font-size:var(--fs-h2-desktop);font-weight:var(--fw-h2);line-height:1.18;letter-spacing:-.02em}
.contact-main h3{font-size:var(--fs-h3-desktop);font-weight:var(--fw-h3);line-height:1.28}
.contact-main p,
.contact-main li,
.contact-main label,
.contact-main input,
.contact-main select,
.contact-main textarea{}
.contact-main .pill,
.contact-main .chip,
.contact-main .form-note,
.contact-main .pace,
.contact-main .hero-kicker span,
.contact-main .hero-stat span,
.contact-main .field label{font-size:14px;line-height:1.5}

.contact-main .page-section{padding-block:clamp(84px,10vw,128px)}
.contact-main .page-section + .page-section{margin-top:clamp(18px,2.4vw,30px)}

@media (max-width:1024px){
  .contact-main h1{font-size:var(--fs-h1-tablet)}
  .contact-main h2{font-size:var(--fs-h2-tablet)}
  .contact-main h3{font-size:var(--fs-h3-tablet)}
  .contact-main p,
  .contact-main li,
  .contact-main label,
  .contact-main input,
  .contact-main select,
  .contact-main textarea{}
  .contact-main .pill,
  .contact-main .chip,
  .contact-main .form-note,
  .contact-main .pace,
  .contact-main .hero-kicker span,
  .contact-main .hero-stat span,
  .contact-main .field label{font-size:13px}
}

@media (max-width:767px){
  .contact-main h1{font-size:var(--fs-h1-mobile)}
  .contact-main h2{font-size:var(--fs-h2-mobile)}
  .contact-main h3{font-size:var(--fs-h3-mobile)}
  .contact-main p,
  .contact-main li,
  .contact-main label,
  .contact-main input,
  .contact-main select,
  .contact-main textarea{}
  .contact-main .pill,
  .contact-main .chip,
  .contact-main .form-note,
  .contact-main .pace,
  .contact-main .hero-kicker span,
  .contact-main .hero-stat span,
  .contact-main .field label{font-size:12px}
  .contact-main .btn,
  .contact-main button,
  .contact-main [role="button"]{min-height:48px}
}


.contact-hero .wrap{
  padding-block:0;
}
.hero-content{
  max-width:860px;
  margin-inline:auto;
  justify-items:center;
  text-align:center;
  gap:clamp(14px,2vw,24px);
}
.hero-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin:0;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid var(--contact-bdr-strong);
  background:color-mix(in srgb,var(--surf) 78%,transparent);
  color:var(--pri);
  font-family:"Inter",sans-serif;
  font-size:10px;
  font-weight:600;
  line-height:1;
  letter-spacing:.01em;
  text-transform:none;
}
.hero-eyebrow i{font-size:11px}
.hero-title{
  margin:0;
  max-width:12ch;
  font-size:clamp(2.3rem,6.6vw,5rem);
  line-height:.95;
  letter-spacing:-.045em;
}
.hero-title .hero-heading-primary{color:var(--head)}
.hero-title .hero-heading-accent{color:var(--pri)}
.hero-copy{
  margin:0;
  max-width:56ch;
  font-size:clamp(.98rem,1.35vw,1.08rem);
  color:var(--muted);
}
.hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  justify-content:center;
}
.hero-actions .btn{
  min-height:46px;
  padding-inline:18px;
}
.hero-proof{
  margin-top:clamp(4px,.8vw,12px);
  width:min(100%,780px);
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.hero-proof-item{
  padding:16px;
  border-radius:16px;
  border:1px solid var(--contact-bdr-strong);
  background:color-mix(in srgb,var(--surf) 76%,transparent);
  backdrop-filter:blur(8px);
}
.hero-proof-item strong{
  display:block;
  color:var(--head);
  font:700 1.35rem/1 "Poppins",sans-serif;
}
.hero-proof-item span{
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:8px;
  color:var(--muted);
  font:500 .82rem/1.45 "Inter",sans-serif;
}
.hero-proof-item span i{
  font-size:14px;
  color:var(--pri);
  flex:none;
}

@media (max-width:760px){
  .hero-actions{width:100%;}
  .hero-actions .btn{flex:1 1 100%;justify-content:center;}
  .hero-proof{display:none;}
}


.contact-side-panel{
  position:static;
  top:auto;
}
.contact-concierge-panel{
  border:1px solid color-mix(in srgb,var(--contact-bdr-strong) 78%,transparent);
  border-radius:24px;
  padding:clamp(20px,2.3vw,28px);
  height:100%;
  display:flex;
  flex-direction:column;
  background:
    radial-gradient(120% 120% at 100% 0%,color-mix(in srgb,var(--pri-lo) 42%,transparent) 0%,transparent 58%),
    linear-gradient(165deg,color-mix(in srgb,var(--card-bg) 96%,white 4%),color-mix(in srgb,var(--card-bg) 98%,black 2%));
  box-shadow:none;
}
.contact-concierge-eyebrow{
  margin:0;
  text-transform:uppercase;
  letter-spacing:.14em;
  font:600 .68rem/1.4 "Inter",sans-serif;
  color:color-mix(in srgb,var(--pri) 64%,var(--head));
}
.contact-concierge-panel h2{
  margin:10px 0 0;
  color:var(--head);
  letter-spacing:-.02em;
  font-size:clamp(1.3rem,2.15vw,1.8rem);
}
.contact-concierge-copy{
  margin:12px 0 0;
  color:var(--muted);
  font-size:.92rem;
  line-height:1.75;
}
.contact-concierge-points{
  margin-top:18px;
  padding-top:14px;
  border-top:1px solid color-mix(in srgb,var(--contact-bdr-strong) 64%,transparent);
  display:grid;
  gap:12px;
}
.contact-concierge-point{
  display:flex;
  flex-direction:column;
  gap:3px;
}
.contact-concierge-label{
  color:var(--muted);
  font:500 .75rem/1.4 "Inter",sans-serif;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.contact-concierge-point strong{
  color:var(--head);
  font:600 .93rem/1.4 "Inter",sans-serif;
}
.contact-concierge-link{
  margin-top:auto;
  padding-top:16px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:var(--head);
  text-decoration:none;
  font:600 .9rem/1.35 "Inter",sans-serif;
}
.contact-concierge-link:hover{
  color:var(--pri);
}
@media (max-width:640px){
  .contact-concierge-panel h2{font-size:clamp(1.16rem,7.2vw,1.42rem)}
}

@media (max-width:1120px){
  .routing-bento{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;}
  .routing-node-impact,.routing-node-window,.routing-node-secure,.routing-node-scope,.routing-node-stakeholders{grid-column:span 1;grid-row:auto;}
}


.contact-routing{padding-top:clamp(22px,3.4vw,44px)!important}
.routing-head{display:grid;gap:8px;max-width:58ch}
.routing-eyebrow{
  margin:0;
  color:var(--pri);
  font:600 .72rem/1.3 "Inter",sans-serif;
  text-transform:uppercase;
  letter-spacing:.12em;
}
.routing-head h2{margin:0;letter-spacing:-.02em}

.routing-bento{
  margin-top:clamp(14px,2vw,22px);
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  grid-auto-rows:minmax(88px,auto);
  grid-auto-flow:dense;
  gap:12px;
}

.routing-bento .rv{
  opacity:1;
  transform:none;
  visibility:visible;
  pointer-events:auto;
}
.routing-node{
  border:1px solid color-mix(in srgb,var(--pri) 22%,var(--bdr));
  border-radius:24px;
  padding:24px 24px 22px;
  background:color-mix(in srgb, var(--card-bg) 96%, transparent);
  display:grid;
  gap:10px;
  position:relative;
  overflow:hidden;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.4s ease;
}
.routing-node::after{
  content:"";
  position:absolute;
  inset:auto -16% -48% auto;
  width:120px;
  aspect-ratio:1;
  border-radius:50%;
  background:radial-gradient(circle,color-mix(in srgb,var(--pri) 18%,transparent),transparent 72%);
  pointer-events:none;
}
.routing-node h3{margin:0;color:var(--head);font-size:1rem;letter-spacing:-.01em}
.routing-node p{margin:0;color:var(--muted);font-size:.84rem;line-height:1.5}
.routing-watermark{
  position:absolute;
  right:12px;
  bottom:8px;
  font-size:68px;
  line-height:1;
  color:color-mix(in srgb,var(--pri) 16%,transparent);
  opacity:.48;
  pointer-events:none;
  z-index:1;
  transition:color .3s ease,opacity .3s ease,transform .3s ease;
}
.routing-node h3,.routing-node p{position:relative;z-index:2}

.routing-node-impact{background:var(--card-bg);}
.routing-impact-copy{max-width:50ch}
.support-status-widget{
  position:relative;
  z-index:2;
  margin-top:16px;
  display:flex;
  align-items:center;
  gap:16px;
  flex-wrap:wrap;
}
.support-avatars{
  display:flex;
  align-items:center;
}
.support-avatars .avatar, .support-avatars .avatar-more{
  width:32px;
  height:32px;
  border-radius:50%;
  border:2px solid var(--card-bg);
  margin-left:-8px;
  object-fit:cover;
}
.support-avatars :first-child{
  margin-left:0;
}
.support-avatars .avatar-more{
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--bg-alt);
  color:var(--text);
  font-size:0.75rem;
  font-weight:600;
  z-index:1;
}
.support-availability{
  display:flex;
  flex-direction:column;
  gap:2px;
}
.status-indicator{
  display:flex;
  align-items:center;
  gap:6px;
  font-size:0.875rem;
  font-weight:600;
  color:var(--head);
}
.status-dot{
  width:8px;
  height:8px;
  border-radius:50%;
  background-color:#10b981;
  box-shadow:0 0 0 2px rgba(16, 185, 129, 0.2);
  animation: pulse-dot 2s infinite;
}
@keyframes pulse-dot{
  0%{box-shadow:0 0 0 0 rgba(16, 185, 129, 0.4);}
  70%{box-shadow:0 0 0 6px rgba(16, 185, 129, 0);}
  100%{box-shadow:0 0 0 0 rgba(16, 185, 129, 0);}
}
.status-hours{
  display:flex;
  align-items:center;
  gap:4px;
  font-size:0.75rem;
  color:var(--muted);
}
.status-hours i{
  font-size:14px;
}

.routing-node-impact{grid-column:1/span 6;grid-row:1/span 2}
.routing-node-window{grid-column:7/span 3;grid-row:1/span 1}
.routing-node-secure{grid-column:10/span 3;grid-row:1/span 1}
.routing-node-scope{grid-column:7/span 3;grid-row:2/span 1}
.routing-node-stakeholders{grid-column:10/span 3;grid-row:2/span 1}
.routing-sw-section{display:none}
.routing-sw-clip{overflow:hidden;margin:0 -24px;padding:0 24px}
.routing-sw-section .swiper{overflow:visible}
.routing-sw-section .swiper-slide{height:auto;border-radius:18px;overflow:hidden;transform:scale(.96);transition:transform .45s cubic-bezier(.22,.68,0,1)}
.routing-sw-section .swiper-slide-active{transform:scale(1)}
.routing-sw-section .swiper-slide .routing-node{height:100%;min-height:210px}
.routing-sw-track{height:1px;background:var(--bdr);margin:20px 0 14px;position:relative;overflow:hidden}
.routing-sw-fill{position:absolute;inset:0;right:auto;width:0;background:var(--pri);transition:width .48s cubic-bezier(.22,.68,0,1)}
.routing-sw-nav{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:16px;background:color-mix(in srgb,var(--card-bg) 92%,#fff 8%);border:1px solid color-mix(in srgb,var(--bdr) 84%,#fff 16%);box-shadow:none;backdrop-filter:blur(16px)}
.routing-sw-count{font-family:'Inter',sans-serif;font-size:11px;color:var(--text-lo);letter-spacing:.06em}
.routing-sw-count strong{font-weight:500;color:var(--text-hi)}
.routing-sw-btns{display:flex;gap:10px}
.routing-sw-btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:92px;min-height:40px;background:linear-gradient(180deg,color-mix(in srgb,#fff 16%,var(--card-bg) 84%) 0%,color-mix(in srgb,var(--card-bg) 92%,#000 8%) 100%);border:1px solid color-mix(in srgb,var(--bdr) 82%,#fff 18%);padding:10px 16px;cursor:pointer;font-family:'Poppins',sans-serif;font-size:10px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--text-hi);border-radius:999px;transition:color .28s,background .28s,border-color .28s,transform .28s,box-shadow .28s;box-shadow:0 2px 7px color-mix(in srgb,#000 13%,transparent),inset 0 1px 0 color-mix(in srgb,#fff 28%,transparent);line-height:1}
.routing-sw-btn i{font-size:15px;transition:transform .28s;color:color-mix(in srgb,var(--text-hi) 84%,#fff 16%)}
.routing-sw-btn:not([disabled]):hover{color:#fff;border-color:color-mix(in srgb,var(--pri) 45%,#fff 20%);background:linear-gradient(180deg,color-mix(in srgb,var(--pri) 58%,#fff 8%) 0%,color-mix(in srgb,var(--pri) 72%,#000 10%) 100%);transform:translateY(-1px);box-shadow:0 7px 16px color-mix(in srgb,var(--pri) 24%,transparent),inset 0 1px 0 color-mix(in srgb,#fff 28%,transparent)}
.routing-prev:not([disabled]):hover i{transform:translateX(-2px)}
.routing-next:not([disabled]):hover i{transform:translateX(2px)}
.routing-sw-btn[disabled]{opacity:.4;pointer-events:none;filter:saturate(.2)}

@media (max-width:1024px){
  .routing-bento{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:minmax(96px,auto)}
  .routing-node-impact{grid-column:1/span 4;grid-row:1/span 2}
  .routing-node-window{grid-column:5/span 2;grid-row:1/span 1;transform:translateY(24px)!important}
  .routing-node-secure{grid-column:5/span 2;grid-row:2/span 1;transform:translateY(-16px)!important}
  .routing-node-scope{grid-column:1/span 3;grid-row:3/span 1;transform:translateY(16px)!important}
  .routing-node-stakeholders{grid-column:4/span 3;grid-row:3/span 1;transform:translateY(-8px)!important}
}
@media (max-width:760px){
  .routing-bento{display:none}
  .routing-sw-section{display:block;margin-top:clamp(14px,2vw,22px)}
  .routing-node{border-radius:18px;transform:none!important}
  .routing-watermark{font-size:62px}
}



}

/* --- PAGE: privacy-policy --- */
.page-privacy-policy {


.skip-link {
  position: absolute;
  left: -9999px;
  top: 0;
  background: #fff;
  color: #000;
  padding: 0.8rem 1rem;
  border-radius: 0.6rem;
}
.skip-link:focus { left: 1rem; top: 1rem; z-index: 50; }

body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background-image: linear-gradient(color-mix(in srgb, var(--text) 5%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--text) 5%, transparent) 1px, transparent 1px);
  background-size: 28px 28px;
  opacity: 0.32;
  mask-image: radial-gradient(circle at center, black 24%, transparent 88%);
  z-index: -1;
}

main { padding: 2.4rem 0 3.6rem; }




.policy-utility-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.8rem;
  margin-bottom: 1rem;
  padding: 0.85rem 1rem;
}
.policy-utility-note {
  margin: 0;
  color: var(--muted);
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  white-space: nowrap;
}
.policy-utility-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
}
.policy-utility-links a,
.policy-top-link {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  border: 1px solid var(--border);
  border-radius: 999px;
  padding: 0.38rem 0.7rem;
  color: var(--text);
  text-decoration: none;
  font-size: 0.85rem;
  transition: border-color 180ms ease, background-color 180ms ease, transform 180ms ease;
}
.policy-utility-links a:hover,
.policy-utility-links a:focus-visible,
.policy-top-link:hover,

.content-card:target {
  border-color: color-mix(in srgb, var(--pri) 58%, var(--border) 42%);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--pri) 26%, transparent);
}

.standalone-hero { padding: 0; }
.privacy-hero {
  position: relative;
  isolation: isolate;
  margin-top: 0;
  padding: clamp(2rem, 4vw, 4rem) 0 clamp(3rem, 5vw, 5rem);
  border-bottom: 1px solid color-mix(in srgb, var(--pri) 22%, var(--bdr) 78%);
  overflow: hidden;
}
.privacy-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  background-image: radial-gradient(circle, color-mix(in srgb, var(--text) 8%, transparent) 1px, transparent 1px);
  background-size: 32px 32px;
  opacity: 0.25;
  mask-image: radial-gradient(ellipse 100% 100% at 50% 0%, black 20%, transparent 80%);
}
.privacy-hero::after {
  content: "";
  position: absolute;
  top: -30%;
  left: 50%;
  transform: translateX(-50%);
  width: 120%;
  height: 120%;
  background: radial-gradient(ellipse at top, color-mix(in srgb, var(--pri) 12%, transparent) 0%, transparent 60%);
  z-index: -1;
  pointer-events: none;
}
.hero-content {
  padding: 0;
}
.privacy-hero-grid {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: clamp(2rem, 4vw, 3rem);
  align-items: center;
}
.privacy-hero-main {
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.privacy-hero-panel {
  padding: 2rem;
  border-radius: 24px;
  background: color-mix(in srgb, var(--card-bg) 40%, transparent);
  border: 1px solid color-mix(in srgb, var(--border) 80%, rgba(255,255,255,0.15) 20%);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  box-shadow: 0 16px 40px color-mix(in srgb, var(--pri) 8%, transparent), inset 0 1px 0 rgba(255, 255, 255, 0.1);
  position: relative;
  overflow: hidden;
}
.privacy-hero-panel::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 40%;
  background: linear-gradient(180deg, color-mix(in srgb, var(--pri) 12%, transparent) 0%, transparent 100%);
  z-index: -1;
  pointer-events: none;
}
.panel,
.content-card {
  border: 1px solid var(--border);
  border-radius: 20px;
  background: var(--card);
  box-shadow: none;
  backdrop-filter: blur(6px);
}
h1, h2, h3, h4 {
  font-family: Poppins, sans-serif;
  line-height: 1.25;
  margin: 0;
}
h1 { font-size: clamp(2rem, 4vw, 3.05rem); margin-top: 0.5rem; }
.privacy-hero-main .hero-heading-line-accent {
  color: var(--pri);
}
.hero-copy { color: var(--muted); max-width: 68ch; }
.hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
  margin-top: 1rem;
}
.hero-primary-btn {
  border-radius: 999px;
  padding-inline: 1rem;
  gap: 0.4rem;
}
.hero-action-btn {
  inline-size: 2.5rem;
  block-size: 2.5rem;
  padding: 0;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.hero-action-btn i { font-size: 1rem; }
.hero-trust-row {
  margin-top: 1rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
}
.hero-trust-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.32rem;
  padding: 0.34rem 0.68rem;
  border-radius: 999px;
  font-size: 0.76rem;
  color: var(--muted);
  border: 1px solid var(--border);
  background: color-mix(in srgb, var(--card-bg) 80%, transparent);
}
.hero-trust-pill i {
  color: color-mix(in srgb, var(--pri) 76%, var(--text) 24%);
}
.privacy-hero-panel h2 {
  font-size: 1.25rem;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.privacy-hero-panel h2::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--pri);
  box-shadow: 0 0 10px var(--pri);
}
.hero-meta-grid {
  margin-top: 1.5rem;
}
.hero-signal-list {
  margin: 1.5rem 0 0;
  padding: 1.5rem 0 0;
  border-top: 1px solid color-mix(in srgb, var(--border) 60%, transparent);
  list-style: none;
  display: grid;
  gap: 0.8rem;
}
.hero-signal-list li {
  color: var(--text);
  font-size: 0.95rem;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.75rem;
  align-items: center;
}
.hero-signal-list i {
  color: var(--pri);
  background: color-mix(in srgb, var(--pri) 15%, transparent);
  padding: 0.25rem;
  border-radius: 50%;
  font-size: 1.05rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.meta-row {
  margin-top: 1.5rem;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.8rem;
}
.meta-row div {
  border-radius: 16px;
  padding: 1rem 0.5rem;
  border: 1px solid color-mix(in srgb, var(--border) 80%, rgba(255, 255, 255, 0.1) 20%);
  background: color-mix(in srgb, var(--card-bg) 60%, transparent);
  box-shadow: 0 4px 12px rgba(0,0,0,0.02);
  text-align: center;
  transition: transform 200ms ease, border-color 200ms ease, background-color 200ms ease;
}
.meta-row div:hover {
  transform: translateY(-2px);
  border-color: color-mix(in srgb, var(--pri) 40%, var(--border) 60%);
  background: color-mix(in srgb, var(--card-bg) 80%, transparent);
}
.meta-row div:first-child {
  border-left: 1px solid color-mix(in srgb, var(--border) 80%, rgba(255, 255, 255, 0.1) 20%);
  padding-left: 0.5rem;
}
.meta-row span {
  color: var(--muted);
  display: block;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 0.4rem;
}
.meta-row strong {
  display: block;
  font-size: 1.05rem;
  color: var(--text);
  font-weight: 600;
}

.overview-grid {
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  grid-template-rows: auto auto;
  gap: 1rem;
  margin-bottom: 1rem;
}
.overview-grid > :first-child {
  grid-row: span 2;
}
.panel { padding: 1.3rem; }
.panel-sub { color: var(--muted); margin: 0.45rem 0 0.9rem; }
.toc-list {
  margin: 0;
  padding-left: 1.15rem;
  columns: 2;
  gap: 1.4rem;
}
.toc-list li { margin-bottom: 0.36rem; }

.toc-list a:hover,
.toc-list a
.key-points ul,

.key-points ul li,
.policy-content ul li {
  display: list-item;
}
.key-points li { margin-bottom: 0.64rem; color: var(--muted); }
.key-points-note { margin-top: 0.9rem; }
.related { margin-bottom: 1rem; align-self: start; }
.related-links {
  display: flex;
  flex-wrap: wrap;
  gap: 0.7rem;
}

.scope { color: var(--muted); margin: 1rem 0 0; }
.related-links a:hover,
.related-links a

.policy-content {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 0.75rem;
}
.content-card {
  grid-column: span 12;
  padding: 1.05rem 1.1rem;
}
@media (min-width: 981px) {
  
  .privacy-content .content-card:nth-child(1) { grid-column: span 5; }
  .privacy-content .content-card:nth-child(2) { grid-column: span 7; }
  .privacy-content .content-card:nth-child(3) { grid-column: span 6; }
  .privacy-content .content-card:nth-child(4) { grid-column: span 6; }
  .privacy-content .content-card:nth-child(5) { grid-column: span 6; }
  .privacy-content .content-card:nth-child(6) { grid-column: span 6; }
  .privacy-content .content-card:nth-child(7) { grid-column: span 7; }
  .privacy-content .content-card:nth-child(8) { grid-column: span 5; }
  .privacy-content .content-card:nth-child(9) { grid-column: span 7; }
  .privacy-content .content-card:nth-child(10) { grid-column: span 5; }
  .privacy-content .content-card:nth-child(11) { grid-column: span 6; }
  .privacy-content .content-card:nth-child(12) { grid-column: span 6; }
  .privacy-content .content-card:nth-child(13) { grid-column: span 4; }
  .privacy-content .content-card:nth-child(14) { grid-column: span 4; }
  .privacy-content .content-card:nth-child(15) { grid-column: span 4; }
  .privacy-content .content-card:nth-child(16) { grid-column: span 7; }
  .privacy-content .content-card:nth-child(17) { grid-column: span 5; }

  
  .terms-content .content-card:nth-child(1) { grid-column: span 5; }
  .terms-content .content-card:nth-child(2) { grid-column: span 7; }
  .terms-content .content-card:nth-child(3) { grid-column: span 6; }
  .terms-content .content-card:nth-child(4) { grid-column: span 6; }
  .terms-content .content-card:nth-child(5) { grid-column: span 5; }
  .terms-content .content-card:nth-child(6) { grid-column: span 7; }
  .terms-content .content-card:nth-child(7) { grid-column: span 8; }
  .terms-content .content-card:nth-child(8) { grid-column: span 4; }
  .terms-content .content-card:nth-child(9) { grid-column: span 6; }
  .terms-content .content-card:nth-child(10) { grid-column: span 6; }
  .terms-content .content-card:nth-child(11) { grid-column: span 4; }
  .terms-content .content-card:nth-child(12) { grid-column: span 4; }
  .terms-content .content-card:nth-child(13) { grid-column: span 4; }
  .terms-content .content-card:nth-child(14) { grid-column: span 7; }
  .terms-content .content-card:nth-child(15) { grid-column: span 5; }
  .terms-content .content-card:nth-child(16) { grid-column: span 6; }
  .terms-content .content-card:nth-child(17) { grid-column: span 6; }
  .terms-content .content-card:nth-child(18) { grid-column: span 4; }
  .terms-content .content-card:nth-child(19) { grid-column: span 4; }
  .terms-content .content-card:nth-child(20) { grid-column: span 4; }
  .terms-content .content-card:nth-child(21) { grid-column: span 5; }
  .terms-content .content-card:nth-child(22) { grid-column: span 7; }
  .terms-content .content-card:nth-child(23) { grid-column: span 6; }
  .terms-content .content-card:nth-child(24) { grid-column: span 6; }

  
  .cookies-content .content-card:nth-child(1) { grid-column: span 5; }
  .cookies-content .content-card:nth-child(2) { grid-column: span 7; }
  .cookies-content .content-card:nth-child(3) { grid-column: span 6; }
  .cookies-content .content-card:nth-child(4) { grid-column: span 6; }
  .cookies-content .content-card:nth-child(5) { grid-column: span 7; }
  .cookies-content .content-card:nth-child(6) { grid-column: span 5; }
  .cookies-content .content-card:nth-child(7) { grid-column: span 4; }
  .cookies-content .content-card:nth-child(8) { grid-column: span 4; }
  .cookies-content .content-card:nth-child(9) { grid-column: span 4; }
  .cookies-content .content-card:nth-child(10) { grid-column: span 6; }
  .cookies-content .content-card:nth-child(11) { grid-column: span 6; }
  .cookies-content .content-card:nth-child(12) { grid-column: span 5; }
  .cookies-content .content-card:nth-child(13) { grid-column: span 7; }
  .cookies-content .content-card:nth-child(14) { grid-column: span 4; }
  .cookies-content .content-card:nth-child(15) { grid-column: span 4; }
  .cookies-content .content-card:nth-child(16) { grid-column: span 4; }
}
.content-card h3 {
  font-size: 1.13rem;
  margin-bottom: 0.5rem;
  padding-bottom: 0.35rem;
  border-bottom: 1px solid color-mix(in srgb, var(--border) 86%, transparent);
}
.content-card h4 {
  font-size: 0.99rem;
  margin-top: 0.9rem;
  margin-bottom: 0.35rem;
  color: color-mix(in srgb, var(--text) 90%, white 10%);
}
.content-card p,
.content-card li { color: var(--muted); margin: 0; }
.content-card p + p,
.content-card p + ul,
.content-card ul + p { margin-top: 0.62rem; }
.contact-grid {
  margin: 0.9rem 0 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(160px, 1fr));
  gap: 0.55rem;
}
.contact-grid div {
  border: 1px solid var(--border);
  background: color-mix(in srgb, var(--card-bg) 84%, transparent);
  border-radius: 10px;
  padding: 0.72rem;
}
.contact-grid dt {
  font-size: 0.82rem;
  color: var(--muted);
}
.contact-grid dd { margin: 0.24rem 0 0; }

@media (max-width: 980px) {
  .privacy-hero-grid,
  .overview-grid,
  .policy-content { grid-template-columns: 1fr; }
  .policy-utility-bar {
    margin-top: 0.75rem;
  }
  .privacy-hero-main,
  .privacy-hero-panel {
    border-radius: 0;
  }
  .hero-copy {
    max-width: 100%;
  }
  .overview-grid > :first-child,
  .content-card {
    grid-column: auto;
    grid-row: auto;
  }
  .toc-list { columns: 1; }
}

@media (max-width: 700px) {
  .meta-row,
  .contact-grid { grid-template-columns: 1fr; }
  .policy-utility-bar {
    align-items: flex-start;
    flex-direction: column;
    gap: 0.7rem;
  }
  .policy-utility-note {
    white-space: normal;
    margin-bottom: 0.2rem;
  }
  .panel,
  .content-card { border-radius: 15px; }
  .privacy-hero-main,
  .privacy-hero-panel {
    padding: 0;
  }
  .hero-actions {
    margin-top: 0.82rem;
  }
  .hero-actions .hero-action-btn {
    display: none;
  }
  .hero-actions .hero-action-btn:first-of-type {
    display: inline-flex;
  }
  .hero-trust-row,
  .hero-signal-list {
    display: none;
  }
}

@media (min-width: 1080px) {
  .overview-grid > :first-child {
    position: sticky;
    top: 6.4rem;
    align-self: start;
    max-height: calc(100vh - 7.8rem);
    overflow: auto;
  }

  .policy-content {
    gap: 0.95rem;
  }
}



}

/* --- PAGE: product --- */
.page-product {






html[data-theme="light"],
html[data-theme="system"].os-light{
  --bg:     #edf3fc;
  --bg2:    #F9FAFB;
  --bg3:    #e2ecf8;
  --surf:   rgba(0,0,0,.038);
  --surf2:  rgba(0,0,0,.072);
  --bdr:    rgba(0,0,0,.082);
  --bdr-hi: var(--pri-bdr);
  --text:   #121212;
  --muted:  #556070;
  --dim:    #94a3b8;
  --head:   #121212;
  --nav-bg: rgba(237,243,252,.92);
  --card-bg:#F9FAFB;
  --code-bg:#f8fafc;
  --code-border: rgba(15,23,42,.14);
  --code-toolbar-border: rgba(15,23,42,.10);
  --code-comment: #64748b;
  --code-keyword: #1d4ed8;
  --code-string: #0f766e;
  --code-number: #b45309;
  --code-operator: #be123c;
  --code-property: #0f172a;
  --sh:     0 1px 3px rgba(0,0,0,.06),0 8px 32px rgba(0,0,0,.08);
  --sh-pri: 0 8px 44px rgba(0,84,173,.32);
  --sm1:rgba(0,84,173,.07);
  --sm2:rgba(180,140,60,.05);
  --sm3:rgba(80,40,200,.04);
  --grad:linear-gradient(135deg,#0d1629 0%,var(--pri) 55%,var(--gold) 100%);
}






h1,h2,h3,h4{font-family:'Poppins',sans-serif;line-height:1.1}








body::after{
  content:'';position:fixed;inset:0;z-index:9998;pointer-events:none;opacity:.018;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}


.wrap{max-width:1240px;margin:0 auto;padding:0 40px}
@media(max-width:1024px){.wrap{padding:0 28px}}
@media(max-width:768px){.wrap{padding:0 20px}}


.pill{
  display:inline-flex;align-items:center;gap:7px;
  font-family:'Inter',sans-serif;font-size:10px;
  letter-spacing:.12em;text-transform:uppercase;
  color:var(--pri);background:var(--pri-lo);
  border:1px solid var(--pri-bdr);
  padding:5px 13px;border-radius:999px;
}
.pill .dot{width:5px;height:5px;border-radius:50%;background:var(--pri);animation:blink 2s ease-in-out infinite}
@keyframes blink{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.6)}}

.gt{color:var(--pri);background:none;-webkit-background-clip:initial;-webkit-text-fill-color:currentColor;background-clip:initial}

.btn{
  display:inline-flex;align-items:center;gap:8px;
  padding:11px 24px;border-radius:999px;
  font-size:13.5px;font-weight:600;letter-spacing:-.01em;white-space:nowrap;
  position:relative;overflow:hidden;
  transition:transform .22s var(--ease),box-shadow .22s ease,background .2s;
}
.btn::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.13) 0%,transparent 55%);pointer-events:none}
.btn i{font-size:17px;line-height:1}
.btn-p{background:var(--pri);color:#F9FAFB}
.btn-p:hover{box-shadow:var(--interactive-hover-shadow)}
.btn-o{background:transparent;color:var(--muted);border:1px solid var(--bdr)}
.btn-o:hover{background:var(--surf2);color:var(--text);border-color:var(--interactive-border-contrast)}
.btn-g{
  background:transparent;color:var(--head);
  border:1px solid var(--gold-lo);
  box-shadow:inset 0 0 0 1px rgba(204,221,239,.18);
}
.btn-g:hover{background:var(--gold-lo);border-color:rgba(204,221,239,.4);transform:translateY(calc(-1 * var(--interactive-hover-lift)))}

.sh2{font-size:clamp(28px,3.6vw,48px);font-weight:700;letter-spacing:-.034em;color:var(--head)}
.ss{font-size:15.5px;color:var(--muted);line-height:1.8;max-width:460px;margin-top:14px}


.rv { opacity: 1; transform: none; transition: none; }
.rv.in{opacity:1;transform:translateY(0)}
.d1{transition-delay:.10s}.d2{transition-delay:.20s}.d3{transition-delay:.30s}
.d4{transition-delay:.40s}.d5{transition-delay:.50s}


nav#mainNav{
  position:fixed;inset:0 0 auto;z-index:900;
  height:var(--nav-h);
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:0 40px;
  background:var(--nav-bg);
  backdrop-filter:blur(24px) saturate(1.6);
  -webkit-backdrop-filter:blur(24px) saturate(1.6);
  border-bottom:1px solid var(--bdr);
}
@media(max-width:1024px){nav#mainNav{padding:0 24px}}
@media(max-width:768px){nav#mainNav{padding:0 16px}}

.nav-logo{display:flex;align-items:center;gap:9px;flex-shrink:0;font-family:'Poppins',sans-serif;font-size:18px;font-weight:700;letter-spacing:-.03em;color:var(--text)}
.nav-links{display:flex;align-items:center;gap:2px;position:absolute;left:0;transform:none}

.nav-links a:hover{color:var(--text);background:var(--surf)}
@media(max-width:1024px){.nav-links{display:none}}
.nav-r{display:flex;align-items:center;gap:8px}
.nav-chip{display:flex;align-items:center;gap:7px;font-family:'Inter',sans-serif;font-size:10px;color:var(--muted);background:var(--surf);border:1px solid var(--bdr);padding:5px 12px;border-radius:999px}
.ndot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 7px var(--green);animation:blink 2s infinite}
@media(max-width:768px){.nav-chip{display:none}}

.ham{
  width:38px;height:38px;border-radius:11px;
  background:transparent;border:none;
  display:none;flex-direction:column;align-items:center;justify-content:center;gap:6px;
  transition:background .2s;-webkit-tap-highlight-color:transparent;
}
.ham span{display:block;height:2.5px;border-radius:2px;background:var(--text);transition:width .36s var(--ease),transform .36s var(--ease)}
.ham span:nth-child(1){width:24px}
.ham span:nth-child(2){width:24px}
.ham.open span:nth-child(1){width:24px;transform:translateY(4.25px) rotate(45deg)}
.ham.open span:nth-child(2){width:24px;transform:translateY(-4.25px) rotate(-45deg)}
@media(max-width:1024px){.ham{display:flex}}


.hero-product-new{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  padding:var(--page-hero-pad-y, clamp(56px, 7vw, 88px)) clamp(18px,4vw,60px);
  border-bottom:1px solid var(--bdr);
  background:
    radial-gradient(circle at 10% 6%,color-mix(in srgb,var(--pri) 15%,transparent) 0%,transparent 54%),
    radial-gradient(circle at 90% 95%,color-mix(in srgb,var(--gold) 20%,transparent) 0%,transparent 56%),
    linear-gradient(180deg,color-mix(in srgb,var(--bg2) 94%,var(--pri) 6%),var(--bg));
}

.orb{position:absolute;border-radius:50%;z-index:0;pointer-events:none;background:rgba(0,84,173,.16)}
.orb1{width:300px;height:300px;top:-96px;left:-84px;background:rgba(0,84,173,.12);filter:blur(2px)}
.orb2{width:220px;height:220px;top:26px;right:32px;background:rgba(0,84,173,.14);filter:blur(1px)}
.orb3{width:260px;height:260px;bottom:-120px;right:-70px;background:rgba(0,84,173,.08);filter:blur(2px)}

.product-intro-hero{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  width:100%;
  border-bottom:1px solid var(--bdr);
  background: linear-gradient(135deg, color-mix(in srgb, var(--pri) 15%, transparent) 0%, transparent 80%);
}

.product-intro-content{
  position:relative;
  z-index:1;
  padding:clamp(14px,1.8vw,24px) clamp(18px,4vw,60px) clamp(24px,3vw,36px);
}
.product-hero-district{
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:0;
  background:transparent;
  overflow:hidden;
}
.district-grid{position:absolute;inset:-8% -4%;display:block;opacity:.22;mix-blend-mode:screen}
.district-grid-major{
  background-image:
    linear-gradient(90deg,color-mix(in srgb,var(--pri) 20%,transparent) 1px,transparent 1px),
    linear-gradient(0deg,color-mix(in srgb,var(--pri) 20%,transparent) 1px,transparent 1px);
  background-size:88px 88px;
  mask-image:radial-gradient(circle at 52% 46%,#000 32%,transparent 92%);
}
.district-grid-minor{
  opacity:.18;
  background-image:
    linear-gradient(90deg,color-mix(in srgb,var(--gold) 24%,transparent) 1px,transparent 1px),
    linear-gradient(0deg,color-mix(in srgb,var(--gold) 24%,transparent) 1px,transparent 1px);
  background-size:32px 32px;
  mask-image:radial-gradient(circle at 44% 52%,#000 28%,transparent 88%);
}
.district-route{position:absolute;display:block;height:2px;background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--pri) 70%,#79b7ff) 18%,color-mix(in srgb,var(--pri) 36%,transparent) 78%,transparent 100%);filter:drop-shadow(0 0 8px color-mix(in srgb,var(--pri) 32%,transparent));opacity:.76}

.district-route-b{width:38%;bottom:28%;right:7%;transform:rotate(-14deg)}
.district-energy-orb,
.district-energy-ring,
.district-pulse,
.district-spark{
  position:absolute;
  pointer-events:none;
}
.district-energy-orb{
  border-radius:50%;
  filter:blur(.4px);
  mix-blend-mode:screen;
  animation:energyOrbFloat 13s ease-in-out infinite alternate;
}

.district-energy-orb-b{
  width:290px;
  height:290px;
  bottom:-140px;
  left:-94px;
  animation-duration:16s;
  animation-direction:alternate-reverse;
  background:radial-gradient(circle,color-mix(in srgb,var(--gold) 22%,#fff4b0) 0%,color-mix(in srgb,var(--gold) 10%,transparent) 50%,transparent 78%);
}
.district-energy-ring{
  border-radius:999px;
  border:1px solid color-mix(in srgb,var(--pri) 34%,transparent);
  box-shadow:0 0 28px color-mix(in srgb,var(--pri) 18%,transparent), inset 0 0 22px color-mix(in srgb,var(--pri) 9%,transparent);
  animation:energyRingSpin 20s linear infinite;
}

.district-energy-ring-b{
  width:260px;
  height:260px;
  right:4%;
  bottom:-128px;
  border-color:color-mix(in srgb,var(--gold) 34%,transparent);
  box-shadow:0 0 26px color-mix(in srgb,var(--gold) 18%,transparent), inset 0 0 16px color-mix(in srgb,var(--gold) 8%,transparent);
  animation-duration:24s;
  animation-direction:reverse;
}
.district-pulse{
  width:12px;
  height:12px;
  border-radius:50%;
  background:color-mix(in srgb,var(--pri) 80%,#ffffff);
  box-shadow:0 0 0 0 color-mix(in srgb,var(--pri) 36%,transparent);
  animation:energyPulse 3.2s ease-out infinite;
}

.district-pulse-b{bottom:30%;right:20%;animation-delay:1.1s}
.district-spark{
  width:2px;
  height:68px;
  border-radius:999px;
  background:linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--pri) 70%,#9ad1ff) 44%,transparent 100%);
  opacity:.52;
  animation:energySparkDrift 9s ease-in-out infinite;
}

.district-spark-b{top:22%;right:28%;height:92px;animation-delay:1.5s}
.district-spark-c{bottom:15%;left:58%;height:58px;animation-delay:3.2s}

@keyframes energyOrbFloat{
  0%{transform:translate3d(0,0,0) scale(1)}
  50%{transform:translate3d(-8px,12px,0) scale(1.03)}
  100%{transform:translate3d(12px,-8px,0) scale(.97)}
}
@keyframes energyRingSpin{
  from{transform:rotate(0deg)}
  to{transform:rotate(360deg)}
}
@keyframes energyPulse{
  0%{transform:scale(.8);opacity:.95;box-shadow:0 0 0 0 color-mix(in srgb,var(--pri) 42%,transparent)}
  70%{transform:scale(1);opacity:.26;box-shadow:0 0 0 20px color-mix(in srgb,var(--pri) 0%,transparent)}
  100%{transform:scale(.8);opacity:.12;box-shadow:0 0 0 0 color-mix(in srgb,var(--pri) 0%,transparent)}
}
@keyframes energySparkDrift{
  0%,100%{transform:translateY(-5px);opacity:.28}
  50%{transform:translateY(12px);opacity:.7}
}
.product-hero-top{
  position:relative;
  z-index:1;
  width:min(1240px,100%);
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);
  gap:clamp(20px,4vw,40px);
  padding:clamp(22px,3vw,40px) 0 0;
  align-items:center;
}
.product-hero-copy{
  min-width:0;
  padding:clamp(22px,3vw,36px) clamp(18px,2.3vw,28px) clamp(22px,3vw,34px) 0;
}
.product-intro-kicker{
  margin:0;
  font-size:11px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:color-mix(in srgb,var(--dim) 82%,var(--pri));
  font-weight:600;
}
.product-hero-copy h1{
  margin:12px 0 0;
  font-size:clamp(36px,5vw,60px);
  letter-spacing:-.033em;
  line-height:1.06;
  color:var(--head);
  text-wrap:balance;
}
.product-hero-copy h1 .product-intro-heading-primary,
.product-hero-copy h1 .product-intro-heading-accent{
  display:block;
}
.product-hero-copy h1 .product-intro-heading-primary{color:var(--head)}
.product-hero-copy h1 .product-intro-heading-accent{color:var(--pri)}
.product-intro-copy{
  margin:18px 0 0;
  max-width:54ch;
  color:var(--muted);
  font-size:16px;
  line-height:1.75;
}
.product-intro-actions{
  margin-top:32px;
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  align-items:center;
}
.product-intro-actions .btn{
  padding:12px 28px;
  font-size:14px;
}
.product-intro-actions .btn-outline-wide{
  border:1px solid color-mix(in srgb,var(--bdr) 70%,transparent);
  background:transparent;
  color:var(--text);
  font-weight:500;
  padding:12px 32px;
}
.product-intro-actions .btn-outline-wide:hover{
  background:var(--surf);
  border-color:var(--bdr-hi);
}

.product-hero-panel-wrapper{
  position:relative;
  z-index:2;
}

.mockup-window{
  background:var(--card-bg);
  border-radius:24px;
  border:1px solid color-mix(in srgb,var(--bdr) 70%,transparent);
  box-shadow:var(--sh-pri);
  overflow:hidden;
  display:flex;
  flex-direction:column;
  min-height:360px;
}
.mockup-header{
  display:flex;
  align-items:center;
  padding:14px 18px;
  background:color-mix(in srgb,var(--bg2) 80%,transparent);
  border-bottom:1px solid color-mix(in srgb,var(--bdr) 60%,transparent);
}
.mockup-dots{
  display:flex;
  gap:6px;
  width:60px;
}
.mdot{width:10px;height:10px;border-radius:50%;background:var(--dim);opacity:.4}
.mockup-url{
  flex-grow:1;
  max-width:320px;
  margin:0 auto;
  background:var(--surf);
  border:1px solid color-mix(in srgb,var(--bdr) 50%,transparent);
  border-radius:999px;
  padding:6px 14px;
  font-size:11px;
  color:var(--muted);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
}
.mockup-actions{
  width:60px;
  display:flex;
  justify-content:flex-end;
  gap:12px;
  color:var(--dim);
}


.mockup-title{
  font-family:'Poppins',sans-serif;
  font-size:36px;
  font-weight:700;
  letter-spacing:-.03em;
  color:var(--head);
}
.mockup-search-container{
  position:relative;
  width:100%;
  max-width:420px;
  z-index:2;
}
.mockup-search-bar{
  background:var(--card-bg);
  border:1px solid color-mix(in srgb,var(--bdr) 80%,transparent);
  border-radius:999px;
  padding:16px 24px;
  box-shadow:0 8px 24px rgba(0,0,0,.04);
  display:flex;
  align-items:center;
}
.search-placeholder{
  font-size:14px;
  color:var(--dim);
}
.mockup-floating-btn{
  position:absolute;
  right:8px;
  top:50%;
  transform:translateY(-50%);
  background:linear-gradient(135deg,var(--card-bg) 0%,color-mix(in srgb,var(--bg) 60%,transparent));
  border:1px solid var(--pri-bdr2);
  color:var(--head);
  font-size:13px;
  font-weight:600;
  padding:8px 16px;
  border-radius:999px;
  display:flex;
  align-items:center;
  gap:6px;
  box-shadow:0 4px 12px rgba(0,84,173,.15);
  cursor:pointer;
  transition:transform .2s var(--ease),box-shadow .2s;
}
.mockup-floating-btn:hover{
  transform:translateY(-50%) scale(1.02);
  box-shadow:0 6px 16px rgba(0,84,173,.2);
}
.mockup-floating-btn i{
  color:var(--pri);
  font-size:16px;
}
.mockup-suggest-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  width:100%;
  max-width:420px;
}
.mockup-s-card{
  background:color-mix(in srgb,var(--surf) 40%,transparent);
  border:1px solid color-mix(in srgb,var(--bdr) 40%,transparent);
  border-radius:16px;
  padding:12px 14px;
  display:flex;
  align-items:flex-start;
  gap:10px;
}
.mockup-s-card i{
  font-size:18px;
  color:var(--muted);
  margin-top:2px;
}
.ms-content{
  display:flex;
  flex-direction:column;
}
.ms-content strong{
  font-size:12px;
  color:var(--head);
  font-weight:600;
}
.ms-content span{
  font-size:11px;
  color:var(--muted);
  margin-top:2px;
}


.ph-cards-container{
  width:min(1240px,100%);
  margin:20px auto 20px;
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:16px;
}
.ph-cards-nav{
  flex-shrink:0;
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:space-between;
  width:100%;
  padding-bottom:8px;
}
.ph-cards-label{
  font-size:14px;
  font-weight:600;
  color:var(--text);
  white-space:nowrap;
  text-transform:uppercase;
  letter-spacing:0.05em;
}
.ph-nav-btns{
  display:flex;
  gap:8px;
  align-items:center;
  flex-shrink:0;
}
.ph-nav-btn{
  width:44px;
  height:44px;
  min-width:44px;
  min-height:44px;
  max-width:44px;
  max-height:44px;
  flex: 0 0 44px;
  aspect-ratio: 1;
  padding:0;
  border-radius:50%;
  background: linear-gradient(145deg, var(--surf), var(--bg));
  border:1px solid var(--bdr);
  color:var(--text);
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  box-shadow: 0 4px 12px rgba(0,0,0,0.04), inset 0 2px 4px rgba(255,255,255,0.4);
  transition:all .25s var(--ease);
}
.ph-nav-btn:hover{
  background: linear-gradient(145deg, var(--surf), var(--surf));
  border-color:var(--pri);
  color:var(--pri);
  box-shadow:0 8px 20px rgba(0,84,173,0.15), inset 0 2px 4px rgba(255,255,255,0.7);
  transform:translateY(-2px) scale(1.04);
}
.ph-nav-btn:active{
  transform:translateY(0) scale(0.98);
}
.ph-cards-scroll{
  display:flex;
  gap:12px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  scrollbar-width:none;
  padding-bottom:10px;
  -webkit-overflow-scrolling:touch;
}
.ph-cards-scroll::-webkit-scrollbar{
  display:none;
}
.ph-cards-fade{
  display:none;
}
.ph-card{
  flex:0 0 auto;
  width:300px;
  background: linear-gradient(150deg, color-mix(in srgb, var(--c-bg, var(--surf)) 35%, transparent), color-mix(in srgb, var(--c-bg, var(--surf)) 5%, transparent));
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  border:1px solid rgba(255,255,255,0.06);
  border-top:1px solid rgba(255,255,255,0.25);
  border-radius:24px;
  padding:20px;
  scroll-snap-align:start;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  transition:all .35s cubic-bezier(0.2, 0.8, 0.2, 1);
  text-decoration:none;
  color:inherit;
  box-shadow: 0 4px 12px rgba(0,0,0,0.02), inset 0 -2px 12px rgba(0,0,0,0.02);
}
.ph-card:hover{
  transform:translateY(-6px) scale(1.01);
  box-shadow: 0 16px 32px rgba(0,0,0,0.08), inset 0 2px 12px rgba(255,255,255,0.1);
  border:1px solid rgba(255,255,255,0.12);
  border-top:1px solid rgba(255,255,255,0.35);
}
.card-blue-1{--c-bg:color-mix(in srgb,var(--pri) 12%,var(--card-bg))}
.card-blue-2{--c-bg:color-mix(in srgb,var(--pri) 8%,var(--card-bg))}
.card-blue-3{--c-bg:color-mix(in srgb,var(--pri) 5%,var(--card-bg))}
.card-blue-4{--c-bg:color-mix(in srgb,var(--pri) 3%,var(--card-bg))}
.card-blue-5{--c-bg:color-mix(in srgb,var(--pri) 1%,var(--card-bg))}

.ph-c-text{
  display:flex;
  flex-direction:column;
}
.ph-c-text strong{
  font-size:14px;
  color:var(--head);
  font-weight:700;
  letter-spacing:-0.01em;
}
.ph-c-text span{
  font-size:12.5px;
  color:var(--muted);
  margin-top:3px;
}
.ph-c-mock{
  width:48px;
  height:48px;
  background: linear-gradient(145deg, rgba(255,255,255,0.7), rgba(255,255,255,0.3));
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border-radius:50%;
  border:1px solid rgba(255,255,255,0.5);
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow: 0 4px 12px rgba(0,0,0,0.05), inset 0 2px 4px rgba(255,255,255,0.8);
  transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  flex-shrink:0;
}
.ph-card:hover .ph-c-mock{
  transform: rotate(5deg) scale(1.08);
  box-shadow: 0 8px 16px rgba(0,84,173,.15), inset 0 2px 6px rgba(255,255,255,0.9);
  border-color: rgba(255,255,255,0.8);
}
.ph-c-mock i{
  font-size:20px;
  color:var(--pri);
  filter: drop-shadow(0 2px 4px rgba(0,84,173,0.3));
}

.hero-product-shell{
  position:relative;
  z-index:1;
  width:min(1120px,100%);
  margin:0 auto;
  display:grid;
  gap:clamp(18px,2.3vw,36px);
  grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);
  align-items:stretch;
}
.hero-product-col{min-width:0}
.hero-product-copy{display:flex;flex-direction:column;justify-content:center}

.hero-product-kicker{
  margin:0;
  font-size:11px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--dim);
  font-weight:600;
}
.hero-product-title{
  margin-top:16px;
  font-size:clamp(34px,4.9vw,68px);
  line-height:1.02;
  letter-spacing:-.034em;
  color:var(--head);
  text-wrap:balance;
}
.hero-product-sub{
  margin-top:18px;
  max-width:60ch;
  font-size:16px;
  color:var(--muted);
  line-height:1.78;
}

.feat-strip{margin-top:22px;display:flex;flex-wrap:wrap;justify-content:flex-start;gap:10px}
.feat-badge{
  display:inline-flex;align-items:center;gap:7px;
  font-size:11.5px;font-weight:600;letter-spacing:.01em;
  color:var(--muted);
  padding:9px 12px;border-radius:999px;
  border:1px solid color-mix(in srgb,var(--bdr) 92%,transparent);
  background:color-mix(in srgb,var(--surf) 90%,transparent);
}
.feat-badge i{font-size:13px;color:var(--pri)}

.hero-product-panel{
  align-self:stretch;
  border:1px solid color-mix(in srgb,var(--bdr) 90%,transparent);
  border-radius:24px;
  background:
    linear-gradient(150deg,color-mix(in srgb,var(--bg2) 95%,var(--pri) 5%),color-mix(in srgb,var(--bg) 94%,var(--pri) 6%));
  padding:clamp(18px,2vw,28px);
  display:flex;
  flex-direction:column;
  gap:16px;
}
.hero-panel-head h2{margin:6px 0 0;font-size:clamp(20px,2.2vw,30px);line-height:1.2;color:var(--head);letter-spacing:-.02em}
.hero-panel-kicker{margin:0;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}
.hero-panel-metrics{display:grid;gap:12px;grid-template-columns:1fr 1fr}
.hero-metric{
  border:1px solid color-mix(in srgb,var(--bdr) 88%,transparent);
  background:color-mix(in srgb,var(--surf) 86%,transparent);
  border-radius:16px;
  padding:14px 14px 13px;
}
.hero-metric-label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--dim);font-weight:600}
.hero-metric strong{display:block;margin-top:6px;font-size:24px;line-height:1.1;letter-spacing:-.02em;color:var(--text)}
.hero-metric p{margin:8px 0 0;font-size:12.5px;line-height:1.55;color:var(--muted)}
.hero-panel-foot{margin-top:auto;display:grid;gap:8px}
.hero-panel-foot span{
  display:inline-flex;align-items:center;gap:8px;
  font-size:12px;color:var(--muted);
  padding:9px 10px;border-radius:10px;
  background:color-mix(in srgb,var(--bg2) 70%,transparent);
  border:1px solid color-mix(in srgb,var(--bdr) 86%,transparent);
}
.hero-panel-foot i{font-size:14px;color:var(--pri)}



.product-intro-hero.rv{
  opacity:1;
  transform:none;
}

@media(max-width:980px){
  .product-hero-top{grid-template-columns:1fr; gap:32px;}
  .product-hero-copy{padding-right:0; max-width:680px;}
  .ph-cards-container{margin:32px auto 0;}
  .ph-cards-scroll{width:auto; padding-bottom:12px;}
  .ph-cards-fade{top:48px; bottom:12px;}
}

@media(max-width:960px){
  .hero-product-shell{grid-template-columns:1fr}
  .hero-product-sub{max-width:none}
  .hero-product-panel{max-width:680px}
}

@media(max-width:680px){
  .product-intro-content{padding:14px 16px 24px}
  .product-hero-district{inset:0}
  .district-route-b,.hero-signal-desktop-only,.hero-signal-mobile-hide,.product-hero-panel-wrapper{display:none}

  .district-spark-c{display:none}
  .product-hero-copy{padding:0}
  
  .product-hero-copy h1{font-size:clamp(27px,8vw,38px)}
  .product-intro-copy{font-size:15px;line-height:1.62}
  .product-intro-actions{flex-direction:column; align-items:stretch;}
  .product-intro-actions .btn{justify-content:center}

  .hero-product-new{padding:50px 16px 42px}
  .hero-product-title{font-size:clamp(30px,9.6vw,42px)}
  .hero-product-sub{font-size:15px;line-height:1.66}

  .hero-product-cta .btn{justify-content:center}
  .feat-strip{margin-top:18px;gap:8px}
  .feat-badge{padding:8px 11px;font-size:11px}
  .feat-badge-desktop-only{display:none}
  .feat-badge-mobile-hide{display:none}

  .hero-product-panel{display:none}
  .hero-panel-head h2{font-size:22px}
  .hero-panel-metrics{grid-template-columns:1fr}
  .hero-metric:nth-child(2){display:none}
  .hero-panel-foot span{font-size:11.5px;padding:8px 9px}

  .orb1{width:220px;height:220px;top:-90px;left:-96px}
  .orb2{width:170px;height:170px;top:28px;right:-46px}
  .orb3{width:180px;height:180px;bottom:-92px;right:-62px}
}

@media (prefers-reduced-motion:reduce){
  .district-energy-orb,
  .district-energy-ring,
  .district-pulse,
  .district-spark{
    animation:none !important;
  }
}


.product-content{
  padding-top:clamp(40px,5vw,76px);
}


.integ-band{
  padding:0 clamp(16px,3vw,32px);
  background:transparent;
}
.integ-band .wrap{
  background:var(--bg2);
  border:1px solid var(--bdr);
  border-radius:24px;
  padding:36px clamp(16px,2.6vw,34px);
}
.integ-inner{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.integ-copy{margin-top:16px;font-size:14px;color:var(--muted);line-height:1.8;max-width:840px}
@media(max-width:768px){
  .integ-band{padding:0 14px}
  .integ-band .wrap{border-radius:18px;padding:28px 16px}
}
.integ-label{
  font-family:'Inter',sans-serif;font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--dim);white-space:nowrap;
}
.integ-divider{width:1px;height:20px;background:var(--bdr);flex-shrink:0}
.integ-chips{display:flex;gap:8px;flex-wrap:wrap}
.ichip{
  display:flex;align-items:center;gap:7px;
  padding:7px 14px;border-radius:999px;
  background:var(--surf);border:1px solid var(--bdr);
  font-size:12.5px;font-weight:500;color:var(--muted);
  transition:border-color .2s,color .2s,background .2s;
}
.ichip:hover{border-color:var(--bdr-hi);color:var(--text);background:var(--surf2)}
.ichip i{font-size:15px;color:var(--pri)}


.wow-bento-sec{padding:120px 0}
@media(max-width:768px){.wow-bento-sec{padding:80px 0}}

.wow-bento-grid{
  display:grid;
  grid-template-columns: 1.1fr 1fr 1fr 1.1fr;
  align-items:stretch;
  grid-template-areas:
    "integration integration integration integration"
    "challenge challenge action action"
    "usecases usecases action action"
    "core efficiency efficiency shadow"
    "operator operator operator operator";
  gap:14px;
}


.wow-bento-grid .rv{
  opacity:1;
  transform:none;
  visibility:visible;
  pointer-events:auto;
}
@media(max-width:1100px){
  .wow-bento-grid{
    grid-template-columns:1fr 1fr;
    grid-template-areas:
      "integration integration"
      "challenge challenge"
      "action usecases"
      "core efficiency"
      "shadow shadow"
      "operator operator";
  }
}
@media(max-width:700px){
  .wow-bento-grid{
    grid-template-columns:1fr;
    grid-template-areas:
      "integration"
      "challenge"
      "efficiency"
      "shadow"
      "core"
      "action"
      "usecases"
      "operator";
  }
}

.wow-bento-grid > .wow-card{
  display:flex !important;
  visibility:visible !important;
  opacity:1 !important;
}

.wow-card{
  border:1px solid var(--bdr);
  border-radius:20px;
  padding:24px;
  background:var(--card-bg);
  position:relative;
  overflow:hidden;
  min-height:230px;
  height:100%;
  display:flex;
  flex-direction:column;
  gap:0;
}
.wow-card::after{content:none;}
@media(max-width:768px){.wow-card{padding:24px;min-height:initial}}

.card-challenge{grid-area:challenge}
.card-integration{grid-area:integration;min-height:initial}
.card-efficiency{grid-area:efficiency}
.card-shadow-mode{
  grid-area:shadow;
  background:
    radial-gradient(circle at 14% 16%,color-mix(in srgb,var(--pri) 16%,transparent) 0%,transparent 44%),
    var(--card-bg);
  border-color:color-mix(in srgb,var(--pri) 28%,var(--bdr));
}
.card-core{
  grid-area:core;
  background:var(--card-bg);
  border-color:color-mix(in srgb,var(--pri) 34%,var(--bdr));
}
.card-action{grid-area:action;background:var(--bg2);}
.card-usecases{
  grid-area:usecases;
}
.card-policy-engine{
  grid-area:operator;
  min-height:initial;
  border-color:color-mix(in srgb,var(--pri) 34%,var(--bdr));
  background:
    radial-gradient(circle at 88% 20%,color-mix(in srgb,var(--pri) 18%,transparent) 0%,transparent 36%),
    var(--card-bg);
}
.wc-policy-tags{
  margin-top:18px;
}

.wc-sup{font-family:'Inter',sans-serif;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin-bottom:10px}
.wc-h{font-family:'Poppins',sans-serif;font-size:var(--type-card-title);font-weight:700;letter-spacing:-.015em;line-height:1.2;color:var(--head);margin-bottom:12px}

.wc-inline-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.wc-inline-tags span{display:inline-flex;align-items:center;gap:7px;font-size:11px;padding:7px 10px;border-radius:999px;border:1px solid var(--bdr);background:var(--surf)}
.wc-inline-tags i{color:var(--pri);font-size:13px}

.wc-body-tight{margin-top:12px}
.wc-risk-grid{
  margin-top:16px;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:10px;
}
@media(max-width:700px){.wc-risk-grid{grid-template-columns:1fr}}
.wc-risk-card{
  border:1px solid var(--bdr);
  border-radius:12px;
  padding:12px;
  padding-bottom:14px;
  background:var(--surf);
  position:relative;
  overflow:hidden;
}
.wc-risk-card h3{
  margin:0 0 6px;
  display:flex;
  align-items:center;
  gap:6px;
  font:600 13px/1.4 'Inter',sans-serif;
  color:var(--head);
}
.wc-risk-card h3 i{font-size:13px;color:var(--pri)}
.wc-risk-card p{margin:0;font-size:11.5px;line-height:1.6;color:var(--muted)}
.wc-card-eyebrow{
  display:inline-flex;
  align-items:center;
  margin-bottom:8px;
  padding:4px 8px;
  border-radius:999px;
  border:1px solid color-mix(in srgb,var(--bdr-hi) 70%,transparent);
  background:color-mix(in srgb,var(--bg2) 82%,transparent);
  font:600 9px/1 'Inter',sans-serif;
  letter-spacing:.11em;
  text-transform:uppercase;
  color:var(--dim);
}
.wc-card-watermark{
  position:absolute;
  right:-8px;
  bottom:-10px;
  font-size:42px;
  line-height:1;
  opacity:.16;
  pointer-events:none;
}
.wc-card-watermark i{display:block}

.wc-risk-availability{
  border-color:color-mix(in srgb,var(--pri) 32%,var(--bdr));
  background:color-mix(in srgb,var(--pri) 9%,var(--surf));
}
.wc-risk-pricing{
  border-color:color-mix(in srgb,var(--gold) 40%,var(--bdr));
  background:color-mix(in srgb,var(--gold) 10%,var(--surf));
}
.wc-risk-reliability{
  border-color:color-mix(in srgb,var(--sm1) 44%,var(--bdr));
  background:color-mix(in srgb,var(--sm1) 14%,var(--surf));
}
.wc-risk-availability .wc-card-watermark{color:color-mix(in srgb,var(--pri) 72%,var(--head) 28%)}
.wc-risk-pricing .wc-card-watermark{color:color-mix(in srgb,var(--gold) 76%,var(--head) 24%)}
.wc-risk-reliability .wc-card-watermark{color:color-mix(in srgb,var(--sm1) 74%,var(--head) 26%)}

.wc-points{margin-top:18px;display:flex;flex-direction:column;gap:10px;color:var(--muted);font-size:12.5px;line-height:1.6;}
.wc-points li{display:flex;align-items:flex-start;gap:8px;}
.wc-points i{color:var(--pri);font-size:16px;margin-top:1px;flex-shrink:0;}
.wc-points strong{color:var(--head);font-weight:600}

.wc-core-flow{
  display:grid;
  gap:10px;
  margin-top:18px;
}
.wc-core-step{
  display:grid;
  grid-template-columns:auto auto minmax(0,1fr);
  align-items:center;
  column-gap:10px;
  padding:12px 13px;
  border-radius:12px;
  border:1px solid color-mix(in srgb,var(--pri) 35%,var(--bdr));
  background:color-mix(in srgb,var(--bg2) 84%,transparent);
  color:var(--muted);
  font-size:12px;
}
.wc-core-chip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:4px 7px;
  border-radius:999px;
  background:var(--pri-lo);
  border:1px solid var(--pri-bdr);
  color:var(--pri);
  font-family:'Inter',sans-serif;
  font-size:9px;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.wc-core-step i{
  width:24px;
  height:24px;
  border-radius:7px;
  display:grid;
  place-items:center;
  background:color-mix(in srgb,var(--pri) 24%,transparent);
  color:var(--head);
  font-size:13px;
}

.wc-stats{display:flex;flex-direction:column;gap:10px;margin-top:18px}
.wc-stats div{padding:12px 14px;border-radius:10px;border:1px solid color-mix(in srgb,var(--pri) 30%,var(--bdr));background:color-mix(in srgb,var(--bg2) 84%,transparent);font-size:12px;color:var(--muted)}
.wc-stats span{display:block;font-family:'Poppins',sans-serif;font-size:20px;line-height:1;color:var(--head);font-weight:800;margin-bottom:4px}
.card-action .cw pre{
  font-size:clamp(10px,1.1vw,11.5px);
  line-height:1.75;
  overflow-x:auto;
}
@media(max-width:768px){
  .card-action .cw pre{
    white-space:pre-wrap;
    overflow-wrap:anywhere;
    word-break:break-word;
    padding:13px 14px;
  }
}

.wc-usecase-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:18px;
  flex:1;
}
.wc-usecase-card:nth-child(3){
  grid-column: 1 / -1;
}
@media(max-width:600px){
  .wc-usecase-grid{
    grid-template-columns:1fr;
  }
}
.wc-usecase-card{
  height:100%;
  padding:16px;
  border-radius:12px;
  border:1px solid var(--bdr);
  background:var(--card-bg);
  position:relative;
  overflow:hidden;
}
.wc-usecase-card > i{
  font-size:15px;
  color:color-mix(in srgb,var(--gold) 70%,var(--pri) 30%);
  position:relative;
  z-index:1;
}
.wc-usecase-card h3{
  margin-top:8px;
  font-family:'Poppins',sans-serif;
  font-size:20px;
  font-weight:800;
  letter-spacing:-.02em;
  line-height:1.1;
  color:var(--head);
  position:relative;
  z-index:1;
}
.wc-usecase-card p{
  margin-top:4px;
  font-size:11.5px;
  line-height:1.55;
  color:var(--muted);
  position:relative;
  z-index:1;
}
.wc-usecase-card .wc-card-eyebrow{
  margin-bottom:10px;
  text-transform:none;
  letter-spacing:.02em;
  gap:6px;
  position:relative;
  z-index:1;
}
.wc-usecase-card .wc-card-eyebrow i{
  font-size:11px;
  color:inherit;
}
.wc-usecase-card .wc-card-watermark{
  right:-10px;
  bottom:-12px;
  font-size:46px;
}
.wc-usecase-leads{
  border-color:color-mix(in srgb,var(--pri) 32%,var(--bdr));
  background:color-mix(in srgb,var(--pri) 13%,var(--card-bg));
}
.wc-usecase-ops{
  border-color:color-mix(in srgb,var(--sm1) 38%,var(--bdr));
  background:color-mix(in srgb,var(--sm1) 13%,var(--card-bg));
}
.wc-usecase-enterprise{
  border-color:color-mix(in srgb,var(--gold) 38%,var(--bdr));
  background:color-mix(in srgb,var(--gold) 11%,var(--card-bg));
}
.wc-usecase-leads .wc-card-watermark{color:color-mix(in srgb,var(--pri) 74%,var(--head) 26%)}
.wc-usecase-ops .wc-card-watermark{color:color-mix(in srgb,var(--sm1) 72%,var(--head) 28%)}
.wc-usecase-enterprise .wc-card-watermark{color:color-mix(in srgb,var(--gold) 80%,var(--head) 20%)}


.shadow-mode-sec{
  padding:0 0 120px;
}
@media(max-width:768px){.shadow-mode-sec{padding-bottom:80px}}

.shadow-shell{
  border:1px solid color-mix(in srgb,var(--pri) 34%,var(--bdr));
  border-radius:28px;
  padding:28px;
  background:
    radial-gradient(circle at 9% 12%,color-mix(in srgb,var(--pri) 16%,transparent) 0%,transparent 38%),
    radial-gradient(circle at 91% 86%,color-mix(in srgb,var(--gold) 14%,transparent) 0%,transparent 42%),
    linear-gradient(154deg,color-mix(in srgb,var(--bg3) 90%,var(--pri) 10%),var(--card-bg));
  position:relative;
  overflow:hidden;
}
.shadow-shell::before,
.shadow-shell::after{
  content:'';
  position:absolute;
  pointer-events:none;
}
.shadow-shell::before{
  inset:18px;
  border-radius:20px;
  border:1px dashed color-mix(in srgb,var(--pri) 30%,transparent);
  opacity:.45;
}
.shadow-shell::after{
  width:250px;
  height:250px;
  right:-86px;
  top:-88px;
  border-radius:50%;
  background:radial-gradient(circle,color-mix(in srgb,var(--gold) 34%,transparent) 0%,transparent 68%);
}

.shadow-head{position:relative;z-index:1;max-width:860px}
.shadow-chip{
  width:max-content;
  display:inline-flex;
  align-items:center;
  gap:8px;
  border-radius:999px;
  padding:7px 14px;
  font:600 10px/1 'Inter',sans-serif;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--pri);
  background:color-mix(in srgb,var(--pri) 14%,transparent);
  border:1px solid color-mix(in srgb,var(--pri) 42%,var(--bdr));
}
.shadow-chip i{font-size:14px}
.shadow-head h2{
  margin-top:14px;
  font-size:clamp(24px,2.8vw,37px);
  font-weight:800;
  letter-spacing:-.03em;
  color:var(--head);
  line-height:1.17;
  text-wrap:balance;
}
.shadow-head p{
  margin-top:14px;
  font-size:13.5px;
  line-height:1.75;
  color:color-mix(in srgb,var(--text) 74%,var(--muted));
  max-width:760px;
}
.shadow-head p strong{color:var(--head)}

.shadow-grid{
  margin-top:26px;
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);
  gap:16px;
  position:relative;
  z-index:1;
}
@media(max-width:1020px){.shadow-grid{grid-template-columns:1fr}}

.shadow-story,
.shadow-compare{
  border-radius:18px;
  border:1px solid color-mix(in srgb,var(--pri) 30%,var(--bdr));
  background:color-mix(in srgb,var(--bg2) 90%,transparent);
  backdrop-filter:blur(2px);
}

.shadow-story{padding:16px;display:grid;gap:11px;align-content:start}
.shadow-mode-card{
  padding:16px;
  border:1px solid color-mix(in srgb,var(--pri) 24%,var(--bdr));
  border-radius:13px;
  background:var(--card-bg);
}
.shadow-mode-card.operator-mode{
  border-color:color-mix(in srgb,var(--gold) 36%,var(--bdr));
  background:color-mix(in srgb,var(--gold) 16%,var(--card-bg));
}
.shadow-mode-label{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:5px 10px;
  border-radius:999px;
  font:600 10px/1 'Inter',sans-serif;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--pri);
  border:1px solid color-mix(in srgb,var(--pri) 38%,var(--bdr));
  background:color-mix(in srgb,var(--pri) 10%,transparent);
}
.operator-mode .shadow-mode-label{
  color:color-mix(in srgb,var(--gold) 72%,var(--head));
  border-color:color-mix(in srgb,var(--gold) 45%,var(--bdr));
  background:color-mix(in srgb,var(--gold) 14%,transparent);
}
.shadow-mode-label i{font-size:13px}
.shadow-mode-card h3{
  margin-top:10px;
  font-family:'Poppins',sans-serif;
  font-size:16px;
  letter-spacing:-.02em;
  color:var(--head);
  line-height:1.35;
}
.shadow-mode-card p{
  margin-top:7px;
  font-size:12.4px;
  line-height:1.65;
  color:var(--muted);
}

.shadow-cap-list{
  margin:2px 0 0;
  padding:0;
  list-style:none;
  display:grid;
  gap:9px;
}
.shadow-cap-list li{
  display:grid;
  grid-template-columns:18px minmax(0,1fr);
  gap:10px;
  align-items:flex-start;
  padding:11px 12px;
  border:1px solid var(--bdr);
  border-radius:11px;
  background:var(--surf);
}
.shadow-cap-list li i{font-size:14px;color:var(--pri);margin-top:1px}
.shadow-cap-list li span{font-size:11.9px;line-height:1.55;color:var(--muted)}

.shadow-compare{padding:16px;display:grid;gap:12px;align-content:start}
.shadow-trace-head{display:grid;gap:5px}
.shadow-trace-head span{
  font-size:10px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--dim);
}
.shadow-trace-head strong{
  font:600 12px/1.35 'Inter',sans-serif;
  color:var(--head);
}
.shadow-trace-list{
  margin:0;
  padding:0;
  list-style:none;
  display:grid;
  gap:9px;
}
.shadow-trace-list li{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:11px;
  padding:12px;
  border-radius:12px;
  border:1px solid var(--bdr);
  background:linear-gradient(155deg,color-mix(in srgb,var(--card-bg) 90%,var(--bg3) 10%),var(--card-bg));
}
.trace-time{font:500 11px/1 'Inter',sans-serif;color:var(--pri);margin-top:2px}
.shadow-trace-list li strong{
  display:block;
  font-family:'Poppins',sans-serif;
  font-size:12.5px;
  letter-spacing:-.01em;
  color:var(--head);
}
.shadow-trace-list li p{margin-top:4px;font-size:11.5px;line-height:1.6;color:var(--muted)}

.shadow-kpi-grid{display:grid;gap:9px}
.shadow-kpi{
  padding:12px 13px;
  border-radius:11px;
  border:1px solid color-mix(in srgb,var(--pri) 20%,var(--bdr));
  background:var(--surf);
}
.shadow-kpi span{display:block;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}
.shadow-kpi strong{display:block;margin-top:6px;font-family:'Poppins',sans-serif;font-size:22px;line-height:1;letter-spacing:-.02em;color:var(--head)}
.shadow-kpi small{display:block;margin-top:5px;font-size:11.3px;line-height:1.45;color:var(--muted)}

.shadow-promote{
  margin-top:2px;
  width:100%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:46px;
  border-radius:11px;
  border:1px solid color-mix(in srgb,var(--pri) 36%,var(--bdr));
  background:color-mix(in srgb,var(--pri) 20%,transparent);
  color:var(--head);
  font:600 12.5px/1.2 'Inter',sans-serif;
  letter-spacing:.01em;
  transition:transform .2s var(--ease),border-color .2s ease,background .2s ease;
}
.shadow-promote:hover{
  transform:translateY(calc(-1 * var(--interactive-hover-lift)));
  border-color:color-mix(in srgb,var(--pri) 56%,var(--bdr));
  background:color-mix(in srgb,var(--pri) 28%,transparent);
}
.shadow-promote i{font-size:15px;color:var(--pri)}

@media(max-width:640px){
  .shadow-shell{padding:22px}
  .shadow-mode-card h3{font-size:15px}
}


.cost-sec{padding:0 0 120px}
@media(max-width:768px){.cost-sec{padding-bottom:80px}}

.cost-grid{
  display:grid;grid-template-columns:7fr 5fr;gap:1px;
  background:var(--bdr);border:1px solid var(--bdr);
  border-radius:var(--r-xl);overflow:hidden;
}
@media(max-width:1000px){.cost-grid{grid-template-columns:1fr}}

.cost-left{background:var(--card-bg);padding:24px;position:relative;overflow:hidden}
@media(max-width:1100px){.cost-left{padding:24px}}
@media(max-width:768px){.cost-left{padding:24px}}

.cost-left::after{
  content:'';position:absolute;top:-80px;left:-80px;
  width:340px;height:340px;border-radius:50%;
  background:radial-gradient(circle,var(--sm1) 0%,transparent 65%);pointer-events:none;
}

.cg-sup{font-family:'Inter',sans-serif;font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:var(--dim);margin-bottom:12px;position:relative;z-index:1}
.cg-h{font-family:'Poppins',sans-serif;font-size:clamp(22px,2.8vw,36px);font-weight:800;letter-spacing:-.034em;color:var(--head);margin-bottom:12px;position:relative;z-index:1}

.attrib-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;position:relative;z-index:1}
@media(max-width:600px){.attrib-grid{grid-template-columns:1fr}}
.attr{
  padding:18px;border-radius:12px;
  background:var(--surf);border:1px solid var(--bdr);
  transition:border-color .2s,background .2s;
}
.attr:hover{border-color:var(--bdr-hi);background:var(--surf2)}
.attr-ico{font-size:20px;color:var(--pri);margin-bottom:10px;display:block}
.attr-t{font-family:'Poppins',sans-serif;font-size:12.5px;font-weight:700;color:var(--head);margin-bottom:4px}
.attr-d{font-size:11.5px;color:var(--muted);line-height:1.55}


.cost-right{
  background:linear-gradient(160deg,color-mix(in srgb,var(--card-bg) 88%,var(--bg3) 12%),var(--card-bg));padding:24px;
  display:flex;flex-direction:column;justify-content:space-between;
  position:relative;overflow:hidden;
}
@media(max-width:1100px){.cost-right{padding:24px}}
@media(max-width:768px){.cost-right{padding:24px}}

.cost-right::before{
  content:'';position:absolute;top:-100px;right:-100px;
  width:400px;height:400px;border-radius:50%;
  background:radial-gradient(circle,var(--sm1) 0%,transparent 65%);pointer-events:none;
}
.cost-right::after{
  content:'';position:absolute;inset:0;
  background:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  opacity:.04;pointer-events:none;
}

.cr2-sup{font-family:'Inter',sans-serif;font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:var(--dim);margin-bottom:10px;position:relative;z-index:1}
.cr2-h{font-family:'Poppins',sans-serif;font-size:clamp(22px,2.4vw,30px);font-weight:800;letter-spacing:-.034em;color:var(--head);line-height:1.1;margin-bottom:14px;position:relative;z-index:1}

.prod-checks{display:flex;flex-direction:column;gap:9px;margin-bottom:32px;position:relative;z-index:1}
.pcheck{
  display:flex;align-items:center;gap:11px;
  padding:11px 14px;border-radius:10px;
  background:var(--surf);
  border:1px solid var(--bdr);
  font-size:13px;color:var(--text);font-weight:500;
}
.pcheck i{font-size:16px;color:var(--pri)}

.access-btn{
  display:flex;align-items:center;justify-content:center;gap:9px;
  width:100%;padding:15px 28px;border-radius:11px;
  background:var(--pri);color:#F9FAFB;
  font-family:'Poppins',sans-serif;font-size:14.5px;font-weight:700;
  letter-spacing:-.01em;
  transition:box-shadow .22s,transform .22s var(--ease),background .2s ease;
  position:relative;z-index:1;overflow:hidden;
}
.access-btn::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.13) 0%,transparent 55%);pointer-events:none}
.access-btn:hover{background:var(--pri-d);box-shadow:var(--sh-pri);transform:translateY(calc(-1 * var(--interactive-hover-lift)))}
.access-btn i{font-size:18px}







.ft-col-h{display:flex;align-items:center;gap:7px;font-family:'Inter',sans-serif;font-size:9px;text-transform:uppercase;letter-spacing:.15em;color:var(--dim);margin-bottom:20px}
.ft-links{display:flex;flex-direction:column;gap:12px}

.ft-links a i{font-size:12px;opacity:0;color:var(--pri);transition:opacity .15s}
.ft-links a:hover{color:var(--text)}
.ft-links a:hover i{opacity:1}

.ft-nl-bare{padding:32px 0;border-top:1px solid var(--bdr);margin-top:44px;display:flex;justify-content:center}
.nl-group{display:flex;align-items:stretch;background:var(--bg2);border:1px solid var(--bdr);border-radius:999px;overflow:hidden;transition:border-color .2s,box-shadow .2s;width:100%;max-width:380px}
.nl-group:focus-within{border-color:var(--bdr-hi);box-shadow:0 0 0 3px var(--pri-lo)}
.nl-group input{flex:1;min-width:0;padding:11px 18px;font-size:13px;color:var(--text);font-family:'Inter',sans-serif;background:transparent;border:none;outline:none}
.nl-group input::placeholder{color:var(--dim)}

.nl-group button::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.13) 0%,transparent 55%);pointer-events:none}
.nl-group button:hover{background:var(--pri-d)}
.nl-group button i{font-size:15px}
@media(max-width:640px){.nl-group{max-width:100%}.ft-nl-bare{justify-content:stretch}}

.ft-btm{margin-top:44px;padding:20px 0;border-top:1px solid var(--ft-border);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
@media(max-width:900px){.ft-btm{flex-direction:column;align-items:flex-start;gap:14px}}
.ft-copy{font-size:12px;color:var(--dim)}

.ft-socs{display:flex;gap:7px}
.fsoc{width:32px;height:32px;border-radius:8px;background:var(--surf);border:1px solid var(--bdr);display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:15px;transition:background .2s,color .2s,border-color .2s,transform .2s}
.fsoc:hover{background:var(--pri-lo);color:var(--pri);border-color:var(--pri-bdr);transform:translateY(calc(-1 * var(--interactive-hover-lift)))}

.ft-status-chip{display:inline-flex;align-items:center;gap:7px;font-family:'Inter',sans-serif;font-size:10px;color:var(--muted)}
.ft-legal{display:flex;gap:18px;flex-wrap:wrap}

.ft-legal a:hover{color:var(--muted)}


.theme-sw{position:relative;display:inline-flex}
.tsw-btn{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:9px;background:var(--surf);border:1px solid var(--bdr);font-size:12.5px;font-weight:500;color:var(--muted);transition:background .2s,border-color .2s;cursor:pointer}
.tsw-btn:hover{background:var(--surf2);border-color:var(--bdr-hi);color:var(--text)}
.tsw-btn i{font-size:16px}
.tsw-btn .caret{font-size:12px;margin-left:2px;transition:transform .25s var(--ease)}
.theme-sw.open .tsw-btn .caret{transform:rotate(180deg)}
.tsw-panel{position:absolute;bottom:calc(100% + 8px);left:0;min-width:160px;background:var(--card-bg);border:1px solid var(--bdr);border-radius:12px;padding:6px;box-shadow:0 -8px 32px rgba(0,0,0,.28);opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .22s var(--ease),transform .22s var(--ease);z-index:200}
.theme-sw.open .tsw-panel{opacity:1;pointer-events:auto;transform:translateY(0)}
.tsw-opt{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;font-size:13px;font-weight:500;color:var(--muted);cursor:pointer;transition:background .15s,color .15s}
.tsw-opt:hover{background:var(--surf2);color:var(--text)}
.tsw-opt.active{background:var(--pri-lo);color:var(--pri)}
.tsw-opt i{font-size:16px;color:var(--dim);width:18px;text-align:center}

.ft-badges{display:flex;align-items:stretch;gap:4px;padding:20px 40px;border-top:1px solid var(--ft-border);flex-wrap:wrap}
@media(max-width:768px){.ft-badges{padding:20px;justify-content:center}}
.ftb-compatible{display:inline-flex;align-items:stretch;border:1px solid var(--bdr);border-radius:12px;overflow:hidden;background:var(--surf);transition:border-color .22s,background .22s}
.ftb-compatible:hover{border-color:var(--pri-bdr);background:var(--pri-lo)}
.ftb-compatible-inner{display:flex;align-items:center;gap:12px;padding:12px 20px 12px 16px;width:100%}
.ftb-brand{font-family:'Poppins',sans-serif;font-size:13px;font-weight:700;color:var(--head);letter-spacing:-.02em;line-height:1}
.ftb-mark{font-family:'Inter',sans-serif;font-size:9.5px;letter-spacing:.06em;color:var(--pri);text-transform:uppercase}
.ftb-eem{display:inline-flex;align-items:center;justify-content:center;aspect-ratio:1;background:#121212;border-radius:14px;border:1px solid rgba(255,255,255,.10);overflow:hidden;transition:transform .22s var(--ease);flex-shrink:0;min-width:64px}
.ftb-eem:hover{transform:translateY(calc(-1 * var(--interactive-hover-lift)))}
.ftb-eem img{width:40px;height:40px;object-fit:contain;display:block}

.ft-notice{background:var(--bg3);border-top:1px solid var(--ft-border);padding:13px 40px;text-align:justify;font-size:11px;color:var(--dim);line-height:1.7}
@media(max-width:768px){.ft-notice{padding:13px 20px}}


.drw-overlay{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);opacity:0;pointer-events:none;transition:opacity .38s ease}
.drw-overlay.open{opacity:1;pointer-events:auto}
.drw{position:fixed;top:0;right:0;bottom:0;z-index:1001;width:320px;max-width:90vw;background:var(--card-bg);border-left:1px solid var(--bdr);display:flex;flex-direction:column;transform:translateX(110%);transition:transform .44s var(--ease);overflow:hidden}
.drw.open{transform:translateX(0)}
.drw::before{content:'';position:absolute;top:0;left:0;bottom:0;width:2px;z-index:3;background:linear-gradient(180deg,transparent,var(--pri) 35%,var(--gold) 70%,transparent);opacity:.7}
.drw-header{height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid var(--bdr);background:var(--nav-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);flex-shrink:0}
.drw-close{width:34px;height:34px;border-radius:10px;background:var(--surf);border:1px solid var(--bdr);display:flex;align-items:center;justify-content:center;color:var(--dim);font-size:17px;transition:background .2s,color .2s;cursor:pointer}
.drw-close:hover{background:rgba(239,68,68,.12);color:var(--red)}

.drw-nav{padding:0 16px;display:flex;flex-direction:column;gap:2px}

.drw-nav a i{font-size:19px;color:var(--dim);transition:color .15s}
.drw-nav a:hover{background:var(--surf2);color:var(--text)}
.drw-nav a:hover i{color:var(--pri)}
.drw-line{height:1px;background:var(--bdr);margin:16px 28px}
.drw-foot{padding:20px 28px 24px;border-top:1px solid var(--bdr);flex-shrink:0}
.drw-socials{display:flex;gap:7px;margin-bottom:16px}
.drw-theme-toggle{
  width:100%;display:flex;align-items:center;justify-content:center;gap:8px;
  margin-bottom:16px;padding:10px 12px;border-radius:10px;border:1px solid var(--bdr);
  background:var(--surf);color:var(--text);font:600 12px/1.3 'Inter',sans-serif;
}
.drw-theme-toggle:hover{border-color:var(--pri-bdr);background:var(--pri-lo);color:var(--pri)}
.dsoc{width:34px;height:34px;border-radius:9px;background:var(--surf);border:1px solid var(--bdr);display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:16px;transition:background .2s,color .2s}
.dsoc:hover{background:var(--pri-lo);color:var(--pri);border-color:var(--pri-bdr)}

.drw-cta::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.14) 0%,transparent 60%);pointer-events:none}
.drw-cta:hover{box-shadow:var(--interactive-hover-shadow);transform:translateY(calc(-1 * var(--interactive-hover-lift)))}


.skip-link{position:fixed;top:-100%;left:0;transform:none;z-index:99999;padding:12px 28px;border-radius:0 0 12px 12px;background:var(--pri);color:#F9FAFB;font-family:'Poppins',sans-serif;font-size:14px;font-weight:700;transition:top .18s ease;box-shadow:0 4px 20px rgba(0,84,173,.5)}
.skip-link:focus{top:0}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}


@media(max-width:768px){
  .btn{min-height:46px}
  .ham,.tsw-btn{min-height:44px}

}


@media(prefers-reduced-motion:reduce){
  
  .rv{opacity:1!important;transform:none!important}
  .rv.in{opacity:1;transform:none}
}




}

/* --- PAGE: start --- */
.page-start {




html[data-theme="light"],
html[data-theme="system"].os-light {
  --bg:       #edf3fc;
  --bg2:      #F9FAFB;
  --bg3:      #e2ecf8;
  --surf:     rgba(0,0,0,.038);
  --surf2:    rgba(0,0,0,.072);
  --bdr:      rgba(0,0,0,.082);
  --bdr-hi:   var(--pri-bdr);
  --text:     #121212;
  --muted:    #556070;
  --dim:      #94a3b8;
  --head:     #121212;
  --nav-bg:   rgba(237,243,252,.92);
  --drw-bg:   #F9FAFB;
  --card-bg:  #F9FAFB;
  --code-bg:  #121212;
  --sh:       0 1px 3px rgba(0,0,0,.06),0 8px 32px rgba(0,0,0,.08);
  --sh-pri:   0 8px 44px rgba(0,84,173,.32);
  --sm1: rgba(0,84,173,.07);
  --sm2: rgba(180,140,60,.05);
  --sm3: rgba(80,40,200,.04);
  --grad: linear-gradient(135deg,#0d1629 0%,var(--pri) 55%,var(--gold) 100%);
  --hero-orb1: rgba(0,84,173,.14);
  --hero-orb2: rgba(0,84,173,.08);
  --hero-orb3: rgba(0,84,173,.05);
}














body::after{
  content:'';position:fixed;inset:0;z-index:9998;pointer-events:none;
  opacity:.018;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}


.amb{position:fixed;pointer-events:none;z-index:0;border-radius:50%;filter:blur(110px)}
.amb1{width:700px;height:700px;top:-200px;right:-180px;
  background:radial-gradient(circle,rgba(0,84,173,.07) 0%,transparent 70%)}
.amb2{width:500px;height:500px;bottom:-100px;left:-150px;
  background:radial-gradient(circle,rgba(204,221,239,.045) 0%,transparent 70%)}


.wrap{max-width:1240px;margin:0 auto;padding:0 40px}
@media(max-width:1024px){.wrap{padding:0 28px}}
@media(max-width:768px){.wrap{padding:0 20px}}


.pill{
  display:inline-flex;align-items:center;gap:7px;
  font-family:'Inter',sans-serif;font-size:10px;
  letter-spacing:.12em;text-transform:uppercase;
  color:var(--pri);background:var(--pri-lo);
  border:1px solid var(--pri-bdr);
  padding:5px 13px;border-radius:999px;
}
.pill .dot{width:5px;height:5px;border-radius:50%;background:var(--pri);animation:blink 2s ease-in-out infinite}
@keyframes blink{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.6)}}

.gt{color:var(--pri);background:none;-webkit-background-clip:initial;-webkit-text-fill-color:currentColor;background-clip:initial}

.btn{
  display:inline-flex;align-items:center;gap:8px;
  padding:11px 24px;border-radius:999px;
  font-size:13.5px;font-weight:600;letter-spacing:-.01em;white-space:nowrap;
  position:relative;overflow:hidden;
  transition:transform .22s var(--ease),box-shadow .22s ease,background .2s,border-color .2s;
}
.btn::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.13) 0%,transparent 55%);pointer-events:none}
.btn i{font-size:17px;line-height:1}
.btn-p{background:var(--pri);color:#F9FAFB}
.btn-p:hover{box-shadow:var(--interactive-hover-shadow)}
.btn-p:active{transform:translateY(0)}
.btn-o{background:transparent;color:var(--muted);border:1px solid var(--bdr)}
.btn-o:hover{background:var(--surf2);color:var(--text);border-color:var(--interactive-border-contrast)}
.btn-sm{padding:7px 16px;font-size:12px}
.btn-sm i{font-size:14px}

.lbl{
  font-family:'Inter',sans-serif;font-size:9px;
  text-transform:uppercase;letter-spacing:.14em;color:var(--dim);
  margin-bottom:10px;display:flex;align-items:center;gap:6px;
}
.lbl::before{content:'';width:10px;height:1px;background:linear-gradient(90deg,var(--pri),transparent);display:inline-block;}

.gt-link{
  display:inline-flex;align-items:center;gap:6px;
  font-size:12.5px;font-weight:600;color:var(--pri);
  transition:gap .2s var(--ease),opacity .2s;
}
.gt-link:hover{gap:10px;opacity:.8}
.gt-link i{font-size:13px}


.rv { opacity: 1; transform: none; transition: none; }
.rv.in{opacity:1;transform:translateY(0)}
.d1{transition-delay:.08s}.d2{transition-delay:.16s}.d3{transition-delay:.24s}
.d4{transition-delay:.32s}.d5{transition-delay:.40s}


.smoke{position:relative;overflow:hidden}
.smoke::before{
  content:'';position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(ellipse 80% 60% at 8%  25%,var(--sm1) 0%,transparent 60%),
    radial-gradient(ellipse 60% 50% at 90% 80%,var(--sm2) 0%,transparent 55%),
    radial-gradient(ellipse 50% 60% at 50%  0%, var(--sm3) 0%,transparent 50%);
  opacity:.7;transition:opacity .4s;
}
.smoke:hover::before{opacity:1}
.io{
  position:absolute;right:-14px;bottom:-14px;
  font-size:96px;line-height:1;
  color:var(--pri);opacity:.04;pointer-events:none;z-index:0;
  transition:opacity .4s,transform .45s var(--ease);
}
.smoke:hover .io{opacity:.08;transform:scale(1.06) rotate(-4deg)}
.z{position:relative;z-index:1}


nav#mainNav{
  position:fixed;inset:0 0 auto;z-index:900;
  height:var(--nav-h);
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:0 40px;
  background:var(--nav-bg);
  backdrop-filter:blur(24px) saturate(1.6);
  -webkit-backdrop-filter:blur(24px) saturate(1.6);
  border-bottom:1px solid var(--bdr);
  transition:background .3s,border-color .3s;
}
@supports(padding-left:env(safe-area-inset-left)){
  nav#mainNav{
    padding-left:max(40px,calc(env(safe-area-inset-left)+20px));
    padding-right:max(40px,calc(env(safe-area-inset-right)+20px));
  }
}
@media(max-width:1024px){nav#mainNav{padding:0 24px}}
@media(max-width:768px){nav#mainNav{padding:0 16px}}

.nav-logo{
  display:flex;align-items:center;gap:9px;flex-shrink:0;
  font-family:'Poppins',sans-serif;font-size:18px;font-weight:700;
  letter-spacing:-.03em;color:var(--text);
}
.nav-wordmark{font-family:'Poppins',sans-serif;font-size:17px;font-weight:700;letter-spacing:-.03em;color:var(--text)}

.nav-links{
  display:flex;align-items:center;gap:2px;
  position:absolute;left:0;transform:none;
}

.nav-links a:hover{color:var(--text);background:var(--surf)}
@media(max-width:1024px){.nav-links{display:none}}

.nav-r{display:flex;align-items:center;gap:8px;flex-shrink:0}


.nav-help{
  display:inline-flex;align-items:center;gap:6px;
  font-size:12.5px;font-weight:500;color:var(--muted);
  padding:6px 13px;border-radius:999px;
  background:var(--surf);border:1px solid var(--bdr);
  transition:background .2s,color .2s,border-color .2s;
}
.nav-help:hover{background:var(--surf2);color:var(--text);border-color:var(--bdr-hi)}
.nav-help i{font-size:15px}
@media(max-width:768px){.nav-help{display:none}}


.ham{
  width:38px;height:38px;border-radius:11px;
  background:transparent;border:none;
  display:none;flex-direction:column;
  align-items:center;justify-content:center;gap:6px;
  transition:background .2s,border-color .2s,box-shadow .2s;
  -webkit-tap-highlight-color:transparent;touch-action:manipulation;
  
}
.ham:hover{background:var(--surf2);}
.ham span{
  display:block;height:2.5px;border-radius:2px;background:var(--text);
  transition:width .36s var(--ease),transform .36s var(--ease);
}
.ham span:nth-child(1){width:24px}
.ham span:nth-child(2){width:24px}
.ham.open span:nth-child(1){width:24px;transform:translateY(4.25px) rotate(45deg)}
.ham.open span:nth-child(2){width:24px;transform:translateY(-4.25px) rotate(-45deg)}
@media(max-width:1024px){.ham{display:flex}}


.drw-overlay{
  position:fixed;inset:0;z-index:1000;
  background:rgba(0,0,0,.72);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  opacity:0;pointer-events:none;transition:opacity .38s ease;
}
.drw-overlay.open{opacity:1;pointer-events:auto}

.drw{
  position:fixed;top:0;right:0;bottom:0;z-index:1001;
  width:320px;max-width:90vw;
  background:var(--drw-bg);border-left:1px solid var(--bdr);
  display:flex;flex-direction:column;
  transform:translateX(110%);transition:transform .44s var(--ease);overflow:hidden;
}
.drw.open{transform:translateX(0)}
.drw::before{
  content:'';position:absolute;top:0;left:0;bottom:0;width:2px;z-index:3;
  background:linear-gradient(180deg,transparent 0%,var(--pri) 35%,var(--gold) 70%,transparent 100%);opacity:.7;
}
.drw-amb{
  position:absolute;bottom:-80px;right:-80px;width:260px;height:260px;border-radius:50%;
  background:radial-gradient(circle,var(--pri-lo) 0%,transparent 70%);
  pointer-events:none;z-index:0;
}
.drw-header{
  height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;
  padding:0 22px;position:relative;z-index:2;flex-shrink:0;
  border-bottom:1px solid var(--bdr);background:var(--nav-bg);
  backdrop-filter:blur(24px) saturate(1.6);-webkit-backdrop-filter:blur(24px) saturate(1.6);
}
.drw-close{
  width:34px;height:34px;border-radius:10px;background:var(--surf);border:1px solid var(--bdr);
  display:flex;align-items:center;justify-content:center;color:var(--dim);font-size:17px;
  transition:background .2s,color .2s,border-color .2s;touch-action:manipulation;
  box-shadow:0 1px 3px rgba(0,0,0,.1);
}
.drw-close:hover{background:rgba(239,68,68,.12);color:var(--red);border-color:rgba(239,68,68,.3)}

.drw-body::-webkit-scrollbar{width:2px}
.drw-body::-webkit-scrollbar-thumb{background:var(--bdr);border-radius:2px}
.drw-nav{padding:0 16px;display:flex;flex-direction:column;gap:2px}

.drw-nav a i.ni{font-size:19px;color:var(--dim);transition:color .15s;flex-shrink:0}
.drw-nav a .nb{
  margin-left:auto;font-size:9px;font-family:'Inter',sans-serif;font-weight:700;
  letter-spacing:.06em;background:var(--pri-lo);color:var(--pri);
  border:1px solid var(--pri-bdr);padding:2px 7px;border-radius:999px;
}
.drw-nav a:hover{background:var(--surf2);color:var(--text)}
.drw-nav a:hover i.ni{color:var(--pri)}
.drw-line{height:1px;background:var(--bdr);margin:16px 28px}
.drw-foot{padding:20px 28px 24px;border-top:1px solid var(--bdr);position:relative;z-index:2;flex-shrink:0}
.drw-socials{display:flex;gap:7px;margin-bottom:16px}
.drw-theme-toggle{
  width:100%;display:flex;align-items:center;justify-content:center;gap:8px;
  margin-bottom:16px;padding:10px 12px;border-radius:10px;border:1px solid var(--bdr);
  background:var(--surf);color:var(--text);font:600 12px/1.3 'Inter',sans-serif;
}
.drw-theme-toggle:hover{border-color:var(--pri-bdr);background:var(--pri-lo);color:var(--pri)}
.dsoc{
  width:34px;height:34px;border-radius:9px;background:var(--surf);border:1px solid var(--bdr);
  display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:16px;
  transition:background .2s,color .2s,border-color .2s;
}
.dsoc:hover{background:var(--pri-lo);color:var(--pri);border-color:var(--pri-bdr)}

.drw-cta::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.14) 0%,transparent 60%);pointer-events:none}
.drw-cta i{font-size:18px}
.drw-cta:hover{box-shadow:var(--interactive-hover-shadow);transform:translateY(calc(-1 * var(--interactive-hover-lift)))}


.start-hero{
  position:relative;
  padding-block:var(--page-hero-pad-y, clamp(64px, 8vw, 88px));
  border-bottom:1px solid var(--pri-bdr);
  overflow:hidden;
  background: linear-gradient(135deg, color-mix(in srgb, var(--pri) 15%, transparent) 0%, transparent 80%);
}

.orb{
  position:absolute;border-radius:50%;pointer-events:none;
  background:var(--hero-orb1);
}
.orb1{width:340px;height:340px;top:-80px;left:-60px;background:var(--hero-orb2);filter:blur(2px)}
.orb2{width:200px;height:200px;top:40px;right:60px;background:var(--hero-orb1);filter:blur(1px)}
.orb3{width:100px;height:100px;top:180px;right:200px;background:var(--hero-orb2)}
.orb4{width:50px;height:50px;top:80px;right:340px;background:#1a1a1a}
.orb5{width:120px;height:120px;bottom:20px;left:120px;background:var(--hero-orb3);filter:blur(1px)}
.orb6{width:280px;height:280px;bottom:-60px;right:-40px;background:var(--hero-orb2);filter:blur(2px)}

html[data-theme="light"] .orb4,
html[data-theme="system"].os-light .orb4{background:#0d1629}


.start-hero::before{
  content:'';position:absolute;inset:0;
  background-image:radial-gradient(circle,var(--bdr) 1px,transparent 1px);
  background-size:32px 32px;
  opacity:.5;
  -webkit-mask-image:radial-gradient(ellipse 75% 70% at 50% 45%,black 20%,transparent 80%);
  mask-image:radial-gradient(ellipse 75% 70% at 50% 45%,black 20%,transparent 80%);
}

.start-hero-inner{
  position:relative;z-index:2;
  max-width:640px;margin:0 auto;
  text-align:center;padding:0 40px;
}
@media(max-width:768px){.start-hero-inner{padding:0 20px}}

.start-hero h1{
  margin-top:20px;
}
.start-hero-sub{
  font-size:17px;color:color-mix(in srgb,var(--text) 68%,var(--muted));line-height:1.78;max-width:540px;
  margin:24px auto 0;
}
.start-hero-cta{
  margin-top:36px;display:flex;justify-content:center;gap:16px;
}

.feat-strip{
  margin-top:40px;display:flex;align-items:center;justify-content:center;
  gap:6px;flex-wrap:wrap;
}
.feat-badge{
  display:inline-flex;align-items:center;gap:6px;
  width:fit-content;max-width:100%;
  font-size:11.5px;font-weight:500;color:var(--muted);
  background:var(--surf);border:1px solid var(--bdr);
  padding:5px 12px;border-radius:999px;
  text-transform:none;
}
.feat-badge i{font-size:13px;color:var(--pri)}
@media(max-width:768px){.feat-strip{display:none}}
@media(max-width:768px){
  .start-hero::before{opacity:.18}
  .orb1,.orb2,.orb3,.orb4,.orb5{display:none}
  .orb6{
    width:180px;
    height:180px;
    right:-72px;
    bottom:-72px;
    filter:none;
    opacity:.5;
  }
}


.bento{
  margin-top:clamp(20px,3vw,34px);
  padding:64px 0;
}
.bento-grid{
  display:grid;
  grid-template-columns:minmax(280px,1.2fr) minmax(250px,1fr) minmax(250px,1fr);
  grid-auto-rows:minmax(180px,auto);
  gap:16px;
}
.bc-access{grid-column:1;grid-row:1 / span 2}
.bc-explore{grid-column:2;grid-row:1}
.bc-frontier{grid-column:3;grid-row:1}
.bc-talk{grid-column:2;grid-row:2}
.bc-careers{grid-column:3;grid-row:2}
.bc-contact{grid-column:1 / span 2;grid-row:3}
.bc-github{grid-column:3;grid-row:3}

@media(max-width:1060px){
  .bento-grid{
    grid-template-columns:minmax(280px,1.15fr) minmax(260px,.85fr);
    grid-template-areas:
      "access explore"
      "access talk"
      "frontier careers"
      "contact github";
    gap:14px;
  }
  .bc-access{grid-area:access}
  .bc-explore{grid-area:explore}
  .bc-frontier{grid-area:frontier}
  .bc-talk{grid-area:talk}
  .bc-careers{grid-area:careers}
  .bc-contact{grid-area:contact;grid-column:auto;grid-row:auto}
  .bc-github{grid-area:github}
}
@media(max-width:760px){
  .bento-grid{
    grid-template-columns:1fr;
    grid-template-areas:none;
    gap:12px;
  }
  .bc-access, .bc-explore, .bc-frontier, .bc-talk, .bc-careers, .bc-contact, .bc-github{
    grid-column:auto;
    grid-row:auto;
    grid-area:auto;
  }
}

.start-bento-sw-track,
.start-bento-sw-nav{display:none}

.start-bento-sw-track{
  height:1px;
  background:var(--bdr);
  margin:26px 0 20px;
  position:relative;
  overflow:hidden;
}

.start-bento-sw-fill{
  position:absolute;
  inset:0;
  right:auto;
  width:0;
  background:var(--pri);
  transition:width .48s cubic-bezier(.22,.68,0,1);
}

.start-bento-sw-nav{
  align-items:center;
  justify-content:space-between;
  padding:10px 12px;
  border-radius:16px;
  background:color-mix(in srgb,var(--card-bg) 92%,#fff 8%);
  border:1px solid color-mix(in srgb,var(--bdr) 84%,#fff 16%);
  box-shadow:none;
  backdrop-filter:blur(16px);
}

.start-bento-sw-count{
  font-family:'Inter',sans-serif;
  font-size:11px;
  color:var(--dim);
  letter-spacing:.06em;
}
.start-bento-sw-count strong{font-weight:500;color:var(--head)}

.start-bento-sw-btns{display:flex;gap:10px}

.start-bento-sw-btn{
  display:flex;align-items:center;justify-content:center;gap:6px;min-width:92px;
  background:linear-gradient(180deg,color-mix(in srgb,#fff 16%,var(--card-bg) 84%) 0%,color-mix(in srgb,var(--card-bg) 92%,#000 8%) 100%);
  border:1px solid color-mix(in srgb,var(--bdr) 82%,#fff 18%);
  padding:10px 14px;cursor:pointer;
  font-family:'Poppins',sans-serif;font-size:10px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;
  color:var(--head);border-radius:999px;
  transition:color .28s,background .28s,border-color .28s,transform .28s,box-shadow .28s;
  box-shadow:0 2px 7px color-mix(in srgb,#000 13%,transparent),inset 0 1px 0 color-mix(in srgb,#fff 28%,transparent);
}
.start-bento-sw-btn i{font-size:15px;transition:transform .28s;color:color-mix(in srgb,var(--head) 84%,#fff 16%)}
.start-bento-sw-btn:not([disabled]):hover{
  color:#fff;border-color:color-mix(in srgb,var(--pri) 45%,#fff 20%);
  background:linear-gradient(180deg,color-mix(in srgb,var(--pri) 58%,#fff 8%) 0%,color-mix(in srgb,var(--pri) 72%,#000 10%) 100%);
  transform:translateY(-1px);
  box-shadow:0 7px 16px color-mix(in srgb,var(--pri) 24%,transparent),inset 0 1px 0 color-mix(in srgb,#fff 28%,transparent);
}
.start-bento-prev:not([disabled]):hover i{transform:translateX(-2px)}
.start-bento-next:not([disabled]):hover i{transform:translateX(2px)}
.start-bento-sw-btn[disabled]{opacity:.4;pointer-events:none;filter:saturate(.2)}

@media(max-width:760px){
  .start-bento-swiper{
    overflow:hidden;
  }
  .start-bento-swiper .bento-grid.swiper-wrapper{
    display:flex;
    gap:0;
  }
  .start-bento-swiper .bento-grid.swiper-wrapper > .swiper-slide{
    height:auto;
    border-radius:var(--r-lg);
    overflow:hidden;
    transform:scale(.96);
    transition:transform .45s cubic-bezier(.22,.68,0,1);
  }
  .start-bento-swiper .bento-grid.swiper-wrapper > .swiper-slide.swiper-slide-active{
    transform:scale(1);
  }
  .start-bento-sw-track,
  .start-bento-sw-nav{display:flex}
}


.bc{
  background:var(--card-bg);
  border:1px solid var(--bdr);
  border-radius:var(--r-lg);
  padding:30px;
  position:relative;
  overflow:hidden;
  display:flex;flex-direction:column;
  box-shadow:none;
  transition:border-color .25s var(--ease),transform .25s var(--ease),background .25s var(--ease);
}
.bc::after{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:0;
  background:
    radial-gradient(120% 80% at 20% -5%,rgba(255,255,255,.06) 0%,transparent 52%),
    linear-gradient(180deg,rgba(255,255,255,.035) 0%,rgba(255,255,255,0) 42%);
  opacity:.85;
}
.bc:hover{
  border-color:var(--bdr-hi);
  transform:translateY(calc(-1 * var(--interactive-hover-lift)));
  box-shadow:none;
}
.bc:hover .io{opacity:.08;transform:scale(1.05) rotate(-3deg)}


.bc-span2{grid-column:span 2}
@media(max-width:680px){.bc-span2{grid-column:span 1}}
.bc-span3{grid-column:span 3}
@media(max-width:1060px){.bc-span3{grid-column:span 2}}
@media(max-width:680px){.bc-span3{grid-column:span 1}}


.bc-ico{
  width:40px;height:40px;border-radius:10px;
  background:var(--pri-lo);border:1px solid var(--pri-bdr);
  display:flex;align-items:center;justify-content:center;
  font-size:20px;color:var(--pri);margin-bottom:18px;
  flex-shrink:0;position:relative;z-index:1;
}
.bc-ico.amber{background:rgba(245,158,11,.1);border-color:rgba(245,158,11,.25);color:var(--amber)}
.bc-ico.green{background:rgba(34,197,94,.1);border-color:rgba(34,197,94,.25);color:var(--green)}
.bc-ico.gold{background:rgba(204,221,239,.1);border-color:rgba(204,221,239,.25);color:var(--gold)}
.bc-frontier .bc-ico{
  background:color-mix(in srgb,var(--pri) 15%,transparent);
  border-color:color-mix(in srgb,var(--pri) 42%,var(--bdr));
  color:color-mix(in srgb,var(--pri) 82%,var(--head) 18%);
}
.bc-h{
  font-family:'Poppins',sans-serif;font-size:var(--type-card-title);font-weight:700;
  color:var(--head);letter-spacing:-.015em;margin-bottom:8px;
  position:relative;z-index:1;line-height:1.2;
}
.bc-d{
  font-size:13px;color:var(--muted);line-height:1.72;
  position:relative;z-index:1;flex:1;
}


.sicon{
  font-size:12px;
  line-height:1;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
}
.sicon.g{color:var(--green)}
.sicon.b{color:var(--pri)}
.sicon.


.bc-access .access-ct
.bc-access .access-cta .btn{
  width:fit-content;
  align-self:flex-start;
}


.bc-explore .contact-rows,
.bc-talk .contact-rows {
  margin-top:20px;position:relative;z-index:1;
  display:flex;flex-direction:column;gap:10px;
}
.contact-row{
  display:flex;align-items:flex-start;justify-content:space-between;gap:12px;
  padding:12px 14px;border-radius:11px;
  background:var(--surf);border:1px solid var(--bdr);
  transition:border-color .2s;
}
.contact-row:hover{border-color:var(--bdr-hi)}
.contact-row-l{display:flex;align-items:center;gap:10px;flex:1;min-width:0}
.contact-row-ico{
  width:30px;height:30px;border-radius:8px;
  background:var(--pri-lo);border:1px solid var(--pri-bdr);
  display:flex;align-items:center;justify-content:center;
  font-size:15px;color:var(--pri);flex-shrink:0;
}
.contact-row-t{font-size:12.5px;font-weight:600;color:var(--text);font-family:'Poppins',sans-serif}
.contact-row-d{font-size:11.5px;color:var(--muted);overflow-wrap:anywhere;word-break:break-word}
.contact-cta-btn{
  display:inline-flex;align-items:center;gap:5px;
  padding:6px 13px;border-radius:999px;
  font-size:11.5px;font-weight:600;
  background:var(--pri);color:#F9FAFB;
  transition:box-shadow .2s,transform .2s var(--ease);
  flex-shrink:0;position:relative;overflow:hidden;
}
.contact-cta-btn::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.15) 0%,transparent 55%);pointer-events:none}
.contact-cta-btn:hover{box-shadow:var(--interactive-hover-shadow);transform:translateY(calc(-1 * var(--interactive-hover-lift)))}


.bc-frontier .frontier-stats{
  display:flex;gap:18px;margin-top:22px;position:relative;z-index:1;
}
.frontier-stat{
  flex:1;padding:14px;border-radius:11px;
  background:var(--surf);border:1px solid var(--bdr);text-align:center;
  transition:border-color .2s;
}
.frontier-stat:hover{border-color:var(--bdr-hi)}
.fs-n{
  font-family:'Poppins',sans-serif;font-size:26px;font-weight:800;
  letter-spacing:-.04em;color:var(--head);line-height:1;
}
.fs-u{font-size:13px;font-weight:600;color:var(--pri);margin-left:2px}
.fs-l{font-size:11px;color:var(--muted);margin-top:4px}
.apply-link{
  margin-top:20px;position:relative;z-index:1;
}


.bc-investor .inv-metrics{
  display:grid;grid-template-columns:1fr 1fr;gap:10px;
  margin-top:20px;position:relative;z-index:1;
}
.inv-m{
  padding:14px;border-radius:11px;
  background:var(--surf);border:1px solid var(--bdr);
  transition:border-color .2s;
}
.inv-m:hover{border-color:var(--bdr-hi)}
.inv-m-v{
  font-family:'Poppins',sans-serif;font-size:24px;font-weight:800;
  letter-spacing:-.04em;color:var(--head);line-height:1;
}
.inv-m-l{font-size:11px;color:var(--muted);margin-top:5px;line-height:1.4}


.bc-careers .job-list{
  margin-top:20px;position:relative;z-index:1;
  display:flex;flex-direction:column;gap:8px;
}
.job-row{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:11px 13px;border-radius:10px;
  background:var(--surf);border:1px solid var(--bdr);
  transition:border-color .2s;
}
.job-row:hover{border-color:var(--bdr-hi)}
.job-t{font-family:'Poppins',sans-serif;font-size:12.5px;font-weight:600;color:var(--text)}
.job-d{font-size:11.5px;color:var(--muted);margin-top:1px}
.job-badge{
  font-family:'Inter',sans-serif;font-size:9px;letter-spacing:.06em;
  background:var(--surf2);color:var(--muted);border:1px solid var(--bdr);
  width:fit-content;max-width:100%;
  padding:3px 8px;border-radius:999px;white-space:nowrap;flex-shrink:0;
  text-transform:none;
}
.view-link{
  display:inline-flex;align-items:center;gap:5px;
  font-size:11.5px;font-weight:600;color:var(--pri);
  padding:5px 11px;border-radius:999px;
  background:var(--pri-lo);border:1px solid var(--pri-bdr);
  transition:background .2s,box-shadow .2s;
  flex-shrink:0;
}
.view-link:hover{background:var(--pri-lo2);box-shadow:0 4px 14px var(--pri-glo)}


.bc-stack .bc{
  flex:1;margin:0;
  min-height:170px;
}


.mini-linked{
  display:flex;align-items:center;gap:12px;
  padding:14px 16px;border-radius:11px;
  background:var(--surf);border:1px solid var(--bdr);
  transition:border-color .2s,background .2s;
  position:relative;z-index:1;
  margin-top:16px;
}
.mini-linked:hover{border-color:var(--bdr-hi);background:var(--surf2)}
.mini-linked-ico{
  width:32px;height:32px;border-radius:9px;
  background:var(--pri-lo);border:1px solid var(--pri-bdr);
  display:flex;align-items:center;justify-content:center;
  font-size:16px;color:var(--pri);flex-shrink:0;
}
.mini-linked-t{font-family:'Poppins',sans-serif;font-size:13px;font-weight:600;color:var(--text)}
.mini-linked-d{font-size:11.5px;color:var(--muted);margin-top:1px}
.mini-linked-arr{margin-left:auto;color:var(--pri);font-size:14px;flex-shrink:0}


.nb-row{
  padding:0 0 64px;
  display:grid;grid-template-columns:1fr 1fr;gap:14px;
}
@media(max-width:860px){.nb-row{grid-template-columns:1fr}}

.nb-card{
  background:var(--card-bg);border:1px solid var(--bdr);border-radius:var(--r-lg);
  padding:32px 30px;position:relative;overflow:hidden;
  transition:border-color .25s;
}
.nb-card:hover{border-color:var(--bdr-hi)}
.nb-tag{
  display:inline-flex;align-items:center;gap:6px;
  font-family:'Inter',sans-serif;font-size:9px;
  text-transform:none;letter-spacing:.06em;
  padding:4px 10px;border-radius:999px;
  margin-bottom:16px;
}
.nb-tag.nl{background:var(--pri-lo);color:var(--pri);border:1px solid var(--pri-bdr)}
.nb-tag.pub{background:rgba(34,197,94,.1);color:var(--green);border:1px solid rgba(34,197,94,.22)}
.nb-tag i{font-size:11px}
.nb-h{
  font-family:'Poppins',sans-serif;font-size:19px;font-weight:700;
  color:var(--head);letter-spacing:-.02em;margin-bottom:8px;
}
.nb-d{font-size:13px;color:var(--muted);line-height:1.7;margin-bottom:20px}


.content-chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:20px}
.cc2{
  display:inline-flex;align-items:center;gap:4px;
  font-size:11.5px;font-weight:500;padding:4px 10px;border-radius:999px;
  background:var(--surf);border:1px solid var(--bdr);color:var(--muted);
}
.cc2 i{font-size:12px;color:var(--pri)}


.li-chip{
  display:inline-flex;align-items:center;gap:7px;
  font-size:12px;color:var(--muted);margin-top:14px;
}
.li-chip i{font-size:16px;color:#0077b5}


.nl-group{
  display:flex;align-items:stretch;
  background:var(--bg2);border:1px solid var(--bdr);
  border-radius:999px;overflow:hidden;
  transition:border-color .2s,box-shadow .2s;
  max-width:360px;
}
.nl-group:focus-within{border-color:var(--bdr-hi);box-shadow:0 0 0 3px var(--pri-lo)}
.nl-group input{
  flex:1;min-width:0;padding:10px 16px;
  font-size:13px;color:var(--text);font-family:'Inter',sans-serif;
  background:transparent;border:none;outline:none;
}
.nl-group input::placeholder{color:var(--dim)}

.nl-group button::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.12) 0%,transparent 55%);pointer-events:none}
.nl-group button:hover{background:var(--pri-d)}
.nl-group button.is-loading{
  opacity:.9;
  pointer-events:none;
}
.nl-group button.is-loading i{
  animation:btn-spin .9s linear infinite;
}
.nl-group input[aria-invalid="true"]{
  color:#ef4444;
}

@media (max-width:640px){
  .nl-group{
    flex-direction:row;
    flex-wrap:nowrap;
    border-radius:999px;
  }
  .nl-group input{
    width:auto;
  }

}


.brand-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:8px;
  margin-bottom:20px;
}
@media(max-width:520px){.brand-grid{grid-template-columns:repeat(2,1fr)}}
.brand-asset{
  display:flex;flex-direction:column;align-items:center;gap:7px;
  padding:14px 10px;border-radius:11px;
  background:var(--surf);border:1px solid var(--bdr);
  text-align:center;cursor:pointer;
  transition:border-color .2s,background .2s;
}
.brand-asset:hover{border-color:var(--bdr-hi);background:var(--surf2)}
.brand-asset i{font-size:22px;color:var(--pri)}
.brand-asset-t{font-family:'Poppins',sans-serif;font-size:12px;font-weight:600;color:var(--text)}
.brand-asset-d{font-size:10.5px;color:var(--muted)}


.gov-cta-inner{
  border:1px solid var(--bdr);border-radius:var(--r-xl);
  background:var(--bg2);
  overflow:hidden;position:relative;
  z-index:0;
  -webkit-mask-image:-webkit-radial-gradient(white, black);
}
.gov-cta-inner::before{
  content:'';position:absolute;inset:-24%;
  z-index:-1;
  background:
    radial-gradient(ellipse 72% 52% at 14% 22%,color-mix(in srgb,var(--pri) 30%,transparent) 0%,transparent 68%),
    radial-gradient(ellipse 70% 54% at 88% 68%,color-mix(in srgb,var(--gold) 20%,transparent) 0%,transparent 72%),
    radial-gradient(ellipse 78% 58% at 50% -8%,var(--pri-glo) 0%,transparent 66%);
  opacity:.72;
  pointer-events:none;
  will-change:transform,opacity;
  animation:ctaSmokeDrift 17s ease-in-out infinite alternate;
}
@keyframes ctaSmokeDrift{
  0%{transform:translate3d(-1.5%,0,0) scale(1);opacity:.62}
  50%{transform:translate3d(1.2%,-2.2%,0) scale(1.04);opacity:.8}
  100%{transform:translate3d(.2%,2.2%,0) scale(1.08);opacity:.66}
}
@media (prefers-reduced-motion:reduce){
  .gov-cta-inner::before{animation:none}
}

.gov-cta-grid{
  display:grid;grid-template-columns:5fr 4fr;
  align-items:stretch;
}
@media(max-width:900px){.gov-cta-grid{grid-template-columns:1fr}}

.gov-cta-l{
  padding:56px 52px;
  position:relative;overflow:hidden;
  border-right:1px solid var(--bdr);
}
@media(max-width:900px){.gov-cta-l{border-right:none;border-bottom:1px solid var(--bdr);padding:40px 32px}}
@media(max-width:480px){.gov-cta-l{padding:32px 24px}}

.gov-cta-l::before{
  content:'';position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(ellipse 70% 60% at -10% 50%,var(--pri-glo) 0%,transparent 65%);
  opacity:.45;
}


.gov-cta-h{
  font-family:'Poppins',sans-serif;
  font-size:clamp(26px,3.2vw,40px);
  font-weight:900;letter-spacing:-.036em;
  color:var(--head);line-height:1.08;
  margin-bottom:14px;
  position:relative;z-index:1;
}
.gov-cta-h em{font-style:normal;color:var(--pri)}

.gov-cta-d{
  font-size:14px;color:var(--muted);line-height:1.78;
  max-width:400px;margin-bottom:30px;
  position:relative;z-index:1;
}
.gov-cta-btns{
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  position:relative;z-index:1;
}

.gov-cta-r{
  padding:40px 36px;
  display:flex;flex-direction:column;justify-content:center;gap:14px;
}
@media(max-width:900px){.gov-cta-r{padding:32px}}

.gov-feat{
  display:flex;align-items:flex-start;gap:14px;
  padding:16px;border-radius:var(--r);
  background:var(--surf);border:1px solid var(--bdr);
  transition:border-color .25s,transform .25s var(--ease);
}
.gov-feat:hover{border-color:var(--bdr-hi);transform:translateX(4px)}
.gov-feat-ico{
  width:34px;height:34px;border-radius:9px;
  background:var(--pri-lo);border:1px solid var(--pri-bdr);
  display:flex;align-items:center;justify-content:center;
  font-size:17px;color:var(--pri);flex-shrink:0;
}
.gov-feat-t{font-family:'Poppins',sans-serif;font-size:13px;font-weight:700;color:var(--text);margin-bottom:3px}
.gov-feat-d{font-size:12px;color:var(--muted);line-height:1.55}






.ft-col-h{
  display:flex;align-items:center;gap:7px;
  font-family:'Inter',sans-serif;font-size:9px;
  text-transform:uppercase;letter-spacing:.15em;color:var(--dim);margin-bottom:20px;
}
.ft-links{display:flex;flex-direction:column;gap:12px}

.ft-links a i{font-size:12px;opacity:0;color:var(--pri);transition:opacity .15s}
.ft-links a:hover{color:var(--text)}
.ft-links a:hover i{opacity:1}

.ft-nl-bare{
  padding:28px 0;border-top:1px solid var(--bdr);margin-top:40px;
  display:flex;justify-content:center;
}
@media(max-width:640px){.ft-nl-bare{justify-content:stretch}}
.ft-nl-bare .nl-group{max-width:420px;width:100%}

.ft-btm{
  padding:18px 0;border-top:1px solid var(--bdr);margin-top:40px;
  display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
}
@media(max-width:900px){.ft-btm{flex-direction:column;align-items:flex-start;gap:14px}}
.ft-copy{font-size:12px;color:var(--dim)}
.ft-socs{display:flex;gap:7px}
.fsoc{
  width:32px;height:32px;border-radius:8px;
  background:var(--surf);border:1px solid var(--bdr);
  display:flex;align-items:center;justify-content:center;
  color:var(--muted);font-size:15px;
  transition:background .2s,color .2s,border-color .2s,transform .2s;
}
.fsoc:hover{background:var(--pri-lo);color:var(--pri);border-color:var(--pri-bdr);transform:translateY(calc(-1 * var(--interactive-hover-lift)))}
.ft-legal{display:flex;gap:18px;flex-wrap:wrap}

.ft-legal a:hover{color:var(--muted)}


.theme-sw{position:relative;display:inline-flex}
.tsw-btn{
  display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:9px;
  background:var(--surf);border:1px solid var(--bdr);
  font-size:12.5px;font-weight:500;color:var(--muted);
  transition:background .2s,border-color .2s,color .2s;cursor:pointer;
}
.tsw-btn:hover{background:var(--surf2);border-color:var(--bdr-hi);color:var(--text)}
.tsw-btn i{font-size:16px}
.tsw-btn .caret{font-size:12px;margin-left:2px;transition:transform .25s var(--ease)}
.theme-sw.open .tsw-btn .caret{transform:rotate(180deg)}
.tsw-panel{
  position:absolute;bottom:calc(100% + 8px);left:0;min-width:160px;
  background:var(--drw-bg);border:1px solid var(--bdr);border-radius:12px;
  padding:6px;
  box-shadow:0 -8px 32px rgba(0,0,0,.28),0 2px 8px rgba(0,0,0,.15);
  opacity:0;pointer-events:none;transform:translateY(8px);
  transition:opacity .22s var(--ease),transform .22s var(--ease);z-index:200;
}
.theme-sw.open .tsw-panel{opacity:1;pointer-events:auto;transform:translateY(0)}
.tsw-opt{
  display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;
  font-size:13px;font-weight:500;color:var(--muted);cursor:pointer;transition:background .15s,color .15s;
}
.tsw-opt:hover{background:var(--surf2);color:var(--text)}
.tsw-opt.active{background:var(--pri-lo);color:var(--pri)}
.tsw-opt.active i{color:var(--pri)}
.tsw-opt i{font-size:16px;color:var(--dim);transition:color .15s;flex-shrink:0;width:18px;text-align:center}


.ft-status-chip{
  display:inline-flex;align-items:center;gap:7px;
  font-family:'Inter',sans-serif;font-size:10px;color:var(--muted);white-space:nowrap;
}
.ndot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 7px var(--green);animation:blink 2s infinite}


.ft-badges{
  display:flex;align-items:stretch;gap:4px;
  padding:20px 40px;border-top:1px solid var(--bdr);flex-wrap:wrap;
}
@media(max-width:768px){.ft-badges{padding:20px}}

.ftb-compatible{
  display:inline-flex;align-items:stretch;
  border:1px solid var(--bdr);border-radius:12px;padding:0;
  overflow:hidden;background:var(--surf);
  transition:border-color .22s,background .22s;
}
.ftb-compatible:hover{border-color:var(--pri-bdr);background:var(--pri-lo)}
.ftb-compatible-inner{display:flex;align-items:center;gap:12px;padding:12px 20px 12px 16px;width:100%}
.ftb-brand{font-family:'Poppins',sans-serif;font-size:13px;font-weight:700;color:var(--head);letter-spacing:-.02em;line-height:1}
.ftb-mark{font-family:'Inter',sans-serif;font-size:9.5px;letter-spacing:.06em;color:var(--pri);text-transform:uppercase}

.ftb-eem{
  display:inline-flex;align-items:center;justify-content:center;
  aspect-ratio:1;background:#121212;border-radius:14px;
  border:1px solid rgba(255,255,255,.10);overflow:hidden;
  transition:transform .22s var(--ease),box-shadow .22s;flex-shrink:0;min-width:64px;
}
.ftb-eem:hover{transform:translateY(calc(-1 * var(--interactive-hover-lift)));box-shadow:0 8px 24px rgba(0,0,0,.4)}
.ftb-eem img{width:40px;height:40px;object-fit:contain;display:block}

.ft-notice{
  background:var(--bg3);border-top:1px solid var(--bdr);
  padding:13px 40px;text-align:justify;font-size:11px;color:var(--dim);line-height:1.7;
}
@media(max-width:768px){.ft-notice{padding:13px 20px}}
@supports(padding-bottom:env(safe-area-inset-bottom)){
  .ft-notice{padding-bottom:max(13px,calc(env(safe-area-inset-bottom)+9px))}
}


.skip-link{
  position:fixed;top:-100%;left:0;transform:none;
  z-index:99999;padding:12px 28px;border-radius:0 0 12px 12px;
  background:var(--pri);color:#F9FAFB;
  font-family:'Poppins',sans-serif;font-size:14px;font-weight:700;
  text-decoration:none;white-space:nowrap;transition:top .18s ease;outline:none;
  box-shadow:0 4px 20px rgba(0,84,173,.5);
}
.skip-link:focus{top:0}
.sr-only{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;
}

.btn:focus-visible,.fsoc:focus-visible,.dsoc:focus-visible,.drw-cta:focus-visible,.tsw-btn

.drw-nav a
body:not(.using-mouse) :focus{outline:2px solid var(--pri);outline-offset:3px}
body.using-mouse :focus:not(:focus-visible){outline:none}
#a11y-announce{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

@media(prefers-reduced-motion:reduce){
  
  .rv{opacity:1 !important;transform:none !important}
  .rv.in{opacity:1;transform:none}
  .amb{display:none !important}
}

@media(prefers-contrast:more){
  body,
  html[data-theme="dark"] body,
  html[data-theme="system"].os-dark 
  html[data-theme="light"] body,
  html[data-theme="system"].os-light 
}

@media(max-width:768px){
  .btn{min-height:46px}
  .ham,.tsw-btn{min-height:44px}

}

@media(max-width:520px){
  .contact-row{flex-direction:column;align-items:stretch}
  .contact-cta-btn{align-self:flex-start}
}




}

/* --- PAGE: support --- */
.page-support {





html[data-theme="light"],
html[data-theme="system"].os-light{
  --sp-hero-bg: linear-gradient(160deg,
    color-mix(in srgb,var(--card-bg) 88%,var(--pri) 12%),
    color-mix(in srgb,var(--card-bg) 92%,transparent)
  );
  --sp-hero-grid-line:color-mix(in srgb, var(--bdr) 86%, transparent);
  --sp-hero-grid-opacity:.46;
  --sp-hero-grid-blend:normal;
  --sp-hero-aura:
    radial-gradient(48% 70% at 24% 54%, color-mix(in srgb,var(--pri) 22%, transparent) 0%, transparent 74%),
    radial-gradient(38% 62% at 76% 36%, color-mix(in srgb,var(--pri-glo) 20%, transparent) 0%, transparent 76%),
    linear-gradient(100deg, color-mix(in srgb,var(--pri) 14%, transparent) 8%, transparent 56%, color-mix(in srgb,var(--pri) 11%, transparent) 88%);
  --sp-hero-signal:
    radial-gradient(ellipse 56% 46% at 50% 47%, color-mix(in srgb,var(--pri) 20%, transparent) 0%, transparent 82%),
    radial-gradient(ellipse 34% 32% at 28% 64%, color-mix(in srgb,var(--pri) 14%, transparent) 0%, transparent 86%),
    conic-gradient(from 160deg at 53% 45%, transparent 0deg 42deg, color-mix(in srgb,var(--pri) 15%, transparent) 68deg, transparent 112deg 226deg, color-mix(in srgb,var(--pri-glo) 14%, transparent) 254deg, transparent 292deg 360deg);
}











body::after{
  content:'';position:fixed;inset:0;z-index:9998;pointer-events:none;opacity:.020;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}


main > .page-hero:first-of-type{
  margin-block-start:0;
  padding-block-start:var(--page-hero-top);
}
main > .page-section{
  padding-block:var(--page-section-y);
}
main > .page-section:first-of-type{
  padding-block-start:var(--page-section-y);
}
.page-section--compact{
  padding-top:clamp(var(--space-7),7vw,calc(var(--space-8) * 1.7));
  padding-bottom:0;
}
.page-section--tail{
  padding-top:clamp(var(--space-7),7vw,calc(var(--space-8) * 1.7));
  padding-bottom:clamp(var(--space-8),9vw,calc(var(--space-8) * 2));
}
@media(max-width:768px){
  .page-section--compact{
    padding-top:clamp(var(--space-6),10vw,var(--space-8));
  }
  .page-section--tail{
    padding-top:clamp(var(--space-6),10vw,var(--space-8));
    padding-bottom:clamp(var(--space-7),12vw,5.5rem);
  }
}


.amb{position:fixed;pointer-events:none;z-index:0;border-radius:50%;filter:blur(110px)}
.amb1{width:700px;height:700px;top:-200px;right:-180px;background:radial-gradient(circle,rgba(0,84,173,.07) 0%,transparent 70%)}
.amb2{width:500px;height:500px;bottom:-100px;left:-150px;background:radial-gradient(circle,rgba(204,221,239,.045) 0%,transparent 70%)}


.wrap{max-width:1240px;margin:0 auto;padding:0 40px}
@media(max-width:1024px){.wrap{padding:0 28px}}
@media(max-width:768px){.wrap{padding:0 20px}}


.pill{
  display:inline-flex;align-items:center;gap:7px;
  font-family:'Inter',sans-serif;font-size:10px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--pri);background:var(--pri-lo);border:1px solid var(--pri-bdr);
  padding:5px 13px;border-radius:999px;
}
.pill .dot{width:5px;height:5px;border-radius:50%;background:var(--pri);animation:blink 2s ease-in-out infinite}
@keyframes blink{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.6)}}

.gt{color:var(--pri);background:none;-webkit-background-clip:initial;-webkit-text-fill-color:currentColor;background-clip:initial}

.btn{
  display:inline-flex;align-items:center;gap:8px;
  padding:11px 24px;border-radius:999px;font-size:13.5px;font-weight:600;letter-spacing:-.01em;white-space:nowrap;
  position:relative;overflow:hidden;
  transition:transform .22s var(--ease),box-shadow .22s ease,background .2s,border-color .2s;
}
.btn::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.13) 0%,transparent 55%);pointer-events:none}
.btn i{font-size:17px;line-height:1}
.btn-p{background:var(--pri);color:#F9FAFB}
.btn-p:hover{box-shadow:var(--interactive-hover-shadow)}
.btn-o{background:transparent;color:var(--muted);border:1px solid var(--bdr)}
.btn-o:hover{background:var(--surf2);color:var(--text);border-color:var(--interactive-border-contrast)}
.btn-ghost{background:rgba(255,255,255,.08);color:rgba(255,255,255,.85);border:1px solid rgba(255,255,255,.14)}
.btn-ghost:hover{background:rgba(255,255,255,.14);transform:translateY(calc(-1 * var(--interactive-hover-lift)))}

.rv { opacity: 1; transform: none; transition: none; }
.rv.in{opacity:1;transform:translateY(0)}
.d1{transition-delay:.10s}.d2{transition-delay:.20s}.d3{transition-delay:.30s}
.d4{transition-delay:.40s}.d5{transition-delay:.50s}.d6{transition-delay:.60s}

.smoke{position:relative;overflow:hidden}
.smoke::before{
  content:'';position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(ellipse 80% 60% at 8%  25%,var(--sm1) 0%,transparent 60%),
    radial-gradient(ellipse 60% 50% at 90% 80%,var(--sm2) 0%,transparent 55%),
    radial-gradient(ellipse 50% 60% at 50%  0%, var(--sm3) 0%,transparent 50%);
  opacity:.8;transition:opacity .4s;
}
.smoke:hover::before{opacity:1}
.z{position:relative;z-index:1}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}


nav#mainNav{
  position:fixed;inset:0 0 auto;z-index:900;
  height:var(--nav-h);
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:0 40px;
  background:var(--nav-bg);
  backdrop-filter:blur(24px) saturate(1.6);
  -webkit-backdrop-filter:blur(24px) saturate(1.6);
  border-bottom:1px solid var(--bdr);
}
@media(max-width:1024px){nav#mainNav{padding:0 24px}}
@media(max-width:768px){nav#mainNav{padding:0 16px}}
.nav-logo{display:flex;align-items:center;gap:9px;flex-shrink:0;font-family:'Poppins',sans-serif;font-size:18px;font-weight:700;letter-spacing:-.03em;color:var(--text);}
.nav-wordmark{font-family:'Poppins',sans-serif;font-size:17px;font-weight:700;letter-spacing:-.03em;color:var(--text);}
.nav-links{display:flex;align-items:center;gap:2px;position:absolute;left:0;transform:none;}

.nav-links a:hover{color:var(--text);background:var(--surf)}
.nav-links a.active{color:var(--pri)}
@media(max-width:1024px){.nav-links{display:none}}
.nav-r{display:flex;align-items:center;gap:8px;flex-shrink:0}
.nav-chip{display:flex;align-items:center;gap:7px;font-family:'Inter',sans-serif;font-size:10px;color:var(--muted);background:var(--surf);border:1px solid var(--bdr);padding:5px 12px;border-radius:999px;white-space:nowrap;}
.ndot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 7px var(--green);animation:blink 2s infinite}
@media(max-width:768px){.nav-chip{display:none}}
.ham{width:38px;height:38px;border-radius:11px;background:transparent;border:none;display:none;flex-direction:column;align-items:center;justify-content:center;gap:6px;transition:background .2s,border-color .2s;-webkit-tap-highlight-color:transparent;}
.ham span{display:block;height:2.5px;border-radius:2px;background:var(--text);transition:width .36s var(--ease),transform .36s var(--ease);}
.ham span:nth-child(1){width:24px}.ham span:nth-child(2){width:24px}
.ham.open span:nth-child(1){width:24px;transform:translateY(4.25px) rotate(45deg)}
.ham.open span:nth-child(2){width:24px;transform:translateY(-4.25px) rotate(-45deg)}
@media(max-width:1024px){.ham{display:flex}}


.drw-overlay{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);opacity:0;pointer-events:none;transition:opacity .38s ease;}
.drw-overlay.open{opacity:1;pointer-events:auto}
.drw{position:fixed;top:0;right:0;bottom:0;z-index:1001;width:320px;max-width:90vw;background:var(--drw-bg);border-left:1px solid var(--bdr);display:flex;flex-direction:column;transform:translateX(110%);transition:transform .44s var(--ease);overflow:hidden;}
.drw.open{transform:translateX(0)}
.drw::before{content:'';position:absolute;top:0;left:0;bottom:0;width:2px;z-index:3;background:linear-gradient(180deg,transparent 0%,var(--pri) 35%,var(--pri-glo) 70%,transparent 100%);opacity:.7;}
.drw-amb{position:absolute;bottom:-80px;right:-80px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,var(--pri-lo) 0%,transparent 70%);pointer-events:none;z-index:0;}
.drw-header{height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;padding:0 22px;position:relative;z-index:2;flex-shrink:0;border-bottom:1px solid var(--bdr);background:var(--nav-bg);backdrop-filter:blur(24px) saturate(1.6);}
.drw-close{width:34px;height:34px;border-radius:10px;background:var(--surf);border:1px solid var(--bdr);display:flex;align-items:center;justify-content:center;color:var(--dim);font-size:17px;transition:background .2s,color .2s,border-color .2s;}
.drw-close:hover{background:rgba(239,68,68,.12);color:var(--red);border-color:rgba(239,68,68,.3)}

.drw-nav{padding:0 16px;display:flex;flex-direction:column;gap:2px}

.drw-nav a i.ni{font-size:19px;color:var(--dim);transition:color .15s;flex-shrink:0}
.drw-nav a:hover{background:var(--surf2);color:var(--text)}
.drw-nav a:hover i.ni{color:var(--pri)}
.drw-line{height:1px;background:var(--bdr);margin:16px 28px}
.drw-foot{padding:20px 28px 24px;border-top:1px solid var(--bdr);position:relative;z-index:2;flex-shrink:0;}
.drw-socials{display:flex;gap:7px;margin-bottom:16px}
.drw-theme-toggle{
  width:100%;display:flex;align-items:center;justify-content:center;gap:8px;
  margin-bottom:16px;padding:10px 12px;border-radius:10px;border:1px solid var(--bdr);
  background:var(--surf);color:var(--text);font:600 12px/1.3 'Inter',sans-serif;
}
.drw-theme-toggle:hover{border-color:var(--pri-bdr);background:var(--pri-lo);color:var(--pri)}
.dsoc{width:34px;height:34px;border-radius:9px;background:var(--surf);border:1px solid var(--bdr);display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:16px;transition:background .2s,color .2s,border-color .2s;}
.dsoc:hover{background:var(--pri-lo);color:var(--pri);border-color:var(--pri-bdr)}

.drw-cta::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.14) 0%,transparent 60%);pointer-events:none}
.drw-cta:hover{box-shadow:var(--interactive-hover-shadow);transform:translateY(calc(-1 * var(--interactive-hover-lift)))}


.sp-hero{
  position:relative;
  isolation:isolate;
  background:var(--sp-hero-bg);
  border-bottom:1px solid var(--bdr);
  overflow:hidden;
}
.sp-hero::before{display:none;}
.sp-hero::after{
  content:'';
  position:absolute;
  inset:-28% -18% auto;
  height:76%;
  z-index:0;
  pointer-events:none;
  background:var(--sp-hero-aura);
  filter:blur(44px) saturate(1.08);
  opacity:.8;
  animation:hero-aura-flow 16s ease-in-out infinite alternate;
}

.sp-hero {
  background: linear-gradient(135deg, color-mix(in srgb, var(--pri) 15%, transparent) 0%, transparent 80%);
}


.sp-hero-grid{display:none;}


.sp-hero-beam{
  --beam-y:-50%;
  position:absolute;left:-80px;top:50%;transform:translateY(var(--beam-y));
  width:400px;height:400px;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,rgba(56,189,248,.34) 0%,transparent 66%);
  filter:blur(52px);z-index:0;
  animation:hero-beam-breathe 14s ease-in-out infinite;
}
.sp-hero-beam-r{
  --beam-y:0%;
  position:absolute;right:-80px;top:30%;
  width:300px;height:300px;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,rgba(45,212,191,.24) 0%,transparent 68%);
  filter:blur(50px);z-index:0;
  transform:translateY(var(--beam-y));
  animation:hero-beam-breathe 16s ease-in-out infinite reverse;
}
@keyframes hero-grid-shift{
  0%{transform:translate3d(0,0,0) scale(1)}
  50%{transform:translate3d(-1.5%,1.2%,0) scale(1.02)}
  100%{transform:translate3d(1.4%,-1%,0) scale(1.03)}
}
@keyframes hero-aura-flow{
  0%{transform:translate3d(0,0,0) rotate(0deg)}
  50%{transform:translate3d(2%,-3%,0) rotate(-1.2deg)}
  100%{transform:translate3d(-2%,2%,0) rotate(1deg)}
}
@keyframes hero-beam-breathe{
  0%,100%{opacity:.72;transform:translateY(var(--beam-y)) scale(1)}
  50%{opacity:.92;transform:translateY(var(--beam-y)) scale(1.08)}
}

@media (prefers-reduced-motion:reduce){
  .sp-hero::after,
  .sp-hero-grid,
  .sp-orb,
  .sp-hero-beam,
  .sp-hero-beam-r{
    animation:none !important;
  }
}

.sp-hero-inner{
  position:relative;z-index:2;
  padding:var(--page-hero-pad-y, clamp(64px, 8vw, 88px)) 40px;
  max-width:1160px;margin:0 auto;
}
.sp-hero-split{
  display:grid;
  grid-template-columns: 5fr 6fr;
  gap: 64px;
  align-items: center;
}
.sp-hero-left{
  display:flex;flex-direction:column;align-items:flex-start;
  text-align:left;
}
.sp-hero-right{
  display:flex;flex-direction:column;align-items:center;
  width:100%;
}
.sp-hero-eyebrow{margin-bottom:24px;}
@media(max-width:900px){
  .sp-hero-split{grid-template-columns: 1fr; gap: 48px;}
  .sp-hero-left{align-items:center; text-align:center;}
}
@media(max-width:768px){.sp-hero-inner{padding:var(--page-hero-pad-y, clamp(64px, 8vw, 88px)) 20px}}


.sp-crumb{
  display:inline-flex;align-items:center;gap:6px;
  font-family:'Inter',sans-serif;font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--pri);background:var(--pri-lo);border:1px solid var(--pri-bdr);
  padding:5px 14px;border-radius:999px;margin-bottom:24px;
}

.sp-crumb a:hover{color:var(--pri)}
.sp-crumb-sep{color:var(--dim);font-size:11px}

.sp-hero-title{
  font-size:var(--type-display);font-weight:800;letter-spacing:-.04em;
  color:var(--text);line-height:1.04;margin-bottom:14px;
  text-shadow:none;
}
.sp-hero-title em{
  font-style:normal;
  color:var(--pri);
  position:relative;
}
.sp-tagline{
  font-size:var(--type-body);
  color:color-mix(in srgb,var(--text) 78%,var(--muted) 22%);
  line-height:1.6;
  max-width:540px;
  margin:0 0 36px 0;
}
@media(max-width:900px){.sp-tagline{margin:0 auto 36px;}}


.sp-status-badge{
  display:inline-flex;align-items:center;gap:8px;
  font-family:'Inter',sans-serif;font-size:11.5px;font-weight:600;
  color:var(--text);
  background:color-mix(in srgb,var(--surf) 80%,transparent);
  border:1px solid var(--bdr);
  padding:6px 16px;border-radius:999px;
  backdrop-filter:blur(12px);
  margin-bottom:24px;
  box-shadow:0 4px 12px rgba(0,0,0,.05);
  cursor:pointer;
  transition:background .2s,border-color .2s;
}
.sp-status-badge:hover{background:color-mix(in srgb,var(--surf) 90%,transparent);border-color:var(--bdr-hi)}


.sp-search-console{
  width:100%;
  background:color-mix(in srgb,var(--card-bg) 60%,transparent);
  border:1px solid color-mix(in srgb,var(--bdr) 60%,transparent);
  border-radius:32px;
  padding:24px;
  backdrop-filter:blur(32px) saturate(1.5);
  -webkit-backdrop-filter:blur(32px) saturate(1.5);
  box-shadow:none;
  display:flex;flex-direction:column;gap:24px;
}
@media(max-width:560px){.sp-search-console{padding:20px; border-radius:24px;}}


.sp-search-wrap{
  width:100%;position:relative;
  display:flex;flex-direction:column;
  isolation:isolate;
}
.sp-search-wrap::after{
  content:'';
  position:absolute;
  inset:-22px -34px -30px;
  border-radius:42px;
  background:radial-gradient(circle at 50% 25%,rgba(0,84,173,.25) 0%,transparent 65%);
  opacity:.5;
  pointer-events:none;
  z-index:-3;
}
.sp-search-badge{
  align-self:flex-start;
  display:inline-flex;align-items:center;gap:7px;
  font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
  color:color-mix(in srgb,var(--head) 82%,var(--pri) 18%);
  background:color-mix(in srgb,var(--card-bg) 86%,transparent);
  border:1px solid color-mix(in srgb,var(--pri-bdr) 58%,var(--bdr) 42%);
  padding:6px 12px;border-radius:999px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22);
}
.sp-search-badge i{font-size:12px;color:var(--pri)}
.sp-search-shell{position:relative}
.sp-search-shell::before{
  content:'';
  position:absolute;inset:1px;
  border-radius:999px;
  background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 45%);
  pointer-events:none;
}
.sp-search{
  width:100%;padding:24px 104px 24px 68px;
  background:
    linear-gradient(122deg,rgba(255,255,255,.18),rgba(255,255,255,.05) 42%,rgba(0,84,173,.12)),
    color-mix(in srgb, var(--card-bg) 60%, transparent);
  border:1px solid color-mix(in srgb, var(--bdr) 40%, var(--pri-bdr) 60%);
  border-radius:999px;
  font-family:'Inter',sans-serif;font-size:16px;font-weight:500;color:var(--text);
  outline:none;
  backdrop-filter:blur(24px) saturate(1.5);
  -webkit-backdrop-filter:blur(24px) saturate(1.5);
  box-shadow:
    0 0 0 1px rgba(255,255,255,.1),
    inset 0 1px 0 rgba(255,255,255,.2);
  transition:border-color .3s,box-shadow .3s,transform .3s var(--ease),background .3s;
}
.sp-search:focus{
  border-color:var(--pri-bdr2);
  background:
    linear-gradient(125deg,rgba(255,255,255,.25),rgba(255,255,255,.05) 40%,rgba(0,84,173,.15)),
    color-mix(in srgb, var(--card-bg) 75%, transparent);
  transform:translateY(-2px) scale(1.01);
  box-shadow:
    0 0 0 4px color-mix(in srgb,var(--pri-lo) 80%,transparent);
}
.sp-search::placeholder{
  color:color-mix(in srgb,var(--text) 62%,var(--muted) 38%);
  animation:spPlaceholderPulse 3.8s ease-in-out infinite;
}
.sp-search-ico{
  position:absolute;left:26px;top:50%;transform:translateY(-50%);
  width:36px;height:36px;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;
  font-size:18px;color:var(--pri);pointer-events:none;transition:color .2s ease,background .2s ease;
  background:var(--pri-lo);
  border:1px solid var(--pri-bdr);
}
.sp-search-kbd{
  position:absolute;right:64px;top:50%;transform:translateY(-50%);
  display:flex;align-items:center;gap:4px;
  font-family:'Inter',sans-serif;font-size:11px;color:var(--dim);
}
.sp-search-clear{
  position:absolute;right:16px;top:50%;transform:translateY(-50%);
  width:30px;height:30px;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;
  padding:0;
  flex:0 0 30px;
  appearance:none;
  -webkit-appearance:none;
  z-index:2;
  color:var(--dim);background:var(--surf);border:1px solid var(--bdr);
  transition:background .15s,color .15s,border-color .15s;
}
.sp-search-clear:hover{background:var(--pri-lo);border-color:var(--pri-bdr);color:var(--pri)}

.sp-search-kbd kbd{
  background:linear-gradient(180deg, var(--surf) 0%, var(--surf2) 100%);
  border:1px solid var(--bdr);border-bottom-width:2px;border-radius:6px;
  padding:3px 7px;font-family:'Inter',sans-serif;font-size:11px;color:var(--muted);font-weight:600;
}
@keyframes spPlaceholderPulse{
  0%,100%{opacity:.62;letter-spacing:.01em}
  50%{opacity:1;letter-spacing:.03em}
}


.sp-hints{display:flex;flex-direction:column;align-items:flex-start;gap:12px;width:100%;}
.sp-hint-tags{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.sp-hint-l{font-size:var(--type-label);color:color-mix(in srgb,var(--text) 68%, var(--muted) 32%);font-weight:600;}
.sp-hint-tag{
  display:inline-flex;align-items:center;gap:6px;
  font-size:var(--type-label);color:var(--text);font-weight:500;
  background:color-mix(in srgb, var(--surf) 70%, transparent);
  border:1px solid color-mix(in srgb, var(--bdr) 60%, transparent);
  padding:8px 16px;border-radius:999px;cursor:pointer;
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  transition:background .25s,color .25s,border-color .25s,transform .25s var(--ease),box-shadow .25s;
}
.sp-hint-tag i{color:var(--pri);font-size:14px;}
.sp-hint-tag:hover{
  background:var(--pri-lo);color:var(--pri);border-color:var(--pri-bdr);
  transform:translateY(-2px);
  box-shadow:none;
}

.sp-search-match{
  border-color:var(--pri-bdr2) !important;
  box-shadow:0 0 0 2px var(--pri-lo);
}

.sp-search-hidden{display:none !important}


.sp-stats{
  display:flex;
  justify-content:flex-start;
  gap:24px;
  width:fit-content;
  margin:16px 0 0 0;
  padding:16px 32px 16px 20px;
  border-radius:20px;
  border:1px solid color-mix(in srgb,var(--bdr) 60%, transparent);
  background:color-mix(in srgb,var(--card-bg) 70%, transparent);
  backdrop-filter:blur(16px) saturate(1.2);
  -webkit-backdrop-filter:blur(16px) saturate(1.2);
  box-shadow:none;
  flex-wrap:wrap;
}
@media(max-width:900px){
  .sp-stats{margin:16px auto 0; justify-content:center; padding:16px 24px;}
}
.sp-stat{
  display:flex;align-items:center;gap:12px;
}
.sp-stat i{
  font-size:20px;color:var(--pri);
  width:40px;height:40px;border-radius:50%;
  background:var(--pri-lo);border:1px solid var(--pri-bdr);
  display:flex;align-items:center;justify-content:center;
}
.sp-stat-content{display:flex;flex-direction:column;align-items:flex-start;}
.sp-stat-val{font-family:'Poppins',sans-serif;font-size:16px;font-weight:700;color:var(--text);letter-spacing:-.02em;line-height:1.2}
.sp-stat-l{font-size:11px;color:color-mix(in srgb,var(--text) 60%, var(--muted) 40%);font-weight:500;}
.sp-stat-sep{display:block;width:1px;height:32px;background:var(--bdr);align-self:center;}

.sp-stat-avatars{
  display:flex;margin-left:8px;
}
.sp-avatar{
  width:28px;height:28px;border-radius:50%;border:2px solid var(--card-bg);
  margin-left:-8px;
  box-shadow:0 2px 6px rgba(0,0,0,.15);
}
.sp-avatar:first-child{margin-left:0;}



.sec-eyebrow{
  display:flex;flex-direction:column;align-items:center;text-align:center;
  margin-bottom:48px;
}
.sec-title{
  font-size:var(--type-section);font-weight:700;letter-spacing:-.03em;
  color:var(--head);margin-top:12px;
}
.sec-eyebrow p{font-size:14.5px;color:var(--muted);margin-top:8px;max-width:360px;line-height:1.65}

.cat-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
}
.cat-grid.swiper-wrapper{display:grid}
@media(max-width:900px){.cat-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.cat-grid{grid-template-columns:1fr}}
@media(max-width:560px){.cat-grid{gap:10px}}
.support-cat-sw-nav,.support-cat-sw-track{display:none}


@media(min-width:561px){
  .support-cat-swiper{overflow:visible}
  .support-cat-swiper .cat-grid.swiper-wrapper{display:grid!important;transform:none!important}
  .support-cat-swiper .swiper-slide.cat-card{width:auto!important;margin-right:0!important}
}

.cat-card{
  background:var(--card-bg);
  border:1px solid var(--bdr);
  border-radius:var(--r-lg);
  padding:24px;
  display:flex;flex-direction:column;gap:0;
  cursor:pointer;
  position:relative;overflow:hidden;
  transition:border-color .22s,transform .22s var(--ease),box-shadow .22s;
  text-decoration:none;color:inherit;
}
.cat-card::before{
  content:'';position:absolute;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(ellipse 70% 60% at 0% 30%,var(--sm1) 0%,transparent 65%);
  opacity:0;transition:opacity .3s;
}
.cat-card:hover{border-color:var(--bdr-hi);transform:translateY(-3px);box-shadow:var(--sh)}
.cat-card:hover::before{opacity:1}
.cat-card-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px;position:relative;z-index:1;}
.cat-ico{
  width:42px;height:42px;border-radius:11px;
  background:var(--pri-lo);border:1px solid var(--pri-bdr);
  display:flex;align-items:center;justify-content:center;
  font-size:20px;color:var(--pri);flex-shrink:0;
}
.cat-ico.green{background:rgba(34,197,94,.08);border-color:rgba(34,197,94,.18);color:var(--green)}
.cat-ico.amber{background:rgba(245,158,11,.08);border-color:rgba(245,158,11,.18);color:var(--amber)}
.cat-ico.gold{background:rgba(204,221,239,.08);border-color:rgba(204,221,239,.18);color:var(--gold)}
.cat-ico.orange{background:rgba(249,115,22,.08);border-color:rgba(249,115,22,.18);color:var(--orange)}
.cat-count{
  font-family:'Inter',sans-serif;font-size:10px;font-weight:500;
  letter-spacing:.06em;color:var(--muted);
  background:var(--surf);border:1px solid var(--bdr);
  padding:3px 9px;border-radius:999px;white-space:nowrap;
}
.cat-count.amber-c{color:var(--amber);background:rgba(245,158,11,.06);border-color:rgba(245,158,11,.16)}
.cat-count.red-c{color:var(--red);background:rgba(239,68,68,.06);border-color:rgba(239,68,68,.16)}
.card-h{font-size:var(--type-card-title);font-weight:700;color:var(--head);margin-bottom:7px;letter-spacing:-.015em;position:relative;z-index:1;}
.cat-d{font-size:var(--type-body);color:var(--muted);line-height:1.6;flex:1;position:relative;z-index:1;}
.cat-foot{
  display:flex;align-items:center;justify-content:space-between;
  margin-top:18px;padding-top:14px;border-top:1px solid var(--bdr);
  position:relative;z-index:1;
}
.cat-art-c{font-size:11.5px;color:var(--dim)}
.cat-arr{
  width:26px;height:26px;border-radius:50%;
  background:var(--surf);border:1px solid var(--bdr);
  display:flex;align-items:center;justify-content:center;
  font-size:13px;color:var(--muted);
  transition:background .2s,border-color .2s,color .2s,transform .2s var(--spring);
}
.cat-card:hover .cat-arr{background:var(--pri-lo);border-color:var(--pri-bdr);color:var(--pri);transform:translate(2px,-2px)}
.support-cat-sw-track{height:1px;background:var(--bdr);margin:20px 0 16px;position:relative;overflow:hidden}
.support-cat-sw-fill{position:absolute;inset:0;right:auto;width:0;background:var(--pri);transition:width .4s var(--ease)}
.support-cat-sw-nav{align-items:center;justify-content:space-between;padding:10px 12px;border-radius:16px;background:color-mix(in srgb,var(--card-bg) 94%,#fff 6%);border:1px solid color-mix(in srgb,var(--bdr) 84%,#fff 16%);box-shadow:none;backdrop-filter:blur(14px)}
.support-cat-sw-count{font-family:'Inter',sans-serif;font-size:11px;color:var(--dim);letter-spacing:.08em}
.support-cat-sw-count strong{color:var(--head);font-weight:600}
.support-cat-sw-btns{display:flex;gap:10px}
.support-cat-sw-btn{display:flex;align-items:center;justify-content:center;gap:6px;min-width:92px;background:linear-gradient(180deg,color-mix(in srgb,#fff 16%,var(--card-bg) 84%) 0%,color-mix(in srgb,var(--card-bg) 92%,#000 8%) 100%);border:1px solid color-mix(in srgb,var(--bdr) 80%,#fff 20%);padding:10px 14px;cursor:pointer;font-family:'Poppins',sans-serif;font-size:10px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--head);border-radius:999px;transition:color .25s,background .25s,border-color .25s,transform .25s,box-shadow .25s;box-shadow:0 2px 8px color-mix(in srgb,#000 14%,transparent),inset 0 1px 0 color-mix(in srgb,#fff 28%,transparent)}
.support-cat-sw-btn i{font-size:15px;transition:transform .25s;color:color-mix(in srgb,var(--head) 85%,#fff 15%)}
.support-cat-sw-btn:not([disabled]):hover{color:#fff;border-color:color-mix(in srgb,var(--pri) 46%,#fff 16%);background:linear-gradient(180deg,color-mix(in srgb,var(--pri) 55%,#fff 9%) 0%,color-mix(in srgb,var(--pri) 72%,#000 10%) 100%);transform:translateY(-1px);box-shadow:0 8px 18px color-mix(in srgb,var(--pri) 28%,transparent),inset 0 1px 0 color-mix(in srgb,#fff 28%,transparent)}
.support-cat-prev:not([disabled]):hover i{transform:translateX(-2px)}
.support-cat-next:not([disabled]):hover i{transform:translateX(2px)}
.support-cat-sw-btn[disabled]{opacity:.45;pointer-events:none;filter:saturate(.3)}



.guide-grid{
  display:grid;grid-template-columns:repeat(2,1fr);
  border:1px solid var(--bdr);border-radius:var(--r-xl);
  overflow:hidden;background:var(--bdr);gap:1px;
}
.guide-card:nth-child(1){
  grid-column:span 2;
}
@media(max-width:900px){
  .guide-grid{grid-template-columns:1fr}
  .guide-card:nth-child(1){grid-column:span 1}
}

@media(max-width:768px){
  .sp-tagline{font-size:14px;line-height:1.65;margin-bottom:24px}
  .sp-search-wrap{max-width:100%;margin-bottom:18px}
  .sp-search-wrap::before{inset:24px -1px -1px;border-radius:26px}
  .sp-search-wrap::after{inset:-18px -14px}
  .sp-search{
    font-size:16px;
    min-height:52px;
    padding:14px 84px 14px 50px;
    border-radius:999px;
  }
  .sp-search-kbd{display:none}
  .sp-search-ico{left:14px;width:24px;height:24px;font-size:13px}
  .sp-search-clear{right:10px;width:32px;height:32px;flex-basis:32px}

  .sp-hint-l{display:block;width:100%;text-align:left}
  .sp-hint-tag{padding:6px 11px;font-size:11.5px}
  .sp-stats{display:none}
  .sp-stat{
    min-height:58px;
    border-radius:10px;
    padding:10px 11px;
  }
  .cat-card{padding:18px}
  .cat-foot{margin-top:14px;padding-top:12px}
  .guide-card{padding:18px}
  .guide-d{margin-bottom:16px}
  .guide-list{margin-bottom:16px}
  .gl-item{padding:10px}
}
@media(max-width:560px){
  .support-cat-swiper{overflow:visible}
  .support-cat-swiper .cat-grid.swiper-wrapper{display:flex}
  .support-cat-swiper .swiper-slide.cat-card{height:auto}
  .support-cat-sw-track,.support-cat-sw-nav{display:flex}
}

.guide-card{
  background:var(--card-bg);
  padding:24px;
  display:flex;flex-direction:column;
  position:relative;overflow:hidden;
  transition:background .3s;
}
.guide-card:hover{background:var(--bg3)}


.guide-wm{
  position:absolute;right:-16px;bottom:-16px;
  font-size:100px;line-height:1;
  color:var(--pri);opacity:.04;
  pointer-events:none;z-index:0;
  transition:opacity .4s,transform .45s var(--ease);
}
.guide-card:hover .guide-wm{opacity:.09;transform:scale(1.08) rotate(-5deg)}

.guide-tag{
  font-family:'Inter',sans-serif;font-size:9px;text-transform:uppercase;
  letter-spacing:.14em;color:var(--pri);margin-bottom:8px;position:relative;z-index:1;
}
.guide-ico{
  width:46px;height:46px;border-radius:12px;
  background:var(--pri-lo);border:1px solid var(--pri-bdr);
  display:flex;align-items:center;justify-content:center;
  font-size:22px;color:var(--pri);
  margin-bottom:20px;flex-shrink:0;position:relative;z-index:1;
}
.guide-h{font-size:var(--type-card-title);font-weight:700;color:var(--head);margin-bottom:10px;letter-spacing:-.02em;position:relative;z-index:1;}
.guide-d{font-size:var(--type-body);color:var(--muted);line-height:1.6;margin-bottom:22px;position:relative;z-index:1;flex:1}

.guide-list{display:flex;flex-direction:column;gap:9px;position:relative;z-index:1;margin-bottom:24px}
.gl-item{
  display:flex;align-items:flex-start;gap:11px;
  padding:11px 12px;border-radius:10px;
  background:var(--surf);border:1px solid var(--bdr);
  transition:border-color .2s,background .2s;
}
.gl-item:hover{border-color:var(--bdr-hi);background:var(--surf2)}
.gl-dot{
  width:22px;height:22px;border-radius:6px;
  background:var(--pri-lo);border:1px solid var(--pri-bdr);
  display:flex;align-items:center;justify-content:center;
  font-size:12px;color:var(--pri);flex-shrink:0;margin-top:1px;
}
.gl-t{font-family:'Poppins',sans-serif;font-size:12.5px;font-weight:600;color:var(--text);margin-bottom:2px}
.gl-d{font-size:11.5px;color:var(--muted);line-height:1.5}

.guide-link{
  display:inline-flex;align-items:center;gap:7px;
  font-size:13px;font-weight:600;color:var(--pri);
  background:var(--pri-lo);border:1px solid var(--pri-bdr);
  padding:9px 16px;border-radius:9px;align-self:flex-start;
  position:relative;z-index:1;
  transition:background .2s,box-shadow .2s;
}
.guide-link:hover{background:var(--pri-lo2);box-shadow:0 4px 18px var(--pri-glo)}



.btm-grid{
  display:grid;grid-template-columns:7fr 5fr;
  gap:16px;
}
@media(max-width:900px){.btm-grid{grid-template-columns:1fr}}


.mh-card{
  background:var(--bg2);
  border:1px solid var(--bdr);
  border-radius:var(--r-xl);
  padding:24px;
  display:flex;align-items:flex-start;gap:40px;
  position:relative;overflow:hidden;
}
@media(max-width:768px){.mh-card{flex-direction:column;gap:28px;padding:24px}}
.mh-card::before{
  content:'';position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(ellipse 60% 80% at 0% 50%,var(--sm1) 0%,transparent 65%);
}
.mh-left{flex:1;min-width:0;position:relative;z-index:1}
.mh-h,.ci-h{font-size:var(--fs-card-title);font-weight:700;letter-spacing:-.02em;color:var(--head);margin-bottom:8px}
.mh-d{font-size:var(--fs-body);color:var(--muted);line-height:1.6;max-width:540px;margin-bottom:20px}
.mh-checks{display:flex;flex-direction:column;gap:10px}
.mh-ck{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted)}
.mh-ck i{font-size:15px;color:var(--green);flex-shrink:0}


.mh-qr{
  flex-shrink:0;
  display:flex;flex-direction:column;align-items:center;gap:10px;
  position:relative;z-index:1;
}
.mh-qr-frame{
  width:110px;height:110px;border-radius:16px;
  background:var(--card-bg);
  border:1px solid var(--bdr);
  display:flex;align-items:center;justify-content:center;
  padding:10px;
  box-shadow:var(--sh);
  overflow:hidden;
  position:relative;
}

.mh-qr-frame img{width:90px;height:90px;display:block;border-radius:8px}
.mh-qr-l{font-size:11px;color:var(--dim);text-align:center;font-family:'Inter',sans-serif;letter-spacing:.04em}


.ci-card{
  background:var(--bg2);
  border:1px solid var(--bdr);
  border-radius:var(--r-xl);
  padding:24px;
  display:flex;flex-direction:column;
  position:relative;overflow:hidden;
}
@media(max-width:768px){.ci-card{padding:24px}}
.ci-card::before{
  content:'';position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,transparent,var(--red),transparent);
  opacity:.6;
}
.ci-card::after{
  content:'';position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(ellipse 70% 50% at 50% 0%,rgba(239,68,68,.06) 0%,transparent 70%);
}
.ci-badge{
  display:inline-flex;align-items:center;gap:6px;
  font-family:'Inter',sans-serif;font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--red);background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.2);
  padding:4px 11px;border-radius:999px;align-self:flex-start;margin-bottom:20px;
  position:relative;z-index:1;
}
.ci-badge::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--red);animation:blink 1.5s infinite}
.ci-h{position:relative;z-index:1;}
.ci-d{font-size:var(--fs-body);color:var(--muted);line-height:1.6;flex:1;max-width:420px;margin-bottom:28px;position:relative;z-index:1;}
.ci-btn{
  display:inline-flex;align-items:center;gap:9px;
  padding:13px 22px;border-radius:11px;
  background:rgba(239,68,68,.1);
  color:var(--red);
  border:1px solid rgba(239,68,68,.22);
  font-size:var(--type-body);font-weight:600;font-family:'Poppins',sans-serif;
  letter-spacing:-.01em;align-self:flex-start;
  transition:background .2s,box-shadow .22s,transform .22s var(--ease);
  position:relative;z-index:1;
}

@media(max-width:900px){
  .mh-h,.ci-h{font-size:clamp(21px,1.04rem + 0.62vw,24px)}
}
@media(max-width:600px){
  .mh-h,.ci-h{font-size:var(--fs-card-title-mobile);letter-spacing:-.015em}
}

@media(max-width:768px){
  .btn,.ci-btn,.guide-link{
    min-height:48px;
  }
}
.ci-btn:hover{background:rgba(239,68,68,.16);box-shadow:0 8px 28px rgba(239,68,68,.22);transform:translateY(calc(-1 * var(--interactive-hover-lift)))}
.ci-btn i{font-size:17px}
.ci-support{
  font-family:'Inter',sans-serif;font-size:10.5px;letter-spacing:.06em;
  color:var(--dim);margin-top:12px;position:relative;z-index:1;
}







.ft-col-h{
  display:flex;align-items:center;gap:7px;
  font-family:'Inter',sans-serif;font-size:9px;text-transform:uppercase;letter-spacing:.15em;color:var(--dim);margin-bottom:20px;
}
.ft-links{display:flex;flex-direction:column;gap:12px}

.ft-links a i{font-size:12px;opacity:0;color:var(--pri);transition:opacity .15s}
.ft-links a:hover{color:var(--text)}
.ft-links a:hover i{opacity:1}

.ft-nl-bare{padding:32px 0;border-top:1px solid var(--bdr);display:flex;justify-content:center;margin-top:44px;}
.nl-group{display:flex;align-items:stretch;background:var(--bg2);border:1px solid var(--bdr);border-radius:999px;overflow:hidden;transition:border-color .2s,box-shadow .2s;width:100%;max-width:380px;}
.nl-group:focus-within{border-color:var(--bdr-hi);box-shadow:0 0 0 3px var(--pri-lo)}
.nl-group input{flex:1;min-width:0;padding:11px 18px;font-size:13px;color:var(--text);font-family:'Inter',sans-serif;background:transparent;border:none;outline:none;}
.nl-group input::placeholder{color:var(--dim)}

.nl-group button::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.13) 0%,transparent 55%);pointer-events:none}
.nl-group button:hover{background:var(--pri-d)}

.ft-btm{margin-top:44px;padding:20px 0;border-top:1px solid var(--ft-border);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;}
@media(max-width:900px){.ft-btm{flex-direction:column;align-items:flex-start;gap:14px}}

.theme-sw{position:relative;display:inline-flex}
.tsw-btn{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:9px;background:var(--surf);border:1px solid var(--bdr);font-size:12.5px;font-weight:500;color:var(--muted);transition:background .2s,border-color .2s,color .2s;cursor:pointer;}
.tsw-btn:hover{background:var(--surf2);border-color:var(--bdr-hi);color:var(--text)}
.tsw-btn i{font-size:16px}.tsw-btn .caret{font-size:12px;margin-left:2px;transition:transform .25s var(--ease)}
.theme-sw.open .tsw-btn .caret{transform:rotate(180deg)}
.tsw-panel{position:absolute;bottom:calc(100% + 8px);left:0;min-width:160px;background:var(--drw-bg);border:1px solid var(--bdr);border-radius:12px;padding:6px;box-shadow:0 -8px 32px rgba(0,0,0,.28);opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .22s var(--ease),transform .22s var(--ease);z-index:200;}
.theme-sw.open .tsw-panel{opacity:1;pointer-events:auto;transform:translateY(0)}
.tsw-opt{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;font-size:13px;font-weight:500;color:var(--muted);cursor:pointer;transition:background .15s,color .15s;}
.tsw-opt:hover{background:var(--surf2);color:var(--text)}
.tsw-opt.active{background:var(--pri-lo);color:var(--pri)}
.tsw-opt i{font-size:16px;color:var(--dim);transition:color .15s;flex-shrink:0;width:18px;text-align:center}

.ft-socs{display:flex;gap:7px}
.fsoc{width:32px;height:32px;border-radius:8px;background:var(--surf);border:1px solid var(--bdr);display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:15px;transition:background .2s,color .2s,border-color .2s,transform .2s;}
.fsoc:hover{background:var(--pri-lo);color:var(--pri);border-color:var(--pri-bdr);transform:translateY(calc(-1 * var(--interactive-hover-lift)))}
.ft-status-chip{display:inline-flex;align-items:center;gap:7px;font-family:'Inter',sans-serif;font-size:10px;color:var(--muted);}
.ft-legal{display:flex;gap:18px;flex-wrap:wrap}

.ft-legal a:hover{color:var(--muted)}

.ft-badges{display:flex;align-items:stretch;gap:4px;padding:20px 40px;border-top:1px solid var(--ft-border);flex-wrap:wrap;}
@media(max-width:768px){.ft-badges{padding:20px}}
.ftb-compatible{display:inline-flex;align-items:stretch;border:1px solid var(--bdr);border-radius:12px;overflow:hidden;background:var(--surf);transition:border-color .22s,background .22s;}
.ftb-compatible:hover{border-color:var(--pri-bdr);background:var(--pri-lo)}
.ftb-compatible-inner{display:flex;align-items:center;gap:12px;padding:12px 20px 12px 16px;width:100%}
.ftb-brand{font-family:'Poppins',sans-serif;font-size:13px;font-weight:700;color:var(--head);letter-spacing:-.02em;line-height:1;}
.ftb-mark{font-family:'Inter',sans-serif;font-size:9.5px;letter-spacing:.06em;color:var(--pri);text-transform:uppercase;}
.ftb-eem{display:inline-flex;align-items:center;justify-content:center;aspect-ratio:1;background:#121212;border-radius:14px;border:1px solid rgba(255,255,255,.10);overflow:hidden;transition:transform .22s var(--ease),box-shadow .22s;flex-shrink:0;min-width:64px;}
.ftb-eem:hover{transform:translateY(calc(-1 * var(--interactive-hover-lift)));box-shadow:0 8px 24px rgba(0,0,0,.4)}
.ftb-eem img{width:40px;height:40px;object-fit:contain;display:block}
.ft-notice{background:var(--bg3);border-top:1px solid var(--ft-border);padding:13px 40px;text-align:justify;font-size:11px;color:var(--dim);line-height:1.7;}
@media(max-width:768px){.ft-notice{padding:13px 20px}}


.skip-link{position:fixed;top:-100%;left:0;transform:none;z-index:99999;padding:12px 28px;border-radius:0 0 12px 12px;background:var(--pri);color:#F9FAFB;font-family:'Poppins',sans-serif;font-size:14px;font-weight:700;text-decoration:none;transition:top .18s ease;outline:none;box-shadow:0 4px 20px rgba(0,84,173,.5);}
.skip-link:focus{top:0}
#a11y-announce{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}

@media(prefers-reduced-motion:reduce){
  
  .rv{opacity:1 !important;transform:none !important}
  .amb{display:none !important}
  .sp-orb{display:none !important}
}




}

/* --- PAGE: index-governed --- */
.page-index-governed {
.governed-branding{padding:32px 0 24px;position:relative;z-index:1}
.governed-wrap{max-width:1100px;margin:0 auto;padding:0 24px}
.governed-branding *,.governed-branding *::before,.governed-branding *::after{box-sizing:border-box}
.governed-tab-shell{display:grid;gap:18px;grid-template-columns:minmax(240px,280px) minmax(0,1fr);max-width:980px;margin:0 auto;align-items:center}
.governed-card{border-radius:30px;padding:30px;background:var(--card-bg);border:1px solid color-mix(in srgb,var(--bdr) 84%,var(--pri) 16%);box-shadow:var(--sh)}
.governed-tabs{display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:24px;background:color-mix(in srgb,var(--card-bg) 88%,var(--bg2) 12%);border:1px solid color-mix(in srgb,var(--bdr) 82%,var(--pri) 18%);overflow-y:auto;overflow-x:hidden;max-height:370px;align-self:center;scrollbar-width:thin}
.governed-tab{appearance:none;border:1px solid transparent;background:color-mix(in srgb,var(--card-bg) 92%,var(--bg2) 8%);color:var(--head);padding:14px 18px;border-radius:16px;font:600 15px/1.1 'Inter',sans-serif;display:inline-flex;align-items:center;justify-content:flex-start;gap:10px;cursor:pointer;white-space:nowrap;transition:all .25s ease;width:100%;min-height:50px}
.governed-tab i{font-size:18px}
.governed-tab.is-active{background:var(--pri);color:#fff;border-color:var(--pri);box-shadow:0 10px 18px color-mix(in srgb,var(--pri) 36%,transparent)}
.governed-panels{position:relative;grid-area:panel}
.governed-panel{min-height:250px}
.governed-panel:not(.is-active){display:none}
.governed-ttl{font-family:'Poppins',sans-serif;font-size:clamp(30px,4vw,54px);line-height:1.08;letter-spacing:-.02em;color:var(--head);margin:0 0 14px;max-width:14ch}
.governed-ttl em{display:block;font-style:normal;font-weight:500;font-size:.34em;color:var(--pri);letter-spacing:0;margin-bottom:10px}
.governed-dsc{font-family:'Inter',sans-serif;font-size:16px;line-height:1.7;color:var(--text);max-width:65ch;margin:0}

@media(max-width:1024px){
  .governed-tab-shell{grid-template-columns:1fr;gap:14px}
  .governed-tabs{flex-direction:row;flex-wrap:nowrap;overflow:auto;max-height:none;border-radius:999px;align-self:stretch}
  .governed-tab{padding:12px 18px;font-size:14px;min-width:max-content;flex:0 0 auto;border-radius:999px}
  .governed-panels{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
  .governed-panel{min-height:220px;grid-column:1 / -1}
  .governed-panel.is-active:nth-of-type(5n+1){grid-column:1 / span 4}
  .governed-panel.is-active:nth-of-type(5n+2){grid-column:2 / span 4}
  .governed-panel.is-active:nth-of-type(5n+3){grid-column:1 / span 5}
  .governed-panel.is-active:nth-of-type(5n+4){grid-column:3 / span 4}
  .governed-panel.is-active:nth-of-type(5n){grid-column:2 / span 5}
}
@media(max-width:720px){.governed-wrap{padding:0 16px}.governed-card{padding:24px;border-radius:24px;min-height:220px}.governed-ttl{font-size:clamp(24px,9vw,38px)}.governed-panels{display:block}}

.governed-panels-wrap{display:block}
.governed-sw-track,.governed-sw-nav{display:none}
.governed-sw-track{height:1px;background:var(--bdr);margin:20px 0 14px;position:relative;overflow:hidden}
.governed-sw-fill{position:absolute;inset:0;right:auto;width:0;background:var(--pri);transition:width .48s cubic-bezier(.22,.68,0,1)}
.governed-sw-nav{align-items:center;justify-content:space-between;padding:10px 12px;border-radius:16px;background:color-mix(in srgb,var(--card-bg) 92%,#fff 8%);border:1px solid color-mix(in srgb,var(--bdr) 84%,#fff 16%)}
.governed-sw-count{font-family:'Inter',sans-serif;font-size:11px;color:var(--dim);letter-spacing:.06em}
.governed-sw-count strong{font-weight:500;color:var(--head)}
.governed-sw-btns{display:flex;gap:10px}
.governed-sw-btn{display:flex;align-items:center;justify-content:center;gap:6px;min-width:92px;background:linear-gradient(180deg,color-mix(in srgb,#fff 16%,var(--card-bg) 84%) 0%,color-mix(in srgb,var(--card-bg) 92%,#000 8%) 100%);border:1px solid color-mix(in srgb,var(--bdr) 82%,#fff 18%);padding:10px 14px;cursor:pointer;font-family:'Poppins',sans-serif;font-size:10px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--head);border-radius:999px}
.governed-sw-btn:disabled{opacity:.45;cursor:not-allowed}

@media(max-width:1024px){
  .governed-panels{overflow:hidden}
  .governed-panels-wrap{display:flex}
  .governed-panel{height:auto}
  .governed-panel:not(.is-active){display:block}
  .governed-sw-track,.governed-sw-nav{display:flex}
}



}

/* --- PAGE: 404 --- */
.page-404 {
  .scene {
    position: relative;
    z-index: 2;
    min-height: calc(100vh - var(--nav-h, 64px));
    display: flex;
    align-items: center;
    justify-content: center;
    padding: clamp(80px, 10vh, 140px) 0;
  }

  .bento {
    width: 100%;
    display: grid;
    grid-template-columns: 1.7fr 1fr 1fr;
    grid-template-rows: auto auto auto;
    grid-template-areas:
      "main main status"
      "main main links"
      "code contact links";
    gap: 16px;
  }

  .bento-card {
    position: relative;
    background: color-mix(in srgb, var(--card-bg) 97%, var(--pri) 3%);
    border: 1px solid color-mix(in srgb, var(--bdr) 80%, var(--pri) 20%);
    border-radius: var(--r-xl, 24px);
    padding: 32px;
    box-shadow: none;
    overflow: hidden;
  }

  .bento-card > *:not(.bento-watermark):not(.screw) {
    position: relative;
    z-index: 1;
  }

  .bento-watermark {
    position: absolute;
    right: -15px;
    bottom: -20px;
    font-size: 120px;
    color: var(--pri);
    opacity: 0.04;
    pointer-events: none;
    z-index: 0;
    transform: rotate(-10deg);
  }

  .card-main {
    grid-area: main;
    border-radius: calc(var(--r-xl, 24px) + 6px);
    padding: 44px 40px 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .card-status { grid-area: status; }
  .card-links { grid-area: links; display: flex; flex-direction: column; }
  .card-code { grid-area: code; }
  .card-contact { grid-area: contact; }

  .screw {
    position: absolute;
    color: color-mix(in srgb, var(--muted) 40%, transparent);
    font-size: 16px;
    z-index: 10;
  }
  .screw.tl { top: 16px; left: 16px; }
  .screw.tr { top: 16px; right: 16px; }
  .screw.bl { bottom: 16px; left: 16px; }
  .screw.br { bottom: 16px; right: 16px; }

  .code-row {
    display: flex;
    align-items: baseline;
    gap: 16px;
    margin-bottom: 24px;
  }
  .bento-code {
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.1em;
    color: var(--pri);
  }
  .code-label {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--muted);
  }

  .card-main h1 {
    font-size: clamp(26px, 3.4vw, 34px);
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.01em;
    margin-bottom: 18px;
    color: var(--head);
  }
  .card-main p {
    font-size: 14.5px;
    line-height: 1.65;
    color: var(--muted);
    font-weight: 400;
    max-width: 42ch;
    margin-bottom: 32px;
  }

  .bento-actions { display: flex; gap: 12px; flex-wrap: wrap; }

  .bento-actions .btn {
    border-radius: 11px;
    padding: 13px 22px;
  }
  
  .bento-actions .arrow { transition: transform 0.15s ease; }
  .bento-actions .btn:hover .arrow { transform: translateX(2px); }

  .card-label {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--muted);
    margin-bottom: 14px;
  }

  .card-status .status-value {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 6px;
    color: var(--text);
  }
  .card-status .status-sub {
    font-size: 12.5px;
    color: var(--muted);
    font-weight: 400;
  }
  .pulse-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--red, #ef4444);
    box-shadow: 0 0 0 0 color-mix(in srgb, var(--red, #ef4444) 60%, transparent);
    display: inline-block;
    margin-right: 8px;
    animation: bento-pulse 2.2s infinite;
  }
  @keyframes bento-pulse {
    0% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--red, #ef4444) 40%, transparent); }
    70% { box-shadow: 0 0 0 8px color-mix(in srgb, var(--red, #ef4444) 0%, transparent); }
    100% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--red, #ef4444) 0%, transparent); }
  }

  .link-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 13px 0;
    border-top: 1px solid color-mix(in srgb, var(--bdr) 60%, transparent);
    font-size: 13.5px;
    font-weight: 500;
    color: var(--text);
    text-decoration: none;
    transition: color 0.2s ease, padding-left 0.2s ease;
  }
  .link-row:first-of-type { border-top: none; }
  .link-row:hover { color: var(--pri); padding-left: 6px; }
  .link-row .arrow { color: var(--muted); font-size: 14px; transition: transform 0.2s ease, color 0.2s ease; }
  .link-row:hover .arrow { color: var(--pri); transform: translateX(2px); }

  .card-code .code-block {
    font-size: 12.5px;
    letter-spacing: 0.04em;
    color: var(--pri);
    line-height: 1.9;
    font-weight: 500;
    font-family: 'DM Mono', monospace;
  }
  .card-code .code-block .dim { color: var(--muted); }

  .card-contact p {
    font-size: 13px;
    color: var(--muted);
    font-weight: 400;
    line-height: 1.6;
    margin-bottom: 16px;
  }
  .card-contact a {
    font-size: 13px;
    font-weight: 500;
    color: var(--pri);
    text-decoration: none;
  }
  .card-contact a:hover { color: var(--pri-d); }

  @media (max-width: 760px) {
    .bento {
      grid-template-columns: 1fr;
      grid-template-areas:
        "main"
        "status"
        "links"
        "code"
        "contact";
    }
    .scene { padding: 40px 18px 60px; }
    .card-main { padding: 34px 26px 30px; }
  }

  @media (prefers-reduced-motion: reduce) {
    .pulse-dot { animation: none; }
  }
}




/* --- CUSTOM SELECT DIALOG STYLES --- */
.select-dialog-native {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  border: 0 !important;
}

.select-dialog-trigger {
  width: 100%;
  border: 1px solid var(--bdr, rgba(255,255,255,.12));
  background: var(--form-bg, color-mix(in srgb,var(--bg2) 86%, transparent));
  color: var(--text, #eceff8);
  min-height: 48px;
  border-radius: 12px;
  padding: 12px 14px 12px 40px;
  text-align: left;
  font: inherit;
  font-size: 13px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 10px;
  position: relative;
  transition: border-color .2s ease, background-color .2s ease, box-shadow .2s ease;
}
.select-enhanced-field{
  position: relative;
}

.select-dialog-trigger:focus-visible {
  outline: none;
  border-color: var(--pri);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--pri-lo) 80%, transparent);
}

.select-dialog-trigger::after {
  content: '\ea5f';
  font-family: 'tabler-icons';
  font-size: 18px;
  opacity: .8;
  pointer-events: none;
  transition: transform .2s ease;
}

.select-dialog-icon {
  font-size: 15px;
  color: var(--dim, #94a3b8);
}

.select-dialog-value {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select-dialog-trigger.is-placeholder {
  color: var(--muted, #94a3b8);
}

.select-dialog {
  border: 1px solid var(--bdr, rgba(255,255,255,.12));
  border-radius: 14px;
  background: var(--drw-bg, #020e22);
  color: var(--text, #eceff8);
  max-width: 560px;
  width: min(560px, calc(100vw - 24px));
  padding: 0;
}
.select-dialog::backdrop {
  background: rgba(0,0,0,.64);
  backdrop-filter: blur(4px);
}

.select-dialog-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  border-bottom: 1px solid var(--bdr, rgba(255,255,255,.12));
}
.select-dialog-head strong {
  font: 600 14px/1.2 'Poppins', sans-serif;
}
.select-dialog-close {
  width: 34px;
  height: 34px;
  border-radius: 9px;
  border: 1px solid var(--bdr, rgba(255,255,255,.12));
  color: var(--text, #eceff8);
  background: transparent;
  cursor: pointer;
}
.select-dialog-options {
  display: grid;
  gap: 8px;
  padding: 12px;
  max-height: min(65vh, 420px);
  overflow: auto;
}
.select-option {
  border: 1px solid var(--bdr, rgba(255,255,255,.12));
  border-radius: 10px;
  padding: 10px 12px;
  text-align: left;
  color: var(--text, #eceff8);
  font: 500 14px/1.35 'Inter', sans-serif;
  background: transparent;
  transition: border-color .2s ease, background-color .2s ease;
  cursor: pointer;
}
.select-option:hover {
  border-color: var(--bdr, rgba(255,255,255,.22));
  background: color-mix(in srgb,var(--pri-lo) 45%,transparent);
}
.select-option:focus-visible,
.select-dialog-close:focus-visible {
  outline: none;
  border-color: var(--pri);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--pri-lo) 80%, transparent);
}
.select-option.is-selected {
  border-color: var(--pri-bdr);
  background: var(--pri-lo);
}

.select-desktop-menu{
  position: absolute;
  z-index: 35;
  left: 0;
  right: 0;
  top: calc(100% + 8px);
  display: grid;
  gap: 6px;
  border: 1px solid var(--bdr, rgba(255,255,255,.12));
  border-radius: 12px;
  background: var(--bg2);
  padding: 8px;
  max-height: 320px;
  overflow: auto;
  box-shadow: 0 12px 24px rgba(0,0,0,.35);
}
.select-desktop-menu[hidden]{
  display: none !important;
}
.select-desktop-menu.is-dropup{
  top: auto;
  bottom: calc(100% + 8px);
}
.select-desktop-menu .select-option{
  border-color: transparent;
}
.select-desktop-menu .select-option:hover{
  border-color: var(--bdr, rgba(255,255,255,.12));
  background: color-mix(in srgb,var(--pri-lo) 60%,transparent);
}
.select-dialog-trigger.is-open::after{
  transform: rotate(180deg);
}

@media (max-width: 760px){
  .select-dialog{
    margin: auto;
    width: min(560px, calc(100vw - 20px));
  }
  .select-dialog-trigger{
    text-align: left;
  }
  .select-desktop-menu{
    display: none !important;
  }
}

/* --- FIX ACCESS FORM AND INTL-TEL-INPUT --- */
.field-wrap input, .field-wrap select, .field-wrap textarea {
  padding-left: 40px;
}

.field-ico {
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  color: var(--pri);
  pointer-events: none;
  z-index: 2;
}
.field-wrap {
  position: relative;
}
.field-wrap textarea + .field-ico {
  top: 18px;
  transform: none;
}

/* intl-tel-input premium dark mode styles */
.iti__country-list {
  background: var(--bg2) !important;
  border: 1px solid var(--bdr) !important;
  border-radius: 12px !important;
  color: var(--text) !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.4) !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important;
}
.iti__country.iti__highlight {
  background: var(--pri-lo) !important;
  color: var(--text) !important;
}
.iti__country-name, .iti__dial-code {
  color: var(--text) !important;
}
.iti__country.iti__highlight .iti__dial-code {
  color: var(--text) !important;
}
.iti__divider {
  border-bottom: 1px solid var(--bdr) !important;
}
.iti__search-input {
  background: var(--bg3) !important;
  border: 1px solid var(--bdr) !important;
  color: var(--text) !important;
  border-radius: 8px !important;
  padding: 8px 12px !important;
}

/* --- Revamped .ham Menu Button --- */
.ham{
  width:auto !important;height:35px !important;border-radius:18px !important;
  padding:0 16px !important;
  background:var(--surf) !important;border:1px solid var(--bdr) !important;
  display:none;flex-direction:column;
  align-items:center;justify-content:center;
  transition:background .2s,border-color .2s,box-shadow .2s;
  -webkit-tap-highlight-color:transparent;touch-action:manipulation;
   !important;
  color:var(--text) !important;
  font-size:14px !important;
  font-weight:500 !important;
  font-family:inherit !important;
}
.ham:hover{background:var(--surf2);}
.ham::after {
  content: "Menu";
}
.ham.open::after {
  content: "Close";
}
@media(max-width:1024px){.ham{display:flex !important}}

/* --- Override .ham Menu Button with 2-line icon --- */
.ham{
  width:38px !important;height:38px !important;border-radius:11px !important;
  padding:0 !important;
  background:transparent !important;border:none !important;
  display:none;flex-direction:column;
  align-items:center;justify-content:center;
  transition:background .2s,border-color .2s,box-shadow .2s;
  -webkit-tap-highlight-color:transparent;touch-action:manipulation;
   !important;
  position:relative;
}
.ham:hover{background:var(--surf2) !important;}
.ham::before, .ham::after {
  content: "" !important;
  display:block !important;
  height:2.5px !important;
  border-radius:2px !important;
  background:var(--text) !important;
  transition:width .36s var(--ease),transform .36s var(--ease) !important;
  position:absolute !important;
}
.ham::before {
  width:24px !important;
  transform:translateY(-4.25px) !important;
}
.ham::after {
  width:24px !important;
  transform:translateY(4.25px) !important;
}
.ham.open::before {
  width:24px !important;
  transform:translateY(0) rotate(45deg) !important;
}
.ham.open::after {
  width:24px !important;
  transform:translateY(0) rotate(-45deg) !important;
}
@media(max-width:1024px){.ham{display:flex !important}}

/* --- Override .drw-nav a for better UI/UX --- */
.drw-nav a,
.drw-nav span.is-disabled{
  display:flex !important;align-items:center !important;gap:14px !important;
  padding:14px 18px !important;border-radius:12px !important;
  font-size:17px !important;font-weight:600 !important;color:var(--text) !important;
  border:1px solid transparent !important;
  -webkit-tap-highlight-color:transparent !important;position:relative !important;
  transition: all 0.2s ease !important;
}
.drw-nav a:hover{background:var(--surf2) !important;color:var(--pri) !important;padding-left:24px !important;}