.so-turn{position:relative;overflow:hidden;
   background:radial-gradient(58% 44% at 83% 15%,rgba(25,92,255,.12),transparent 60%),
     radial-gradient(54% 44% at 12% 62%,rgba(25,92,255,.12),transparent 62%),
     linear-gradient(180deg,#fff 0%,var(--cream) 100%)}
.so-turn .m-open .hl{color:var(--blue)}

.so-wk{background:radial-gradient(120% 80% at 50% 0%,#fff,var(--cream) 62%);padding-bottom:64px}
.so-wk .u-section__head{margin-bottom:var(--sp-8)}

.so-wk .scar{background:#fff}

.wk-stage{position:relative;max-width:720px;margin:0 auto}
.wk-ghost{position:absolute;inset:0;z-index:0;border-radius:var(--r-md);
   background:#fff;border:1px solid var(--panel);box-shadow:var(--sh-rest)}

.wk-ghost--1{transform:translateY(12px) scaleX(.968);opacity:.82}
.wk-ghost--2{transform:translateY(24px) scaleX(.936);opacity:.55;background:var(--cream)}

.wk-sheet{position:relative;z-index:1;background:#fff;
   border:1px solid var(--panel);border-radius:var(--r-md);
   box-shadow:var(--sh-rest);overflow:clip}

.wk-ask{display:flex;flex-direction:column;gap:8px;
   padding:var(--sp-card) var(--sp-card) var(--sp-6)}
.wk-ask-q{font-size:var(--fs-title);font-weight:var(--fw-bold);color:var(--dark)}

.wk-ask-f{display:flex;align-items:center;height:48px;padding-inline:16px;
   border:1.5px dashed var(--panel);border-radius:var(--r-md);background:var(--cream)}

.wk-cursor{width:2px;height:20px;border-radius:var(--r-xs);background:var(--blue);
   animation:wk-caret 1.2s steps(1) infinite}
.wk-ask-n{font-size:var(--fs-eyebrow);font-weight:var(--fw-body);color:var(--tx-muted)}

.wk-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
   padding:12px var(--sp-card);background:var(--cream);
   border-top:1px solid var(--panel);border-bottom:1px solid var(--panel);
   font-size:var(--fs-eyebrow);font-weight:var(--fw-body);color:var(--tx-muted)}
.wk-bar b{font-weight:var(--fw-bold);color:var(--dark)}

.wk-list{position:relative;list-style:none;margin:0;padding:0}

.wk-list::before{content:"";position:absolute;top:0;bottom:0;
   inset-inline-start:calc(var(--sp-card) + 72px);width:1px;
   background:rgba(252,61,67,.22)}
.wk-row{display:grid;grid-template-columns:72px 1fr;align-items:baseline;
   column-gap:24px;padding:20px var(--sp-card);border-bottom:1px solid var(--panel)}
.wk-row:last-child{border-bottom:0}

.wk-dc{display:inline-flex;align-items:center;gap:8px}
.wk-d{font-size:var(--fs-title);font-weight:var(--fw-black);
   letter-spacing:0;color:var(--muted)}
.wk-row p{margin:0;font-size:var(--fs-body);font-weight:var(--fw-body);
   line-height:var(--lh-body);color:var(--tx-ink)}
.wk-row b{font-weight:var(--fw-bold);color:var(--dark)}

.wk-row--key{background:var(--cream)}

.wk-v{display:inline-flex;align-items:center;justify-content:center;flex:none;
   width:24px;height:24px;border-radius:var(--r-pill);
   background:rgba(25,92,255,.12);color:var(--blue)}
.wk-v svg{width:12px;height:12px;fill:currentColor}

.wk-note{padding:var(--sp-6) var(--sp-card);background:var(--cream);
   border-top:1px solid var(--panel)}
.wk-note p{margin:0;font-size:var(--fs-body);font-weight:var(--fw-body);
   line-height:var(--lh-body);color:var(--tx-ink)}
.wk-note b{font-weight:var(--fw-bold);color:var(--dark)}

.wk-not{margin:56px 0 0;text-align:center}
.wk-punch{max-width:44ch;margin:var(--sp-8) auto 0;text-align:center;
   font-size:var(--fs-title);font-weight:var(--fw-body);
   line-height:var(--lh-body);color:var(--tx-ink);text-wrap:balance}

.wk-fin{max-width:30ch;margin:var(--sp-6) auto 0;text-align:center;
   font-size:var(--fs-feature);font-weight:var(--fw-bold);
   line-height:var(--lh-card);letter-spacing:var(--ls-tight);color:#000;text-wrap:balance}

@keyframes wk-caret{0%,72%{opacity:1}73%,100%{opacity:.22}}

@media(max-width:640px){

  .wk-ghost{display:none}
  .wk-ask{padding:var(--sp-6) 16px var(--sp-4)}
  .wk-ask-f{height:40px;padding-inline:12px}
  .wk-bar{padding:12px 16px}

  .wk-row{grid-template-columns:48px 1fr;column-gap:12px;padding:16px}
  .wk-dc{gap:8px}
  .wk-d{font-size:var(--fs-body)}
  .wk-v{width:18px;height:18px}
  .wk-v svg{width:10px;height:10px}
  .wk-list::before{inset-inline-start:64px}
  .wk-note{padding:var(--sp-4) 16px}
  .wk-not{margin-top:var(--sp-8)}

  .wk-punch br{display:none}
}

@media(prefers-reduced-motion:reduce){
  .wk-cursor{animation:none}
}

.so-proof{background:#fff;padding-top:96px}

.so-proof{padding-bottom:64px}

.so-ask{padding-top:64px;padding-bottom:64px}
.so-faq{padding-top:64px;background:var(--cream)}

.so-vids{padding-block:64px}
.so-vids .ch-vid-in{max-width:var(--container)}
.so-vids .ch-vid-grid{display:grid;grid-template-columns:repeat(24,1fr);
   gap:var(--sp-grid);margin:0;padding:0;list-style:none}
.so-vids .ch-vid-grid + .ch-vid-grid{margin-top:var(--sp-8)}

.so-vids .ch-vid-grid > .ch-vid-card,
.so-vids .ch-vid-grid > .ch-vid-card:nth-child(4),
.so-vids .ch-vid-grid > .ch-vid-card:nth-child(5){margin:0;grid-column:span 6}

.so-vids .ch-vid-grid--port > .ch-vid-card:nth-child(5){grid-column:4 / span 6}

.so-vids .ch-vid-grid:not(.ch-vid-grid--port) > .ch-vid-card,
.so-vids .ch-vid-grid:not(.ch-vid-grid--port) > .ch-vid-card:nth-child(4),
.so-vids .ch-vid-grid:not(.ch-vid-grid--port) > .ch-vid-card:nth-child(5){grid-column:span 8}
.so-vids .ch-vid-grid:not(.ch-vid-grid--port) > .ch-vid-card:nth-child(4){grid-column:5 / span 8}

.so-vids .ch-vid-embed{background:var(--panel);overflow:hidden}
.so-vids .ch-vid-embed > img{display:block;width:100%;height:100%;object-fit:cover}

.so-vids .vw-more{display:none}
@media(max-width:640px){

}

@media(max-width:900px){
  .so-vids .ch-vid-grid{grid-template-columns:repeat(2,1fr)}
  .so-vids .ch-vid-grid > .ch-vid-card,
  .so-vids .ch-vid-grid > .ch-vid-card:nth-child(4),
  .so-vids .ch-vid-grid > .ch-vid-card:nth-child(5),
  .so-vids .ch-vid-grid:not(.ch-vid-grid--port) > .ch-vid-card,
  .so-vids .ch-vid-grid:not(.ch-vid-grid--port) > .ch-vid-card:nth-child(4),
  .so-vids .ch-vid-grid:not(.ch-vid-grid--port) > .ch-vid-card:nth-child(5){grid-column:auto}
  .so-vids .ch-vid-grid:not(.ch-vid-grid--port){grid-template-columns:1fr}
}
@media(max-width:640px){
  .so-vids .ch-vid-grid{grid-template-columns:1fr}
  .so-vids .ch-vid-grid > .ch-vid-card,
  .so-vids .ch-vid-grid > .ch-vid-card:nth-child(4),
  .so-vids .ch-vid-grid > .ch-vid-card:nth-child(5),
  .so-vids .ch-vid-grid:not(.ch-vid-grid--port) > .ch-vid-card,
  .so-vids .ch-vid-grid:not(.ch-vid-grid--port) > .ch-vid-card:nth-child(4),
  .so-vids .ch-vid-grid:not(.ch-vid-grid--port) > .ch-vid-card:nth-child(5){grid-column:auto}
}

.so-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:100svh;
  background:var(--dark);

  --figx:31%;
  display:grid;
  grid-template-columns:52% 48%;
  align-items:center;
  text-align:right;
  padding:0;
}

.so-hero .soh-stage{
  grid-column:1 / -1;
  grid-row:1;
  position:relative;
  align-self:stretch;
  overflow:hidden;
  z-index:1;
}

.so-hero .soh-wall{
  position:absolute;
  inset:0;
  z-index:1;
  overflow:hidden;
  -webkit-mask-image:radial-gradient(96% 94% at 50% 32%,#000 0%,#000 52%,transparent 100%);
  mask-image:radial-gradient(96% 94% at 50% 32%,#000 0%,#000 52%,transparent 100%);
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
}

.so-hero .soh-wall::after{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:30%;
  z-index:3;
  pointer-events:none;
  background:linear-gradient(180deg,var(--dark),rgba(11,15,30,.70) 40%,rgba(11,15,30,0));
}

.so-hero .soh-wall::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:radial-gradient(34% 64% at 31% 50%,rgba(11,15,30,.92) 0%,rgba(11,15,30,.70) 42%,rgba(11,15,30,.22) 76%,rgba(11,15,30,0) 100%);
}

.so-hero .soh-wall-in{
  position:absolute;
  z-index:1;
  top:-16%;
  bottom:-16%;
  left:-8%;
  right:22%;
  direction:ltr;
  display:flex;
  justify-content:flex-start;
  gap:16px;
  transform:rotate(-6deg);
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 10%,#000 44%,rgba(0,0,0,0.35) 58%,rgba(0,0,0,0.12) 68%,transparent 78%);
  mask-image:linear-gradient(90deg,transparent 0%,#000 10%,#000 44%,rgba(0,0,0,0.35) 58%,rgba(0,0,0,0.12) 68%,transparent 78%);
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
}
.so-hero .soh-col{
  flex:none;
  width:clamp(150px,12.5vw,230px);
  display:flex;
  flex-direction:column;
  gap:16px;
}
.so-hero .soh-col span{
  display:block;
  flex:none;
  width:100%;
  aspect-ratio:9/16;
  border-radius:var(--r-md);
  background-size:cover;
  background-position:center 30%;
}

.so-hero .soh-col--1{margin-top:-72px}
.so-hero .soh-col--2{margin-top:32px}
.so-hero .soh-col--3{margin-top:-40px}
.so-hero .soh-col--4{margin-top:56px}
.so-hero .soh-col--5{margin-top:-24px}
.so-hero .soh-col--6{margin-top:40px}

.so-hero .soh-col--1 span{filter:brightness(.74) saturate(1)}
.so-hero .soh-col--2 span{filter:brightness(.68) saturate(.98) blur(.3px)}
.so-hero .soh-col--3 span{filter:brightness(.50) saturate(.9) blur(.9px)}
.so-hero .soh-col--4 span{filter:brightness(.44) saturate(.88) blur(1.4px)}
.so-hero .soh-col--5 span{filter:brightness(.42) saturate(.86) blur(1.8px)}
.so-hero .soh-col--6 span{filter:brightness(.34) saturate(.82) blur(2.6px)}

.so-hero .soh-key{
  position:absolute;
  z-index:2;
  width:76%;
  aspect-ratio:1;
  left:var(--figx);
  top:-4%;
  transform:translateX(-50%);
  border-radius:50%;
  filter:blur(80px);
  pointer-events:none;
  background:radial-gradient(closest-side,rgba(25,92,255,.35),rgba(25,92,255,.12) 50%,transparent 72%);
}

.so-hero .soh-fig{
  --face:62.3%;
  position:absolute;
  z-index:3;
  bottom:0;
  left:var(--figx);
  transform:translateX(calc(var(--face) * -1));
  height:78%;
  width:auto;
  max-width:none;
  -webkit-mask-image:linear-gradient(180deg,#000 78%,transparent 100%);
  mask-image:linear-gradient(180deg,#000 78%,transparent 100%);
  filter:drop-shadow(0 0 72px rgba(11,15,30,.92)) drop-shadow(0 24px 56px rgba(11,15,30,.70)) contrast(1.04) brightness(1.02);
}
.so-hero .soh-floor{
  position:absolute;
  z-index:4;
  left:0;
  right:0;
  bottom:0;
  height:26%;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(11,15,30,0),rgba(11,15,30,.55) 46%,var(--dark) 94%);
}
.so-hero .soh-grain{
  position:absolute;
  inset:0;
  z-index:5;
  pointer-events:none;
  opacity:.35;
  mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E");
}

.so-hero .inner{
  grid-column:1 / -1;
  grid-row:1;
  position:relative;
  z-index:7;
  align-self:stretch;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  padding-block:clamp(120px,20vh,208px) 120px;
  padding-inline:max(16px,calc((100% - var(--container-content)) / 2));
}

.so-hero h1{
  width:max-content;
  max-width:100%;
  margin:0;
  font-weight:var(--fw-bold);
  font-size:var(--fs-h2);
  line-height:1.06;
  letter-spacing:var(--ls-tight);
  color:#fff;
  text-wrap:wrap;

  text-shadow:none;
}
.so-hero h1 .hl{color:var(--blue-soft)}

.so-hero .sub{
  max-width:40ch;
  margin:24px 0 0;
  text-wrap:wrap;
  text-align:right;
  color:var(--tx-on-photo);
  text-shadow:none;
}
.so-hero .cta{
  justify-content:flex-start;
  margin-top:40px;
}

.so-hero .chev{
  position:absolute;
  z-index:8;
  left:50%;
  transform:translateX(-50%);
  bottom:72px;
  display:block;
  line-height:0;
}
.so-hero .chev svg{
  width:24px;
  height:24px;
  stroke:rgba(255,255,255,.55);
  stroke-width:2;
  fill:none;
  stroke-linecap:round;
  stroke-linejoin:round;
  animation:lha-bob 1.9s ease-in-out infinite;
}
.so-hero .chev:hover svg{stroke:#fff}

@keyframes lha-bob{0%,100%{transform:translateY(0);opacity:.55}50%{transform:translateY(6px);opacity:1}}

@media(max-width:1100px){
  .so-hero .inner{padding-inline:max(16px,calc((100% - var(--container-content)) / 2))}
}

@media(max-width:900px){
  .so-hero{
    --figx:50%;
    grid-template-columns:100%;
    min-height:0;
    align-items:start;
    padding-bottom:0;
    text-align:center;
  }
  .so-hero .inner{
    grid-column:1;
    grid-row:1;
    align-self:auto;
    align-items:center;
    width:100%;
    max-width:600px;
    margin-inline:auto;
    padding-block:96px 48px;
    padding-inline:24px;
    text-align:center;
  }
  .so-hero h1{
    width:auto;
    max-width:14ch;
    margin-inline:auto;
    text-align:center;
  }

  .so-hero h1 br{display:inline}
  .so-hero .sub{max-width:32ch;margin:20px auto 0;text-align:center}
  .so-hero .cta{justify-content:center;margin-top:32px}

  .so-hero .soh-stage{
    grid-column:1 / -1;
    grid-row:2;
    height:min(56vh,460px);
  }
  .so-hero .soh-wall{
    -webkit-mask-image:radial-gradient(118% 100% at 50% 34%,#000 0%,#000 44%,transparent 100%);
    mask-image:radial-gradient(118% 100% at 50% 34%,#000 0%,#000 44%,transparent 100%);
  }

  .so-hero .soh-wall::after{display:block;height:22%}
  .so-hero .soh-wall-in{
    top:-20%;
    bottom:-12%;
    left:-14%;
    right:-14%;
    transform:rotate(-5deg);
    -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 52%,transparent 92%);
    mask-image:linear-gradient(180deg,#000 0%,#000 52%,transparent 92%);
  }
  .so-hero .soh-col{width:108px}
  .so-hero .soh-key{width:132%;top:-16%}
  .so-hero .soh-fig{height:96%}
  .so-hero .soh-floor{height:34%;background:linear-gradient(180deg,rgba(11,15,30,0),rgba(11,15,30,.55) 40%,var(--dark) 92%)}
  .so-hero .chev{bottom:20px}

  .so-proof{padding-block-end:var(--sp-8)}
  .so-vids{padding-block-start:var(--sp-8)}
}
@media(max-width:400px){
  .so-hero .inner{padding-inline:20px}
  .so-hero .soh-col{width:92px}
}

@media(prefers-reduced-motion:reduce){
  .so-hero .chev svg,.so-rec i,.so-badge--live i,.so-swipe i{animation:none}
}