: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,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none;display:grid}.step{background:var(--paper);border-radius:var(--r-lg);box-shadow:var(--shadow-soft);border:1px solid var(--hairline);flex-direction:column;padding:28px 24px;display:flex;position:relative;overflow:hidden}.step:after{content:"";background:var(--c);height:5px;position:absolute;inset:0 0 auto}.step__header{letter-spacing:.1em;color:var(--ink-soft);align-items:center;gap:12px;margin-bottom:22px;font-size:11px;font-weight:700;display:flex}.step__no{font-family:var(--font-display);letter-spacing:0;width:42px;height:42px;color:var(--ink);background:color-mix(in srgb, var(--c) 30%, white);border-radius:14px;place-items:center;font-size:20px;font-weight:600;display:grid}.step__viz{background:color-mix(in srgb, var(--c) 10%, var(--cream));border-radius:20px;align-items:center;min-height:220px;margin-bottom:26px;padding:14px;display:flex}.step h3{margin-bottom:12px;font-size:26px;line-height:1.12}.step p{color:var(--ink-soft);margin-bottom:20px;font-size:14.5px}.step__tag{font-family:var(--font-display);color:var(--ink);background:color-mix(in srgb, var(--c) 15%, white);border-radius:100px;align-self:flex-start;margin-top:auto;padding:6px 12px;font-size:13px;font-weight:500}.step-preview{background:var(--paper);width:100%;min-width:0;min-height:184px;box-shadow:var(--shadow-soft);border-radius:14px;padding:14px;font-size:11px}.step-preview__bar{color:var(--ink-soft);align-items:center;gap:6px;margin-bottom:15px;font-size:10px;display:flex}.preview-dot{background:var(--c);border-radius:50%;flex:0 0 6px;height:6px}.step-preview>strong{font-family:var(--font-display);font-size:17px;font-weight:500;display:block}.preview-record{align-items:center;gap:10px;margin-block:14px;font-weight:600;display:flex}.preview-record__button{background:var(--pink);color:#fff;border-radius:50%;flex:0 0 38px;place-items:center;height:38px;font-size:20px;display:grid}.step-preview small{color:var(--ink-soft);margin-top:2px;font-size:10px;font-weight:400;display:block}.preview-devices{border-top:1px solid var(--hairline);color:var(--ink-soft);align-items:center;gap:8px;padding-top:10px;font-size:9px;display:flex}.preview-devices svg{width:18px;height:18px}.preview-devices span{margin-left:auto}.preview-wave{justify-content:center;align-items:center;gap:5px;height:42px;margin-bottom:12px;display:flex}.preview-wave i{background:var(--green);border-radius:5px;width:5px}.preview-line{border-top:1px solid var(--hairline);grid-template-columns:38px 1fr;gap:6px;padding-block:6px;font-size:10px;display:grid}.preview-line b{color:var(--ink-soft)}.preview-summary{background:var(--cream-2);border-radius:8px;gap:3px;margin-block:10px;padding:9px 10px;display:grid}.preview-summary>span{letter-spacing:.08em;color:var(--ink-soft);font-size:8px}.preview-summary b{font-weight:600}.preview-task{align-items:center;gap:9px;display:flex}.preview-task>span:first-child{background:color-mix(in srgb, var(--green) 18%, white);width:20px;height:20px;color:var(--ink);border-radius:6px;place-items:center;display:grid}.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}.download{scroll-margin-top:100px}.cta{background:var(--ink);border-radius:var(--r-xl);text-align:center;color:#fff;box-shadow:var(--shadow-card);padding:clamp(32px,5vw,64px);position:relative;overflow:hidden}.download__intro{max-width:640px;margin-inline:auto}.download__intro .eyebrow{color:var(--cream);box-shadow:none;background:#ffffff17}.cta h2{color:var(--cream);margin-top:22px;font-size:clamp(34px,5vw,58px)}.download__intro p{color:#d7cbd9;max-width:32em;margin:20px auto 0;font-size:17px}.downloads{text-align:left;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:38px;display:grid}.download-card{min-width:0;color:var(--ink);background:var(--cream);border-top:4px solid var(--c);border-radius:24px;flex-direction:column;padding:24px 20px;display:flex}.download-card__top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:24px;display:flex}.download-card__icon{background:color-mix(in srgb, var(--c) 22%, var(--cream));border-radius:18px;place-items:center;width:54px;height:54px;display:grid}.download-card__system{color:var(--ink-soft);font-size:11px;font-weight:600}.download-card h3{font-size:27px}.download-card p{color:var(--ink-soft);margin:12px 0 26px;font-size:13px;line-height:1.65}.download-card .btn{white-space:normal;text-align:center;justify-content:center;gap:7px;margin-top:auto;padding:14px 10px;font-size:15px}.download-card__store{text-align:center;color:var(--ink-soft);margin-top:18px;font-size:10px;display:block}.cta .cta__fine{color:#e8dfea;margin-top:28px;font-size:13px}.download__watch-note{color:#c5b6c9;max-width:560px;margin:9px auto 0;font-size:12px}.hero__platforms{color:var(--ink-soft);margin-top:18px;font-size:13px}.hero__platforms span{padding-inline:5px}a:focus-visible{outline:3px solid var(--pink-ink);outline-offset:6px}.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{grid-template-columns:1fr;max-width:560px;margin-inline:auto}.step__viz{min-height:220px}.step-preview{max-width:320px;margin-inline:auto}.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}}@media (max-width:760px){.downloads{grid-template-columns:1fr;max-width:400px;margin-inline:auto}.download-card{padding:24px}.download-card__top{margin-bottom:18px}}@media (max-width:560px){.nav__signin{display:none}.nav__right .btn{padding:12px 16px;font-size:15px}.brand{gap:7px;font-size:21px}.brand__mark{width:32px;height:32px}.cta{border-radius:28px;padding:32px 18px}.download__intro .eyebrow{font-size:12px}.hero__platforms{text-align:center}}