.t-phone-demo{--pd-cream:#fbf8f5;--pd-peach:#fce4ce;--pd-grey-bubble:#f0f0f0;--pd-ink:#1e1e1e;--pd-orange:#f1904d;--pd-orange-deep:#ea7f35;--pd-card-bg:#dceef0;--pd-card-border:#a9d6d6;--pd-icon-yellow:#ece4af;--pd-icon-mint:#bee4d8;--pd-icon-tan:#ece0b8;aspect-ratio:450/950;width:min(450px,100%);font-family:var(--t-font-sans);justify-content:center;align-items:center;margin-inline:auto;display:flex;position:relative}.t-phone-demo *{box-sizing:border-box}.t-phone-demo p{margin:0}.t-phone-demo .phone{background:var(--pd-cream);transform-origin:50%;border:10px solid #111;border-radius:54px;flex-direction:column;flex-shrink:0;width:390px;height:844px;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 60px #00000040}.t-phone-demo .statusbar{color:var(--pd-ink);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 26px 4px;font-size:15px;font-weight:700;display:flex}.t-phone-demo .statusbar .icons{opacity:.85;align-items:center;gap:6px;display:flex}.t-phone-demo .statusbar svg{display:block}.t-phone-demo .header{flex-shrink:0;justify-content:center;align-items:center;gap:10px;padding:14px 24px 18px;display:flex;position:relative}.t-phone-demo .logo-wrap{align-items:center;gap:8px;display:flex}.t-phone-demo .energy-pill{color:var(--pd-ink);background:#efefef;border-radius:20px;align-items:center;gap:6px;padding:9px 16px;font-size:14px;font-weight:700;display:flex;position:absolute;top:12px;right:22px}.t-phone-demo .chat{flex-direction:column;flex:1;gap:14px;padding:6px 22px 10px;display:flex;overflow:hidden}.t-phone-demo .row{opacity:0;align-items:flex-end;gap:10px;transition:opacity .5s,transform .5s;display:flex;transform:translateY(14px)}.t-phone-demo .row.visible{opacity:1;transform:translateY(0)}.t-phone-demo .row.user{justify-content:flex-end}.t-phone-demo .bubble{border-radius:24px;max-width:78%;padding:16px 20px;font-size:16px;font-weight:600;line-height:1.35}.t-phone-demo .bubble.user{background:var(--pd-peach);color:#3a2a20;border-bottom-right-radius:8px}.t-phone-demo .bubble.ai{background:var(--pd-grey-bubble);color:#333;border-bottom-left-radius:8px}.t-phone-demo .avatar{background:#e7e7e7;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.t-phone-demo .tree-icon{object-fit:contain;flex-shrink:0;width:28px;height:31px;margin-bottom:2px}.t-phone-demo .wordmark-img{object-fit:contain;height:24px}.t-phone-demo .typing{align-items:center;gap:5px;padding:6px 4px;display:flex}.t-phone-demo .typing span{background:#b4b4b4;border-radius:50%;width:8px;height:8px;animation:1.1s ease-in-out infinite pd-bounce}.t-phone-demo .typing span:nth-child(2){animation-delay:.15s}.t-phone-demo .typing span:nth-child(3){animation-delay:.3s}@keyframes pd-bounce{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-5px)}}.t-phone-demo .card{background:var(--pd-card-bg);border:1.5px solid var(--pd-card-border);opacity:0;border-radius:22px;flex-direction:column;flex-shrink:0;gap:12px;padding:16px 18px;transition:opacity .5s,transform .5s;display:flex;transform:translateY(18px)}.t-phone-demo .card.visible{opacity:1;transform:translateY(0)}.t-phone-demo .card-top{align-items:center;gap:14px;display:flex}.t-phone-demo .icon-box{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.t-phone-demo .icon-box.yellow{background:var(--pd-icon-yellow)}.t-phone-demo .icon-box.mint{background:var(--pd-icon-mint)}.t-phone-demo .icon-box.tan{background:var(--pd-icon-tan)}.t-phone-demo .card-title{font-family:var(--t-font-display);color:#1b2a2e;margin:0 0 2px;font-size:19px;font-weight:800}.t-phone-demo .card-sub{color:#5c6b6e;font-size:14px;font-weight:600}.t-phone-demo .slider-row{align-items:center;gap:14px;display:flex}.t-phone-demo .swatch{background:var(--pd-orange);border-radius:50%;flex-shrink:0;width:34px;height:34px}.t-phone-demo .track{background:#ffffff8c;border-radius:6px;flex:1;height:8px;position:relative}.t-phone-demo .track-fill{background:#fff;border-radius:6px;width:0%;transition:width 1s;position:absolute;top:0;bottom:0;left:0}.t-phone-demo .track.filled .track-fill{width:38%}.t-phone-demo .thumb{background:#fff;border-radius:50%;width:22px;height:22px;transition:left 1s;position:absolute;top:50%;left:0%;transform:translate(-50%,-50%);box-shadow:0 2px 6px #00000026}.t-phone-demo .track.filled .thumb{left:38%}.t-phone-demo .inputbar{flex-shrink:0;align-items:center;gap:12px;padding:10px 22px 14px;display:flex}.t-phone-demo .input{color:#9a9a9a;background:#efefef;border-radius:24px;flex:1;padding:15px 20px;font-size:15px;font-weight:600}.t-phone-demo .send-btn{background:linear-gradient(160deg, var(--pd-orange), var(--pd-orange-deep));border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.t-phone-demo .navwrap{flex-shrink:0;padding:0 22px 14px}.t-phone-demo .nav{border:1.5px solid #eee;border-radius:32px;justify-content:space-between;align-items:center;padding:6px;display:flex}.t-phone-demo .nav-item{color:#8a8a8e;white-space:nowrap;border-radius:26px;align-items:center;gap:6px;padding:12px 14px;font-size:12px;font-weight:700;display:flex}.t-phone-demo .nav-item.active{background:linear-gradient(160deg, var(--pd-orange), var(--pd-orange-deep));color:#fff}.t-phone-demo .home-indicator{background:#2b2b2b;border-radius:4px;width:130px;height:5px;margin:0 auto 10px}