.how-page{background:#faf7ef}.how-hero{padding:175px 6% 85px;background:#ffd343;position:relative;overflow:hidden}.how-hero h1{font:800 clamp(62px,8vw,120px)/.98 Archivo,sans-serif;letter-spacing:-.065em;margin:30px 0 45px;position:relative;z-index:1}.how-hero h1 em{color:#2459ce}.how-hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative;z-index:1}.how-hero-bottom p{font-size:22px;line-height:1.5}.how-hero-doodle{position:absolute;right:7%;top:41%;border:3px solid #2459ce;border-radius:50%;padding:40px 35px;color:#2459ce;font:800 40px Archivo,sans-serif;transform:rotate(-16deg)}.how-film{background:#111318;color:white;padding:85px 6%}.how-film-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:45px}.how-film h2{font-size:clamp(46px,5.4vw,80px);margin-top:26px}.how-film h2 em{color:#ffd343}.how-film-heading>p{font-size:20px;color:#bcc8de;line-height:1.5}.how-video{aspect-ratio:16/9;background:#17274d;position:relative;border:1px solid #ffffff25;overflow:hidden}.how-video button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;width:100%;height:100%;color:#fff;background:radial-gradient(ellipse at 50% 50%,#2c63de 0%,#153471 75%);position:relative}.how-video button:before,.how-video button:after{content:'';position:absolute;width:70%;aspect-ratio:1;border:1px solid #ffffff20;border-radius:50%;pointer-events:none}.how-video button:after{width:110%}.video-play{position:relative;z-index:1;display:grid;place-items:center;background:#ffd343;color:#111318;width:95px;height:95px;border-radius:50%;font-size:32px;padding-left:4px;transition:transform .25s}.how-video button:hover .video-play{transform:scale(1.1)}.how-video strong{font:800 clamp(30px,4.2vw,65px)/1.02 Archivo,sans-serif;letter-spacing:-.055em;position:relative;z-index:1}.how-video button>span:last-child{font:700 14px monospace;letter-spacing:.05em;position:relative;z-index:1}.how-video iframe{width:100%;height:100%;border:0}.how-video-note{font-size:14px;line-height:1.5;color:#b6c4dd;margin-top:20px;display:flex;justify-content:space-between;gap:20px}.how-video-note a{color:#fff;text-decoration:underline}.how-setup{padding:100px 6%}.how-section-heading h2{font-size:clamp(47px,5.4vw,80px);margin:26px 0}.how-section-heading>p:last-child{font-size:20px;line-height:1.55;color:#586171}.how-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:50px}.how-steps article{padding:27px;background:#e5edff}.how-steps article:nth-child(2){background:#e5ddf0}.how-steps article:nth-child(3){background:#f7d981}.how-step-number{font:700 16px monospace;color:#3f5068}.how-step-art{height:160px;display:flex;align-items:center;justify-content:center;gap:20px}.how-connect img{width:65px;height:65px;object-fit:contain}.how-connect img:last-child{width:95px}.how-connect span{font-size:35px;color:#2459ce}.how-keyword>span{font:800 42px Archivo,sans-serif;background:#111318;color:#fff;padding:16px;transform:rotate(-5deg)}.how-caret{color:#ffd343;animation:how-caret 1.5s steps(1) infinite}@keyframes how-caret{50%{opacity:0}}.how-ready>span{padding:22px;background:#fff;border-radius:15px;font-size:21px;box-shadow:0 10px 0 #11131815;transform:rotate(5deg)}.how-ready b{color:#fff;background:#2459ce;padding:9px;border-radius:20px;margin-left:18px;font-size:14px}.how-steps h3{font-size:34px;margin:12px 0 20px}.how-steps p{font-size:17px;line-height:1.6;color:#404b5c}.how-playground{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8%;padding:100px 6%;background:#e5ddf0}.how-playground h2{font-size:clamp(50px,5.3vw,80px);margin:28px 0}.how-playground>div>p:not(.eyebrow){font-size:20px;line-height:1.55;max-width:440px;color:#465063}.how-playground .pill{margin-top:30px}.how-playground .how-demo-note{font-size:14px!important;line-height:1.5;margin-top:18px}.how-conversation{background:#fff;border:1px solid #b2a7c8;padding:30px;box-shadow:12px 14px 0 #a899c62b;min-height:570px;display:flex;flex-direction:column;gap:18px}.how-chat-top{display:flex;align-items:center;gap:14px;border-bottom:1px solid #ddd;padding-bottom:22px;margin-bottom:4px}.how-avatar{display:grid;place-items:center;width:45px;height:45px;border-radius:50%;background:#ffd343;font:800 25px Archivo}.how-chat-top b{display:block;font-size:18px}.how-chat-top>div>span{font:600 12px monospace;display:block;margin-top:6px;color:#667085}.how-chat-top img{width:27px;height:27px;margin-left:auto}.how-message{padding:20px;border-radius:18px 18px 18px 3px;background:#f0edf5;max-width:88%;font-size:19px;line-height:1.4;transition:opacity .5s,transform .6s}.how-message b{font:700 12px monospace;display:block;margin-bottom:10px}.how-outgoing{align-self:flex-end;background:#2459ce;color:#fff;border-radius:18px 18px 3px 18px}.how-demo-link{display:block;background:#ffffff25;border-radius:7px;margin-top:15px;padding:12px;font-size:17px}.how-match{font:700 13px monospace;color:#2459ce;text-align:center;transition:opacity .4s,transform .5s}.how-thanks{align-self:flex-start}.how-conversation.is-playing .how-message,.how-conversation.is-playing .how-match{opacity:0;transform:translateY(15px)}.how-conversation[data-step="1"] .how-incoming,.how-conversation[data-step="2"] .how-incoming,.how-conversation[data-step="3"] .how-incoming,.how-conversation[data-step="4"] .how-incoming,.how-conversation[data-step="2"] .how-match,.how-conversation[data-step="3"] .how-match,.how-conversation[data-step="4"] .how-match,.how-conversation[data-step="3"] .how-outgoing,.how-conversation[data-step="4"] .how-outgoing,.how-conversation[data-step="4"] .how-thanks{opacity:1;transform:none}.how-conversation #how-demo-status{font-size:14px;line-height:1.5;margin-top:auto;color:#536079}.how-human{padding:90px 6%;display:grid;grid-template-columns:1fr 1fr;gap:8%}.how-human h2{font-size:clamp(50px,5.3vw,80px);margin-top:25px}.how-human>div:last-child{align-self:center}.how-human p:not(.eyebrow){font-size:20px;color:#515b6c;line-height:1.65;margin-bottom:22px}.how-close{background:#2459ce;color:#fff;text-align:center;padding:90px 6%}.how-close h2{font-size:clamp(48px,6vw,90px);margin:32px 0 40px}.how-close h2 em{color:#ffd343}.how-close .pill{background:#ffd343;color:#111318}.how-pricing{display:block;width:max-content;margin:25px auto 0;font-size:18px;border-bottom:1px solid #fff7;padding-bottom:6px}
@media(max-width:1100px){.how-hero-doodle{font-size:25px;padding:25px 20px}.how-steps{gap:15px}.how-steps article{padding:22px}.how-steps h3{font-size:29px}.how-step-art{gap:12px}.how-connect img{width:50px;height:50px}.how-connect img:last-child{width:75px}.how-ready>span{font-size:18px;padding:17px}.how-ready b{margin-left:10px}.how-keyword>span{font-size:34px}.how-playground{gap:5%}.how-conversation{padding:23px}.how-message{font-size:17px;max-width:95%}}
@media(max-width:760px){.how-hero{padding:130px 6% 60px}.how-hero h1{font-size:clamp(38px,10.6vw,78px);margin:25px 0 30px}.how-hero-doodle{display:none}.how-hero-bottom{display:block}.how-hero-bottom p{font-size:19px}.how-hero-bottom .pill{margin-top:25px}.how-film{padding:60px 6%}.how-film-heading{display:block;margin-bottom:30px}.how-film h2{font-size:45px}.how-film-heading>p{font-size:18px;margin-top:25px}.how-video button{gap:18px}.video-play{width:52px;height:52px;font-size:21px}.how-video strong{font-size:25px}.how-video button>span:last-child{font-size:10px;letter-spacing:0}.how-video{aspect-ratio:4/3}.how-video-note{display:block;font-size:14px}.how-video-note a{display:block;margin-top:12px}.how-setup{padding:60px 6%}.how-section-heading h2{font-size:48px}.how-section-heading>p:last-child{font-size:18px}.how-steps{grid-template-columns:1fr}.how-steps article{padding:27px}.how-steps h3{font-size:37px}.how-step-art{height:145px}.how-playground{padding:65px 6%;grid-template-columns:1fr;gap:40px}.how-playground h2{font-size:50px}.how-playground>div>p:not(.eyebrow){font-size:18px}.how-conversation{min-height:570px;padding:22px}.how-message{font-size:17px;padding:17px}.how-human{padding:65px 6%;grid-template-columns:1fr;gap:35px}.how-human h2{font-size:51px}.how-human p:not(.eyebrow){font-size:18px}.how-close{padding:65px 6%}.how-close h2{font-size:44px}.how-close .pill{font-size:16px}}
.motion-paused .how-page *{animation-play-state:paused!important}@media(prefers-reduced-motion:reduce){.how-page *{animation:none!important;transition:none!important}}