:root{--pink:#ff5c8a;--pink-ink:#e13c6e;--yellow:#ffc83d;--yellow-ink:#f0a500;--green:#34c77b;--green-ink:#1fa862;--cream:#fffdf8;--cream-2:#fff6e9;--paper:#fff;--ink:#2a1b2e;--ink-soft:#6e5c72;--ink-faint:#a395a7;--ring:#2a1b2e1a;--hairline:#2a1b2e14;--r-sm:14px;--r-md:22px;--r-lg:32px;--r-xl:44px;--shadow-card:0 24px 60px -24px #2a1b2e38;--shadow-soft:0 12px 30px -16px #2a1b2e33;--maxw:1200px;--font-display:"Fredoka", system-ui, sans-serif;--font-body:"Plus Jakarta Sans", system-ui, sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--ink);background:var(--cream);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em;text-wrap:balance;margin:0;font-weight:600;line-height:1.02}p{margin:0}a{color:inherit;text-decoration:none}.wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:28px}.section{padding-block:clamp(72px,11vw,140px);position:relative}.btn{--b:var(--pink);--bi:var(--pink-ink);font-family:var(--font-display);letter-spacing:-.01em;cursor:pointer;color:#fff;background:var(--b);box-shadow:0 5px 0 0 var(--bi), var(--shadow-soft);white-space:nowrap;border:none;border-radius:100px;align-items:center;gap:9px;padding:15px 26px;font-size:17px;font-weight:600;transition:transform .12s,box-shadow .12s,background .2s;display:inline-flex}.btn:hover{box-shadow:0 7px 0 0 var(--bi), var(--shadow-soft);transform:translateY(-2px)}.btn:active{box-shadow:0 2px 0 0 var(--bi);transform:translateY(3px)}.btn--ghost{color:var(--ink);background:var(--paper);box-shadow:0 5px 0 0 var(--ring), inset 0 0 0 2px var(--hairline)}.btn--ghost:hover{box-shadow:0 7px 0 0 var(--ring), inset 0 0 0 2px var(--hairline)}.btn--ghost:active{box-shadow:0 2px 0 0 var(--ring), inset 0 0 0 2px var(--hairline)}.btn--yellow{--b:var(--yellow);--bi:var(--yellow-ink);color:var(--ink)}.btn--lg{padding:18px 32px;font-size:19px}.eyebrow{font-family:var(--font-display);letter-spacing:.02em;background:var(--paper);box-shadow:inset 0 0 0 2px var(--hairline);color:var(--ink-soft);border-radius:100px;align-items:center;gap:8px;padding:7px 14px 7px 11px;font-size:14px;font-weight:500;display:inline-flex}.eyebrow .dot{background:var(--green);border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 4px #34c77b2e}.nav{z-index:50;background:color-mix(in srgb, var(--cream) 82%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #0000;transition:border-color .2s,background .2s;position:sticky;top:0}.nav.is-stuck{border-color:var(--hairline)}.nav__in{justify-content:space-between;align-items:center;height:76px;display:flex}.brand{font-family:var(--font-display);letter-spacing:-.02em;align-items:center;gap:11px;font-size:23px;font-weight:600;display:flex}.brand__mark{width:38px;height:38px;display:block}.brand b{font-weight:600}.brand i{color:var(--pink-ink);font-style:normal}.nav__links{align-items:center;gap:34px;display:flex}.nav__links a{color:var(--ink-soft);font-size:15.5px;font-weight:500;transition:color .15s}.nav__links a:hover{color:var(--ink)}.nav__right{align-items:center;gap:18px;display:flex}.nav__signin{font-family:var(--font-display);color:var(--ink);white-space:nowrap;font-size:16px;font-weight:500}.hero{padding-top:clamp(40px,6vw,76px);padding-bottom:clamp(60px,8vw,110px);position:relative;overflow:hidden}.hero__grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(32px,5vw,72px);display:grid}.hero h1{font-size:clamp(44px,6.4vw,84px);font-weight:600}.hero h1 .hl{white-space:nowrap;color:var(--pink-ink);position:relative}.hero h1 .hl svg{width:104%;height:.4em;position:absolute;bottom:-.18em;left:-2%}.hero__sub{color:var(--ink-soft);max-width:30em;margin-top:26px;font-size:clamp(17px,1.4vw,20px);line-height:1.55}.hero__cta{flex-wrap:wrap;align-items:center;gap:16px;margin-top:34px;display:flex}.hero__trust{color:var(--ink-soft);align-items:center;gap:13px;margin-top:30px;font-size:14.5px;display:flex}.avatars{display:flex}.avatars span{width:32px;height:32px;box-shadow:0 0 0 3px var(--cream);background-size:cover;border-radius:50%;margin-left:-9px}.avatars span:first-child{margin-left:0}.stars{color:var(--yellow-ink);letter-spacing:2px;font-size:13px}.hero__visual{position:relative}.hero__card{background:var(--paper);border-radius:var(--r-lg);box-shadow:var(--shadow-card);z-index:2;padding:22px;position:relative}.recbar{border-bottom:1px solid var(--hairline);align-items:center;gap:12px;padding-bottom:16px;display:flex}.recdot{background:var(--pink);border-radius:50%;width:11px;height:11px;animation:1.8s infinite pulse;box-shadow:0 0 #ff5c8a80}@keyframes pulse{0%{box-shadow:0 0 #ff5c8a73}70%{box-shadow:0 0 0 9px #ff5c8a00}to{box-shadow:0 0 #ff5c8a00}}.recbar__title{font-family:var(--font-display);font-size:15.5px;font-weight:500}.recbar__time{font-variant-numeric:tabular-nums;color:var(--ink-soft);font-size:14px;font-weight:600;font-family:var(--font-display);margin-left:auto}.wave{align-items:center;gap:4px;height:64px;padding:16px 4px 12px;display:flex}.wave i{background:linear-gradient(var(--pink), var(--yellow));transform-origin:50%;border-radius:100px;flex:1;height:28%;animation:1.1s ease-in-out infinite wv}@keyframes wv{0%,to{transform:scaleY(.28)}50%{transform:scaleY(1)}}.transcript{min-height:138px;padding:6px 4px 4px}.tline{opacity:0;gap:11px;margin-bottom:14px;display:flex;transform:translateY(6px)}.tline.show{opacity:1;transition:all .4s;transform:none}.tline .who{width:30px;height:30px;font-family:var(--font-display);color:#fff;border-radius:50%;flex:none;place-items:center;font-size:13px;font-weight:600;display:grid}.tline .txt{color:var(--ink);padding-top:3px;font-size:14.5px;line-height:1.45}.tline .txt b{font-family:var(--font-display);color:var(--ink-soft);margin-bottom:1px;font-size:13px;font-weight:600;display:block}.caret{background:var(--pink);vertical-align:-2px;width:2px;height:1em;margin-left:2px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.chip-float{background:var(--paper);box-shadow:var(--shadow-soft);font-family:var(--font-display);z-index:3;border-radius:100px;align-items:center;gap:9px;padding:10px 16px 10px 12px;font-size:14px;font-weight:500;display:flex;position:absolute}.chip-float .ic{border-radius:9px;flex:none;place-items:center;width:26px;height:26px;display:grid}.chip-float--a{animation:5s ease-in-out infinite bob;top:-26px;right:26px;transform:rotate(4deg)}.chip-float--b{animation:6s ease-in-out .6s infinite bob;bottom:38px;left:-44px;transform:rotate(-5deg)}@keyframes bob{0%,to{translate:0}50%{translate:0 -10px}}.hero__mascot{z-index:4;width:132px;height:132px;animation:4.5s ease-in-out infinite bob;position:absolute;bottom:-36px;right:-34px}.blob{filter:blur(8px);opacity:.5;z-index:0;pointer-events:none;border-radius:50%;position:absolute}.blob--1{background:radial-gradient(circle at 30% 30%,#ffe08a,#0000 70%);width:360px;height:360px;top:-120px;right:-80px}.blob--2{background:radial-gradient(circle at 30% 30%,#ffb6ce,#0000 70%);width:300px;height:300px;bottom:-120px;left:-120px}.blob--3{background:radial-gradient(circle at 30% 30%,#a9ecc8,#0000 70%);width:260px;height:260px;top:40%;left:42%}.confetti{z-index:1;pointer-events:none;position:absolute;inset:0}.confetti span{opacity:.9;font-size:22px;animation:7s ease-in-out infinite bob;position:absolute}.strip{border-block:1px solid var(--hairline);background:var(--cream-2);padding-block:30px}.strip__in{flex-wrap:wrap;justify-content:center;align-items:center;gap:40px;display:flex}.strip__lbl{font-family:var(--font-display);color:var(--ink-faint);letter-spacing:.04em;text-transform:uppercase;font-size:14px;font-weight:500}.strip__logos{flex-wrap:wrap;align-items:center;gap:34px;display:flex}.logo-word{font-family:var(--font-display);color:var(--ink-faint);opacity:.8;align-items:center;gap:8px;font-size:19px;font-weight:600;transition:opacity .2s,color .2s;display:flex}.logo-word:hover{opacity:1;color:var(--ink-soft)}.logo-word .glyph{border-radius:5px;width:18px;height:18px;display:inline-block}.shead{text-align:center;margin-inline:auto;max-width:720px;margin-bottom:clamp(44px,6vw,72px)}.shead h2{font-size:clamp(34px,4.6vw,58px)}.shead p{color:var(--ink-soft);margin-top:18px;font-size:clamp(16px,1.3vw,19px)}.how{background:linear-gradient(180deg, var(--cream) 0%, var(--cream-2) 100%)}.steps{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.step{background:var(--paper);border-radius:var(--r-lg);box-shadow:var(--shadow-soft);padding:32px 28px 30px;position:relative;overflow:hidden}.step:after{content:"";background:var(--c,var(--pink));height:6px;position:absolute;inset:0 0 auto}.step__no{font-family:var(--font-display);color:#fff;background:var(--c,var(--pink));width:40px;height:40px;box-shadow:0 6px 14px -4px var(--c,var(--pink));border-radius:13px;place-items:center;margin-bottom:56px;font-size:15px;font-weight:600;display:grid}.step__viz{place-items:center;height:120px;margin-bottom:22px;display:grid}.step h3{margin-bottom:9px;font-size:25px}.step p{color:var(--ink-soft);font-size:15.5px}.step__tag{font-family:var(--font-display);color:var(--c);background:color-mix(in srgb, var(--c) 12%, white);border-radius:100px;margin-top:16px;padding:5px 12px;font-size:13px;font-weight:500;display:inline-block}.viz-record{align-items:center;gap:5px;display:flex}.viz-record i{background:var(--green);border-radius:100px;width:6px;height:40%;animation:1s ease-in-out infinite wv}.viz-plug{gap:10px;display:flex}.viz-plug .b{width:46px;height:46px;box-shadow:var(--shadow-soft);background:#fff;border-radius:14px;place-items:center;display:grid}.viz-doc{width:130px;box-shadow:var(--shadow-soft);background:#fff;border-radius:14px;padding:14px}.viz-doc .ln{background:var(--hairline);border-radius:100px;height:7px;margin-bottom:7px}.viz-doc .ln.c{background:color-mix(in srgb, var(--green) 45%, white);width:60%}.feat{flex-direction:column;gap:clamp(28px,5vw,56px);display:flex}.fcard{background:var(--paper);border-radius:var(--r-xl);box-shadow:var(--shadow-card);grid-template-columns:1fr 1.1fr;align-items:center;gap:clamp(28px,5vw,64px);padding:clamp(30px,4vw,56px);display:grid;overflow:hidden}.fcard:nth-child(2n) .fcard__text{order:2}.fcard__badge{font-family:var(--font-display);background:color-mix(in srgb, var(--c) 13%, white);color:var(--c);border-radius:100px;align-items:center;gap:8px;margin-bottom:18px;padding:7px 14px;font-size:14px;font-weight:500;display:inline-flex}.fcard h3{margin-bottom:14px;font-size:clamp(26px,3vw,38px)}.fcard p{color:var(--ink-soft);max-width:30em;font-size:16.5px}.fcard__list{flex-direction:column;gap:12px;margin:22px 0 0;padding:0;list-style:none;display:flex}.fcard__list li{align-items:center;gap:11px;font-size:15.5px;font-weight:500;display:flex}.fcard__list .tick{background:var(--c);color:#fff;border-radius:8px;flex:none;place-items:center;width:24px;height:24px;display:grid}.fcard__viz{place-items:center;min-height:280px;display:grid;position:relative}.demo{background:var(--cream);border-radius:var(--r-md);width:100%;max-width:420px;box-shadow:inset 0 0 0 1px var(--hairline);padding:20px}.demo__bar{align-items:center;gap:7px;margin-bottom:16px;display:flex}.demo__bar .d{border-radius:50%;width:10px;height:10px}.demo__bar .t{font-family:var(--font-display);color:var(--ink-faint);margin-left:auto;font-size:12.5px;font-weight:500}.demo .wave{height:44px;padding:6px 0 14px}.demo .tline{opacity:1;margin-bottom:12px;transform:none}.summary{background:var(--paper);border-radius:var(--r-md);width:100%;max-width:420px;box-shadow:var(--shadow-card);padding:22px}.summary__h{align-items:center;gap:10px;margin-bottom:16px;display:flex}.summary__h .ico{background:var(--yellow);border-radius:11px;place-items:center;width:34px;height:34px;display:grid}.summary__h b{font-family:var(--font-display);font-size:16px;font-weight:600}.summary__sec{font-family:var(--font-display);color:var(--ink-faint);text-transform:uppercase;letter-spacing:.04em;margin:14px 0 8px;font-size:13px;font-weight:500}.summary p{color:var(--ink-soft);margin-bottom:8px;font-size:14.5px}.todo{border-top:1px solid var(--hairline);align-items:flex-start;gap:10px;padding:9px 0;display:flex}.todo .box{border-radius:7px;flex:none;place-items:center;width:21px;height:21px;margin-top:1px;display:grid}.todo.done .box{background:var(--green);color:#fff}.todo.open .box{box-shadow:inset 0 0 0 2px var(--ring)}.todo .lbl{font-size:14.5px}.todo.done .lbl{color:var(--ink-faint);text-decoration:line-through}.todo .own{font-size:12px;font-family:var(--font-display);color:var(--ink-faint);flex:none;margin-left:auto;font-weight:500}.intg{grid-template-columns:repeat(3,1fr);gap:16px;width:100%;max-width:420px;display:grid}.intg__cell{aspect-ratio:1;background:var(--paper);border-radius:var(--r-md);box-shadow:var(--shadow-soft);text-align:center;grid-template-rows:1fr auto;place-items:center;gap:8px;padding:16px;transition:transform .15s;display:grid}.intg__cell:hover{transform:translateY(-4px)rotate(-1.5deg)}.intg__cell .blk{border-radius:14px;align-self:end;place-items:center;width:46px;height:46px;display:grid}.intg__cell .nm{font-family:var(--font-display);color:var(--ink-soft);font-size:13.5px;font-weight:500}.intg__cell.more{background:color-mix(in srgb, var(--green) 12%, white);box-shadow:none}.cta{background:var(--ink);border-radius:var(--r-xl);text-align:center;color:#fff;box-shadow:var(--shadow-card);padding:clamp(48px,7vw,92px);position:relative;overflow:hidden}.cta h2{color:#fff;font-size:clamp(34px,5vw,62px)}.cta p{color:#ffffffbd;margin-top:18px;max-width:30em;margin-inline:auto;font-size:18px}.cta__cta{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:34px;display:flex}.cta__fine{color:#ffffff80;margin-top:18px;font-size:14px}.cta .blob{opacity:.42;filter:blur(20px)}.cta__mascot{opacity:.96;z-index:2;width:120px;animation:5s ease-in-out infinite bob;position:absolute;bottom:-10px;right:6%}.foot{padding-block:60px 40px}.foot__top{border-bottom:1px solid var(--hairline);flex-wrap:wrap;justify-content:space-between;gap:40px;padding-bottom:40px;display:flex}.foot__brand{max-width:280px}.foot__brand p{color:var(--ink-soft);margin-top:14px;font-size:14.5px}.foot__cols{flex-wrap:wrap;gap:64px;display:flex}.foot__col h5{font-family:var(--font-display);color:var(--ink);margin:0 0 14px;font-size:14px;font-weight:600}.foot__col a{color:var(--ink-soft);margin-bottom:10px;font-size:14.5px;transition:color .15s;display:block}.foot__col a:hover{color:var(--pink-ink)}.foot__bottom{color:var(--ink-faint);flex-wrap:wrap;justify-content:space-between;gap:20px;padding-top:26px;font-size:13.5px;display:flex}.reveal{opacity:0;transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);transform:translateY(22px)}.reveal.in{opacity:1;transform:none}.reveal.d1{transition-delay:80ms}.reveal.d2{transition-delay:.16s}.reveal.d3{transition-delay:.24s}@media (prefers-reduced-motion:reduce){*{animation:none!important}.reveal{opacity:1;transform:none}}@media (max-width:940px){.hero__grid{grid-template-columns:1fr}.hero__visual{width:100%;max-width:480px;margin-inline:auto}.nav__links{display:none}.steps,.fcard{grid-template-columns:1fr}.fcard:nth-child(2n) .fcard__text{order:0}.fcard__viz{order:1!important}.chip-float--b{left:-10px}}@media (max-width:560px){.wrap{padding-inline:20px}.hero__cta{flex-direction:column;align-items:stretch}.hero__cta .btn{justify-content:center}.chip-float{display:none}.foot__top{flex-direction:column}}