@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/nunito-latin-600-normal.Br8yIETf.woff2)format("woff2"),url(/_astro/nunito-latin-600-normal.Cd0eNu1l.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/nunito-latin-700-normal.Dort48En.woff2)format("woff2"),url(/_astro/nunito-latin-700-normal.OcDqTBcA.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/_astro/nunito-latin-800-normal.Dz8SOQK_.woff2)format("woff2"),url(/_astro/nunito-latin-800-normal.D-J0wlBY.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/inter-latin-400-normal.C38fXH4l.woff2)format("woff2"),url(/_astro/inter-latin-400-normal.CyCys3Eg.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/inter-latin-500-normal.Cerq10X2.woff2)format("woff2"),url(/_astro/inter-latin-500-normal.BL9OpVg8.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/inter-latin-600-normal.LgqL8muc.woff2)format("woff2"),url(/_astro/inter-latin-600-normal.CiBQ2DWP.woff)format("woff")}:root{--indigo:#5b5f97;--indigo-dark:#454875;--periwinkle:#9da2e6;--sunshine:#f4e185;--pink:#ffb7bf;--sky:#c4f9fa;--lagoon:#87dadd;--cream:#f7f5e1;--blush:#fed5db;--ink:#1f2033;--card:#fffdf5;--text-2:#33344d;--text-3:#4a4b63;--font-head:"Nunito", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--fs-h1:clamp(38px, 5.4vw, 66px);--fs-h2:clamp(32px, 4vw, 48px);--fs-lead:clamp(18px, 1.6vw, 20px);--r-card:24px;--r-block:20px;--r-pill:999px;--shadow-card:0 24px 48px -26px #45487573;--shadow-soft:0 18px 36px -26px #45487573;--shadow-btn:0 12px 26px -12px #5b5f97cc;--section-y:clamp(72px, 9vw, 120px);--gutter:20px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}html[data-reduced]{scroll-behavior:auto}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--cream);color:var(--ink);font-family:var(--font-body);margin:0;font-size:16px;line-height:1.6}.page{overflow-x:clip}h1,h2,h3,p,figure,blockquote{margin:0}img{max-width:100%}a{color:var(--indigo);text-decoration-color:var(--periwinkle);text-underline-offset:3px}a:hover{color:var(--indigo-dark)}:focus-visible{outline:3px solid var(--indigo-dark);outline-offset:3px}.band :focus-visible{outline-color:#fff}.skip-link{z-index:100;background:var(--indigo);color:#fff;border-radius:var(--r-pill);padding:10px 18px;font-weight:600;text-decoration:none;position:absolute;top:-60px;left:12px}.skip-link:focus{color:#fff;top:8px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.section{padding:var(--section-y) var(--gutter);scroll-margin-top:60px;position:relative}.section--blush{background:var(--blush)}.wrap{max-width:1100px;margin:0 auto}.eyebrow{font:700 14px/1 var(--font-head);letter-spacing:.08em;text-transform:uppercase;color:var(--indigo-dark)}.h2{font-family:var(--font-head);font-weight:800;font-size:var(--fs-h2);letter-spacing:-.015em;color:var(--indigo);text-wrap:balance;margin:12px 0 0;line-height:1.1}.lead{text-wrap:pretty;font-size:18px;line-height:1.6}.centre{text-align:center}.btn{border-radius:var(--r-pill);white-space:nowrap;cursor:pointer;height:54px;font-size:17px;font-weight:600;font-family:var(--font-body);border:0;justify-content:center;align-items:center;padding:0 28px;text-decoration:none;display:inline-flex}.btn--primary{background:var(--indigo);color:#fff;box-shadow:var(--shadow-btn)}.btn--primary:hover{background:var(--indigo-dark);color:#fff}.btn--secondary{border:2px solid var(--periwinkle);color:var(--indigo-dark);padding:0 26px}.btn--secondary:hover{background:var(--periwinkle);color:var(--ink)}.btn--sm{height:38px;padding:0 18px;font-size:15px;box-shadow:0 8px 18px -10px #5b5f97cc}.header{z-index:50;backdrop-filter:blur(8px);background:#f7f5e1f2;border-bottom:1px solid #5b5f9724;position:sticky;top:0}.header__bar{max-width:1200px;padding:6px var(--gutter);justify-content:space-between;align-items:center;gap:16px;min-height:50px;margin:0 auto;display:flex}.logo{align-items:center;gap:10px;text-decoration:none;display:flex}.logo__mark{transform-origin:0;flex:none;width:24px;height:24px;margin-right:-4px;display:block;position:relative;transform:scale(.8)}.logo__mark span{border-radius:50%;width:12px;height:12px;position:absolute}.logo__mark .d1{background:var(--pink);top:0;left:9px}.logo__mark .d2{background:var(--sunshine);top:9px;left:18px}.logo__mark .d3{background:var(--lagoon);top:18px;left:9px}.logo__mark .d4{background:var(--periwinkle);top:9px;left:0}.logo__mark .d5{background:var(--indigo);width:8px;height:8px;top:11px;left:11px}.logo__word{font:800 19px/1 var(--font-head);color:var(--indigo);white-space:nowrap}.logo__word span{color:var(--indigo-dark);font-weight:600}.header__right{align-items:center;gap:28px;display:flex}.header__nav{gap:28px;display:none}.header__nav a{color:var(--indigo-dark);font-weight:600;text-decoration:none}.header__nav a:hover{color:var(--indigo)}@media (width>=820px){.header__nav{display:flex}}.hero{padding:clamp(40px, 7vw, 96px) var(--gutter) clamp(64px, 8vw, 112px);position:relative;overflow:hidden}.hero__balls{pointer-events:none;z-index:0;position:absolute;inset:0}.ball{left:calc(var(--hx) * 100%);top:calc(var(--hy) * 100%);width:calc(var(--r) * 2px);height:calc(var(--r) * 2px);margin:calc(var(--r) * -1px) 0 0 calc(var(--r) * -1px);will-change:transform;position:absolute}.ball>i{background:var(--c);border-radius:50%;width:100%;height:100%;display:block}.ball.is-ring>i{border:max(5px, calc(var(--r) * .32px)) solid var(--c);background:0 0}.ball--m{display:none}@media (width<=819.98px){.ball--d{display:none}.ball--m{display:block}}.hero__inner{z-index:1;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:56px;max-width:1160px;margin:0 auto;display:flex;position:relative}.hero__copy{flex:440px;max-width:600px}.hero h1{font-family:var(--font-head);font-weight:800;font-size:var(--fs-h1);letter-spacing:-.02em;color:var(--indigo);text-wrap:balance;line-height:1.06}.hero__sub{font-size:var(--fs-lead);color:var(--text-2);text-wrap:pretty;max-width:520px;margin-top:24px;line-height:1.55}.hero__cta{flex-wrap:wrap;gap:12px;margin-top:36px;display:flex}.hero__phone{flex:none;margin:0 auto;position:relative}.hero__disc{background:var(--sky);border-radius:50%;width:420px;height:420px;margin:-210px 0 0 -210px;position:absolute;top:50%;left:50%}.hero__phone .phone{position:relative}.who{padding:8px var(--gutter) 80px}.who p{text-align:center;max-width:980px;font:700 clamp(20px, 2.2vw, 26px)/1.8 var(--font-head);color:var(--ink);text-wrap:balance;margin:0 auto}.who mark{color:var(--ink);border-radius:var(--r-pill);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:2px 12px}.how{padding:clamp(56px, 8vw, 96px) var(--gutter)}.how__intro{max-width:520px;color:var(--text-2);text-wrap:pretty;margin:16px auto 0;font-size:18px}.how__after{flex-direction:column;align-items:center;gap:12px;margin-top:64px;display:flex}.how__after small{color:var(--text-3);font-size:15px}.step__head{align-items:center;gap:12px;margin-bottom:12px;display:flex}.step__n{width:36px;height:36px;font:800 17px var(--font-head);color:var(--ink);background:var(--dot);border-radius:50%;place-items:center;display:grid}.step__label{letter-spacing:.06em;text-transform:uppercase;color:var(--indigo-dark);font-size:14px;font-weight:600}.step h3{font-family:var(--font-head);color:var(--indigo);font-size:26px;font-weight:800;line-height:1.15}.step p{margin-top:8px;font-size:17px;line-height:1.55}.how__mobile{flex-direction:column;gap:64px;margin-top:48px;display:flex}.how__mobile .step{flex-direction:column;align-items:center;gap:24px;display:flex}.how__mobile .step__text{align-self:stretch}.how__mobile .phone-wrap{zoom:.86}.how__desktop{display:none}@media (width>=820px){.how__mobile{display:none}.how__desktop{grid-template-columns:minmax(0,1fr) 340px;gap:72px;max-width:1100px;margin:48px auto 0;display:grid}.how__cards{padding-bottom:45vh}.step--card{align-items:center;min-height:68vh;display:flex}.step--card .step__body{border-radius:var(--r-card);background:#fffdf500;max-width:520px;padding:32px;transition:background .4s,box-shadow .4s;box-shadow:0 0 #0000}.step--card.is-active .step__body{background:var(--card);box-shadow:0 18px 40px -22px #45487573}.step--card .step__n{width:38px;height:38px}.step--card h3{font-size:30px}.step--card p{margin-top:10px;font-size:18px}.how__phone{position:relative}.how__sticky{flex-direction:column;align-items:center;gap:20px;padding-top:6vh;display:flex;position:sticky;top:calc(50vh - 330px)}.chips{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.chip{border-radius:var(--r-pill);color:var(--indigo-dark);background:#5b5f9700;padding:5px 12px;font-size:13px;font-weight:600;transition:background .3s,color .3s}.chip.is-active{background:var(--indigo);color:#fff}}.designed__row{flex-wrap:wrap;align-items:center;gap:56px;max-width:1100px;margin:0 auto;display:flex}.designed__copy{flex:400px;max-width:560px}.designed__copy .h2{color:var(--indigo-dark)}.designed__copy p{margin-top:20px}.designed__copy p+p{margin-top:14px}.day{background:var(--card);border-radius:var(--r-card);flex-direction:column;flex:320px;gap:8px;max-width:440px;padding:24px;display:flex;box-shadow:0 20px 40px -24px #45487566}.day h3{font:600 14px/1.4 var(--font-body);color:var(--indigo-dark);margin-bottom:6px}.day__row{background:var(--cream);border-radius:16px;justify-content:space-between;gap:12px;padding:14px 18px;display:flex}.day__row b{font-weight:600}.day__row span{flex:1}.day__row em{color:var(--text-3);font-style:normal}.day__row--pill{border-radius:var(--r-pill);padding:10px 18px;font-size:16px}.quote{border-radius:var(--r-card);background:var(--card);max-width:880px;margin:64px auto 0;padding:36px clamp(24px,4vw,44px);box-shadow:0 20px 40px -26px #45487566}.quote__mark{font:800 64px/.6 var(--font-head);color:var(--indigo);height:30px}.quote blockquote{font:700 clamp(22px, 2.6vw, 30px)/1.35 var(--font-head);color:var(--ink);text-wrap:pretty}.quote figcaption{margin-top:18px;font-size:16px}.privacy__row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:56px;display:flex}.privacy__copy{flex:340px;max-width:440px}.privacy__copy p{margin-top:18px}.hint{color:var(--indigo-dark);border-radius:var(--r-pill);background:var(--card);border:1px solid #5b5f9733;margin-top:22px;padding:8px 16px;font-size:15px;font-weight:600;display:inline-flex}.hint--touch{display:none}@media (hover:none){.hint--mouse{display:none}.hint--touch{display:inline-flex}}.tower{flex-direction:column;flex:420px;gap:10px;max-width:540px;margin:0;padding:0;list-style:none;display:flex}.tower__base{border-radius:var(--r-pill);background:var(--indigo-dark);height:14px;margin:4px -8px 0}.block{all:unset;box-sizing:border-box;cursor:pointer;perspective:900px;border-radius:var(--r-block);transform:translate(var(--off), 0) rotate(0deg);opacity:1;transition:opacity .35s,transform .6s cubic-bezier(.34,1.56,.64,1);display:grid}.block:focus-visible{outline:3px solid var(--indigo-dark);outline-offset:3px}html.js .block:not(.is-placed){opacity:0;transform:translate(var(--off), -70px) rotate(var(--tilt))}.block__flip{transform-style:preserve-3d;grid-area:1/1;transition:transform .6s cubic-bezier(.4,.2,.2,1);display:grid}.block[aria-pressed=true] .block__flip{transform:rotateX(180deg)}.face{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:var(--r-block);grid-area:1/1;align-items:center;display:flex}.face--front{background:var(--c);gap:16px;padding:18px 20px;box-shadow:0 10px 20px -12px #45487573}.face--back{background:var(--indigo);color:#fff;padding:18px 22px;font-size:16px;line-height:1.5;transform:rotateX(180deg)}.face__n{width:34px;height:34px;font:800 16px var(--font-head);color:var(--ink);background:#ffffffb3;border-radius:50%;flex:none;place-items:center;display:grid}.face__text{color:var(--ink);flex:1;font-size:17px;font-weight:600;line-height:1.4}.face__why{color:var(--indigo-dark);border-radius:var(--r-pill);background:#ffffffbf;flex:none;padding:6px 12px;font-size:14px;font-weight:600}@media (width<=819.98px){.block{--off:calc(var(--o) * .5px)}}@media (width>=820px){.block{--off:calc(var(--o) * 1px)}}html:not(.js) .block__flip{display:block}html:not(.js) .face--back{margin-top:6px;transform:none}html:not(.js) .block{cursor:default}.stones{width:320px;height:72px;margin:44px auto 8px;position:relative}.stone{border-radius:50%;width:48px;height:18px;position:absolute}.stones__ball{background:var(--indigo);border-radius:50%;width:18px;height:18px;position:absolute;top:0;left:0;transform:translate(287px,18px)}html.js .stones__ball{transform:translate(15px,28px)}html.js .stones.is-hopped .stones__ball{transform:translate(287px,18px)}html.js .stones.is-hopping .stones__ball{animation:1.8s ease-in-out .2s both bwHop}@keyframes bwHop{0%{transform:translate(15px,28px)}12.5%{transform:translate(49px,-30px)}25%{transform:translate(83px,-2px)}37.5%{transform:translate(117px,-28px)}50%{transform:translate(151px,24px)}62.5%{transform:translate(185px,-32px)}75%{transform:translate(219px,-6px)}87.5%{transform:translate(253px,-34px)}to{transform:translate(287px,18px)}}.price{background:var(--card);border-radius:var(--r-card);text-align:center;max-width:520px;box-shadow:var(--shadow-card);margin:0 auto;padding:clamp(28px,4vw,44px)}.price__chip{border-radius:var(--r-pill);background:var(--sunshine);padding:6px 14px;font-size:14px;font-weight:600;display:inline-flex}.price__big{font:800 72px/1 var(--font-head);color:var(--indigo);margin-top:14px}.price p{text-wrap:pretty;max-width:380px;margin:18px auto 0;font-size:18px;line-height:1.6}.price .btn{margin-top:26px}.signup{max-width:520px;margin:32px auto 0}.signup label{text-align:center;margin-bottom:10px;font-weight:600;display:block}.signup__row{flex-wrap:wrap;gap:8px;display:flex}.signup input[type=email]{border-radius:var(--r-pill);border:2px solid var(--periwinkle);background:var(--card);min-width:0;height:50px;font:16px var(--font-body);color:var(--ink);flex:220px;padding:0 20px}.signup input[type=email]:focus{border-color:var(--indigo);outline:3px solid var(--indigo-dark);outline-offset:2px}.signup button{border-radius:var(--r-pill);background:var(--periwinkle);height:50px;color:var(--ink);font:600 16px var(--font-body);cursor:pointer;border:0;flex:none;padding:0 24px}.signup button:hover{background:#8e93dc}.signup button:disabled{opacity:.6;cursor:progress}.signup__note{text-align:center;color:var(--text-3);margin-top:10px;font-size:15px}.signup__msg{text-align:center;min-height:1.6em;margin-top:12px;font-size:16px}.signup__msg.is-error{color:#7a1f2b}.hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.team{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:48px;padding:0;list-style:none;display:grid}.person{background:var(--card);border-radius:var(--r-card);box-shadow:var(--shadow-soft);padding:28px;position:relative}.person__ball{background:var(--c);border-radius:50%;width:18px;height:18px;position:absolute;top:30px;right:26px}.person__photo{background:#ecebd6;border:2px solid #e2e0c8;border-radius:50%;width:96px;height:96px;overflow:hidden}.person__photo img{object-fit:cover;width:100%;height:100%;display:block;transform:scale(1.08)}.person h3{font:800 24px/1.2 var(--font-head);color:var(--indigo);margin-top:20px}.person__role{border-radius:var(--r-pill);background:var(--sky);color:var(--ink);margin-top:8px;padding:4px 12px;font-size:14px;font-weight:600;display:inline-flex}.person p{color:var(--text-3);margin-top:12px;font-size:16px;line-height:1.55}.band{background:var(--indigo);text-align:center;padding:clamp(72px, 9vw, 110px) var(--gutter) clamp(180px, 18vw, 220px);position:relative;overflow:hidden}.band__balls{pointer-events:none;z-index:0;position:absolute;inset:0}.pile{will-change:transform;border-radius:50%;position:absolute;top:0;left:0;transform:translate(-200px,-200px)}.band__inner{z-index:1;max-width:760px;margin:0 auto;position:relative}.band h2{font:800 clamp(34px, 4.6vw, 56px)/1.08 var(--font-head);letter-spacing:-.015em;color:#fff;text-wrap:balance}.band p{color:#fff;margin-top:16px;font-size:18px}.band__btns{z-index:2;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:56px;display:inline-flex;position:relative}.band .btn{height:56px;font-size:18px}@media (width>=820px){.band__btns{margin-top:84px}}.btn--sun{background:var(--sunshine);color:var(--ink);padding:0 32px;box-shadow:0 12px 24px -12px #1f203399}.btn--sun:hover{color:var(--ink);background:#f7e99e}.btn--ghost{color:#fff;border:2px solid #fffc}.btn--ghost:hover{background:var(--indigo-dark);color:#fff}.footer{padding:56px var(--gutter) 40px;scroll-margin-top:60px}.footer__row{flex-wrap:wrap;justify-content:space-between;gap:40px;max-width:1100px;margin:0 auto;display:flex}.footer__brand{flex:260px;max-width:340px}.footer__brand b{font:800 22px var(--font-head);color:var(--indigo);display:block}.footer__brand b span{color:var(--indigo-dark);font-weight:600}.footer__brand p{color:var(--text-3);margin-top:10px}.footer__col{flex-direction:column;gap:10px;display:flex}.footer__col h2{font:600 16px/1.6 var(--font-body)}.footer__legal{max-width:1100px;color:var(--text-3);border-top:1px solid #5b5f972e;margin:40px auto 0;padding-top:20px;font-size:14px}.legal{max-width:720px;padding:56px var(--gutter) 96px;margin:0 auto}.legal h1{font:800 clamp(34px, 4.4vw, 48px)/1.1 var(--font-head);color:var(--indigo)}.legal h2{font:800 24px/1.2 var(--font-head);color:var(--indigo-dark);margin-top:36px}.legal p,.legal li{margin-top:12px}.draft-note{background:var(--sunshine);color:var(--ink);border-radius:16px;margin-top:20px;padding:14px 18px;font-weight:600}.tr{background:var(--sunshine);border-radius:6px;padding:0 6px;font-weight:600}html[data-reduced] *,html[data-reduced] :before,html[data-reduced] :after{transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}[hidden]{display:none!important}.phone{background:var(--ink);width:300px;height:620px;color:var(--ink);text-align:left;border-radius:46px;flex:none;padding:10px;line-height:1.4;box-shadow:0 40px 70px -30px #4548758c}.phone__glass{background:#fbfaf1;border-radius:36px;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.phone__status{flex:none;justify-content:space-between;align-items:center;height:44px;padding:0 24px;font-size:13px;font-weight:600;display:flex}.phone__island{background:var(--ink);border-radius:14px;width:80px;height:24px}.phone__battery{border:1.5px solid var(--ink);border-radius:3px;width:20px;height:10px;padding:1px;display:flex}.phone__battery i{background:var(--ink);border-radius:1px;flex:1}html.js .phone--lazy:not(.is-mounted) .phone__glass{background:#e9e7d2}html.js .phone--lazy:not(.is-mounted) .phone__glass>*{visibility:hidden}.screen{flex-direction:column;flex:1;min-height:0;display:none}.screen.is-active{display:flex}.screen__head{flex:none;align-items:center;gap:10px;padding:4px 16px 12px;display:flex}.screen__back{width:30px;height:30px;color:var(--indigo);background:#fff;border-radius:50%;place-items:center;font-size:18px;line-height:1;display:grid;box-shadow:0 1px 3px #4548752e}.screen__titles{flex:1;min-width:0}.screen__title{font:800 17px/1.2 var(--font-head);color:var(--indigo)}.screen__sub{color:#5d5e78;font-size:11px}.screen__avatar{width:32px;height:32px;font:800 14px var(--font-head);border-radius:50%;place-items:center;display:grid}.screen__body{flex-direction:column;flex:1;gap:10px;min-height:0;padding:0 14px 14px;display:flex}.screen.is-active .screen__body.fade{animation:.35s ease-out both bpIn}.screen__img{object-fit:cover;width:100%;height:100%}.cap{letter-spacing:.08em;text-transform:uppercase;color:#5d5e78;font-size:10px;font-weight:600}.card{background:#fff;border-radius:18px;padding:12px;box-shadow:0 2px 8px #45487514}.tags{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.tag{border-radius:999px;padding:4px 10px;font-size:12px;font-weight:500}.item{background:#fff;border-radius:14px;align-items:center;gap:10px;padding:9px;display:flex}.item b{font-size:13px;font-weight:600;display:block}.item small{color:#5d5e78;font-size:11px;display:block}.item__ic{border-radius:11px;flex:none;place-items:center;width:38px;height:38px;display:grid}.item__ic--hatch{background:repeating-linear-gradient(45deg,#ecebd6 0 5px,#f7f5e1 5px 10px)}.bars{justify-content:center;align-items:center;gap:3px;display:flex}.bars i{background:var(--ink);border-radius:2px;width:4px}.play{border-left:9px solid var(--indigo);border-top:6px solid #0000;border-bottom:6px solid #0000;width:0;height:0;margin-left:3px}.dock{align-self:stretch;gap:6px;margin-top:auto;display:flex}.dock span{border-radius:999px;place-items:center;font-weight:600;display:grid}.pill-btn{height:44px;font-size:13px}.pill-btn--line{border:2px solid var(--periwinkle);color:var(--indigo-dark);flex:1}.pill-btn--solid{background:var(--indigo);color:#fff;flex:1.4}.note{color:#5d5e78;padding:0 4px;font-size:12px}.cap-time{font:800 46px/1 var(--font-head);color:var(--indigo);margin-top:18px}.wave{align-items:center;gap:5px;height:70px;display:flex}.wave i{border-radius:50%;display:block}.screen.is-active .wave i{animation:bpBounce var(--d) ease-in-out var(--dl) infinite}.rec{width:84px;height:84px;margin-top:16px;position:relative}.rec__pulse{background:var(--pink);border-radius:50%;position:absolute;inset:0}.screen.is-active .rec__pulse{animation:1.6s ease-out infinite bpPulse}.rec__btn{background:var(--indigo);border-radius:50%;place-items:center;display:grid;position:absolute;inset:0}.rec__btn i{background:#fff;border-radius:7px;width:26px;height:26px}.phone.is-offscreen *,.phone.is-offscreen{animation-play-state:paused!important}.tbox{min-height:112px;position:relative}.tballs{justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;top:20px;left:0;right:0}.tballs>span{opacity:0;display:block}.tballs>span>i{border-radius:50%;display:block}.tline{white-space:nowrap;font-size:13px;line-height:1.75}.screen.is-active .tballs>span{animation:bpSettle .45s ease-in var(--sd) both}.screen.is-active .tballs>span>i{animation:bpBounce .55s ease-in-out var(--bd) 3}.screen.is-active .tline{animation:bpWipe .5s ease-out var(--ld) both}.seg{background:#fff;border-radius:999px;padding:4px;display:flex}.seg span{height:30px;color:var(--indigo-dark);border-radius:999px;flex:1;place-items:center;font-size:12px;font-weight:600;display:grid}.seg .on{background:var(--indigo);color:#fff}.draft-tag{background:var(--sunshine);border-radius:999px;align-self:flex-start;padding:4px 10px;font-size:11px;font-weight:600}.rep h4{font:800 15px var(--font-head);color:var(--indigo);margin:0}.rep h5{color:var(--indigo-dark);margin:8px 0 0;font-size:11px;font-weight:600}.rep p{margin:0;font-size:12px;line-height:1.5}.share-row{background:#fff;border-radius:14px;align-items:center;gap:10px;padding:11px 12px;display:flex}.share-row div{flex:1;min-width:0}.share-row b{font-size:13px;font-weight:600;display:block}.share-row small{color:#5d5e78;font-size:11px;display:block}.toggle{background:#d9d8c8;border-radius:999px;justify-content:flex-start;width:38px;height:22px;padding:3px;display:flex}.toggle.on{background:var(--indigo);justify-content:flex-end}.toggle i{background:#fff;border-radius:50%;width:16px;height:16px}.today{color:#5d5e78;background:#efeedd;border-radius:999px;align-self:center;padding:3px 10px;font-size:10px;font-weight:600}.brow{display:flex}.brow.me{justify-content:flex-end}.bubble{max-width:78%;color:var(--ink);transform-origin:0 100%;background:#fff;border-radius:16px 16px 16px 6px;padding:9px 12px;font-size:12.5px;line-height:1.45;box-shadow:0 1px 3px #4548751f}.brow.me .bubble{background:var(--indigo);color:#fff;transform-origin:100% 100%;border-radius:16px 16px 6px}.screen.is-active .bubble{animation:bpPop .42s cubic-bezier(.3, 1.4, .5, 1) var(--bl) both}.composer{align-items:center;gap:6px;margin-top:auto;display:flex}.composer span:first-child{color:#5d5e78;background:#fff;border-radius:999px;flex:1;align-items:center;height:40px;padding:0 14px;font-size:12px;display:flex}.composer .send{background:var(--indigo);border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.composer .send i{border-top:6px solid #0000;border-bottom:6px solid #0000;border-left:10px solid #fff;width:0;height:0;margin-left:3px}@keyframes bpBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}@keyframes bpSettle{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.2)}}@keyframes bpWipe{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes bpPop{0%{opacity:0;transform:scale(.4)}70%{opacity:1;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes bpIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes bpPulse{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.7)}}
