:root {
  --ink: #111A33;
  --navy: #0E1530;
  --navy2: #070B1C;
  --white: #FFFFFF;
  --slate: #5A6479;
  --mist: #F1F3F8;
  --haze: #9EA4B2;
  --cloud: #CBCFD8;
  --rust: #B7410E;
  --ember: #F08A5D;
  --ember-soft: #F6A47C;
  --iris: #7D86C9;
  --cobalt: #355091;
  --display: "Hanken Grotesk",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --bg: #070B1C;
  --fg: #FFFFFF;
  --mut: #AEB6C8;
  --line: rgba(255,255,255,.12);
  --credit: #83838A;
  --ease: cubic-bezier(.2,.7,.2,1);
  color-scheme: dark;
}
* {
  box-sizing: border-box;
}
html {
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
  background: var(--bg);
  color: var(--fg);
  font: 400 16px/1.5 var(--display);
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  text-wrap: pretty;
  -webkit-font-smoothing: antialiased;
}
h1,
h2,
h3,
h4,
h5 {
  text-wrap: balance;
  margin: 0;
}
p {
  margin: 0;
}
a {
  color: inherit;
}
img {
  max-width: 100%;
  height: auto;
}
button {
  font: inherit;
  color: inherit;
}
:focus-visible {
  outline: 2px solid var(--ember);
  outline-offset: 3px;
}
.light :focus-visible {
  outline-color: var(--rust);
}
.ic {
  width: 24px;
  height: 24px;
  flex: none;
}
.ic-s {
  width: 18px;
  height: 18px;
}
.rv {
  position: sticky;
  top: env(safe-area-inset-top,0);
  z-index: 60;
  background: rgba(7,11,28,.86);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--line);
}
.site {
  --ground: var(--navy2);
  background: var(--ground);
  color: var(--fg);
  position: relative;
  overflow: clip;
}
.site .in {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 clamp(16px,4vw,48px);
  position: relative;
  z-index: 2;
}
.site section {
  padding-block: clamp(64px,9vw,128px);
  position: relative;
}
.site .light {
  --fg: var(--ink);
  --mut: var(--slate);
  --line: rgba(17,26,51,.12);
  background: var(--white);
  color: var(--ink);
}
.site .light.alt {
  background: var(--mist);
}
.site .dark {
  --fg: #FFFFFF;
  --mut: #AEB6C8;
  --line: rgba(255,255,255,.12);
  background: var(--navy);
  color: #fff;
}
.site h2 {
  font-size: clamp(32px,4.4vw,56px);
  line-height: 1.04;
  letter-spacing: -.03em;
  font-weight: 700;
  max-width: 20ch;
}
.site .sub {
  margin-top: 16px;
  font-size: clamp(16px,1.3vw,19px);
  color: var(--mut);
  max-width: 58ch;
}
.num {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .14em;
  color: var(--rust);
  margin-bottom: 18px;
  font-variant-numeric: tabular-nums;
  display: flex;
  align-items: center;
  gap: 12px;
}
.num::after {
  content: "";
  width: 40px;
  height: 1px;
  background: currentColor;
  opacity: .5;
}
.built .num,
.close .num,
.dark .num {
  color: var(--ember-soft);
}
.site .two {
  display: grid;
  grid-template-columns: minmax(0,5fr) minmax(0,7fr);
  gap: 40px clamp(32px,6vw,96px);
  align-items: start;
}
@media (max-width:900px) {
  .site .two {
    grid-template-columns: 1fr;
  }
}
.more {
  margin-top: 24px;
  font-size: 14px;
  color: var(--mut);
}
.center {
  text-align: center;
}
.dots::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image: radial-gradient(rgba(17,26,51,.2) 1.1px,transparent 1.4px);
  background-size: 22px 22px;
  background-position: center top;
  -webkit-mask-image: radial-gradient(ellipse 45% 55% at 82% 22%,#000 0%,transparent 70%);
  mask-image: radial-gradient(ellipse 45% 55% at 82% 22%,#000 0%,transparent 70%);
}
.dots::after {
  content: "";
  position: absolute;
  right: -8%;
  top: -10%;
  width: 50%;
  height: 70%;
  pointer-events: none;
  background: radial-gradient(ellipse at center,rgba(240,138,93,.12),rgba(240,138,93,0) 65%);
}
.snav {
  position: relative;
  z-index: 3;
  max-width: 1280px;
  margin: 0 auto;
  padding: 18px clamp(16px,3vw,40px);
  display: flex;
  align-items: center;
  gap: 24px;
}
.snav .brand img {
  height: 30px;
  width: auto;
  display: block;
}
.snav .links {
  display: flex;
  gap: 28px;
  margin-left: auto;
  font-size: 15px;
}
.snav .links a {
  text-decoration: none;
  color: var(--mut);
}
.snav .links a:hover {
  color: #fff;
}
.snav .links .login {
  color: #fff;
  font-weight: 600;
}
.snav .menu {
  display: none;
  border: 1px solid var(--line);
  background: 0 0;
  border-radius: 10px;
  width: 44px;
  height: 44px;
  align-items: center;
  justify-content: center;
  margin-left: auto;
}
@media (max-width:860px) {
  .snav {
    flex-wrap: wrap;
    gap: 12px;
  }
  .snav .links {
    display: none;
    flex-basis: 100%;
    flex-direction: column;
    gap: 14px;
    padding: 8px 0 4px;
    order: 9;
  }
  .snav[data-open=true] .links {
    display: flex;
  }
  .snav .btn {
    margin-left: auto;
    height: 44px;
  }
  .snav .menu {
    display: flex;
    margin-left: 0;
  }
}
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 48px;
  padding: 0 22px;
  border-radius: 10px;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
  border: 0;
  cursor: pointer;
  transition: background .2s,box-shadow .3s;
}
.btn-hero {
  background: var(--rust);
  color: #fff;
  box-shadow: 0 0 0 1px rgba(246,164,124,.25) inset,0 10px 30px -10px rgba(183,65,14,.8);
}
.btn-hero:hover {
  background: #a33a0c;
  box-shadow: 0 0 0 1px rgba(246,164,124,.35) inset,0 14px 40px -8px rgba(240,138,93,.7);
}
.snav .btn {
  height: 40px;
  padding: 0 18px;
  font-size: 15px;
}
.btn-big {
  height: 56px;
  padding: 0 30px;
  font-size: 17px;
}
.btn2 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 48px;
  padding: 0 6px;
  font-weight: 600;
  text-decoration: none;
  color: #fff;
}
.btn2 .ic {
  transition: transform .25s;
}
.btn2:hover .ic {
  transform: translateX(4px);
}
.hero-wrap {
  position: relative;
  overflow: clip;
  background: var(--navy2);
}
.deco {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
}
.beam {
  position: absolute;
  left: 50%;
  top: -140px;
  width: min(1400px,160vw);
  height: 900px;
  transform: translateX(-50%);
  background: radial-gradient(ellipse 34% 60% at 50% 0,rgba(200,210,255,.16),rgba(125,134,201,.06) 45%,rgba(125,134,201,0) 72%);
}
.rise {
  position: absolute;
  left: 50%;
  top: 44%;
  width: min(1300px,140vw);
  height: 820px;
  transform: translateX(-50%);
  background: radial-gradient(ellipse at 50% 55%,rgba(183,65,14,.5) 0,rgba(183,65,14,.16) 36%,rgba(183,65,14,0) 68%);
}
.hero {
  position: relative;
  z-index: 2;
  max-width: 1180px;
  margin: 0 auto;
  padding: clamp(40px,6vw,96px) clamp(16px,4vw,48px) 0;
}
.pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 32px;
  padding: 0 14px 0 10px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 600;
  color: #fff;
  background: rgba(255,255,255,.06);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.14);
  margin-bottom: 26px;
}
.pill .ic {
  color: var(--ember);
}
.hero h1 {
  font-size: clamp(44px,6.8vw,100px);
  line-height: .96;
  letter-spacing: -.045em;
  font-weight: 800;
  text-wrap: balance;
}
.hero h1 em {
  font-style: normal;
  color: var(--ember);
  text-shadow: 0 0 60px rgba(240,138,93,.35);
}
@media (min-width:900px) {
  .hero h1 em {
    white-space: nowrap;
  }
}
.hero-row {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 24px 48px;
  align-items: end;
  margin-top: 36px;
}
.hero .lede {
  max-width: 46ch;
  font-size: clamp(17px,1.4vw,20px);
  color: var(--mut);
}
.ctas {
  display: flex;
  gap: 10px 22px;
  align-items: center;
  flex-wrap: wrap;
}
@media (max-width:900px) {
  .hero-row {
    grid-template-columns: 1fr;
    align-items: start;
  }
}
.prod {
  position: relative;
  z-index: 2;
  max-width: 1280px;
  margin: clamp(44px,6vw,80px) auto 0;
  padding: 0 clamp(12px,3vw,40px);
}
.prod-glow {
  position: absolute;
  left: 8%;
  right: 8%;
  top: 6%;
  bottom: -6%;
  border-radius: 40px;
  background: radial-gradient(ellipse at 50% 30%,rgba(240,138,93,.38),rgba(183,65,14,.12) 50%,rgba(183,65,14,0) 75%);
  filter: blur(30px);
}
.prod-box {
  position: relative;
  border-radius: 18px;
  overflow: hidden;
  background: #0b1226;
  aspect-ratio: 1280/800;
  max-width: 100%;
  box-shadow: 0 0 0 1px rgba(255,255,255,.12),0 40px 100px rgba(2,4,14,.65);
}
.prod-box::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.22);
}
.prod-box iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}
.phone-note {
  display: none;
  margin-top: 12px;
  font-size: 13px;
  color: var(--mut);
  text-align: center;
}
@media (max-width:760px) {
  .prod-box {
    pointer-events: none;
  }
  .phone-note {
    display: block;
  }
}
@media (prefers-reduced-motion:no-preference) {
  .prod-box {
    animation: rise-in 1.1s var(--ease) .15s both;
  }
  @keyframes rise-in {
    from { transform:translateY(40px) scale(.985); opacity:0 }
    to { transform:none; opacity:1 }
  }
}
.g {
  width: 240px;
  max-width: 86%;
  height: auto;
  display: block;
}
.d {
  fill: #CBCFD8;
}
.d-on {
  fill: #B7410E;
}
.src-line {
  fill: none;
  stroke: #B7410E;
  stroke-opacity: .45;
  stroke-width: 1.2;
}
.src-card {
  fill: #fff;
  stroke: rgba(17,26,51,.16);
}
.g-team {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
}
.faces {
  display: flex;
}
.faces img,
.more-face {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  box-shadow: 0 0 0 3px #fff;
  margin-left: -12px;
  object-fit: cover;
  background: var(--mist);
}
.faces img:first-child {
  margin-left: 0;
}
.more-face {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 700;
  color: var(--slate);
  background: #e7eaf2;
}
.chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 34px;
  padding: 0 12px;
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 0 0 1px rgba(17,26,51,.12);
  font-size: 13px;
  color: var(--slate);
}
.chip .ic {
  color: var(--rust);
}
.chip b {
  color: var(--ink);
}
@media (prefers-reduced-motion:no-preference) {
  .proof .d-on {
    opacity: .3;
  }
  .proof.seen .d-on {
    animation: blink 2.4s ease-in-out infinite;
  }
  @keyframes blink {
    0%,100% { opacity:.35 }
    50% { opacity:1 }
  }
}
.story {
  padding-block: clamp(64px,9vw,128px) 0!important;
  background: radial-gradient(ellipse 60% 50% at 50% 70%,rgba(183,65,14,.2),rgba(183,65,14,0) 70%),var(--navy)!important;
}
.story-track {
  position: relative;
  height: 300vh;
}
.story-stage {
  position: sticky;
  top: 0;
  height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: clamp(12px,1.8vh,20px);
  padding: 24px clamp(16px,3vw,40px) 24px;
}
.story-head {
  width: 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 8px;
}
.story-head .num {
  justify-content: center;
  margin-bottom: 12px;
}
.story-head h2 {
  max-width: 20ch;
}
.stepper {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  width: min(720px,100%);
}
.st-tab {
  position: relative;
  z-index: 1;
  border: 0;
  background: 0 0;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 0;
  color: var(--mut);
}
.st-dot {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--navy);
  box-shadow: inset 0 0 0 1.5px rgba(255,255,255,.2);
  transition: box-shadow .4s,background .4s,color .4s;
}
.st-tab b {
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .02em;
}
.st-tab[aria-pressed=true] {
  color: #fff;
}
.st-tab[aria-pressed=true] .st-dot {
  background: var(--rust);
  color: #fff;
  box-shadow: 0 0 0 6px rgba(240,138,93,.16),0 0 30px rgba(240,138,93,.55);
}
.st-line {
  position: absolute;
  left: 16.66%;
  right: 16.66%;
  top: 23px;
  height: 2px;
  background: rgba(255,255,255,.12);
  border-radius: 2px;
  overflow: hidden;
}
.st-line i {
  position: absolute;
  inset: 0 auto 0 0;
  width: var(--p,0%);
  background: linear-gradient(90deg,var(--rust),var(--ember));
  transition: width .6s var(--ease);
}
.st-line i::after {
  content: "";
  position: absolute;
  right: -30px;
  top: -3px;
  width: 60px;
  height: 8px;
  background: radial-gradient(ellipse,rgba(255,220,200,.9),rgba(240,138,93,0) 70%);
}
.st-line[data-p="0"] i {
  width: 0%;
}
.st-line[data-p="1"] i {
  width: 50%;
}
.st-line[data-p="2"] i {
  width: 100%;
}
.st-caps {
  min-height: 3em;
  max-width: 62ch;
  text-align: center;
  color: var(--mut);
  font-size: clamp(15px,1.2vw,17px);
}
.story-win {
  position: relative;
  width: min(1180px,100%,calc((100vh - 250px) * 1.6));
  min-width: 0;
}
.story-win iframe {
  pointer-events: none;
}
.story-win::before {
  content: "";
  position: absolute;
  left: 6%;
  right: 6%;
  top: 10%;
  bottom: -8%;
  background: radial-gradient(ellipse at 50% 40%,rgba(240,138,93,.3),rgba(183,65,14,0) 70%);
  filter: blur(30px);
}
.story-phone {
  display: none;
}
@media (max-width:860px),(max-height:620px) {
  .story {
    padding-block: clamp(64px,9vw,128px)!important;
  }
  .story-track {
    display: none;
  }
  .story-phone {
    display: flex;
    flex-direction: column;
    gap: 32px;
  }
  .site .story-phone {
    margin-top: clamp(28px,8vw,40px);
  }
  .story-head {
    text-align: left;
    align-items: flex-start;
  }
  .story-head .num {
    justify-content: flex-start;
  }
  .st-phone h3 {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 26px;
    letter-spacing: -.02em;
  }
  .st-phone h3 .st-dot {
    background: var(--rust);
    color: #fff;
    box-shadow: 0 0 24px rgba(240,138,93,.45);
  }
  .st-phone p {
    margin-top: 10px;
    color: var(--mut);
  }
  .st-phone-art {
    margin-top: 16px;
    padding: 18px;
    border-radius: 16px;
    background: radial-gradient(ellipse at 50% 100%,rgba(183,65,14,.3),rgba(183,65,14,0) 70%),rgba(255,255,255,.04);
    box-shadow: inset 0 0 0 1px var(--line);
  }
}
.side {
  margin-top: 32px;
}
.side[hidden] {
  display: none;
}
.side-intro {
  font-size: clamp(18px,1.6vw,22px);
  font-weight: 600;
  max-width: 46ch;
  letter-spacing: -.01em;
}
.wfs {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  grid-template-rows: auto auto 1fr auto;
  gap: 0 20px;
  margin-top: 28px;
}
.wf {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 4;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 0 0 1px rgba(17,26,51,.07),0 18px 40px -26px rgba(17,26,51,.3);
  overflow: hidden;
  min-width: 0;
}
.wf-art {
  min-height: 260px;
  padding: 28px 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: radial-gradient(ellipse 80% 70% at 50% 110%,rgba(183,65,14,.5),rgba(183,65,14,0) 70%),radial-gradient(ellipse 60% 50% at 80% 0,rgba(125,134,201,.18),rgba(125,134,201,0) 70%),var(--navy);
  overflow: hidden;
}
.wf h3 {
  font-size: 20px;
  letter-spacing: -.015em;
  padding: 24px 26px 0;
}
.wf p {
  color: var(--mut);
  font-size: 15px;
  padding: 10px 26px 0;
}
.wf .wf-note {
  font-size: 14px;
  color: var(--ink);
  font-weight: 500;
  margin: 16px 26px 26px;
  padding: 12px 0 0;
  border-top: 1px solid var(--line);
}
@media (max-width:980px) {
  .wfs {
    grid-template-columns: 1fr;
    grid-template-rows: none;
    gap: 20px;
  }
  .wf {
    display: flex;
    flex-direction: column;
    grid-row: auto;
  }
  .wf-art {
    min-height: 220px;
  }
}
.mini {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 340px;
  background: #0b1226;
  border-radius: 12px;
  box-shadow: 0 24px 50px rgba(3,6,20,.55),0 0 0 1px rgba(255,255,255,.12);
  padding: 14px;
  font-size: 12px;
  color: #fff;
  display: flex;
  flex-direction: column;
  gap: 10px;
  transition: transform .5s var(--ease),box-shadow .5s var(--ease);
}
.st-phone:hover .mini,
.wf:hover .mini {
  transform: scale(1.045);
  box-shadow: 0 30px 60px rgba(3,6,20,.6),0 0 0 1px rgba(255,255,255,.18),0 0 40px rgba(240,138,93,.18);
}
.mini-top {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 11px;
  color: var(--haze);
  letter-spacing: .06em;
  text-transform: uppercase;
  font-weight: 600;
}
.mini .dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--ember);
  box-shadow: 0 0 10px var(--ember);
}
.bub {
  padding: 10px 12px;
  border-radius: 12px;
  max-width: 92%;
  line-height: 1.4;
}
.bub.you {
  align-self: flex-end;
  background: rgba(255,255,255,.1);
}
.bub.ai {
  background: rgba(240,138,93,.14);
  box-shadow: inset 0 0 0 1px rgba(240,138,93,.35);
}
.bub b {
  font-weight: 700;
}
.acts {
  display: flex;
  gap: 6px;
  margin-top: 8px;
  flex-wrap: wrap;
}
.act,
.act2 {
  padding: 5px 9px;
  border-radius: 6px;
  font-size: 11px;
  font-weight: 600;
}
.act {
  background: var(--ember);
  color: var(--ink);
}
.act2 {
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.25);
}
.kpis {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
.kpis>div {
  background: rgba(255,255,255,.05);
  border-radius: 8px;
  padding: 10px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}
.kpis small {
  font-size: 10px;
  color: var(--haze);
  letter-spacing: .08em;
  text-transform: uppercase;
}
.kpis b {
  font-size: 20px;
  letter-spacing: -.02em;
  font-variant-numeric: tabular-nums;
}
.spark {
  width: 100%;
  height: 28px;
  display: block;
}
.pace {
  display: block;
  height: 6px;
  border-radius: 3px;
  background: rgba(255,255,255,.12);
  margin-top: 12px;
  overflow: hidden;
}
.pace i {
  display: block;
  width: 96%;
  height: 100%;
  background: var(--ember);
  border-radius: 3px;
}
.chart-l {
  background: #fff;
  color: var(--ink);
  border-radius: 8px;
  padding: 10px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.chart-l small {
  font-size: 10px;
  color: var(--slate);
  letter-spacing: .08em;
  text-transform: uppercase;
  font-weight: 600;
}
.bars {
  width: 100%;
  height: auto;
  display: block;
}
.prow {
  display: grid;
  grid-template-columns: 1.3fr 1fr auto;
  gap: 8px;
  align-items: center;
  padding: 8px 0;
  border-top: 1px solid rgba(255,255,255,.08);
  font-variant-numeric: tabular-nums;
}
.prow:first-of-type {
  border-top: 0;
}
.prow .st {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  padding: 3px 7px;
  border-radius: 4px;
}
.st.ok {
  background: rgba(255,255,255,.1);
  color: #fff;
}
.st.rv {
  background: var(--ember);
  color: var(--ink);
}
.prow.sum {
  font-weight: 700;
  border-top: 1px solid rgba(255,255,255,.2);
}
.push {
  font-size: 11px;
  font-weight: 600;
  color: var(--ink);
  background: #fff;
  padding: 5px 9px;
  border-radius: 6px;
  white-space: nowrap;
}
.ops-lists {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 20px;
  margin-top: 56px;
}
.ol {
  padding: 28px;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 0 0 1px rgba(17,26,51,.08);
}
.ol h3 {
  margin-bottom: 16px;
}
.ol ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.ol li {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  font-size: 15px;
}
.ol li .ic {
  color: var(--rust);
  margin-top: 2px;
}
.ol:last-child li {
  color: var(--slate);
}
.ol:last-child li .ic {
  color: var(--haze);
}
.tag {
  display: inline-flex;
  align-items: center;
  height: 26px;
  padding: 0 12px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.tag-live {
  background: var(--rust);
  color: #fff;
}
.tag-soon {
  background: rgba(17,26,51,.06);
  color: var(--ink);
  box-shadow: inset 0 0 0 1px rgba(17,26,51,.12);
}
@media (max-width:900px) {
  .ops-lists {
    grid-template-columns: 1fr;
  }
}
.built {
  background: var(--navy2);
  color: #fff;
  --mut: #C2C9DA;
  overflow: clip;
  min-height: min(78vh,720px);
  display: flex;
  align-items: center;
}
.built .in {
  width: 100%;
}
.built-p {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 22px;
  font-size: clamp(17px,1.4vw,20px);
  color: var(--mut);
}
.built-p p:last-child {
  color: #fff;
  font-weight: 500;
}
@media (max-width:760px) {
  .built {
    display: block;
    min-height: 0;
    padding-top: 0!important;
  }
  .built .in {
    margin-top: -40px;
  }
}
.stack {
  background: radial-gradient(ellipse 50% 55% at 50% 62%,rgba(183,65,14,.18),rgba(183,65,14,0) 70%),var(--navy)!important;
  text-align: center;
}
.stack .in {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.stack .num {
  justify-content: center;
}
.stack .sub {
  margin-inline: auto;
}
.sk-wrap {
  position: relative;
  z-index: 2;
  max-width: 1180px;
  margin: 40px auto 0;
  padding: 0 clamp(16px,3vw,40px);
}
.sk {
  width: 100%;
  height: auto;
  display: block;
  overflow: visible;
}
.sk-ring {
  fill: #111A38;
  stroke: rgba(255,255,255,.16);
  stroke-width: 1;
}
.sk-mark {
  color: #e6e9f2;
  fill: #E6E9F2;
}
.sk-name {
  font: 600 15px var(--display);
  fill: #C9CEDA;
}
.sk-head {
  font: 700 11px var(--display);
  letter-spacing: .16em;
  text-transform: uppercase;
  fill: var(--haze);
}
.sk-core {
  fill: #0B1226;
}
.sk-phone {
  display: none;
}
@media (max-width:820px) {
  .sk {
    display: none;
  }
  .sk-phone {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .sk-phone ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 10px;
    width: 100%;
  }
  .sk-phone li {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 14px 6px;
    border-radius: 14px;
    background: rgba(255,255,255,.04);
    box-shadow: inset 0 0 0 1px var(--line);
    font-size: 12px;
    color: #c9ceda;
  }
}
.faq-side h2 {
  max-width: 14ch;
}
.toggle {
  width: 30px;
  height: 18px;
  border-radius: 999px;
  background: rgba(255,255,255,.18);
  position: relative;
}
.toggle::after {
  content: "";
  position: absolute;
  left: 3px;
  top: 3px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #fff;
}
.faqs {
  display: flex;
  flex-direction: column;
}
.faqs details {
  border-top: 1px solid var(--line);
}
.faqs details:last-child {
  border-bottom: 1px solid var(--line);
}
.faqs summary {
  list-style: none;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 20px 0;
  font-weight: 600;
  font-size: 18px;
  min-height: 44px;
}
.faqs summary::-webkit-details-marker {
  display: none;
}
.plus {
  position: relative;
  width: 18px;
  height: 18px;
  flex: none;
}
.plus::after,
.plus::before {
  content: "";
  position: absolute;
  background: var(--rust);
  left: 0;
  top: 8px;
  width: 18px;
  height: 2px;
  border-radius: 1px;
  transition: transform .25s;
}
.plus::after {
  transform: rotate(90deg);
}
details[open] .plus::after {
  transform: rotate(0);
}
.faqs p {
  padding: 0 0 22px;
  color: var(--mut);
  max-width: 60ch;
}
.close {
  background: var(--navy2);
  text-align: center;
  overflow: clip;
  padding-block: clamp(96px,12vw,170px) clamp(220px,26vw,380px)!important;
}
.close .in {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.huge {
  font-size: clamp(44px,7.6vw,112px)!important;
  line-height: .95!important;
  letter-spacing: -.045em!important;
  max-width: 12ch!important;
  font-weight: 800!important;
}
.close .sub {
  color: #c2c9da;
}
.close .btn {
  margin-top: 18px;
}
.sfoot {
  background: var(--navy2);
  border-top: 1px solid var(--line);
  padding-block: 48px 28px;
  position: relative;
  z-index: 2;
}
.foot-in {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 clamp(16px,4vw,48px);
  display: grid;
  grid-template-columns: minmax(0,2fr) repeat(3,minmax(0,1fr));
  gap: 32px;
}
.foot-brand img {
  height: 26px;
  width: auto;
}
.foot-brand p {
  margin-top: 14px;
  color: var(--mut);
  font-size: 14px;
  max-width: 30ch;
}
.foot-in h5 {
  font-size: 12px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--haze);
  margin-bottom: 14px;
}
.foot-in a {
  display: block;
  text-decoration: none;
  color: var(--mut);
  font-size: 14px;
  padding: 4px 0;
}
.foot-in a:hover {
  color: #fff;
}
.foot-line {
  max-width: 1180px;
  margin: 40px auto 0;
  padding: 18px clamp(16px,4vw,48px) 0;
  border-top: 1px solid var(--line);
  display: flex;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  font-size: 13px;
  color: var(--haze);
}
@media (max-width:760px) {
  .foot-in {
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 24px 16px;
  }
  .foot-brand {
    grid-column: 1/-1;
  }
  .foot-in a {
    font-size: 13px;
    min-height: 44px;
    display: flex;
    align-items: center;
    padding: 0;
  }
}
.site [id] {
  scroll-margin-top: calc(env(safe-area-inset-top,0px) + 96px);
}
@media (prefers-reduced-motion:no-preference) {
  .site section:not(.story) .in>* {
    animation: none;
  }
  .site section.seen:not(.story) .in>* {
    animation: lift .7s var(--ease) both;
  }
  .site section.seen .in>:nth-child(2) {
    animation-delay: .06s;
  }
  .site section.seen .in>:nth-child(3) {
    animation-delay: .12s;
  }
  .site section.seen .in>:nth-child(4) {
    animation-delay: .18s;
  }
  .site section.seen .in>:nth-child(5) {
    animation-delay: .24s;
  }
  @keyframes lift {
    from { transform:translateY(16px); opacity:.001 }
    to { transform:none; opacity:1 }
  }
}
@media (prefers-reduced-motion:reduce) {
  .btn2 .ic,
  .mini,
  .st-dot,
  .st-line i {
    transition: none;
  }
}
.prod .try {
  position: absolute;
  z-index: 4;
  top: -50px;
  right: clamp(12px,3vw,40px);
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 34px;
  padding: 0 14px 0 12px;
  border-radius: 999px;
  background: #fff;
  color: var(--ink);
  font-size: 13px;
  font-weight: 600;
  box-shadow: 0 10px 30px rgba(2,4,14,.45);
  transition: opacity .4s,transform .4s;
}
.prod .try .ic {
  color: var(--rust);
}
.prod .try.gone {
  opacity: 0;
  transform: translateY(-6px);
  pointer-events: none;
}
@media (max-width:760px) {
  .prod .try {
    display: none;
  }
}
.site .head .sub {
  margin-top: 16px;
}
.stack {
  text-align: left;
}
.stack .in {
  display: block;
}
.stack .num,
.story-head .num {
  justify-content: flex-start;
}
.stack .sub {
  margin-inline: 0;
}
.story-head {
  display: block;
  text-align: left;
  margin-bottom: 8px;
}
.dark .head h2 {
  max-width: 20ch;
}
.dark .head {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.dark .head .hl {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.dark .head .num {
  justify-content: center;
}
.dark .head .num::before {
  content: "";
  width: 40px;
  height: 1px;
  background: currentColor;
  opacity: .5;
}
.dark .head .sub {
  margin-inline: auto;
}
.light .head {
  display: grid;
  grid-template-columns: minmax(0,7fr) minmax(0,5fr);
  gap: 16px clamp(32px,5vw,80px);
  align-items: end;
}
.light .head .sub {
  margin-top: 0;
  padding-bottom: .35em;
  max-width: 46ch;
}
@media (max-width:860px) {
  .head {
    display: block!important;
    text-align: left!important;
  }
  .head .hl {
    display: block!important;
  }
  .head .num {
    justify-content: flex-start!important;
  }
  .head .num::before {
    display: none;
  }
  .head .sub {
    margin: 16px 0 0!important;
  }
}
.tl {
  position: relative;
  margin-top: 52px;
}
.tl ol {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(5,minmax(0,1fr));
  grid-template-rows: auto auto auto 1fr;
}
.tl-step {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 4;
  justify-items: center;
  padding: 0 8px;
  min-width: 0;
}
.tl-dot {
  position: relative;
  z-index: 1;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  color: var(--rust);
  box-shadow: inset 0 0 0 1.5px rgba(17,26,51,.16),0 6px 16px -8px rgba(17,26,51,.4);
}
.tl-card {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 3;
  width: 100%;
  margin-top: 22px;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 0 0 1px rgba(17,26,51,.08),0 18px 40px -26px rgba(17,26,51,.3);
  overflow: hidden;
  text-align: center;
}
.tl-art {
  height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14px;
  background: radial-gradient(ellipse 80% 70% at 50% 110%,rgba(183,65,14,.5),rgba(183,65,14,0) 70%),var(--navy);
  color: #fff;
}
.tl-card h3 {
  font-size: 17px;
  letter-spacing: -.01em;
  padding: 18px 16px 0;
}
.tl-card p {
  font-size: 14px;
  color: var(--mut);
  padding: 8px 16px 20px;
}
.tl-rail {
  position: absolute;
  left: 10%;
  right: 10%;
  top: 23px;
  height: 2px;
  background: rgba(17,26,51,.14);
  border-radius: 2px;
  overflow: hidden;
}
.tl-rail i {
  position: absolute;
  top: -3px;
  left: 0;
  width: 90px;
  height: 8px;
  margin-left: -45px;
  background: radial-gradient(ellipse,rgba(240,138,93,.95),rgba(183,65,14,0) 70%);
  opacity: 0;
}
.ta {
  width: 100%;
  font-size: 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.ta-paused {
  gap: 5px;
}
.ta-chip {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  border-radius: 12px;
  background: #0b1226;
  box-shadow: 0 0 0 1px rgba(255,255,255,.14);
  text-align: left;
}
.ta-chip img {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  object-fit: cover;
}
.ta-chip b {
  display: block;
  font-size: 12px;
}
.ta-chip small {
  display: block;
  font-size: 11px;
  color: #aeb6c8;
}
.ta-chip i {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: var(--rust);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.ta-chip i .ic {
  width: 14px;
  height: 14px;
  stroke-width: 2.2;
}
.tl-card .ta-top {
  font-size: 10px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #aeb6c8;
  font-weight: 700;
  align-self: stretch;
  text-align: left;
}
.ta-row {
  align-self: stretch;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 4px 8px;
  border-radius: 6px;
  background: rgba(255,255,255,.06);
}
.ta-row em {
  font-style: normal;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  padding: 2px 6px;
  border-radius: 4px;
  background: rgba(255,255,255,.12);
}
.ta-sw {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  border-radius: 12px;
  background: #0b1226;
  box-shadow: 0 0 0 1px rgba(255,255,255,.14);
  font-weight: 700;
  font-size: 14px;
}
.tg {
  position: relative;
  width: 44px;
  height: 26px;
  border-radius: 999px;
  background: rgba(255,255,255,.18);
}
.tg::after {
  content: "";
  position: absolute;
  left: 3px;
  top: 3px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 2px 6px rgba(0,0,0,.3);
}
.tg-on {
  opacity: 0;
  color: var(--ember);
}
.mini-switch {
  display: inline-grid;
}
.mini-switch>* {
  grid-area: 1/1;
}
.tl-card .ta-by {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  color: #aeb6c8;
}
.ta-by img {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  object-fit: cover;
}
.pb {
  width: 14px;
  border-radius: 3px 3px 1px 1px;
  background: rgba(255,255,255,.22);
}
.pb4 {
  height: 80%;
  background: var(--ember);
}
.tl-card .ta-pace p,
.tl-card .ta-rep p {
  font-size: 12px;
  color: #aeb6c8;
}
.ta-pace b {
  color: #fff;
  font-size: 15px;
}
.rb4 {
  height: 76%;
}
@media (prefers-reduced-motion:no-preference) {
  .ops.seen .tl-rail i {
    animation: rail 6s linear infinite;
  }
  @keyframes rail {
    0% { left:0; opacity:0 }
    4% { opacity:1 }
    80% { left:100%; opacity:1 }
    100%,86% { left:100%; opacity:0 }
  }
  .ops.seen .tl-dot {
    animation: dot-lit 6s linear infinite;
  }
  .ops.seen .tl-step:nth-child(2) .tl-dot {
    animation-delay: 1.2s;
  }
  .ops.seen .tl-step:nth-child(3) .tl-dot {
    animation-delay: 2.4s;
  }
  .ops.seen .tl-step:nth-child(4) .tl-dot {
    animation-delay: 3.6s;
  }
  .ops.seen .tl-step:nth-child(5) .tl-dot {
    animation-delay: 4.8s;
  }
  @keyframes dot-lit {
    0%,2% { background:var(--rust); color:#fff; box-shadow:0 0 0 6px rgba(240,138,93,.18),0 0 30px rgba(240,138,93,.6) }
    100%,22% { background:#fff; color:var(--rust); box-shadow:inset 0 0 0 1.5px rgba(17,26,51,.16),0 6px 16px -8px rgba(17,26,51,.4) }
  }
  .ops.seen .tg::after {
    animation: tg-k 6s ease-in-out infinite;
  }
  .ops.seen .tg {
    animation: tg-b 6s ease-in-out infinite;
  }
  .ops.seen .tg-off {
    animation: tg-off 6s step-end infinite;
  }
  .ops.seen .tg-on {
    animation: tg-on 6s step-end infinite;
  }
  @keyframes tg-k {
    0%,40% { transform:none }
    46%,94% { transform:translateX(18px) }
    100% { transform:none }
  }
  @keyframes tg-b {
    0%,40% { background:rgba(255,255,255,.18) }
    46%,94% { background:var(--rust) }
    100% { background:rgba(255,255,255,.18) }
  }
  @keyframes tg-off {
    0% { opacity:1 }
    43% { opacity:0 }
    97% { opacity:1 }
  }
  @keyframes tg-on {
    0% { opacity:0 }
    43% { opacity:1 }
    97% { opacity:0 }
  }
  .ops.seen .rb4 {
    animation-delay: .4s;
  }
  @keyframes grow {
    from { transform:scaleY(.1) }
    to { transform:none }
  }
}
@media (prefers-reduced-motion:reduce) {
  .tg {
    background: var(--rust);
  }
  .tg::after {
    transform: translateX(18px);
  }
  .tg-off {
    opacity: 0;
  }
  .tg-on {
    opacity: 1;
  }
}
@media (max-width:980px) {
  .tl ol {
    grid-template-columns: 1fr;
    grid-template-rows: none;
    gap: 16px;
  }
  .tl-step {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 16px;
    grid-row: auto;
    padding: 0;
  }
  .tl-card {
    display: flex;
    flex-direction: column;
    margin-top: 0;
    grid-row: auto;
    text-align: left;
  }
  .tl-rail {
    left: 23px;
    right: auto;
    top: 24px;
    bottom: 24px;
    width: 2px;
    height: auto;
  }
  .tl-rail i {
    display: none;
  }
}
.close {
  padding-block: clamp(96px,11vw,150px)!important;
}
.close .in.close-split {
  display: grid;
  grid-template-columns: minmax(0,6fr) minmax(0,5fr);
  gap: 48px clamp(40px,6vw,96px);
  align-items: center;
}
.close-split .close-words {
  text-align: left;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}
.close-split .huge {
  max-width: 11ch!important;
  font-size: clamp(44px,6.4vw,92px)!important;
}
.close .btn-big {
  margin-top: 12px;
}
@media (max-width:900px) {
  .close .in.close-split {
    grid-template-columns: 1fr;
  }
}
.live {
  text-align: left;
}
@media (prefers-reduced-motion:no-preference) {
  @keyframes off {
    0% { opacity:1 }
    22% { opacity:0 }
    96% { opacity:1 }
  }
  @keyframes on {
    0% { opacity:0 }
    22% { opacity:1 }
    96% { opacity:0 }
  }
}
@media (prefers-reduced-motion:reduce) {
  .live .toggle {
    background: var(--ember);
  }
  .live .toggle::after {
    transform: translateX(12px);
  }
}
.close-c {
  background: radial-gradient(ellipse 45% 60% at 80% 50%,rgba(183,65,14,.3),rgba(183,65,14,0) 70%),var(--navy2)!important;
}
.bk-pts {
  list-style: none;
  margin: 8px 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
  color: #d6dae5;
  font-size: 16px;
}
.bk-pts li {
  display: flex;
  gap: 10px;
  align-items: center;
}
.bk-pts .ic {
  color: var(--ember);
}
.bk-wrap {
  display: flex;
  justify-content: center;
}
.bk-two {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.bk-seg {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 6px;
}
.bk-seg label {
  position: relative;
}
.bk-seg input {
  position: absolute;
  opacity: 0;
}
.bk-seg span {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0 6px;
  border-radius: 10px;
  border: 1px solid rgba(17,26,51,.18);
  font-size: 13px;
  color: var(--ink);
  text-align: center;
  cursor: pointer;
}
.bk-seg input:checked+span {
  border-color: var(--rust);
  background: rgba(183,65,14,.06);
  color: var(--rust);
}
.bk-seg input:focus-visible+span {
  outline: 2px solid var(--rust);
  outline-offset: 2px;
}
.bk-note {
  font-size: 12px;
  color: var(--slate);
  text-align: center;
}
@media (max-width:520px) {
  .bk-seg {
    grid-template-columns: 1fr;
  }
}
.stick-bar {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 50;
  background: rgba(7,11,28,.82);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-bottom: 1px solid rgba(255,255,255,.1);
  transform: translateY(-110%);
  transition: transform .35s var(--ease);
  visibility: hidden;
}
.stick-in {
  max-width: 1280px;
  margin: 0 auto;
  padding: 10px clamp(16px,3vw,40px);
  display: flex;
  align-items: center;
  gap: 24px;
}
.stick-bar .brand img {
  height: 24px;
  width: auto;
  display: block;
}
.stick-bar .links {
  display: flex;
  gap: 26px;
  margin-left: auto;
  font-size: 14px;
}
.stick-bar .links a {
  text-decoration: none;
  color: var(--mut);
}
.stick-bar .links a:hover {
  color: #fff;
}
.stick-bar .links .login {
  color: #fff;
  font-weight: 600;
}
.stick-bar .btn {
  height: 38px;
  padding: 0 16px;
  font-size: 14px;
}
@media (max-width:860px) {
  .stick-bar .links {
    display: none;
  }
  .stick-bar .btn {
    margin-left: auto;
    height: 44px;
  }
}
.stick.on.up .stick-bar {
  transform: none;
  visibility: visible;
}
@media (prefers-reduced-motion:reduce) {
  .stick-bar {
    transition: none;
  }
}
.story-stage {
  padding-top: calc(0px + 72px);
}
.story-win {
  width: min(1180px,100%,calc((100vh - 360px) * 1.6));
}
body {
  background: #04070f;
}
.pick {
  border: 0;
  cursor: pointer;
  height: 36px;
  padding: 0 14px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 700;
  white-space: nowrap;
}
.pick {
  background: #fff;
  color: var(--ink);
}
.pick:hover {
  background: #ffe6d6;
}
.pick[aria-pressed=true] {
  background: var(--ember);
  color: var(--ink);
}
.sr {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
.hero-stack .orbits {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
}
.hero-stack .prod {
  margin-top: clamp(96px,10vw,148px);
}
.hero-stack {
  padding-bottom: clamp(64px,8vw,112px);
}
.hero-stack .beam {
  opacity: .8;
}
.plan-steps .tg,
.plan-steps .tg-off,
.plan-steps .tg-on,
.plan-steps .tg::after,
.plan-steps .tl-dot,
.plan-steps .tl-rail i {
  animation: none!important;
}
.plan-steps .tl-rail i {
  opacity: 1;
  left: 0;
  top: 0;
  margin: 0;
  width: calc(var(--p,0) * 100%);
  height: 100%;
  background: linear-gradient(90deg,var(--rust),var(--ember));
  transition: width 1s var(--ease);
}
.plan-steps .tl-rail i::after {
  content: "";
  position: absolute;
  right: -30px;
  top: -3px;
  width: 60px;
  height: 8px;
  background: radial-gradient(ellipse,rgba(255,220,200,.9),rgba(240,138,93,0) 70%);
}
.plan-steps[data-at="-1"] .tl-rail i::after {
  opacity: 0;
}
.plan-steps .tl-dot {
  transition: background .5s,color .5s,box-shadow .5s;
}
.plan-steps .go .tl-dot {
  background: var(--rust);
  color: #fff;
  box-shadow: 0 0 0 6px rgba(240,138,93,.16),0 0 30px rgba(240,138,93,.5);
}
.plan-steps .tl-art {
  transition: opacity .4s;
}
.plan-steps.snap,
.plan-steps.snap * {
  transition: none!important;
  animation: none!important;
}
.yes-ck {
  transition: background .45s,box-shadow .45s,transform .45s cubic-bezier(.3,1.6,.5,1);
}
.plan-steps .ta-chip i.yes-ck {
  background: rgba(255,255,255,.12);
  color: rgba(255,255,255,.4);
}
.plan-steps .go .ta-chip i.yes-ck {
  background: var(--ember);
  color: var(--ink);
  box-shadow: 0 0 0 5px rgba(240,138,93,.2),0 0 22px rgba(240,138,93,.65);
  transform: scale(1.15);
}
.plan-steps .mini-switch .s1,
.plan-steps .mini-switch .t-l {
  opacity: 0;
}
.plan-steps .mini-switch>* {
  transition: opacity .35s;
}
.plan-steps .go .rep-up .s0,
.plan-steps .go .ta-yes .s0 {
  opacity: 0;
}
.plan-steps .go .rep-up .s1,
.plan-steps .go .ta-yes .s1 {
  opacity: 1;
}
.plan-steps .ta-row {
  opacity: 0;
  transform: translateX(-14px);
  transition: opacity .4s,transform .5s var(--ease);
}
.plan-steps .go .ta-row {
  opacity: 1;
  transform: none;
}
.plan-steps .go .ta-row[data-i="1"] {
  transition-delay: .18s;
}
.plan-steps .go .ta-row[data-i="2"] {
  transition-delay: .36s;
}
.plan-steps .ta-row em {
  transition: background .4s,color .4s;
}
.plan-steps.lit .ta-row em {
  background: var(--ember);
  color: var(--ink);
}
.plan-steps.lit .ta-row .t-p {
  opacity: 0;
}
.plan-steps.lit .ta-row .t-l {
  opacity: 1;
}
.plan-steps .tg,
.plan-steps .tg::after {
  transition: background .4s,transform .4s var(--ease);
}
.plan-steps .go .tg {
  background: var(--rust);
}
.plan-steps .go .tg::after {
  transform: translateX(18px);
}
.plan-steps .tg-off,
.plan-steps .tg-on {
  transition: opacity .3s;
}
.plan-steps .go .tg-off {
  opacity: 0;
}
.plan-steps .go .tg-on {
  opacity: 1;
}
.pace-svg {
  width: 150px;
  height: auto;
  display: block;
}
.pace-base {
  stroke: rgba(255,255,255,.18);
  stroke-width: 1;
}
.pace-budget {
  stroke: var(--ember-soft);
  stroke-width: 1.2;
  stroke-dasharray: 4 3;
}
.pace-lbl {
  font: 700 8px var(--display);
  letter-spacing: .08em;
  text-transform: uppercase;
  fill: var(--ember-soft);
}
.pb4 {
  fill: rgba(255,255,255,.26);
  transform-box: fill-box;
  transform-origin: 50% 100%;
}
.pb4.now {
  fill: var(--ember);
}
.plan-steps .pb4 {
  transform: scaleY(0);
  transition: transform .7s var(--ease);
}
.plan-steps .go .pb4 {
  transform: none;
}
.plan-steps .go .pb4-1 {
  transition-delay: .12s;
}
.plan-steps .go .pb4-2 {
  transition-delay: .24s;
}
.plan-steps .go .pb4-3 {
  transition-delay: .36s;
}
.plan-steps .go .pb4-4 {
  transition-delay: .48s;
}
.plan-steps .go .pb4-5 {
  transition-delay: .6s;
}
.ta-rep {
  gap: 6px;
}
.rep-top {
  align-self: stretch;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 8px;
}
.tl-card .rep-top span {
  font-size: 10px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #aeb6c8;
  font-weight: 700;
}
.rep-top b {
  font-size: 17px;
  letter-spacing: -.02em;
  font-variant-numeric: tabular-nums;
}
.rep-svg {
  width: 100%;
  max-width: 170px;
  height: auto;
  display: block;
}
.rb4 {
  fill: rgba(255,255,255,.2);
  transform-box: fill-box;
  transform-origin: 50% 100%;
}
.rb4-3 {
  fill: var(--ember);
}
.rep-line {
  fill: none;
  stroke: #FFD9C2;
  stroke-width: 1.6;
  stroke-linejoin: round;
  stroke-dasharray: 100;
}
.plan-steps .rb4 {
  transform: scaleY(0);
  transition: transform .6s var(--ease);
}
.plan-steps .go .rb4 {
  transform: none;
}
.plan-steps .go .rb4-1 {
  transition-delay: .1s;
}
.plan-steps .go .rb4-2 {
  transition-delay: .2s;
}
.plan-steps .go .rb4-3 {
  transition-delay: .3s;
}
.plan-steps .go .rb4-4 {
  transition-delay: .4s;
}
.plan-steps .rep-line {
  stroke-dashoffset: 100;
  transition: stroke-dashoffset 1.2s cubic-bezier(.4,0,.2,1) .2s;
}
.plan-steps .go .rep-line {
  stroke-dashoffset: 0;
}
.tl-card .rep-up {
  font-size: 11px;
  color: #aeb6c8;
}
.plan-steps .go .rep-up .s1 {
  transition-delay: 1.2s;
}
@media (prefers-reduced-motion:reduce) {
  .plan-steps * {
    transition: none!important;
  }
}
@media (max-width:980px) {
  .plan-steps .tl-rail i {
    width: 100%;
    height: calc(var(--p,0) * 100%);
    background: linear-gradient(180deg,var(--rust),var(--ember));
  }
  .plan-steps .tl-rail i::after {
    display: none;
  }
}
.built-cta {
  margin-top: 30px;
}
.sk-box {
  position: relative;
}
.sk-cv {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
}
.sk-box .sk {
  position: relative;
}
@media (max-width:820px) {
  .sk-box {
    display: none;
  }
}
.faq-art {
  position: relative;
  margin-top: 36px;
  max-width: 440px;
  aspect-ratio: 440/300;
  border-radius: 18px;
  overflow: hidden;
  background: radial-gradient(ellipse 55% 60% at 50% 50%,rgba(183,65,14,.42),rgba(183,65,14,0) 70%),radial-gradient(ellipse 70% 60% at 100% 0,rgba(125,134,201,.2),rgba(125,134,201,0) 70%),var(--navy);
  box-shadow: 0 30px 60px -30px rgba(17,26,51,.6);
}
.faq-art::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(rgba(255,255,255,.14) 1px,transparent 1.3px);
  background-size: 18px 18px;
  -webkit-mask-image: radial-gradient(ellipse 60% 70% at 50% 50%,transparent 30%,#000 100%);
  mask-image: radial-gradient(ellipse 60% 70% at 50% 50%,transparent 30%,#000 100%);
  opacity: .5;
}
.faq-art canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
}
@media (max-width:900px) {
  .faq-art {
    max-width: none;
  }
}
.bk-card {
  width: 100%;
  max-width: 480px;
  border-radius: 20px;
  padding: 28px;
  background: linear-gradient(180deg,#121b3a,#0c1430);
  box-shadow: 0 0 0 1px rgba(255,255,255,.12),0 40px 90px rgba(2,4,14,.6);
  text-align: left;
}
.bkw {
  display: flex;
  flex-direction: column;
  color: #fff;
}
.bkw-pane {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.bkw-pane[hidden] {
  display: none;
}
.bkw-h {
  font-size: 22px;
  letter-spacing: -.02em;
  outline: 0;
}
.bkw label {
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-size: 13px;
  font-weight: 600;
  color: #c2c9da;
  min-width: 0;
}
.bkw input[type=email],
.bkw input[type=text] {
  height: 46px;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(255,255,255,.05);
  padding: 0 14px;
  font: inherit;
  font-size: 15px;
  color: #fff;
  width: 100%;
}
.bkw input:focus-visible {
  outline: 2px solid var(--ember);
  outline-offset: 1px;
  border-color: transparent;
}
.bkw .bk-two {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.bkw fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
.bkw legend {
  font-size: 13px;
  font-weight: 600;
  color: #c2c9da;
  margin-bottom: 6px;
  padding: 0;
}
.bkw .bk-seg {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 6px;
}
.bkw .bk-seg label {
  position: relative;
}
.bkw .bk-seg input {
  position: absolute;
  opacity: 0;
}
.bkw .bk-seg span {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0 6px;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,.16);
  font-size: 13px;
  color: #fff;
  text-align: center;
  cursor: pointer;
}
.bkw .bk-seg input:checked+span {
  border-color: var(--ember);
  background: rgba(240,138,93,.12);
  color: var(--ember-soft);
}
.bkw .bk-seg input:focus-visible+span {
  outline: 2px solid var(--ember);
  outline-offset: 2px;
}
.bkw .btn-big {
  width: 100%;
  margin-top: 4px;
}
.bkw .bk-note {
  font-size: 12px;
  color: #aeb6c8;
  text-align: center;
}
.bkw-sub {
  font-size: 14px;
  color: #aeb6c8;
}
.bkw-foot {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-top: 4px;
}
.bk-back {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 0;
  background: 0 0;
  color: #c2c9da;
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
  min-height: 44px;
  padding: 0 4px;
}
.bk-back .ic {
  transform: scaleX(-1);
}
.bk-back:hover {
  color: #fff;
}
.bkw-foot .btn {
  height: 46px;
  padding: 0 26px;
}
.bkw-foot .btn:disabled {
  opacity: .4;
  cursor: default;
  box-shadow: none;
}
.bkw-done {
  align-items: center;
  text-align: center;
  padding: 10px 0 4px;
}
.bk-seal {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--ember);
  color: var(--ink);
  box-shadow: 0 0 0 8px rgba(240,138,93,.16),0 0 40px rgba(240,138,93,.5);
}
.bk-seal .ic {
  width: 30px;
  height: 30px;
  stroke-width: 2;
}
@media (prefers-reduced-motion:no-preference) {
  .bkw-pane:not([hidden]) {
    animation: lift .4s var(--ease) both;
  }
  .bkw-done:not([hidden]) .bk-seal {
    animation: seal .6s cubic-bezier(.3,1.5,.5,1) .1s both;
  }
}
@media (max-width:520px) {
  .bkw .bk-seg {
    grid-template-columns: 1fr;
  }
  .bk-card {
    padding: 20px;
  }
}
.stick-bar .btn {
  height: 38px;
  padding: 0 16px;
  font-size: 14px;
}
.story-stage {
  --pad: 52px;
}
.story-stage {
  padding: calc(0px + var(--pad)) clamp(16px,3vw,40px) var(--pad);
  justify-content: center;
}
.story-stage>* {
  transition: transform .35s var(--ease);
}
body.bar-up .story-stage>* {
  transform: translateY(calc(var(--stk,59px)/ 2));
}
.story-head {
  margin-bottom: 0;
}
.side-switch {
  position: relative;
  isolation: isolate;
}
.side-switch .sw-thumb {
  position: absolute;
  z-index: -1;
  left: 0;
  top: 4px;
  bottom: 4px;
  width: 0;
  border-radius: 999px;
  background: var(--ink);
  box-shadow: 0 6px 16px -6px rgba(17,26,51,.5);
  transition: transform .5s cubic-bezier(.3,1.25,.5,1),width .5s cubic-bezier(.3,1.25,.5,1),background .4s;
}
.side-switch[data-at=brands] .sw-thumb {
  background: #2b3170;
}
.side-switch button[aria-selected=true] {
  background: 0 0;
  color: #fff;
}
.side-switch button {
  position: relative;
  transition: color .3s;
}
.side-switch button:focus-visible {
  outline: 2px solid var(--rust);
  outline-offset: 2px;
}
.sides-stage {
  position: relative;
  transition: height .55s var(--ease);
}
.sides-stage.moving {
  overflow: hidden;
  margin: 0 -30px;
  padding: 0 30px;
}
.side .side-intro,
.side .wf {
  transition: opacity .45s var(--ease),transform .6s var(--ease),filter .45s var(--ease);
}
.side.out .side-intro,
.side.out .wf {
  opacity: 0;
  transform: translateY(-12px);
  filter: blur(4px);
  transition-duration: .2s;
}
.side.pre .side-intro,
.side.pre .wf {
  opacity: 0;
  transform: translateY(26px) scale(.97);
  filter: blur(6px);
  transition: none;
}
.side .wf:nth-child(2) {
  transition-delay: .07s;
}
.side .wf:nth-child(3) {
  transition-delay: .14s;
}
.side.out .wf {
  transition-delay: 0s;
}
.side .wf-art .mini {
  transition: transform .7s var(--ease) .1s,box-shadow .5s var(--ease);
}
.side.pre .wf-art .mini {
  transform: translateY(16px) scale(.95);
}
.wf-words {
  display: contents;
}
.side-b .wf-art {
  background: radial-gradient(ellipse 80% 70% at 50% 110%,rgba(125,134,201,.5),rgba(125,134,201,0) 70%),radial-gradient(ellipse 60% 50% at 15% 0,rgba(240,138,93,.14),rgba(240,138,93,0) 70%),#121a44;
}
.side-b .mini .dot {
  background: var(--iris);
  box-shadow: 0 0 10px var(--iris);
}
.side-b .bub.ai {
  background: rgba(125,134,201,.16);
  box-shadow: inset 0 0 0 1px rgba(125,134,201,.45);
}
.side-b .act {
  background: #b9c0f0;
}
.side-b .st.rv {
  background: #b9c0f0;
}
.side-b .wf-note {
  border-top-color: rgba(125,134,201,.35);
}
.side-a .side-intro::before,
.side-b .side-intro::before {
  content: "";
  display: block;
  width: 28px;
  height: 3px;
  border-radius: 2px;
  margin-bottom: 16px;
  background: var(--rust);
}
.side-b .side-intro::before {
  background: var(--iris);
}
.pt-bar {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.pt-logo {
  width: 30px;
  height: 30px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #e8dcc6;
  color: #2a2416;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .02em;
}
.pt-name {
  display: flex;
  flex-direction: column;
  line-height: 1.25;
}
.pt-name b {
  font-size: 13px;
}
.pt-name small {
  font-size: 11px;
  color: var(--haze);
}
.mini-ch {
  max-width: 420px;
  gap: 8px;
}
.mini-ch .mini-top {
  display: flex;
}
.ch-tot {
  margin-left: auto;
  color: #fff;
  letter-spacing: 0;
  font-size: 13px;
  font-weight: 700;
  text-transform: none;
  font-variant-numeric: tabular-nums;
}
.ch-row,
.chx-head {
  display: grid;
  grid-template-columns: 76px minmax(0,1fr) 64px 44px;
  gap: 10px;
  align-items: center;
  font-variant-numeric: tabular-nums;
}
.chx-head {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--haze);
}
.ch-p,
.ch-v,
.chx-head span:nth-child(n+3) {
  text-align: right;
}
.ch-row {
  padding: 6px 0;
  border-top: 1px solid rgba(255,255,255,.07);
}
.chx-head+.ch-row {
  border-top: 0;
}
.ch-bar {
  display: block;
  height: 8px;
  border-radius: 4px;
  background: rgba(255,255,255,.08);
  overflow: hidden;
}
.ch-bar i {
  display: block;
  height: 100%;
  width: calc(var(--w) * 100%);
  border-radius: 4px;
  background: linear-gradient(90deg,#5b63a8,var(--iris));
  transform-origin: 0 50%;
  transition: transform .9s var(--ease) .25s;
}
.chx-head+.ch-row .ch-bar i {
  background: linear-gradient(90deg,var(--iris),#b9c0f0);
}
.side.pre .ch-bar i {
  transform: scaleX(0);
}
.ch-p {
  color: #b9c0f0;
  font-weight: 600;
}
@media (prefers-reduced-motion:reduce) {
  .ch-bar i,
  .side .side-intro,
  .side .wf,
  .side .wf-art .mini,
  .sides-stage,
  .side-switch .sw-thumb {
    transition: none!important;
  }
}
.ops-mirror {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  z-index: 0;
}
.ops-mirror::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(rgba(17,26,51,.2) 1.1px,transparent 1.4px);
  background-size: 22px 22px;
  background-position: center bottom;
  -webkit-mask-image: radial-gradient(ellipse 45% 40% at 18% 84%,#000 0%,transparent 70%);
  mask-image: radial-gradient(ellipse 45% 40% at 18% 84%,#000 0%,transparent 70%);
}
.ops-mirror::after {
  content: "";
  position: absolute;
  left: -8%;
  bottom: -6%;
  width: 50%;
  height: 55%;
  background: radial-gradient(ellipse at center,rgba(240,138,93,.12),rgba(240,138,93,0) 65%);
}
@media (prefers-reduced-motion:no-preference) {
  .ops-mirror::after {
    animation: mirror-drift 14s ease-in-out infinite alternate;
  }
  @keyframes mirror-drift {
    from { transform:translate(0,0); opacity:.75 }
    to { transform:translate(4%,-3%); opacity:1 }
  }
}
.plan-steps .tl-step:nth-child(3) .tl-dot svg {
  transform: translateY(-1px);
}
.plan-steps .tl-step:nth-child(4) .tl-dot svg {
  transform: translateY(-.9px);
}
.plan-steps .tl-step:nth-child(5) .tl-dot svg {
  transform: translateY(-1px);
}
.btn-hero {
  position: relative;
}
.faq-cols.two {
  grid-template-columns: minmax(0,380px) minmax(0,640px);
  justify-content: center;
}
.faq-ask {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  margin-top: 40px;
  padding: 22px 24px;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 0 0 1px rgba(17,26,51,.08),0 18px 40px -28px rgba(17,26,51,.35);
  max-width: 380px;
}
.fa-ic {
  flex: none;
  width: 40px;
  height: 40px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(183,65,14,.08);
  color: var(--rust);
}
.fa-h {
  font-weight: 700;
  font-size: 17px;
  letter-spacing: -.01em;
}
.fa-p {
  color: var(--mut);
  font-size: 15px;
  margin-top: 4px;
  text-wrap: pretty;
}
.fa-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 12px;
  font-weight: 600;
  font-size: 15px;
  color: var(--rust);
  text-decoration: none;
  min-height: 32px;
}
.fa-link:hover {
  color: #8f330b;
}
.fa-link .ic {
  transition: transform .25s var(--ease);
}
.fa-link:hover .ic {
  transform: translateX(3px);
}
@media (max-width:900px) {
  .faq-cols.two {
    grid-template-columns: 1fr;
  }
  .faq-ask {
    max-width: none;
  }
}
.hero-stack .rise {
  background: radial-gradient(closest-side,rgba(183,65,14,.5),rgba(183,65,14,.3) 30%,rgba(183,65,14,.1) 62%,rgba(183,65,14,.02) 85%,rgba(183,65,14,0));
}
@property --la {
  syntax: "<angle>";
  inherits: false;
  initial-value: 0deg;
}
@property --lp {
  syntax: "<number>";
  inherits: false;
  initial-value: .9;
}
.btn-hero {
  position: relative;
  isolation: isolate;
}
.btn-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;
  pointer-events: none;
  background: conic-gradient(from var(--la),rgb(255 236 224 / 0) 0deg,rgb(255 236 224 / calc(var(--lp) * .5)) 14deg,rgb(255 244 236 / var(--lp)) 30deg,rgb(255 236 224 / 0) 52deg,rgb(255 236 224 / 0) 360deg);
  -webkit-mask: linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);
  opacity: 0;
  transition: opacity .45s var(--ease);
}
.btn-hero:is(:hover,:focus-visible):not(:disabled)::after {
  opacity: 1;
}
@media (prefers-reduced-motion:no-preference) {
  .btn-hero::after {
    animation: btn-run 2.8s linear infinite,btn-pulse 1.4s ease-in-out infinite alternate;
    animation-play-state: paused;
  }
  .btn-hero:is(:hover,:focus-visible)::after {
    animation-play-state: running;
  }
  @keyframes btn-run {
    to { --la:360deg }
  }
  @keyframes btn-pulse {
    from { --lp:.45 }
    to { --lp:1 }
  }
}
@media (prefers-reduced-motion:reduce) {
  .btn-hero::after {
    --la: 300deg;
  }
}
@media (prefers-reduced-motion:no-preference) {
  .proof .faces>* {
    transition: opacity .4s var(--ease),transform .6s cubic-bezier(.3,1.5,.5,1);
  }
  .proof .faces>:first-child {
    transition-delay: .55s;
  }
  .proof .faces>:nth-child(2) {
    transition-delay: .67s;
  }
  .proof .faces>:nth-child(3) {
    transition-delay: .79s;
  }
  .proof .faces>:nth-child(4) {
    transition-delay: .91s;
  }
  .proof .faces>:nth-child(5) {
    transition-delay: 1.03s;
  }
  .proof .g-team .chip {
    transition: opacity .45s var(--ease) 1.25s,transform .6s var(--ease) 1.25s;
  }
  .proof .g-team .chip .ic {
    transition: transform .5s cubic-bezier(.3,1.7,.5,1) 1.7s;
  }
  .proof .g-team .chip b {
    transition: opacity .4s 1.7s,color .4s 1.7s;
  }
  .proof .d-on {
    transition: fill .35s calc(.45s + var(--i) * .08s);
  }
  .proof .src-line {
    stroke-dasharray: 1;
    stroke-dashoffset: 0;
    transition: stroke-dashoffset .7s var(--ease) calc(1.15s + var(--i) * .08s);
  }
}
.sides-stage {
  display: grid;
}
.sides-stage>.side {
  grid-area: 1/1;
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.sides-stage>.side[hidden] {
  display: flex;
  visibility: hidden;
}
.side-b .wf {
  grid-column: auto;
  grid-row: auto;
  display: grid;
  grid-template-columns: minmax(0,1.4fr) minmax(0,1fr);
  grid-template-rows: none;
  margin: 0;
}
.side-b .wf-art {
  min-height: 0;
  padding: 18px 16px;
}
.side-b .wf-words {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 18px 8px 18px 0;
}
.side-b .wf h3 {
  font-size: 20px;
  padding: 0 18px;
}
.side-b .wf p {
  font-size: 15px;
  padding: 8px 18px 0;
}
.side-b .wf .wf-note {
  margin: 14px 18px 0;
  padding: 12px 0 0;
}
.side-b .mini-chat .bub {
  max-width: 100%;
}
@media (max-width:980px) {
  .side-b .wf {
    display: flex;
    flex-direction: column;
  }
  .side-b .wf-art {
    min-height: 220px;
    padding: 26px 20px;
    flex: 1;
  }
  .side-b .wf-words {
    display: contents;
  }
  .side-b .wf h3 {
    font-size: 20px;
    padding: 22px 24px 0;
  }
  .side-b .wf p {
    font-size: 15px;
    padding: 10px 24px 0;
  }
  .side-b .wf .wf-note {
    margin: 16px 24px 24px;
    padding: 12px 0 0;
  }
}
.sk-core {
  fill: #0B1226;
}
.sk-winbar {
  fill: #131C3A;
}
.sk-winrule {
  stroke: rgba(255,255,255,.08);
  stroke-width: 1;
}
.sk-windot {
  fill: rgba(255,255,255,.22);
}
.sk-winurl {
  fill: rgba(255,255,255,.07);
}
.sk-beat {
  opacity: 0;
  transform-box: fill-box;
  transform-origin: 50% 50%;
}
@media (prefers-reduced-motion:no-preference) {
  .sk-beat {
    animation: win-beat 1.6s cubic-bezier(.2,.6,.3,1) infinite;
  }
  @keyframes win-beat {
    from { opacity:.55; transform:scale(1) }
    to { opacity:0; transform:scale(1.22,1.3) }
  }
}
.sb,
.built>.in:not(.built-b) {
  display: none!important;
}
.prod-still {
  display: none;
}
@media (max-width:760px) {
  .hero-stack .prod-box {
    aspect-ratio: 1200/820;
    border-radius: 12px;
  }
  .hero-stack .prod-box iframe {
    display: none;
  }
  .hero-stack .prod-still {
    display: block;
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .hero-stack .prod {
    padding: 0 16px;
  }
  .phone-note {
    display: flex!important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: max-content;
    max-width: 100%;
    margin: 16px auto 0;
    padding: 8px 14px;
    border-radius: 999px;
    background: rgba(255,255,255,.05);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.1);
    font-size: 13px;
    color: #c2c9da;
  }
  .phone-note .ic {
    color: var(--ember);
    flex: none;
  }
}
.facts-b {
  display: grid;
  grid-template-columns: minmax(0,1.15fr) minmax(0,1fr);
  gap: 20px;
  margin-top: 48px;
}
.fb-main,
.fb-side {
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 0 0 1px rgba(17,26,51,.08),0 18px 40px -24px rgba(17,26,51,.25);
  overflow: hidden;
  min-width: 0;
}
.fb-main {
  display: flex;
  flex-direction: column;
}
.fb-art {
  flex: 1;
  min-height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 36px 28px;
  background: radial-gradient(ellipse 70% 80% at 50% 110%,rgba(183,65,14,.5),rgba(183,65,14,0) 70%),radial-gradient(ellipse 50% 50% at 90% 0,rgba(125,134,201,.2),rgba(125,134,201,0) 70%),var(--navy);
}
.fbc {
  max-width: 440px;
  gap: 12px;
  font-size: 13px;
  padding: 16px;
}
.fbc .mini-top {
  display: flex;
}
.fbc-clock {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #fff;
  letter-spacing: 0;
  text-transform: none;
}
.fbc-clock svg {
  width: 22px;
  height: 22px;
  transform: rotate(-90deg);
}
.fbc-ring {
  fill: none;
  stroke: rgba(255,255,255,.14);
  stroke-width: 3;
}
.fbc-arc {
  fill: none;
  stroke: var(--ember);
  stroke-width: 3;
  stroke-linecap: round;
  stroke-dasharray: 100;
  stroke-dashoffset: 0;
}
.fbc-n {
  font-size: 13px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  min-width: 2.2ch;
}
.fbc-think {
  display: none;
  gap: 4px;
  padding: 10px 12px;
  border-radius: 12px;
  background: rgba(255,255,255,.06);
  align-self: flex-start;
}
.fbc-think i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--haze);
}
.fb-words h3 {
  font-size: clamp(24px,2.1vw,30px);
  line-height: 1.1;
  letter-spacing: -.025em;
  font-weight: 700;
}
.fb-words p {
  color: var(--mut);
  font-size: 15px;
  margin-top: 10px;
  text-wrap: pretty;
}
.fb-main .fb-words {
  padding: 26px 30px 30px;
}
.fb-col {
  display: grid;
  grid-template-rows: 1fr 1fr;
  gap: 20px;
  min-width: 0;
}
.fb-side {
  display: grid;
  grid-template-columns: minmax(0,200px) minmax(0,1fr);
  align-items: stretch;
}
.fb-side .chip {
  white-space: nowrap;
}
.fb-art2 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 18px;
  background: radial-gradient(ellipse 70% 90% at 50% 100%,rgba(240,138,93,.16),rgba(240,138,93,0) 70%),linear-gradient(180deg,#f6f7fb,#fff);
  border-right: 1px solid rgba(17,26,51,.06);
}
.fb-art2>* {
  transform: scale(.86);
}
.fb-side .fb-words {
  padding: 24px 26px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.fb-side .fb-words h3 {
  font-size: 22px;
}
@media (prefers-reduced-motion:no-preference) {
  .facts-b .fb-main,
  .facts-b .fb-side {
    transition: opacity .7s var(--ease),transform .9s var(--ease);
  }
  .facts-b .fb-side:first-child {
    transition-delay: .12s;
  }
  .facts-b .fb-side:nth-child(2) {
    transition-delay: .24s;
  }
  .facts-b:not(.play) :is(.fb-main,.fb-side) {
    opacity: 0;
    transform: translateY(34px) scale(.98);
  }
  .facts-b .fbc-a,
  .facts-b .fbc-q {
    transition: opacity .45s var(--ease),transform .55s var(--ease);
  }
  .facts-b:not(.play) .fbc-q {
    opacity: 0;
    transform: translateY(10px);
  }
  .facts-b .fbc-q {
    transition-delay: .5s;
  }
  .facts-b.think .fbc-think {
    display: flex;
  }
  .facts-b.think .fbc-think i {
    animation: think 1s ease-in-out infinite;
  }
  .facts-b.think .fbc-think i:nth-child(2) {
    animation-delay: .15s;
  }
  .facts-b.think .fbc-think i:nth-child(3) {
    animation-delay: .3s;
  }
  @keyframes think {
    0%,100% { opacity:.3; transform:none }
    50% { opacity:1; transform:translateY(-2px) }
  }
  .facts-b:not(.done) .fbc-a {
    display: none;
  }
  .facts-b.done .fbc-a {
    animation: lift .5s var(--ease) both;
  }
  .facts-b:not(.play) .fbc-arc {
    stroke-dashoffset: 100;
  }
  .facts-b.play .fbc-arc {
    transition: stroke-dashoffset 2.2s linear .9s;
  }
  .facts-b .fb-side .faces>* {
    transition: opacity .4s var(--ease),transform .6s cubic-bezier(.3,1.5,.5,1);
  }
  .facts-b:not(.play) .fb-side .faces>* {
    opacity: 0;
    transform: translateX(-18px) scale(.85);
  }
  .facts-b .fb-side .faces>:nth-child(2) {
    transition-delay: .1s;
  }
  .facts-b .fb-side .faces>:nth-child(3) {
    transition-delay: .2s;
  }
  .facts-b .fb-side .faces>:nth-child(4) {
    transition-delay: .3s;
  }
  .facts-b .fb-side .faces>:nth-child(5) {
    transition-delay: .4s;
  }
}
@media (max-width:980px) {
  .facts-b {
    grid-template-columns: 1fr;
  }
  .fb-col {
    grid-template-rows: none;
  }
}
@media (max-width:560px) {
  .fb-side {
    grid-template-columns: 1fr;
  }
  .fb-art2 {
    border-right: 0;
    border-bottom: 1px solid rgba(17,26,51,.06);
    min-height: 150px;
  }
  .fb-art {
    min-height: 0;
    padding: 28px 16px;
  }
}
.sb {
  display: grid;
  grid-template-columns: minmax(0,4fr) minmax(0,8fr);
  gap: clamp(28px,3.5vw,56px);
  align-items: center;
  margin-top: clamp(40px,5vw,64px);
  max-width: 1320px;
}
@media (max-width:860px),(max-height:620px) {
  .sb {
    display: none;
  }
}
.sub-col {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 18px;
  padding-bottom: .35em;
  min-width: 0;
}
.sub-col .sub {
  padding-bottom: 0!important;
}
.sides .side {
  margin-top: 44px;
}
.sides .side-intro {
  max-width: none;
  text-wrap: balance;
}
.sides .side-intro::before {
  display: none;
}
.sides .wfs {
  margin-top: 22px;
}
.side-a .wf-art {
  min-height: 208px;
  padding: 22px 20px;
}
.side-a .wf h3 {
  padding-top: 20px;
}
.side-a .wf .wf-note {
  margin-bottom: 22px;
}
.side-b .wf-art {
  padding: 16px 14px;
}
@media (max-width:980px) {
  .sides .side {
    margin-top: 32px;
  }
  .sub-col {
    gap: 16px;
  }
}
@media (max-width:760px) {
  .sides .side-intro {
    text-wrap: pretty;
  }
}
@media (max-width:980px) {
  .plan-steps .tl-dot {
    flex: none;
    width: 48px;
    height: 48px;
  }
  .plan-steps .tl-rail {
    left: var(--rl,23px);
    top: var(--rt,24px);
    bottom: auto;
    height: var(--rh,calc(100% - 48px));
  }
}
.pb-dot {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  color: var(--rust);
  box-shadow: inset 0 0 0 1.5px rgba(17,26,51,.16),0 6px 16px -8px rgba(17,26,51,.4);
  transition: background .5s,color .5s,box-shadow .5s;
}
.built {
  background: var(--mist);
  color: var(--ink);
  --mut: var(--slate);
  min-height: 0;
  display: block;
  padding-block: clamp(80px,10vw,140px)!important;
}
.built .num {
  color: var(--rust);
}
.built-b {
  display: grid!important;
  grid-template-columns: minmax(0,5fr) minmax(0,6fr);
  gap: clamp(40px,6vw,96px);
  align-items: center;
}
.built-b .built-p p:last-child {
  color: var(--ink);
}
.bb-art {
  position: relative;
  min-width: 0;
}
.bb-photo {
  position: relative;
  aspect-ratio: 6/5;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 40px 80px -40px rgba(17,26,51,.6);
}
.bb-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 62% 40%;
  display: block;
  filter: grayscale(1) contrast(1.05);
}
.bb-photo::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(160deg,rgba(14,21,48,.35),rgba(14,21,48,.85)),radial-gradient(ellipse 60% 50% at 0 100%,rgba(183,65,14,.55),rgba(183,65,14,0) 70%);
  mix-blend-mode: multiply;
}
.bb-chip {
  position: absolute;
  left: -28px;
  bottom: 36px;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px 12px 12px;
  border-radius: 16px;
  background: #fff;
  color: var(--ink);
  box-shadow: 0 0 0 1px rgba(17,26,51,.08),0 24px 50px -20px rgba(17,26,51,.5);
}
.bb-chip img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
}
.bb-chip b {
  display: block;
  font-size: 14px;
}
.bb-chip small {
  display: block;
  font-size: 12px;
  color: var(--slate);
}
.bb-ck {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--rust);
  color: #fff;
  margin-left: 6px;
}
.bb-chip2 {
  left: auto;
  right: -20px;
  bottom: auto;
  top: 32px;
  padding: 12px 16px;
}
.bb-chip2 .dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--rust);
  box-shadow: 0 0 0 4px rgba(183,65,14,.14);
}
@media (prefers-reduced-motion:no-preference) {
  .built-b .bb-chip {
    transition: opacity .6s var(--ease) .5s,transform .8s var(--ease) .5s;
  }
  .built-b .bb-chip2 {
    transition-delay: .8s;
  }
  .built:not(.seen) .built-b .bb-chip {
    opacity: 0;
    transform: translateY(16px);
  }
}
@media (max-width:900px) {
  .built-b {
    grid-template-columns: 1fr;
  }
  .bb-chip {
    left: 12px;
    bottom: 16px;
  }
  .bb-chip2 {
    left: auto;
    bottom: auto;
    right: 12px;
    top: 16px;
  }
}
@media (max-width:760px) {
  .built .in.built-b {
    margin-top: 0;
  }
}
.sk-core-b {
  fill: #0B1226;
}
@media (max-width:820px) {
  .sk-phone-art {
    display: block!important;
    width: 100%;
    max-width: 420px;
    margin: 0 auto;
  }
  .sk-phone-art svg {
    width: 100%;
    height: auto;
    display: block;
    overflow: visible;
  }
  .skp-head {
    font: 700 9.5px var(--display);
    letter-spacing: .14em;
    text-transform: uppercase;
    fill: var(--haze);
  }
  .skp-name {
    font: 600 12.5px var(--display);
    fill: #C9CEDA;
  }
  .skp-line {
    fill: none;
    stroke: rgba(255,255,255,.16);
    stroke-width: 1.3;
  }
  .skp-glow,
  .skp-light {
    fill: none;
    stroke-linecap: round;
    stroke-dasharray: .13 3;
    stroke-dashoffset: .13;
  }
  .skp-light {
    stroke: #FFE6D6;
    stroke-width: 1.6;
  }
  .skp-glow {
    stroke: #F08A5D;
    stroke-width: 5;
    opacity: .35;
    filter: blur(2px);
  }
  .skp-flash {
    opacity: 0;
  }
  @media (prefers-reduced-motion:no-preference) {
    .skp-glow,
    .skp-light {
      animation: skp-run 3.6s linear infinite;
    }
    .skp-flash {
      animation: skp-flash 3.6s linear infinite;
    }
    @keyframes skp-run {
      0% { stroke-dashoffset:.13 }
      100%,60% { stroke-dashoffset:-1 }
    }
    @keyframes skp-flash {
      0% { opacity:1 }
      100%,22% { opacity:0 }
    }
  }
}
@media (max-width:900px) {
  .faq-cols .faq-side {
    display: contents;
  }
  .faq-cols .faqs {
    order: 1;
    margin-top: 8px;
  }
  .faq-cols .faq-ask {
    order: 2;
    margin-top: 28px;
  }
}
@media (min-width:561px) {
  .fb-side {
    grid-template-columns: minmax(0,.9fr) minmax(0,1fr);
  }
}
.fb-art2 {
  padding: 20px 14px;
}
.fb-art2>* {
  transform: none;
}
.fb-side .faces>* {
  flex: none;
  width: 44px;
  height: 44px;
  margin-left: -11px;
}
.fb-side .faces>:first-child {
  margin-left: 0;
}
.fb-side .g-src {
  width: 100%;
  max-width: 250px;
}
.fb-side .fb-words {
  padding: 24px 26px 24px 24px;
}
@media (max-width:560px) {
  .fb-art2 {
    padding: 24px 16px;
  }
}
.side-a .wf-art {
  min-height: 232px;
  padding: 32px 22px;
}
.side-b .wf-art {
  padding: 26px 18px;
}
.sk-a {
  display: none!important;
}
.skip-demo {
  position: absolute;
  left: 50%;
  top: -14px;
  transform: translate(-50%,-100%);
  z-index: 20;
  padding: 10px 16px;
  border-radius: 999px;
  background: #fff;
  color: var(--ink);
  font-weight: 600;
  font-size: 14px;
  text-decoration: none;
  opacity: 0;
  pointer-events: none;
}
.skip-demo:focus-visible {
  opacity: 1;
  pointer-events: auto;
  outline: 2px solid var(--ember);
  outline-offset: 2px;
}
.built :focus-visible {
  outline-color: var(--rust)!important;
}
@media (max-width:560px) {
  .fb-main .fb-words,
  .fb-side .fb-words {
    padding: 24px;
  }
}
.sub .pick {
  all: unset;
  font-weight: 600;
  color: var(--fg);
}
.built-b h2 .bb-l {
  display: block;
}
.mini,
.mini * {
  cursor: default;
}
.foot-in h4 {
  font-size: 12px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--haze);
  margin-bottom: 14px;
}
h2 .l1 {
  display: block;
}
.prow.sum span {
  white-space: nowrap;
}
@media (max-width:760px) {
  .bkw input[type=email],
  .bkw input[type=text] {
    font-size: 16px;
  }
}
.bkw input {
  scroll-margin-top: 150px;
}
body:not([data-side=brands]) .for-br,
body[data-side=brands] .for-ag {
  display: none!important;
}
@keyframes sidein {
  from { opacity:0 }
}
body.side-swap :is(.ops,.faq) :is(.for-ag,.for-br) {
  animation: sidein .45s var(--ease);
}
@media (prefers-reduced-motion:reduce) {
  body.side-swap :is(.for-ag,.for-br) {
    animation: none;
  }
}
.sr {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
.stick-bar .links {
  margin-left: auto;
}
.stick-bar .brand {
  flex: none;
}
.side-a .side-intro {
  max-width: none;
  font-weight: 500;
  color: var(--slate);
}
.side-a .side-intro b,
.side-a .side-intro span {
  display: block;
}
.side-a .side-intro b {
  font-weight: 700;
  color: var(--ink);
}
.side-next {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 14px;
  margin-top: 28px;
  font-size: 15px;
  color: var(--slate);
  text-wrap: pretty;
}
.side-next .tag {
  flex: none;
}
.side .wfs .mini-chat .bub {
  font-size: 12.5px;
}
.sides .side-b .wfs {
  display: grid;
  flex: none;
  grid-template-columns: repeat(3,minmax(0,1fr));
  grid-template-rows: auto auto 1fr auto;
  grid-auto-rows: auto;
  gap: 0 20px;
}
.sides .side-b .wf {
  display: grid;
  grid-column: auto;
  grid-row: span 4;
  grid-template-columns: none;
  grid-template-rows: subgrid;
  margin: 0;
}
.sides .side-b .wf-words {
  display: contents;
  padding: 0;
}
.sides .side-b .wf-art {
  min-height: 232px;
  padding: 32px 22px;
}
.sides .side-b .wf h3 {
  font-size: 20px;
  padding: 20px 26px 0;
}
.sides .side-b .wf p {
  font-size: 15px;
  padding: 10px 26px 0;
}
.sides .side-b .wf .wf-note {
  margin: 16px 26px 22px;
  padding: 12px 0 0;
}
@media (max-width:980px) {
  .sides .side-b .wfs {
    grid-template-columns: 1fr;
    grid-template-rows: none;
    gap: 20px;
  }
  .sides .side-b .wf {
    display: flex;
    flex-direction: column;
    grid-row: auto;
  }
  .sides .side-b .wf-art {
    min-height: 220px;
    padding: 26px 20px;
  }
}
.ch-bar i.w56 {
  width: 56%;
}
.ch-bar i.w24 {
  width: 24%;
}
.ch-bar i.w19 {
  width: 19%;
}
.ledes {
  min-width: 0;
}
.close-split .huge {
  max-width: none!important;
  font-size: clamp(40px,4.7vw,70px)!important;
}
.huge .nl {
  display: block;
}
@media (max-width:420px) {
  .huge .nl {
    display: inline;
  }
}
@media (max-width:480px) {
  .stick.past-sides .stick-in {
    gap: 10px;
  }
  .stick.past-sides .stick-bar .btn {
    padding: 0 12px;
  }
}
.stick-bar .links a {
  white-space: nowrap;
}
.sides-stage:not(.moving)>.side[hidden] {
  height: 0;
  overflow: hidden;
}
@media (min-width:981px) {
  .sides .side-b .wf-art {
    min-height: 332px;
  }
}
.fork {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 16px;
  margin-top: 36px;
}
.fork .sw-thumb {
  display: none;
}
.fork.side-switch button {
  display: flex;
  align-items: center;
  gap: 16px;
  min-height: 96px;
  padding: 20px 22px;
  border: 0;
  border-radius: 18px;
  text-align: left;
  font: inherit;
  color: var(--ink);
  background: #fff;
  box-shadow: inset 0 0 0 1px rgba(17,26,51,.12),0 1px 2px rgba(17,26,51,.04);
  cursor: pointer;
  transition: background .35s var(--ease),color .35s var(--ease),box-shadow .35s var(--ease),transform .25s var(--ease);
}
.fork.side-switch button:hover {
  box-shadow: inset 0 0 0 1px rgba(17,26,51,.28),0 14px 30px -18px rgba(17,26,51,.45);
  transform: translateY(-1px);
}
.fork.side-switch button[aria-selected=true] {
  background: var(--ink);
  color: #fff;
  box-shadow: 0 18px 40px -20px rgba(17,26,51,.75);
  transform: none;
  cursor: default;
}
.fork.side-switch button[data-pick=brands][aria-selected=true] {
  background: #2b3170;
  box-shadow: 0 18px 40px -20px rgba(43,49,112,.8);
}
.fork.side-switch button:focus-visible {
  outline: 2px solid var(--rust);
  outline-offset: 3px;
}
.fk-ic {
  flex: none;
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 14px;
  background: rgba(183,65,14,.09);
  color: var(--rust);
  transition: background .35s,color .35s;
}
.fork button[data-pick=brands] .fk-ic {
  background: rgba(91,99,168,.12);
  color: #5b63a8;
}
.fork button[aria-selected=true] .fk-ic {
  background: rgba(255,255,255,.1);
  color: var(--ember);
}
.fork button[data-pick=brands][aria-selected=true] .fk-ic {
  color: #b9beeb;
}
.fk-ic .ic {
  width: 24px;
  height: 24px;
}
.fk-w {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.fk-w b {
  font: 700 clamp(19px,1.7vw,24px)/1.2 var(--display);
  letter-spacing: -.01em;
  text-wrap: balance;
}
.fk-w small {
  font-size: 14.5px;
  line-height: 1.4;
  color: var(--slate);
  text-wrap: pretty;
  transition: color .35s;
}
.fork button[aria-selected=true] .fk-w small {
  color: #c2c9da;
}
.fk-dot {
  flex: none;
  display: grid;
  place-items: center;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  box-shadow: inset 0 0 0 1.5px rgba(17,26,51,.25);
  color: transparent;
  transition: background .35s,box-shadow .35s,color .35s;
}
.fk-dot svg {
  width: 14px;
  height: 14px;
}
.fork button[aria-selected=true] .fk-dot {
  background: var(--ember);
  box-shadow: none;
  color: var(--ink);
}
.fork button[data-pick=brands][aria-selected=true] .fk-dot {
  background: #b9beeb;
  color: #2b3170;
}
@media (max-width:760px) {
  .fork {
    grid-template-columns: 1fr;
    gap: 12px;
    margin-top: 28px;
  }
  .fork.side-switch button {
    min-height: 84px;
    padding: 16px 16px;
    gap: 14px;
  }
  .fk-ic {
    width: 42px;
    height: 42px;
    border-radius: 12px;
  }
}
@media (prefers-reduced-motion:reduce) {
  .fk-dot,
  .fk-ic,
  .fk-w small,
  .fork.side-switch button {
    transition: none;
  }
}
.sides .sub-col {
  justify-content: flex-end;
}
.sides .side {
  margin-top: 40px;
}
@media (max-width:980px) {
  .sides .side {
    margin-top: 32px;
  }
}
@media (min-width:981px) {
  .sides .side-b .wf-art,
  .sides .wf-art {
    min-height: 0;
    padding: 26px 22px;
  }
  .sides .wf-art .mini {
    min-height: 220px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
@media (min-width:981px) and (max-width:1180px) {
  .sides .side-b .wf-art,
  .sides .wf-art {
    padding: 22px 12px;
  }
  .sides .wf-art .mini {
    padding: 12px;
  }
  .sides .wf-art .mini .push {
    padding-inline: 8px;
  }
}
@media (min-width:981px) and (max-width:1060px) {
  .sides .wf-art .mini .push {
    font-size: 11px;
    padding-inline: 7px;
  }
}
@media (min-width:761px) {
  #sides .head {
    grid-template-columns: repeat(2,minmax(0,1fr));
    column-gap: 16px;
  }
}
.side-b .side-next .tag {
  background: rgba(91,99,168,.12);
  color: #3e4590;
}
#story .story-head h2 {
  max-width: none;
}
#story .story-head h2 .l1,
#story .story-head h2 .l2 {
  display: block;
}
@media (min-width:901px) {
  #story .story-head {
    margin-bottom: calc(-1 * (0px + 52px) + 40px);
  }
}
@media (max-width:760px) {
  body .hero-stack .prod-box {
    aspect-ratio: 16/10;
    border-radius: 6px;
  }
  body .hero-stack .prod-box::after,
  body .hero-stack .prod-box::before {
    border-radius: 6px;
  }
  body .hero-stack .prod-still {
    object-fit: cover;
    object-position: left top;
  }
}
.fork.side-switch button[data-pick=brands][aria-selected=true] {
  background: var(--ink);
  box-shadow: 0 18px 40px -20px rgba(17,26,51,.75);
}
.fork button[data-pick=brands][aria-selected=true] .fk-ic {
  background: rgba(185,190,235,.12);
  color: #b9beeb;
}
.fork button[data-pick=brands][aria-selected=true] .fk-dot {
  background: var(--ember);
  color: var(--ink);
}
.stick-menu {
  display: none;
}
@media (max-width:860px) {
  .stick-bar .stick-in {
    position: relative;
    gap: 10px;
  }
  .stick-bar .btn {
    margin-left: auto;
    height: 44px;
  }
  .stick-menu {
    display: grid;
    place-items: center;
    flex: none;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 10px;
    background: 0 0;
    color: #fff;
    cursor: pointer;
  }
  .stick-menu .ic {
    width: 22px;
    height: 22px;
  }
  .stick-menu:focus-visible {
    outline: 2px solid var(--ember);
    outline-offset: 2px;
  }
  .stick-bar[data-open=true] {
    background: #070b1c;
  }
  .stick-bar[data-open=true] .stick-menu {
    background: rgba(255,255,255,.08);
  }
  .stick-bar[data-open=true] .links {
    display: flex;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    flex-direction: column;
    gap: 0;
    margin: 0;
    padding: 6px clamp(16px,3vw,40px) 14px;
    background: #070b1c;
    border-bottom: 1px solid rgba(255,255,255,.1);
    font-size: 16px;
  }
  .stick-bar[data-open=true] .links a {
    display: flex;
    align-items: center;
    min-height: 48px;
    border-bottom: 1px solid rgba(255,255,255,.07);
  }
  .stick-bar[data-open=true] .links a:last-child {
    border-bottom: 0;
  }
}
#ops .head {
  display: block;
}
#ops .head h2 {
  max-width: none;
}
#ops .head .sub {
  margin-top: 16px;
  padding-bottom: 0;
  max-width: 58ch;
}
@media (max-width:560px) {
  #ops .q4 {
    display: block;
  }
}
@media (max-width:400px) {
  #proof .head h2 {
    font-size: min(32px,calc((100vw - 32px) * .09));
  }
}
.hero-stack h1 {
  container-type: inline-size;
  --s2: 9.68;
  --s4: 5.92;
}
.hero-stack h1 .hl {
  display: block;
  white-space: nowrap;
  font-size: min(1em,calc(100cqi / var(--s2)));
}
.hero h1 em,
.hero-stack h1 .hh {
  white-space: nowrap;
}
@container (width < 8.4em) {
  .hero-stack h1 .hl {
    white-space: normal;
    font-size: min(1em,calc(100cqi / var(--s4)));
  }
  .hero-stack h1 .hl em {
    white-space: normal;
  }
}
.ln {
  display: block;
  text-wrap: balance;
}
@media (min-width:761px) {
  .hero-hold.on .hero-stack {
    position: sticky;
    z-index: 1;
    top: var(--hold-top,0);
  }
  .hero-hold.on .hold-sp {
    height: clamp(160px,24vh,240px);
  }
}
#ops li,
.fa-h,
.fa-p,
.faq summary,
.fk-w small,
.hero-stack .lede,
.more,
.side-intro,
.side-next,
.st-cap,
.sub,
.tl-card p,
.wf-note {
  text-wrap: balance;
}
#stack .head .sub {
  text-wrap: pretty;
}
.hero-stack .hero-row .lede {
  text-wrap: balance;
}
[data-is="0"] {
  --i: 0!important;
}
[data-is="1"] {
  --i: 1!important;
}
[data-is="2"] {
  --i: 2!important;
}
[data-is="3"] {
  --i: 3!important;
}
[data-is="4"] {
  --i: 4!important;
}
[data-is="5"] {
  --i: 5!important;
}
[data-is="6"] {
  --i: 6!important;
}
[data-is="7"] {
  --i: 7!important;
}
[data-is="8"] {
  --i: 8!important;
}
[data-is="9"] {
  --i: 9!important;
}
[data-is="10"] {
  --w: 0.98!important;
}
[data-is="11"] {
  --w: 1.00!important;
}
[data-is="12"] {
  --w: 0.96!important;
}
[data-is="13"] {
  animation-delay: 0s!important;
}
[data-is="14"] {
  animation-delay: 1.8s!important;
}
[data-is="15"] {
  animation-delay: .16s!important;
}
[data-is="16"] {
  animation-delay: .45s!important;
}
[data-is="17"] {
  animation-delay: .75s!important;
}
[data-is="18"] {
  animation-delay: 1.04s!important;
}
[data-is="19"] {
  animation-delay: 1.33s!important;
}
[data-is="20"] {
  animation-delay: 1.62s!important;
}
[data-is="21"] {
  animation-delay: 1.96s!important;
}
[data-is="22"] {
  animation-delay: 2.25s!important;
}
[data-is="23"] {
  animation-delay: 2.55s!important;
}
[data-is="24"] {
  animation-delay: 2.84s!important;
}
[data-is="25"] {
  animation-delay: 3.13s!important;
}
[data-is="26"] {
  animation-delay: 3.42s!important;
}
.bk-cal iframe {
  display: block;
  width: 100%;
  height: min(700px,72vh);
  border: 0;
  border-radius: 14px;
  background: #fff;
}
.bkw[data-step=times] .bkw-foot {
  margin-top: 14px;
}
.bkw-done[data-pane=mail] .bkw-sub {
  text-wrap: balance;
}
[data-mail-addr] {
  color: #fff;
  font-weight: 600;
  text-decoration: none;
}
[data-mail-addr]:hover {
  color: var(--ember);
}
.prod-box>picture,
.bb-photo>picture {
  display: contents;
}