

.wbn-bar{position:fixed;top:8px;left:0;right:0;margin:0;
   translate:0 -84px;opacity:0;visibility:hidden;
   transition:translate .35s var(--ease),opacity .3s ease,visibility 0s .35s}
.wbn-bar.on{translate:0 0;opacity:1;visibility:visible;transition-delay:0s}
@media(prefers-reduced-motion:reduce){.wbn-bar{transition:none}}
.wbn-bar .navcap{gap:var(--sp-4)}
.wbn-bar-meta{margin:0 auto;font-size:var(--fs-eyebrow);font-weight:var(--fw-body);
   color:var(--tx-ink);text-align:center;line-height:var(--lh-card)}
.wbn-bar-meta b{font-weight:var(--fw-bold);color:var(--dark)}
.wbn-bar-meta .mob{display:none}

.wbn-bar .navcap{background:rgba(255,255,255,0.92)}

.wbn-bar .end{display:inline-flex;align-items:center;justify-content:center;min-height:44px}
@media(max-width:374px){

  .wbn-bar .wbn-bar-meta{font-size:var(--fs-tag)}
}
@media(max-width:760px){

  .wbn-bar .logo{display:none}

  .wbn-bar-meta{font-size:var(--fs-eyebrow)}
  .wbn-bar-meta .pre,.wbn-bar-meta .dsk{display:none}
  .wbn-bar-meta .mob{display:inline;white-space:nowrap}
  .wbn-bar .navcap{justify-content:space-between}
  .wbn-bar .end{padding:12px 16px}
}

.wbn-toplabel{justify-content:center;margin-bottom:var(--sp-6);font-size:var(--fs-eyebrow)}

.wbn-hero .wbn-toplabel{font-size:var(--fs-body);padding:var(--sp-3) var(--sp-6);gap:var(--sp-2)}
.wbn-hero .wbn-toplabel i{width:8px;height:8px}

@media(max-width:640px){
  .wbn-toplabel{gap:0;text-align:center;line-height:var(--lh-card)}
  .wbn-toplabel i{display:none}
}

.wbn-hero{height:auto;min-height:0;padding-bottom:var(--sp-12)}
@media(min-width:901px){

  .wbn-hero .masthead{transform:none;margin:max(72px,7vh) auto 0}
}

.wbn-hero .masthead{width:min(92vw,940px);position:relative;z-index:2;left:0;top:0}

.wbn-h1{max-width:26ch;margin-inline:auto;text-align:center;text-wrap:balance;
   font-size:var(--fs-h2);font-weight:var(--fw-black)}

.wbn-hero .masthead{--wh:clamp(38px, 5.4vw, 76px)}
.wbn-hero .wbn-h1{max-width:none;font-size:var(--wh);line-height:var(--lh-tight)}
.wbn-hero .wbn-l{display:block}

.wbn-hero .sub{align-self:center;margin-top:var(--sp-3)}
.wbn-hero .sub .hr{display:none}
.wbn-hero .sub .t{font-family:var(--font);font-size:var(--fs-title);font-weight:var(--fw-bold);letter-spacing:0}

.wbn-desc{align-self:center;max-width:min(44ch,86vw);margin:var(--sp-4) auto 0;text-align:center;
   font-size:var(--fs-title)}

.wbn-hero .masthead .sub{white-space:normal;align-self:center;max-width:min(56ch,90vw)}
.wbn-hero .masthead .sub .hr{display:none}
.wbn-hero .masthead .sub .t{white-space:normal;text-wrap:balance;font-size:var(--fs-title)}

.wbn-phones .fr{border-radius:26px}
.wbn-phones .p1{top:14%;left:5%;width:128px;height:232px;--t:10s;--r:-3deg;filter:blur(.6px)}
.wbn-phones .p2{top:52%;left:10%;width:96px;height:170px;--t:12s;--d:.7s;--r:2.5deg;filter:blur(2px)}
.wbn-phones .p3{top:16%;right:5.5%;width:140px;height:250px;--t:9.5s;--d:.4s;--r:2deg;filter:blur(.8px)}
.wbn-phones .p4{top:56%;right:11%;width:104px;height:184px;--t:11s;--d:1.2s;--r:-2.5deg;filter:blur(2.2px)}
@media(max-width:900px){

  .wbn-phones .p2,.wbn-phones .p4{display:none}
  .wbn-phones .p1{top:5%;left:-44px;width:96px;height:172px;filter:blur(1.4px);opacity:.55}
  .wbn-phones .p3{top:3%;right:-40px;width:104px;height:186px;filter:blur(1.1px);opacity:0.55}
}

@media(min-width:901px){
  .wbn-phones .p1{filter:blur(1.6px);opacity:.55}
  .wbn-phones .p3{filter:blur(1.8px);opacity:.55}
}
.wbn-phones .bar.red::after{background:var(--blue-soft)}

.wbn-dockwrap{margin:var(--sp-8) auto 0;position:relative;z-index:3;
   display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);
   width:min(92vw,760px);scroll-margin-top:96px}

.wbn-dock{display:flex;flex-direction:column;gap:var(--sp-6);
   width:100%;padding:var(--sp-card)}

.wbn-when{margin:0;display:flex;align-items:center;justify-content:center;gap:var(--sp-3);
   color:var(--tx-ink);line-height:var(--lh-tight)}
.wbn-when .dy{font-size:var(--fs-body);font-weight:var(--fw-bold)}

.wbn-when .dt{font-family:var(--font-label);font-weight:var(--fw-black);font-size:var(--fs-title);
   color:var(--dark);direction:ltr/*latin*/}
.wbn-when .tm{display:inline-flex;align-items:center;gap:var(--sp-2)}
.wbn-when .sep{width:1px;height:16px;background:var(--hairline);flex:none}

.wbn-dock .wbn-form{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--sp-3) var(--sp-2);width:100%}

.wbn-dock .wbn-err{order:1}
.wbn-dock .u-btn{order:2}
.wbn-agree{order:3}

.wbn-dock .u-btn{grid-column:1/-1;justify-content:center;white-space:nowrap;height:64px;padding-block:0;font-size:var(--fs-btn)}

.wbn-agree{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-start;gap:var(--sp-2);
   cursor:pointer;font-size:var(--fs-eyebrow);font-weight:var(--fw-body);
   color:var(--tx-ink);line-height:var(--lh-body);padding-block:12px;margin-block:calc(var(--sp-4) - 12px) -12px}
.wbn-agree input{position:absolute;opacity:0;width:0;height:0}
.wbn-agree .box{flex:none;width:18px;height:18px;border-radius:var(--r-xs);
   border:1.5px solid var(--hairline);background:#fff;display:grid;place-items:center;transition:.15s}
.wbn-agree .box svg{width:11px;height:11px;fill:none;stroke:#fff;stroke-width:3;
   stroke-linecap:round;stroke-linejoin:round;opacity:0}
.wbn-agree input:checked + .box{background:var(--blue);border-color:var(--blue)}
.wbn-agree input:checked + .box svg{opacity:1}
.wbn-agree input:focus-visible + .box{box-shadow:var(--focus-ring)}

.wbn-agree.is-error .box{border-color:var(--red);box-shadow:0 0 0 3px rgba(252,61,67,0.22)}
.wbn-agree.is-error .txt{color:var(--red)}

.wbn-err{grid-column:1/-1;margin:0;font-size:var(--fs-eyebrow);font-weight:var(--fw-bold);
   color:var(--red);text-align:center}

.wbn-proof{display:flex;align-items:center;justify-content:center;gap:var(--sp-4);
   padding-top:var(--sp-4);border-top:1px solid var(--hairline)}
.wbn-proof .avs{height:44px;width:auto;flex:none}
.wbn-proof p{margin:0;line-height:var(--lh-card)}

.wbn-proof .acc{font-weight:var(--fw-bold);font-size:var(--fs-body);color:var(--dark)}
.wbn-proof .quiet{font-weight:var(--fw-body);font-size:var(--fs-body);color:var(--tx-muted)}
@media(max-width:640px){
  .wbn-proof{flex-direction:column;gap:var(--sp-2);text-align:center}
}

@media(max-width:900px){

  .wbn-dock{padding:var(--sp-6);gap:var(--sp-4)}
  .wbn-dockwrap{margin-top:var(--sp-6)}
  .wbn-desc{margin-top:var(--sp-4)}

  .wbn-hero .masthead{margin-top:64px}
  .wbn-dock .wbn-form{grid-template-columns:1fr}


  .wbn-agree{display:block;max-width:36ch;margin-inline:0;text-align:start}
  .wbn-agree .box{display:inline-grid;vertical-align:-3px;margin-inline-end:var(--sp-2)}
}

.wbn-agenda{background:var(--cream)}

.wbn-secta{display:flex;justify-content:center;margin-top:var(--sp-12)}

.wbn-thanks{font-size:var(--fs-title);font-weight:var(--fw-bold);
   line-height:var(--lh-body);color:var(--dark);text-align:center;margin:0;
   padding:var(--sp-4) 0;grid-column:1/-1}

.wbn-tst{padding-block-end:var(--sp-sec)}

.wbn-mosaic::after{content:"";position:absolute;left:0;right:0;bottom:0;height:140px;
   pointer-events:none;background:linear-gradient(180deg,transparent,#fff)}
.wbn-bts .wbn-secta{position:relative;z-index:2}

.wbn-close{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff 0%,#F3F6FF 62%)}
.wbn-close .u-section__head,.wbn-close .wbn-dockwrap{position:relative;z-index:2}
.wbn-close .wbn-dockwrap{margin-top:var(--sp-8);scroll-margin-top:96px}

.wbn-agree .txt a{color:inherit;text-decoration:underline;text-underline-offset:3px;
  text-decoration-thickness:1.5px}
.wbn-agree .txt a:hover{opacity:0.7}
.wbn-agree .txt a:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--r-xs)}

.fit-grid--solo{grid-template-columns:minmax(0,1fr);max-width:var(--container-content);margin-inline:auto}
.fit-note{max-width:var(--reading);margin:var(--sp-6) auto 0;text-align:center;
   font-size:var(--fs-body);line-height:var(--lh-body);color:var(--tx-muted)}

.wbn-free{position:relative;display:inline-block;color:#fff;
   font-size:.60em;
   translate:0 -.1em;
   rotate:-2deg;
   padding:0 .38em .1em;z-index:0}

.wbn-free::before{content:"";position:absolute;inset:.04em -.06em .02em;z-index:-1;

   background:var(--red-deep);border-radius:var(--r-xs);
   transform:skewX(-9deg);box-shadow:0 10px 26px rgba(252,61,67,.35)}
@media(max-width:900px){
}

.wbn-logo{display:block;margin-bottom:var(--sp-6)}
.wbn-logo img{display:block;height:30px;width:auto;margin-inline:auto}

.wbn-herocta{display:flex;flex-direction:column;align-items:center;gap:var(--sp-6);
   margin-top:var(--sp-8);position:relative;z-index:3}
.wbn-herocta .u-btn{height:64px;padding-inline:var(--sp-12);font-size:var(--fs-btn)}
.wbn-herocta .wbn-proof{margin:0}
@media(max-width:640px){
  .wbn-logo img{height:26px}
}

.wbn-nots{margin-top:var(--sp-8);position:relative;z-index:3}
@media(max-width:900px){
}

.wbn-agsec,.wbn-agsec *{box-sizing:border-box}

.wbn-agsec::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:radial-gradient(rgba(25,92,255,.12) 1.2px,transparent 1.5px);
  background-size:28px 28px;
  -webkit-mask-image:radial-gradient(95% 75% at 70% 0%,#000 22%,transparent 76%);
  mask-image:radial-gradient(95% 75% at 70% 0%,#000 22%,transparent 76%);
}

.wbn-aghead{margin-block-end:var(--sp-12)}
.wbn-agrec{
  display:inline-flex;
  align-items:center;
  gap:5px;
  margin-block-end:var(--sp-4);
  padding-block:var(--sp-1);
  padding-inline:var(--sp-3);
  font-family:var(--font-label);
  font-weight:700;
  font-size:var(--fs-tag);
  letter-spacing:.12em/*latin*/; /*latin*/
  color:var(--muted);
  background:rgba(255,255,255,.82);
  border:1px solid rgba(25,92,255,.12);
  border-radius:var(--r-pill);
}
.wbn-agrec i{
  width:5px;height:5px;
  border-radius:var(--r-pill);
  background:var(--red);
  animation:wbn-agblink 1.6s ease-in-out infinite;
}

.wbn-agcard{justify-content:center;min-height:136px}

.wbn-agtxt{
  position:relative;
  z-index:1;
  margin:0;

  font-size:var(--fs-title);
  line-height:var(--lh-card);
  color:var(--tx-ink);
  text-wrap:pretty;
}

.wbn-agwave{display:flex;align-items:flex-end;gap:5px;height:24px}
.wbn-ageq{display:flex;align-items:flex-end;gap:3px;height:24px}
.wbn-ageq i{
  display:block;
  width:3px;
  border-radius:var(--r-pill);
  background:var(--blue);
  transform-origin:bottom;
  animation:wbn-ageq 1.05s ease-in-out infinite;
}
.wbn-ageq i:nth-child(1){height:9px;animation-delay:0s}
.wbn-ageq i:nth-child(2){height:16px;animation-delay:.12s}
.wbn-ageq i:nth-child(3){height:23px;animation-delay:.24s}
.wbn-ageq i:nth-child(4){height:13px;animation-delay:.06s}
.wbn-ageq i:nth-child(5){height:18px;animation-delay:.18s}
.wbn-agflat{
  width:24px;height:3px;flex:none;
  border-radius:var(--r-pill);
  background:rgba(25,92,255,.22);
}
.wbn-aglens{
  position:relative;
  width:13px;height:13px;flex:none;
  margin-block-end:-5px;
  border:1.5px solid rgba(25,92,255,.35);
  border-radius:var(--r-pill);
}
.wbn-aglens::after{
  content:"";
  position:absolute;
  inset:2.5px;
  border-radius:var(--r-pill);
  background:rgba(25,92,255,.35);
}

.wbn-agdot{
  width:5px;height:5px;flex:none;
  border-radius:var(--r-pill);
  background:var(--red);
  animation:wbn-agblink 1.6s ease-in-out infinite;
}
.wbn-agbar{
  position:relative;
  width:52px;height:3px;flex:none;
  border-radius:var(--r-pill);
  background:rgba(25,92,255,.12);
  overflow:hidden;
}
.wbn-agbar i{
  position:absolute;
  inset-block:0;
  inset-inline-start:0;
  width:8%;
  border-radius:var(--r-pill);
  background:var(--red);
  animation:wbn-agtake 3.6s ease-out infinite;
}

.wbn-agnote{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:5px;
  width:52px;
}
.wbn-agnote i{
  position:relative;
  z-index:1;
  height:3px;
  border-radius:var(--r-pill);
  background:rgba(25,92,255,.35);
}
.wbn-agnote i:nth-child(3){width:62%}
.wbn-aghl{
  position:absolute;
  z-index:0;
  inset-block:-3px;
  inset-inline-start:0;
  width:0;
  background-image:linear-gradient(to left,var(--yellow),var(--yellow) 48%,rgba(255,234,0,.55) 78%,rgba(255,234,0,0));
  animation:wbn-agmark 4.4s ease-in-out infinite;
}

.wbn-agphone{
  position:relative;
  width:23px;height:36px;flex:none;
  border:1px solid rgba(25,92,255,.35);
  border-radius:var(--r-md);
  background:linear-gradient(160deg,#fff,#e2eafc);
  overflow:hidden;
}
.wbn-agphone i{
  position:absolute;
  inset-inline:4px;
  top:14px;
  height:4px;
  border-radius:var(--r-xs);
  background:var(--blue);
  opacity:.92;
  animation:wbn-agrise 2.8s ease-in-out infinite;
}
.wbn-agphone i:nth-child(2){animation-delay:1.4s}
.wbn-agarrow{
  width:13px;height:13px;flex:none;
  color:var(--blue);
  animation:wbn-aglift 2.8s ease-in-out infinite;
}

@keyframes wbn-agblink{0%,100%{opacity:1}50%{opacity:.22}}
@keyframes wbn-ageq{0%,100%{transform:scaleY(.35)}50%{transform:scaleY(1)}}
@keyframes wbn-agtake{
  0%{width:8%}
  42%{width:66%}
  43%{width:8%}
  84%{width:74%}
  85%{width:8%}
  100%{width:8%}
}
@keyframes wbn-agmark{
  0%{width:0;opacity:.92}
  45%{width:100%;opacity:.92}
  82%{width:100%;opacity:.92}
  95%{width:100%;opacity:0}
  100%{width:0;opacity:0}
}
@keyframes wbn-agrise{
  0%{transform:translateY(13px);opacity:0}
  25%{opacity:.92}
  100%{transform:translateY(-15px);opacity:0}
}
@keyframes wbn-aglift{
  0%,100%{transform:translateY(2px);opacity:.55}
  50%{transform:translateY(-2px);opacity:.92}
}

@media (max-width:760px){
  .wbn-agcard{min-height:0}
}

@media (prefers-reduced-motion:reduce){
  .wbn-agrec i,.wbn-ageq i,.wbn-agdot,.wbn-agbar i,.wbn-aghl,.wbn-agphone i,.wbn-agarrow{animation:none}
  .wbn-agbar i{width:66%}
  .wbn-aghl{width:100%;opacity:.92}
  .wbn-agphone i:nth-child(2){top:24px}
}

.wbn-hook{background:#fff;padding-block:var(--sp-12)}

.wbn-hook-t{max-width:var(--container-narrow);margin-inline:auto;text-align:center;
   font-size:var(--fs-h3)}

.m-flow .chip.ch-brain{position:relative;background:#fff;color:var(--ink);
   height:1.72em;min-width:1.72em;padding:0 .3em;
   border:1.5px solid var(--panel);box-shadow:0 4px 14px rgba(11,15,30,0.06)}
.m-flow .chip.ch-brain svg{width:1.05em;height:1.05em;stroke-width:1.7}
.m-flow .chip.ch-brain::before,.m-flow .chip.ch-brain::after{content:"";position:absolute;
   inset-block-start:50%;inset-inline:0;margin-inline:auto;width:1.25em;height:.1em;
   border-radius:var(--r-xs);background:var(--red);margin-block-start:-.05em}
.m-flow .chip.ch-brain::before{transform:rotate(45deg)}
.m-flow .chip.ch-brain::after{transform:rotate(-45deg)}

#wbn-about.about-sec{background:#fff}

.wbn-hook-t .ln{display:block}

.wbn-hook-t{line-height:var(--lh-card)}
.wbn-hook-t .ln + .ln{margin-block-start:var(--sp-1)}

@media(max-width:640px){
  .wbn-herocta{padding-inline:var(--sp-6)}

  .wbn-nots{margin-inline:var(--sp-6)}

  .wbn-nots b{font-size:var(--fs-title);line-height:var(--lh-card)}

  .wbn-herocta .u-btn{padding-inline:var(--sp-8);justify-content:center}

  .wbn-hook-t .ln{display:inline}

  .wbn-hook-t .ln:last-child{display:block;margin-block-start:var(--sp-4)}
  .wbn-hook{padding-inline:var(--sp-6)}

  .wbn-desc{max-width:34ch}
}

.wbn-yes{list-style:none;margin:0 auto;padding:var(--sp-2) var(--sp-6);
   max-width:var(--container-narrow);
   background:rgba(255,255,255,0.55);border-radius:var(--r-card);
   -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
   box-shadow:0 8px 30px rgba(11,15,30,0.06)}
.wbn-y{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--sp-4);
   align-items:center;padding-block:var(--sp-4);
   border-block-start:1px solid var(--panel)}
.wbn-y:first-child{border-block-start:0}
.wbn-yic{flex:none;width:28px;height:28px;display:grid;place-items:center;
   border-radius:var(--r-pill);background:var(--blue);color:#fff}
.wbn-yic svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:3.2;
   stroke-linecap:round;stroke-linejoin:round}

.wbn-y p{margin:0;font-size:var(--fs-body);line-height:var(--lh-card);color:var(--tx-ink)}
.wbn-y b{color:var(--dark)}

.wbn-no{display:flex;align-items:flex-start;gap:var(--sp-3);
   max-width:var(--container-narrow);margin:var(--sp-6) auto 0;
   padding:var(--sp-4) var(--sp-6);border-radius:var(--r-md);
   border:1px solid var(--panel);background:#fff;

   font-size:var(--fs-body);line-height:var(--lh-card);color:var(--tx-ink)}
.wbn-no b{color:var(--dark)}
.wbn-noic{position:relative;flex:none;width:20px;height:20px;margin-block-start:2px}
.wbn-noic::before,.wbn-noic::after{content:"";position:absolute;inset-block-start:9px;
   inset-inline:0;height:2px;border-radius:var(--r-xs);background:var(--red)}
.wbn-noic::before{transform:rotate(45deg)}
.wbn-noic::after{transform:rotate(-45deg)}
@media(max-width:640px){
  .wbn-yes{padding-inline:var(--sp-4)}
  .wbn-no{margin-inline:var(--sp-2)}
}

#wbn-about.about-sec{padding-block-end:var(--sp-12)}
.wbn-close{padding-block-start:var(--sp-12)}
