.home-phone-demo{justify-content:center;align-items:flex-start;gap:1rem;width:100%;max-width:25rem;display:flex}.home-phone{aspect-ratio:390/844;background:#fcfaf6;border:6px solid #292521;border-radius:2.1rem;flex:1 1 0;min-width:0;position:relative;overflow:hidden;box-shadow:0 16px 30px #231b1524}.home-phone-video{margin-top:2.5rem}.home-phone-screen{color:#292521;background:#fffefa;height:100%;padding:7% 7% 0;font-family:Arial,sans-serif;position:relative;overflow:hidden}.home-phone-status{justify-content:space-between;font-size:clamp(6px,.58vw,9px);font-weight:700;display:flex}.home-phone-brand{letter-spacing:-.06em;margin-top:11%;font-size:clamp(10px,1.05vw,16px);font-weight:800}.home-phone-brand span:last-child{color:#fc5728}.home-phone-brand-mark{color:#fc5728;margin-right:2px}.home-phone-hello{margin-top:19%;font-size:clamp(9px,.8vw,12px);font-weight:700}.home-phone-title{letter-spacing:-.04em;margin-top:4%;font-size:clamp(11px,1.12vw,17px);font-weight:800;line-height:1.16}.home-phone-prompt-box{background:#fff;border:1px solid #eadfd5;border-radius:12px;height:27%;margin-top:12%;padding:9%;box-shadow:0 6px 16px #4630220f}.home-phone-field-label{color:#a58e80;letter-spacing:.12em;font-size:clamp(6px,.55vw,8px);font-weight:800}.home-phone-typed{margin-top:9%;font-size:clamp(9px,.82vw,13px);font-weight:600;line-height:1.35}.home-phone-typed span{white-space:nowrap;width:0;display:block;overflow:hidden}.home-phone-typed span:first-child{animation:12s steps(19,end) infinite home-phone-type-one}.home-phone-typed span:nth-child(2){animation:12s steps(17,end) infinite home-phone-type-two}.home-phone-typed span:nth-child(3){animation:12s steps(9,end) infinite home-phone-type-three}.home-phone-typed i{vertical-align:-2px;background:#fc5728;width:1px;height:1em;margin-left:2px;animation:.7s step-end infinite home-phone-cursor;display:inline-block}.home-phone-prompt-options{color:#88776f;justify-content:space-between;margin-top:9%;font-size:clamp(6px,.56vw,9px);display:flex}.home-phone-create{color:#fff;background:#fc5728;border-radius:9px;justify-content:space-between;align-items:center;margin-top:10%;padding:8% 9%;font-size:clamp(7px,.72vw,11px);font-weight:800;animation:12s infinite home-phone-button;display:flex}.home-phone-create span{font-size:1.4em}.home-phone-story{opacity:0;background:#fff8eb;border:1px solid #f5e6cc;border-radius:10px;align-items:center;gap:8%;margin-top:15%;padding:7%;animation:12s infinite home-phone-story;display:flex}.home-phone-story-icon{aspect-ratio:1;color:#df6b24;background:#ffddb4;border-radius:8px;flex:0 0 24%;place-items:center;display:grid}.home-phone-story strong,.home-phone-story small{font-size:clamp(6px,.6vw,9px);line-height:1.35;display:block}.home-phone-story small{color:#a58e80;font-size:clamp(5px,.52vw,8px)}.home-phone-bottom{color:#8b817b;text-align:center;background:#fffefa;border-top:1px solid #f1e9e2;justify-content:space-around;padding:4% 1% 6%;font-size:clamp(9px,.9vw,14px);display:flex;position:absolute;bottom:0;left:0;right:0}.home-phone-bottom span{flex-direction:column;gap:1px;display:flex}.home-phone-bottom small{font-size:clamp(5px,.5vw,8px)}.home-phone-bottom span:nth-child(3){color:#fc5728}.home-phone-video-heading{letter-spacing:-.04em;margin-top:18%;font-size:clamp(11px,1.05vw,16px);font-weight:800}.home-phone-video-subtitle{color:#968980;margin-top:3%;font-size:clamp(6px,.59vw,9px)}.home-phone-canvas{background:#fff;border:1px solid #ebdfd4;border-radius:12px;margin-top:15%;padding:7% 7% 9%;position:relative;box-shadow:0 8px 22px #4630220f}.home-phone-canvas-label{color:#b0a29a;letter-spacing:.1em;font-size:clamp(5px,.5vw,8px);font-weight:800}.home-phone-canvas svg{width:100%;margin-top:5%;display:block}.home-phone-draw{stroke-dasharray:300;stroke-dashoffset:300px;animation:12s ease-in-out infinite home-phone-draw}.home-phone-draw-two{animation-delay:.35s}.home-phone-draw-three{animation-delay:.7s}.home-phone-draw-four{fill-opacity:0;animation:12s ease-in-out infinite home-phone-draw,12s infinite home-phone-fill}.home-phone-canvas-caption{font-size:clamp(6px,.6vw,9px);font-weight:700;line-height:1.3}.home-phone-progress-label{justify-content:space-between;margin-top:15%;font-size:clamp(7px,.7vw,11px);font-weight:800;display:flex}.home-phone-sparkle{color:#fc5728}.home-phone-progress{background:#f3e7dc;border-radius:5px;height:5px;margin-top:6%;overflow:hidden}.home-phone-progress span{background:#fc5728;border-radius:5px;width:0;height:100%;animation:12s ease-in-out infinite home-phone-progress;display:block}.home-phone-steps{color:#898079;gap:8px;margin-top:12%;font-size:clamp(6px,.59vw,9px);display:grid}.home-phone-steps span:first-child,.home-phone-steps span:nth-child(2){color:#39885f}.home-phone-active-step{color:#e86130}.home-phone-ready{color:#df4d23;text-align:center;opacity:0;background:#fff1e7;border-radius:10px;padding:8%;font-size:clamp(7px,.7vw,11px);font-weight:800;animation:12s infinite home-phone-ready;position:absolute;bottom:15%;left:7%;right:7%}@keyframes home-phone-type-one{0%,5%{width:0}13%,92%{width:100%}to{width:0}}@keyframes home-phone-type-two{0%,13%{width:0}21%,92%{width:100%}to{width:0}}@keyframes home-phone-type-three{0%,21%{width:0}27%,92%{width:100%}to{width:0}}@keyframes home-phone-cursor{50%{opacity:0}}@keyframes home-phone-button{0%,23%,to{transform:scale(1)}27%{filter:brightness(.92);transform:scale(.96)}31%{transform:scale(1)}}@keyframes home-phone-story{0%,28%,to{opacity:0;transform:translateY(8px)}35%,89%{opacity:1;transform:translateY(0)}}@keyframes home-phone-draw{0%,30%{stroke-dashoffset:300px}65%,91%{stroke-dashoffset:0}to{stroke-dashoffset:300px}}@keyframes home-phone-fill{0%,64%{fill-opacity:0}70%,92%{fill-opacity:1}to{fill-opacity:0}}@keyframes home-phone-progress{0%,29%{width:0}78%,91%{width:100%}to{width:0}}@keyframes home-phone-ready{0%,77%,to{opacity:0;transform:translateY(8px)}83%,93%{opacity:1;transform:translateY(0)}}@media (width<=640px){.home-phone-demo{max-width:22rem}.home-phone-status{font-size:7px}.home-phone-brand{font-size:12px}.home-phone-title,.home-phone-video-heading{font-size:13px}.home-phone-typed{font-size:10px}.home-phone-create,.home-phone-progress-label{font-size:8px}}@media (prefers-reduced-motion:reduce){.home-phone-demo *,.home-phone-demo :before,.home-phone-demo :after{animation:none!important}.home-phone-typed span{width:100%}.home-phone-story,.home-phone-ready{opacity:1;transform:none}.home-phone-draw{stroke-dashoffset:0}.home-phone-draw-four{fill-opacity:1}.home-phone-progress span{width:100%}}
