@font-face{font-family:Husho How Onest;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/how-it-works/onest-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Husho How Onest;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/how-it-works/onest-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Husho How Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/how-it-works/jetbrains-mono-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Husho How Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/how-it-works/jetbrains-mono-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.hiw{color:#161b26;-webkit-font-smoothing:antialiased;background:#f4f5f7;padding:clamp(72px,10vw,120px) 20px;font-family:Husho How Onest,system-ui,sans-serif;line-height:normal}.hiw *,.hiw :before,.hiw :after{box-sizing:border-box}.hiw [hidden]{display:none!important}.hiw__wrap{max-width:1180px;margin:0 auto}.hiw__heading{flex-direction:column;gap:12px;max-width:680px;display:flex}.hiw__kicker{letter-spacing:.1em;text-transform:uppercase;color:#137a70;font-size:13px;font-weight:600}.hiw__heading h2{letter-spacing:-.03em;color:#161b26;text-wrap:balance;margin:0;font-size:clamp(30px,4.2vw,46px);font-weight:600;line-height:1.1}.hiw__heading p{color:#5b6475;margin:0;font-size:17px;line-height:1.6}.hiw-demo{margin-top:48px}.hiw-steps{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:6px clamp(28px,4vw,56px);min-width:0;margin:0;padding:0;list-style:none;display:grid}.hiw-step-item{display:contents}.hiw-step{text-align:left;cursor:pointer;width:100%;font:inherit;color:inherit;box-shadow:none;background:0 0;border:0;border-radius:18px;grid-column:1;align-items:flex-start;gap:14px;padding:16px 18px;transition:background .3s,box-shadow .3s;display:flex}.hiw-step:focus-visible{outline-offset:3px;outline:2px solid #1a9488}.hiw-step__number{color:#8a93a3;background:0 0;border:1.5px solid #cfd4dc;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:600;transition:all .3s;display:flex}.hiw-step__copy{flex-direction:column;flex:1;gap:6px;min-width:0;padding-top:4px;display:flex}.hiw-step__title{color:#8a93a3;font-size:17px;font-weight:600;transition:color .3s}.hiw-step__description{color:#5b6475;text-wrap:pretty;font-size:15px;line-height:1.55}.hiw-progress{background:#e2e5ea;border-radius:2px;height:3px;margin-top:6px;display:block;overflow:hidden}.hiw-progress>span{background:#1a9488;border-radius:2px;width:0;height:100%;display:block}.hiw-step[data-state=active]{background:#fff;box-shadow:0 1px 2px #1018280d,0 10px 30px -12px #1018282e}.hiw-step[data-state=active] .hiw-step__number{color:#fff;background:#1a9488;border-color:#1a9488}.hiw-step[data-state=active] .hiw-step__title{color:#161b26}.hiw-step[data-state=done] .hiw-step__number{color:#137a70;border-color:#1a9488}.hiw-step[data-state=done] .hiw-step__title{color:#2b3242}.hiw-preview{background:#fff;border-radius:28px;flex-direction:column;grid-area:1/2/span 5;justify-content:center;align-self:center;min-width:0;min-height:440px;padding:clamp(20px,3vw,32px);display:flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #1018280d,0 30px 70px -30px #10182840}@media (max-width:767px){.hiw-steps{flex-direction:column;gap:6px;display:flex}.hiw-step-item{width:100%;min-width:0;display:block}.hiw-preview{margin-top:12px;margin-bottom:18px}}.hiw-preview__header{color:#8a93a3;justify-content:space-between;align-items:center;font-size:12px;display:flex;position:absolute;top:18px;left:24px;right:24px}.hiw-preview__meeting{align-items:center;gap:8px;display:flex}.hiw-preview__meeting>span{background:#e5554a;border-radius:50%;width:7px;height:7px}.hiw-preview__controls{justify-content:flex-end;margin-top:20px;display:flex}.hiw-playback{color:#137a70;min-height:44px;font:inherit;cursor:pointer;background:#fff;border:1px solid #cfd4dc;border-radius:10px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:600;display:inline-flex}.hiw-playback:hover{background:#f4f5f7;border-color:#1a9488}.hiw-playback:focus-visible{outline-offset:3px;outline:2px solid #1a9488}.hiw-playback>span{display:inline-flex}.hiw-playback svg{width:16px;height:16px}.hiw-content{flex-direction:column;gap:14px;margin-top:20px;display:flex}.hiw-scene{display:contents}.hiw-mono{font-family:Husho How Mono,monospace}.hiw-recording{background:#f4f5f7;border-radius:20px;flex-direction:column;gap:16px;padding:22px;display:flex}.hiw-recording__label{color:#c2453b;align-items:center;gap:10px;font-size:13px;font-weight:600;display:flex}.hiw-recording__label>span:first-child{background:#e5554a;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 5px #e5554a26}.hiw-recording__label>span:last-child{color:#137a70;margin-left:auto;font-weight:500}.hiw-wave{align-items:center;gap:3px;height:52px;display:flex}.hiw-wave>span{background:#1a9488;border-radius:2px;flex:1}.hiw-transcript{flex-direction:column;gap:10px;padding:0 4px;display:flex}.hiw-transcript__speaker{letter-spacing:.08em;color:#a8842f;font-size:11.5px;font-weight:600}.hiw-transcript>span:last-child{color:#161b26;font-size:17px;line-height:1.55}.hiw-quote{color:#8a93a3;padding:0 4px;font-size:15px;line-height:1.55}.hiw-notepad{border:1.5px solid #1a9488;border-radius:20px;flex-direction:column;gap:14px;padding:22px;display:flex;box-shadow:0 0 0 6px #1a948814}.hiw-notepad__label{color:#5b6475;font-size:13px;font-weight:600}.hiw-notepad__text{color:#161b26;min-height:32px;font-size:22px}.hiw-caret{vertical-align:-4px;background:#1a9488;width:2px;height:24px;margin-left:2px;display:inline-block}.hiw-shorthand{background:#f4f5f7;border-radius:16px;align-items:center;gap:12px;padding:14px 18px;display:flex}.hiw-shorthand>span:first-child{color:#5b6475;font-size:13px;font-weight:600}.hiw-shorthand>span:last-child{color:#161b26;font-size:16px}.hiw-arrow{color:#1a9488;align-self:center;font-size:18px;line-height:1}.hiw-enhanced{background:#0d121b;border-radius:20px;flex-direction:column;gap:14px;padding:24px;display:flex;box-shadow:0 20px 44px -16px #0d121b8c}.hiw-enhanced__label{letter-spacing:.06em;text-transform:uppercase;color:#5fd1c4;font-size:13px;font-weight:600}.hiw-enhanced__text{color:#f1f4f8;min-height:86px;font-size:19px;line-height:1.5}.hiw-timestamp{color:#5fd1c4;background:#5fd1c41a;border:1px solid #5fd1c440;border-radius:999px;align-self:flex-start;padding:5px 11px;font-size:12.5px;transition:opacity .3s}.hiw-summary-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.hiw-summary-heading>span:first-child{font-size:15px;font-weight:600}.hiw-generate{color:#fff;background:#1a9488;border-radius:12px;padding:10px 16px;font-size:14px;font-weight:600;transition:transform .15s}.hiw-summary{background:#f4f5f7;border-radius:20px;flex-direction:column;gap:18px;min-height:200px;padding:22px;display:flex}.hiw-summary>div{flex-direction:column;gap:6px;transition:opacity .4s,transform .4s;display:flex}.hiw-summary__label{letter-spacing:.08em;text-transform:uppercase;color:#137a70;font-size:12px;font-weight:600}.hiw-summary>div>span:last-child{font-size:17px;line-height:1.5}.hiw-sources{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.hiw-sources>span:first-child{color:#8a93a3;margin-right:4px;font-size:12px}.hiw-sources>span:not(:first-child){background:#f4f5f7;border-radius:999px;padding:6px 11px;font-size:13px;font-weight:500;transition:opacity .3s}.hiw-question{color:#fff;background:#161b26;border-radius:18px 18px 4px;align-self:flex-end;max-width:85%;min-height:46px;padding:12px 16px;font-size:16px}.hiw-answer{background:#f4f5f7;border-radius:18px 18px 18px 4px;flex-direction:column;gap:10px;padding:18px 20px;transition:opacity .3s;display:flex}.hiw-answer__author{color:#137a70;font-size:12px;font-weight:600}.hiw-answer__text{min-height:72px;font-size:16px;line-height:1.55}.hiw-links{flex-wrap:wrap;gap:12px;font-size:13px;transition:opacity .3s;display:flex}.hiw-links>span{color:#137a70;text-decoration:underline}.hiw-demo[data-reduced-motion=true] *{transition:none!important}@media (prefers-reduced-motion:reduce){.hiw *{transition:none!important}}