*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:Outfit,system-ui,sans-serif;font-weight:400;background:#e62433;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.page{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;padding:40px 48px}@media(max-width:600px){.page{padding:28px 24px}}.hero{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 0}.hero-lockup{width:clamp(120px,18vw,184px);height:auto;margin-bottom:32px;-webkit-user-select:none;user-select:none}.tagline{font-family:Outfit,system-ui,sans-serif;font-weight:500;font-size:clamp(28px,4vw,40px);letter-spacing:-.02em;line-height:1.15;color:#fff;margin-bottom:6px}.tagline-sub{font-family:Outfit,system-ui,sans-serif;font-weight:500;font-size:clamp(24px,3.4vw,34px);letter-spacing:-.02em;line-height:1.2;color:#fff;margin-bottom:16px}.variant{display:inline;white-space:nowrap;animation:variant-in .22s ease-out}@keyframes variant-in{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.variant{animation:none}}.invite-label{font-family:Outfit,system-ui,sans-serif;font-weight:400;font-size:16px;color:#fff9;letter-spacing:.01em;margin-bottom:40px}.form{display:flex;gap:0;width:100%;max-width:480px;margin:0 auto}.form-input{flex:1;padding:14px 18px;font-family:Outfit,system-ui,sans-serif;font-weight:400;font-size:16px;background:#ffffff1f;border:1px solid rgba(255,255,255,.35);border-right:none;color:#fff;outline:none;transition:border-color .15s ease,background .15s ease;-webkit-text-fill-color:#FFFFFF}.form-input::placeholder{color:#ffffff73}.form-input:focus{background:#ffffff2e;border-color:#ffffffb3}.form-button{padding:14px 22px;font-family:Outfit,system-ui,sans-serif;font-weight:500;font-size:14px;letter-spacing:.08em;text-transform:uppercase;background:#0a0a0f;color:#fff;border:1px solid #0A0A0F;cursor:pointer;white-space:nowrap;transition:opacity .15s ease}.form-button:hover{opacity:.85}.form-button:active{opacity:.7}.form-button:disabled{opacity:.5;cursor:default}@media(max-width:600px){.form{flex-direction:column;max-width:100%}.form-input{border-right:1px solid rgba(255,255,255,.35);border-bottom:none}.form-button{width:100%}}.form-status{margin-top:14px;font-size:14px;font-weight:400;min-height:20px;color:#fffc}.form-status.error{color:#ffffffa6}.store-buttons{display:flex;gap:10px;margin-top:24px;flex-wrap:wrap;justify-content:center}.store-button{display:inline-flex;align-items:center;gap:7px;padding:11px 18px;font-family:Outfit,system-ui,sans-serif;font-weight:500;font-size:14px;letter-spacing:.04em;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.45);cursor:pointer;white-space:nowrap;transition:border-color .15s ease,background .15s ease}.store-button:hover{border-color:#fffc;background:#ffffff14}.store-button:active{background:#ffffff24}.store-icon{width:16px;height:16px;flex-shrink:0}.store-note{margin-top:10px;font-size:13px;font-weight:400;color:#fff9;animation:variant-in .18s ease-out}@media(max-width:600px){.store-buttons{flex-direction:column;max-width:100%}.store-button{width:fit-content}}.phone-demo-wrap{display:flex;flex-direction:column;align-items:center;padding:48px 0 40px}.phone-demo-label{font-family:Outfit,system-ui,sans-serif;font-weight:400;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#ffffff73;margin-bottom:24px}.phone-frame{position:relative;width:220px;height:477px;background:#0a0a0f;border-radius:36px;padding:14px 8px 10px;box-shadow:0 0 0 1.5px #ffffff1f,0 24px 64px #00000073,inset 0 0 0 1px #ffffff0f;display:flex;flex-direction:column}@media(max-width:600px){.phone-frame{width:180px;height:390px;border-radius:28px;padding:12px 6px 8px}}.phone-status-bar{display:flex;align-items:center;justify-content:space-between;padding:0 14px 6px;flex-shrink:0}@media(max-width:600px){.phone-status-bar{padding:0 10px 4px}}.phone-time{font-family:Outfit,system-ui,sans-serif;font-weight:500;font-size:11px;color:#ffffffb3;letter-spacing:.02em}.phone-camera-dot{width:8px;height:8px;border-radius:50%;background:#ffffff26;border:1px solid rgba(255,255,255,.08)}.phone-screen{flex:1;border-radius:20px;overflow:hidden;position:relative;background:#0a0a0f}@media(max-width:600px){.phone-screen{border-radius:16px}}.phone-home-bar{width:60px;height:4px;background:#fff3;border-radius:2px;margin:8px auto 2px;flex-shrink:0}@media(max-width:600px){.phone-home-bar{margin:6px auto 2px}}.phone-step-label{margin-top:16px;font-family:Outfit,system-ui,sans-serif;font-weight:400;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#ffffff4d;min-height:18px}.demo-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;overflow:hidden}.demo-screen--record{background:#111114}.demo-identity-chip{position:absolute;top:12px;left:12px;font-family:Outfit,system-ui,sans-serif;font-weight:500;font-size:10px;color:#ffffffe6;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:3px 8px;letter-spacing:.02em}.demo-loop-selector{position:absolute;top:12px;right:12px;font-family:Outfit,system-ui,sans-serif;font-weight:500;font-size:10px;color:#ffffffe6;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:3px 8px;letter-spacing:.02em}.demo-viewfinder{position:absolute;top:0;right:0;bottom:0;left:0}.demo-vf-line{position:absolute;background:#ffffff0f}.demo-vf-line--h1{top:33.3%;left:0;right:0;height:1px}.demo-vf-line--h2{top:66.6%;left:0;right:0;height:1px}.demo-vf-line--v1{left:33.3%;top:0;bottom:0;width:1px}.demo-vf-line--v2{left:66.6%;top:0;bottom:0;width:1px}.demo-camera-bottom{position:absolute;bottom:16px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 20px}.demo-inbox-btn{color:#fffc;display:flex;align-items:center;justify-content:center;width:36px;height:36px}.demo-record-btn{width:52px;height:52px;border-radius:50%;border:3px solid rgba(255,255,255,.9);background:transparent;display:flex;align-items:center;justify-content:center;cursor:default;animation:record-pulse 2s ease-in-out infinite}@keyframes record-pulse{0%,to{box-shadow:0 0 #e6243399}50%{box-shadow:0 0 0 6px #e6243300}}.demo-record-inner{width:36px;height:36px;border-radius:50%;background:#e62433}@media(prefers-reduced-motion:reduce){.demo-record-btn{animation:none}}.demo-screen--send{background:#0a0a0f;align-items:center;justify-content:center}.demo-send-loop{position:absolute;top:20px;left:50%;transform:translate(-50%);font-family:Outfit,system-ui,sans-serif;font-weight:600;font-size:11px;color:#ffffffb3;letter-spacing:.06em;text-transform:uppercase;background:#e624332e;border:1px solid rgba(230,36,51,.4);border-radius:10px;padding:3px 10px}.demo-clip-fly{display:flex;flex-direction:column;align-items:center;animation:clip-fly-up 1.8s ease-in-out infinite}@keyframes clip-fly-up{0%{transform:translateY(30px);opacity:0}15%{opacity:1}70%{opacity:.9}to{transform:translateY(-60px);opacity:0}}@media(prefers-reduced-motion:reduce){.demo-clip-fly{animation:none;opacity:1;transform:translateY(0)}}.demo-clip-thumb{width:80px;height:100px;border-radius:10px;overflow:hidden;border:1.5px solid rgba(255,255,255,.15)}.demo-clip-thumb-inner{width:100%;height:100%;background:linear-gradient(160deg,#1a1a2e,#16213e,#0f3460 80%,#533483)}.demo-clip-trail{width:2px;height:24px;margin-top:6px;background:linear-gradient(to bottom,rgba(230,36,51,.6),transparent);border-radius:1px}.demo-send-toast{position:absolute;bottom:24px;left:50%;transform:translate(-50%);font-family:Outfit,system-ui,sans-serif;font-weight:400;font-size:11px;color:#ffffffbf;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:5px 12px;white-space:nowrap}.demo-screen--receive{background:#111114}.demo-loops-header{display:flex;align-items:center;justify-content:space-between;padding:14px 14px 10px;border-bottom:1px solid rgba(255,255,255,.07);flex-shrink:0}.demo-loops-title{font-family:Outfit,system-ui,sans-serif;font-weight:600;font-size:14px;color:#fff;letter-spacing:-.01em}.demo-loops-new{font-family:Outfit,system-ui,sans-serif;font-weight:400;font-size:10px;color:#ffffff73;letter-spacing:.03em}.demo-loop-list{flex:1;overflow:hidden;padding:6px 0}.demo-loop-row{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;cursor:default;transition:background .15s ease}.demo-loop-row--active{background:#ffffff0d}.demo-loop-row-name{font-family:Outfit,system-ui,sans-serif;font-weight:400;font-size:12px;color:#ffffffd9;letter-spacing:.01em}.demo-loop-badge{font-family:Outfit,system-ui,sans-serif;font-weight:600;font-size:10px;color:#fff;background:#e62433;border-radius:10px;min-width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;padding:0 5px}.demo-loop-badge--new{animation:badge-pop .4s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes badge-pop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.demo-loop-badge--pulse{animation:badge-pop .4s cubic-bezier(.34,1.56,.64,1) both,badge-breathe 2s .4s ease-in-out infinite}@keyframes badge-breathe{0%,to{box-shadow:0 0 #e6243399}50%{box-shadow:0 0 0 4px #e6243300}}@media(prefers-reduced-motion:reduce){.demo-loop-badge--new,.demo-loop-badge--pulse{animation:none}}.demo-screen--watch{background:#0a0a0f}.demo-watch-back{position:absolute;top:12px;left:14px;font-size:16px;color:#fffc;z-index:2}.demo-watch-speaker{position:absolute;top:12px;right:14px;color:#ffffffb3;z-index:2;display:flex;align-items:center}.demo-watch-video{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0f1923,#1c3a4a,#2a5f4a 60%,#0a1a14);animation:watch-shimmer 3s ease-in-out infinite}@keyframes watch-shimmer{0%,to{filter:brightness(1)}50%{filter:brightness(1.08)}}@media(prefers-reduced-motion:reduce){.demo-watch-video{animation:none}}.demo-watch-caption{position:absolute;bottom:48px;left:14px;right:14px;font-family:Outfit,system-ui,sans-serif;font-weight:400;font-size:11px;color:#ffffffe6;z-index:2;text-shadow:0 1px 4px rgba(0,0,0,.6)}.demo-watch-actions{position:absolute;bottom:14px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 14px;z-index:2}.demo-watch-reply,.demo-watch-next{font-family:Outfit,system-ui,sans-serif;font-weight:500;font-size:11px;letter-spacing:.04em;color:#ffffffd9;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:5px 10px;cursor:default}.demo-watch-counter{font-family:Outfit,system-ui,sans-serif;font-weight:400;font-size:10px;color:#fff6;letter-spacing:.04em}.footer{font-family:Outfit,system-ui,sans-serif;font-weight:400;font-size:13px;color:#ffffff80;letter-spacing:.01em;text-align:center}.footer-link{color:#ffffffb3;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.3)}.footer-link:hover{color:#fff;border-bottom-color:#ffffffb3}