@keyframes rise{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:none}}@keyframes pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}.rise{animation:.7s cubic-bezier(.2,.7,.2,1) both rise}.pop{animation:.6s cubic-bezier(.2,.7,.2,1) both pop}.hero{background:var(--ink);color:var(--on-dark);position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(900px 600px at 78% 40%,#5b3db88c,#0000 60%),radial-gradient(600px 400px at 10% 100%,#e8b53a1f,#0000 60%);position:absolute;inset:0}.hero:after{content:"";opacity:.35;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)' opacity='.5'/></svg>");position:absolute;inset:0}.hero>*{z-index:1;position:relative}.hero-h{font-family:var(--display);letter-spacing:-.04em;font-size:104px;font-weight:800;line-height:100px}.hero-h .em{color:var(--accent-on-dark)}.hero-line{background:var(--line-on-dark);height:1px;position:absolute;bottom:0;left:0;right:0}.chip-w{border:1px solid var(--line-on-dark-strong);color:#ffffffd9;background:#ffffff0f;border-radius:999px;align-items:center;gap:8px;width:fit-content;height:36px;padding:0 12px 0 8px;font-size:14px;font-weight:600;display:inline-flex}.chip-w svg{color:var(--star)}.hero .btn-hero-ghost{border-color:#ffffff47}.hero .btn-hero-ghost:hover{border-color:var(--on-dark)}.hero-dot{background:#ffffff4d;border-radius:999px;flex:none;align-self:center;width:4px;height:4px}.scene{width:560px;height:720px;animation:11s linear 2 sceneFade;position:relative}.scene .sc{animation-duration:11s;animation-timing-function:cubic-bezier(.2,.7,.2,1);animation-iteration-count:3;animation-fill-mode:forwards;position:absolute}.sc-card{background:var(--white);color:var(--ink);border:1px solid var(--line);border-radius:16px;box-shadow:0 24px 48px -16px #00000080}.sc-send{z-index:3;flex-direction:column;gap:12px;width:296px;padding:20px;animation-name:sendCard;display:flex;top:24px;left:0}.sc-input{border:1px solid var(--accent);height:48px;box-shadow:0 0 0 3px var(--accent-soft);letter-spacing:.02em;border-radius:12px;align-items:center;padding:0 14px;font-size:18px;display:flex}.sc-typed{white-space:nowrap;vertical-align:bottom;animation:11s steps(12,end) 3 forwards typing;display:inline-block;overflow:hidden}.sc-caret{background:var(--accent);vertical-align:bottom;width:2px;height:22px;margin-left:2px;animation:11s 3 forwards caret;display:inline-block}.sc-btn{background:var(--accent);height:44px;color:var(--white);border-radius:12px;justify-content:center;align-items:center;gap:8px;font-size:15px;font-weight:600;animation:11s 3 forwards press;display:flex}.sc-phone{z-index:2;animation-name:phoneIn;top:184px;left:168px}.sc-phone-body{width:336px;color:var(--on-dark);background:#1e1c17;border:1px solid #ffffff1f;border-radius:32px;flex-direction:column;gap:16px;padding:24px 16px;display:flex;box-shadow:0 32px 64px -24px #0009}.sc-phone-time{text-align:center;color:#ffffff80}.sc-msg{max-width:88%;color:var(--on-dark);background:#2c2a24;border-radius:20px 20px 20px 4px;padding:12px 16px;font-size:16px;line-height:24px}.sc-msg a{color:var(--accent-on-dark);text-decoration:underline}.sc-bubble{transform-origin:0 100%;animation:11s 3 forwards bubble}.sc-ripple{border:2px solid var(--accent-on-dark);z-index:4;pointer-events:none;border-radius:999px;width:28px;height:28px;animation-name:ripple;position:absolute;top:398px;left:206px}.sc-sent{z-index:4;animation-name:toastSent;top:104px;right:0}.sc-review{z-index:5;flex-direction:column;gap:12px;width:280px;padding:20px;animation-name:review;display:flex;bottom:96px;right:0}.sc-review .st{fill:#d9d5cc;animation-duration:11s;animation-iteration-count:3;animation-fill-mode:forwards}.sc-review .st1{animation-name:star1}.sc-review .st2{animation-name:star2}.sc-review .st3{animation-name:star3}.sc-review .st4{animation-name:star4}.sc-review .st5{animation-name:star5}.sc-open{z-index:6;animation-name:toastOpen;bottom:16px;left:16px}.toast{white-space:nowrap;align-items:center;gap:12px;padding:12px 16px 12px 12px;display:flex}.toast .ic{background:var(--accent-soft);width:36px;height:36px;color:var(--accent-ink);border-radius:999px;flex:none;place-items:center;display:grid}.steps{gap:24px;width:560px;display:flex}.step{flex-direction:column;flex:1;gap:12px;display:flex}.step .bar{background:var(--line-on-dark-strong);border-radius:2px;height:2px;overflow:hidden}.step .bar i{background:var(--accent-on-dark);transform-origin:0;width:100%;height:100%;animation:11s linear 3 forwards bar;display:block;transform:scaleX(0)}.step span{letter-spacing:.08em;text-transform:uppercase;color:#ffffff73;font-size:13px;font-weight:700;animation:11s 3 forwards lbl}.step-1 i{animation-delay:0s}.step-2 i{animation-delay:3.85s}.step-3 i{animation-delay:7.7s}.step-1 span{animation-delay:0s}.step-2 span{animation-delay:3.85s}.step-3 span{animation-delay:7.7s}@keyframes sendCard{0%{opacity:0;transform:translateY(24px)}4%,30%{opacity:1;transform:none}36%,to{opacity:.5;transform:translateY(0)scale(.96)}}@keyframes typing{0%,4%{width:0}20%,to{width:12ch}}@keyframes caret{0%,24%{opacity:1}25%,to{opacity:0}}@keyframes press{0%,24%{background:var(--accent);transform:none}26%{background:var(--accent-ink);transform:scale(.96)}28%,to{background:var(--accent-ink);transform:none}}@keyframes phoneIn{0%,22%{opacity:0;transform:translateY(32px)}30%,to{opacity:1;transform:none}}@keyframes bubble{0%,31%{opacity:0;transform:scale(.85)}35%,to{opacity:1;transform:none}}@keyframes toastSent{0%,33%{opacity:0;transform:translate(16px)}37%,to{opacity:1;transform:none}}@keyframes ripple{0%,44%{opacity:0;transform:scale(.4)}46%{opacity:1;transform:scale(.6)}52%{opacity:0;transform:scale(2.4)}to{opacity:0}}@keyframes review{0%,50%{opacity:0;transform:translateY(24px)scale(.95)}55%,to{opacity:1;transform:none}}@keyframes star1{0%,57%{fill:#d9d5cc}60%,to{fill:var(--star)}}@keyframes star2{0%,60%{fill:#d9d5cc}63%,to{fill:var(--star)}}@keyframes star3{0%,63%{fill:#d9d5cc}66%,to{fill:var(--star)}}@keyframes star4{0%,66%{fill:#d9d5cc}69%,to{fill:var(--star)}}@keyframes star5{0%,69%{fill:#d9d5cc}72%,to{fill:var(--star)}}@keyframes toastOpen{0%,76%{opacity:0;transform:translateY(16px)}80%,to{opacity:1;transform:none}}@keyframes bar{0%{transform:scaleX(0)}35%{transform:scaleX(1)}35.01%,to{opacity:.35;transform:scaleX(1)}}@keyframes lbl{0%,35%{color:var(--on-dark)}36%,to{color:#ffffff73}}.ticker{white-space:nowrap;width:100%;-webkit-mask-image:linear-gradient(90deg, transparent, var(--ink) 12%, var(--ink) 88%, transparent);-webkit-mask-image:linear-gradient(90deg, transparent, var(--ink) 12%, var(--ink) 88%, transparent);mask-image:linear-gradient(90deg, transparent, var(--ink) 12%, var(--ink) 88%, transparent);overflow:hidden}.ticker-track{gap:0;animation:40s linear infinite ticker;display:inline-flex}.ticker-item{font-family:var(--display);letter-spacing:-.02em;color:var(--ink-2);align-items:center;gap:32px;padding-right:32px;font-size:32px;font-weight:500;line-height:40px;display:inline-flex}.ticker-item svg{color:var(--star);flex:none}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes sceneFade{0%,93%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.scene,.scene .sc,.sc-typed,.sc-caret,.sc-btn,.sc-bubble,.sc-review .st,.step .bar i,.step span,.ticker-track,.rise,.pop{animation:none!important}.sc-typed{width:12ch}.sc-caret{opacity:0}.sc-btn{background:var(--accent-ink)}.sc-send{opacity:.5;transform:scale(.96)}.sc-ripple{opacity:0}.sc-review .st{fill:var(--star)}.step .bar i{opacity:.35;transform:scaleX(1)}}
