*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Arial,sans-serif;color:#1a1a1a;-webkit-font-smoothing:antialiased;overflow-x:hidden}.hero-demo-section,body{background:#fff}.hero-intro{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding-bottom:8px}.hero-badge{font-size:11px;font-weight:500;letter-spacing:.2px;color:rgba(0,0,0,.45);background:rgba(0,0,0,.05);border:.5px solid rgba(0,0,0,.1);border-radius:20px;padding:5px 14px}.hero-wordmark{font-size:clamp(40px,6vw,64px);font-weight:600;letter-spacing:-2.5px;line-height:1;color:#565656}.hero-sub{font-size:clamp(13px,1.6vw,16px);color:rgba(0,0,0,.35);max-width:360px;line-height:1.65}.section{padding:100px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;background:#fff}.section+.section{border-top:.5px solid rgba(0,0,0,.06)}.section-inner{width:100%;max-width:680px}.demo-track{height:900vh;position:relative}.sticky-stage{position:-webkit-sticky;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;overflow:hidden;background:#fff;padding:24px 24px 16px}.sticky-stage:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 40%,rgba(0,122,255,.022) 0,transparent 70%);pointer-events:none}.scroll-progress{position:fixed;right:22px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:8px;z-index:100;opacity:0;transition:opacity .4s}.scroll-progress.show{opacity:1}.sp-dot{width:5px;height:5px;border-radius:50%;background:rgba(0,0,0,.14);transition:background .3s,transform .3s;cursor:pointer}.sp-dot.active{background:#007aff;transform:scale(1.5)}.sp-dot.done{background:rgba(0,0,0,.28)}.frame-outer{background:#d1d1d6;border-radius:52px;padding:10px;box-shadow:0 2px 0 #fff,0 2px 8px rgba(0,0,0,.04),0 8px 24px rgba(0,0,0,.05),0 20px 40px rgba(0,0,0,.04),inset 0 1px 0 hsla(0,0%,100%,.7),inset 0 -1px 0 rgba(0,0,0,.08);flex-shrink:0}.frame-inner{background:#c7c7cc;border-radius:44px;padding:6px;box-shadow:inset 0 0 0 .5px rgba(0,0,0,.1),inset 0 4px 16px rgba(0,0,0,.2),inset 0 1px 3px rgba(0,0,0,.18);overflow:hidden}.phone{width:300px;height:580px;background:#000;border-radius:38px;overflow:hidden;position:relative}.status-bar{top:0;left:0;right:0;height:48px;z-index:30;display:flex;align-items:flex-end;justify-content:space-between;padding:0 18px 7px;pointer-events:none}.di,.status-bar{position:absolute}.di{top:10px;left:50%;transform:translateX(-50%);width:102px;height:28px;background:#000;border-radius:18px;z-index:20}#stime{font-size:13px;font-weight:600;color:#fff;letter-spacing:-.3px}#stime,.sicons{position:relative;z-index:31}.sicons{display:flex;align-items:center;gap:4px}.connect-screen{position:absolute;inset:0;background:#fff;border-radius:38px;display:flex;flex-direction:column;z-index:7;opacity:1;transition:opacity .5s ease}.connect-screen.gone{opacity:0;pointer-events:none}.connect-body{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px 220px;gap:28px}.connect-title{font-size:13px;font-weight:600;color:rgba(0,0,0,.4);letter-spacing:.2px}.connect-icons{gap:14px}.conn-icon,.connect-icons{display:flex;align-items:center}.conn-icon{flex-direction:column;gap:6px;opacity:0;transform:translateY(8px) scale(.85);transition:opacity .35s ease,transform .35s ease}.conn-icon.show{opacity:1;transform:none}.conn-icon.connected .conn-badge{opacity:1}.conn-app{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;position:relative}.conn-app svg{width:26px;height:26px}.conn-label{font-size:9px;color:rgba(0,0,0,.35);letter-spacing:.1px}.conn-badge{position:absolute;bottom:-3px;right:-3px;width:14px;height:14px;border-radius:50%;background:#30d158;border:1.5px solid #fff;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.conn-line{width:20px;height:1px;background:rgba(0,0,0,.1);position:relative;overflow:hidden}.conn-line-fill{position:absolute;left:-100%;top:0;height:100%;background:rgba(0,0,0,.3);width:100%;transition:left .4s ease}.conn-line.on .conn-line-fill{left:0}.connect-status{font-size:11px;color:rgba(0,0,0,.3);letter-spacing:.2px;min-height:16px;transition:color .3s ease}.connect-status.done{color:#30d158}.msg-feed-wrap{position:absolute;bottom:0;left:0;right:0;height:200px;border-radius:0 0 38px 38px;overflow:hidden;pointer-events:none}.msg-feed-wrap:before{top:0;height:80px;background:linear-gradient(180deg,#fff 0,hsla(0,0%,100%,0))}.msg-feed-wrap:after,.msg-feed-wrap:before{content:"";position:absolute;left:0;right:0;z-index:2}.msg-feed-wrap:after{bottom:0;height:40px;background:linear-gradient(0deg,#fff 0,hsla(0,0%,100%,0))}.msg-feed{display:flex;flex-direction:column;gap:6px;padding:8px 14px 12px;animation:feedScroll 12s linear infinite}@keyframes feedScroll{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.feed-bubble{display:flex;align-items:flex-end;gap:5px}.feed-bubble.r{flex-direction:row}.feed-bubble.s{flex-direction:row-reverse}.feed-ava{width:18px;height:18px;border-radius:50%;flex-shrink:0;margin-bottom:1px}.feed-ava,.feed-ava.g1{background:#c7c7cc}.feed-ava.g2{background:#aeaeb2}.feed-ava.g3{background:#8e8e93}.feed-ava.g4{background:#d1d1d6}.feed-text{font-size:11px;line-height:1.35;letter-spacing:-.1px;padding:6px 10px;border-radius:14px;max-width:180px}.feed-text.fr{background:#e9e9eb;color:#000;border-bottom-left-radius:3px}.feed-text.fs{background:#007aff;color:#fff;border-bottom-right-radius:3px}.chat-screen{position:absolute;inset:0;background:#fff;border-radius:38px;display:flex;flex-direction:column;z-index:4;opacity:0;transform:scale(.97);transition:opacity .45s ease,transform .45s ease;pointer-events:none}.chat-screen.on{opacity:1;transform:scale(1);pointer-events:all;z-index:6}.chat-status{height:48px;background:#f2f2f7;display:flex;align-items:flex-end;justify-content:space-between;padding:0 18px 7px;flex-shrink:0;position:relative}.chat-di{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:102px;height:28px;background:#000;border-radius:18px}#ctime{font-size:13px;font-weight:600;color:#000;letter-spacing:-.3px}.chat-hdr{background:#f2f2f7;padding:6px 12px 10px;flex-direction:column;gap:3px;border-bottom:.5px solid rgba(0,0,0,.1);flex-shrink:0}.chat-ava,.chat-hdr{display:flex;align-items:center}.chat-ava{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#5e5ce6,#9b8bfa);justify-content:center;font-size:16px;color:#fff}.chat-name{font-size:12px;font-weight:600;color:#000}.chat-sub{font-size:9px;color:#8e8e93}.msgs{flex:1 1;background:#fff;padding:10px 8px 6px;flex-direction:column;overflow:hidden}.mrow,.msgs{display:flex;gap:5px}.mrow{align-items:flex-end;opacity:0;transform:translateY(8px) scale(.94);transform-origin:bottom left;transition:opacity .38s cubic-bezier(.34,1.56,.64,1),transform .38s cubic-bezier(.34,1.56,.64,1)}.mrow.v{opacity:1;transform:none}.mrow.sent{flex-direction:row-reverse;transform-origin:bottom right}.mava{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#5e5ce6,#9b8bfa);display:flex;align-items:center;justify-content:center;font-size:9px;color:#fff;flex-shrink:0;margin-bottom:1px}.bub{max-width:210px;padding:7px 11px;border-radius:17px;font-size:12px;line-height:1.45;letter-spacing:-.1px}.br{background:#e9e9eb;color:#000;border-bottom-left-radius:4px}.bs{background:#007aff;color:#fff;border-bottom-right-radius:4px}.wb-wrap{border-radius:12px;border-bottom-right-radius:4px;overflow:hidden}.wb-img{width:140px;height:90px;background:linear-gradient(145deg,#f0f0f0,#ddd);display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:5px;padding:10px 12px;border:.5px solid rgba(0,0,0,.08)}.wbl{height:2px;border-radius:1px;background:rgba(0,0,0,.15)}.wbl.a{background:rgba(99,82,255,.3)}.wblbl{font-size:8px;color:#888;font-weight:500;letter-spacing:.2px;text-align:center;margin-top:2px}.reading-row{display:flex;align-items:center;gap:6px;padding-left:27px;opacity:0;transition:opacity .3s ease}.reading-row.v{opacity:1}.reading-dot{width:5px;height:5px;border-radius:50%;background:#c7c7cc;animation:rdot 1.4s ease-in-out infinite}.reading-dot:nth-child(2){animation-delay:.2s}.reading-dot:nth-child(3){animation-delay:.4s}@keyframes rdot{0%,60%,to{transform:scale(1);opacity:.5}30%{transform:scale(1.4);opacity:1}}.reading-label{font-size:10px;color:#8e8e93;letter-spacing:-.1px}.input-bar{background:#f2f2f7;padding:7px 10px;display:flex;align-items:center;gap:7px;border-top:.5px solid rgba(0,0,0,.1);flex-shrink:0}.input-pill{flex:1 1;background:#fff;border:.5px solid rgba(0,0,0,.13);border-radius:18px;padding:5px 10px;font-size:12px;color:#8e8e93}.send-dot{width:26px;height:26px;background:#007aff;border-radius:50%;justify-content:center}.cta-wrap,.send-dot{display:flex;align-items:center}.cta-wrap{flex-direction:column;gap:10px;opacity:0;transform:translateY(10px);transition:opacity .5s ease,transform .5s ease}.cta-wrap.v{opacity:1;transform:none}.cta-btn{background:#007aff;border:none;color:#fff;font-family:inherit;font-size:15px;font-weight:600;letter-spacing:-.3px;padding:14px 36px;border-radius:32px;cursor:pointer;box-shadow:0 8px 28px rgba(0,122,255,.22);transition:background .15s,transform .1s}.cta-btn:hover{background:#0066d6}.cta-btn:active{transform:scale(.97)}.cta-sub{font-size:11px;color:rgba(0,0,0,.28)}.cta-phone{font-size:12px;color:rgba(0,0,0,.35);letter-spacing:.2px}a.cta-btn{display:inline-block;text-decoration:none}.problem-grid{display:flex;flex-direction:column;gap:0;width:100%;max-width:560px;margin:0 auto 56px}.problem-row{display:flex;align-items:baseline;justify-content:center;gap:16px;padding:18px 0;border-bottom:.5px solid rgba(0,0,0,.06);opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease}.problem-row:first-child{border-top:.5px solid rgba(0,0,0,.06)}.problem-row.revealed{opacity:1;transform:none}.problem-label{font-size:clamp(18px,3vw,26px);font-weight:600;letter-spacing:-.5px;color:#c4c4c4;min-width:100px;text-align:right}.problem-knows{font-size:11px;font-weight:500;color:rgba(0,0,0,.25);letter-spacing:.2px;text-transform:uppercase}.problem-what{font-size:clamp(18px,3vw,26px);font-weight:400;letter-spacing:-.5px;color:rgba(0,0,0,.55);min-width:80px;text-align:left}.problem-punch{font-size:clamp(15px,2.2vw,20px);color:rgba(0,0,0,.5);line-height:1.65;max-width:500px;margin:0 auto;opacity:0;transform:translateY(12px);transition:opacity .5s ease .2s,transform .5s ease .2s}.problem-punch.revealed{opacity:1;transform:none}.how-header{font-size:clamp(13px,1.5vw,15px);font-weight:600;letter-spacing:.4px;text-transform:uppercase;color:rgba(0,0,0,.3);margin-bottom:40px}.how-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:1px;gap:1px;background:rgba(0,0,0,.06);border:.5px solid rgba(0,0,0,.06);border-radius:20px;overflow:hidden;width:100%;max-width:640px;margin:0 auto 40px}.how-card{background:#fff;padding:36px 32px;text-align:left;opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .5s ease}.how-card.revealed{opacity:1;transform:none}.how-card-tag{font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:rgba(0,0,0,.28);margin-bottom:14px}.how-card h3{font-size:clamp(20px,2.5vw,26px);font-weight:600;letter-spacing:-.5px;color:#1a1a1a;margin-bottom:12px}.how-card p{color:rgba(0,0,0,.5)}.how-card p,.how-footnote{font-size:14px;line-height:1.7}.how-footnote{color:rgba(0,0,0,.35);font-style:italic;max-width:480px;margin:0 auto;opacity:0;transform:translateY(10px);transition:opacity .5s ease .15s,transform .5s ease .15s}.how-footnote.revealed{opacity:1;transform:none}@media (max-width:540px){.how-grid{grid-template-columns:1fr}}.moments-header{font-size:clamp(13px,1.5vw,15px);font-weight:600;letter-spacing:.4px;text-transform:uppercase;color:rgba(0,0,0,.3);margin-bottom:48px}.moments-list{display:flex;flex-direction:column;gap:0;width:100%;max-width:560px;margin:0 auto}.moment-item{padding:36px 0;border-bottom:.5px solid rgba(0,0,0,.06);text-align:left;opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .5s ease}.moment-item:first-child{border-top:.5px solid rgba(0,0,0,.06)}.moment-item.revealed{opacity:1;transform:none}.moment-when{font-size:11px;font-weight:500;letter-spacing:.3px;text-transform:uppercase;color:rgba(0,0,0,.25);margin-bottom:14px}.moment-bubble{display:inline-block;background:#e9e9eb;color:#000;font-size:15px;line-height:1.55;letter-spacing:-.2px;padding:12px 18px;border-radius:18px;border-bottom-left-radius:4px;max-width:100%}.moment-bubble em{color:rgba(0,0,0,.45);font-style:normal}.closer-section{padding:120px 24px;background:#0d0f1c;text-align:center;border-top:none}.closer-lines{display:flex;flex-direction:column;gap:2px;margin-bottom:32px}.closer-line{font-size:clamp(28px,5vw,52px);font-weight:600;letter-spacing:-1.5px;line-height:1.1;color:#fff;opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease}.closer-line.revealed{opacity:1;transform:none}.closer-line:nth-child(2){transition-delay:.08s}.closer-line:nth-child(3){transition-delay:.16s}.closer-sub{font-size:clamp(15px,2vw,18px);color:hsla(0,0%,100%,.55);line-height:1.65;max-width:380px;margin:0 auto;opacity:0;transform:translateY(10px);transition:opacity .5s ease .28s,transform .5s ease .28s}.closer-sub.revealed{opacity:1;transform:none}.reveal{opacity:0;transform:translateY(16px);transition:opacity .55s ease,transform .55s ease}.reveal.revealed{opacity:1;transform:none}