.fnb-phone-host .phone-stage{perspective:1500px;justify-content:center;padding:6px 0;display:flex}.fnb-phone-host .phone-3d{width:300px;max-width:100%;position:relative}.fnb-phone-host .phone-3d-shadow{filter:blur(3px);background:radial-gradient(#00000080,#0000 70%);width:210px;height:32px;animation:5.5s ease-in-out infinite fhPhoneShadow;position:absolute;bottom:-20px;left:50%;transform:translate(-50%)}.fnb-phone-host .phone-3d-body{background:linear-gradient(160deg,#4a4a4a,#1c1c1c 55%,#060606);border-radius:48px;padding:14px;animation:5.5s ease-in-out infinite fhPhoneFloat;position:relative;transform:rotateY(-4deg)rotateX(.5deg);box-shadow:0 34px 64px #00000080,inset 0 2px #ffffff14,0 0 0 1px #0009}.fnb-phone-host .phone-3d-body:before,.fnb-phone-host .phone-3d-body:after{content:"";background:#161616;border-radius:3px;position:absolute}.fnb-phone-host .phone-3d-body:before{width:4px;height:56px;top:120px;left:-3px;box-shadow:0 76px #161616}.fnb-phone-host .phone-3d-body:after{width:4px;height:96px;top:160px;right:-3px}.fnb-phone-host .phone-3d-notch{z-index:3;background:#030303;border-radius:999px;width:84px;height:20px;position:absolute;top:16px;left:50%;transform:translate(-50%)}.fnb-phone-host .phone-3d-notch:after{content:"";background:#1a2a33;border-radius:50%;width:6px;height:6px;position:absolute;top:50%;right:12px;transform:translateY(-50%);box-shadow:0 0 0 1px #78aac840}.fnb-phone-host .phone-3d-screen{background:#1c1d21;border-radius:36px;height:582px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0d}.fnb-phone-host .phone-3d-screen:after{content:"";pointer-events:none;z-index:4;background:linear-gradient(115deg,#ffffff0d 0%,#ffffff03 18%,#0000 32%);position:absolute;inset:0}.fnb-phone-host .ai-scene{opacity:0;pointer-events:none;flex-direction:column;transition:opacity .6s;display:flex;position:absolute;inset:0}.fnb-phone-host .ai-scene.active{opacity:1}.fnb-phone-host .phone-3d-header{border-bottom:1px solid #444b57;flex:none;align-items:center;gap:10px;padding:26px 20px 10px;display:flex}.fnb-phone-host .phone-3d-header-avatar{border-radius:50%;flex:none;width:28px;height:28px}.fnb-phone-host .phone-3d-header-avatar.cg{background:#10a37f}.fnb-phone-host .phone-3d-header-text{text-align:left;flex:auto;min-width:0}.fnb-phone-host .phone-3d-header-platform{text-transform:uppercase;letter-spacing:.08em;margin-bottom:2px;font-size:.66rem;font-weight:700;display:block}.fnb-phone-host .ai-scene.cg .phone-3d-header-platform{color:#1fb894}.fnb-phone-host .phone-3d-header-name{color:#b0bec5;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;font-weight:600;display:block;overflow:hidden}.fnb-phone-host .phone-3d-chat{flex-direction:column;flex:auto;gap:9px;padding:14px 15px 52px;display:flex;overflow:hidden}.fnb-phone-host .phone-bubble{border-radius:16px;max-width:86%;padding:10px 14px;font-size:.9rem;line-height:1.45}.fnb-phone-host .phone-bubble--owner{color:#2a2a2a;background:#ffb74d;border-bottom-right-radius:4px;align-self:flex-end;font-weight:600}.fnb-phone-host .phone-bubble--ai{color:#f5f5f5;background:#2f3136;border-bottom-left-radius:4px;align-self:flex-start;width:100%;max-width:100%}.fnb-phone-host .phone-bubble--ai p{margin:0 0 9px}.fnb-phone-host .phcar{vertical-align:-1px;background:#2a2a2a;width:2px;height:.86em;margin-left:1px;animation:1s step-end infinite fhPhoneCaret;display:inline-block}.fnb-phone-host .phone-bubble--owner.is-idle{opacity:0}.fnb-phone-host .phone-bubble--owner.is-done .phcar{display:none}.fnb-phone-host .phtrace{flex-direction:column;gap:5px;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:flex}.fnb-phone-host .phtl{color:#8f8f8f;opacity:0;align-items:baseline;gap:7px;font-size:.7rem;line-height:1.45;transition:opacity .28s,transform .28s;display:flex;transform:translateY(3px)}.fnb-phone-host .phtl.on{opacity:1;transform:none}.fnb-phone-host .phtl .phi{color:#5c5c5c;flex:none;font-size:.66rem}.fnb-phone-host .phtl .pht{white-space:nowrap;text-overflow:ellipsis;flex:1 1 0;min-width:0;overflow:hidden}.fnb-phone-host .phtl .phu{color:#b9b9b9;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom;max-width:100%;display:inline-block;overflow:hidden}.fnb-phone-host .phans{opacity:0;transition:opacity .34s,transform .34s;transform:translateY(4px)}.fnb-phone-host .phans.on{opacity:1;transform:none}.fnb-phone-host .phlist{flex-direction:column;gap:6px;display:flex}.fnb-phone-host .phli{border-left:2px solid #ffffff29;flex-direction:column;gap:1px;padding-left:10px;display:flex}.fnb-phone-host .phnm{color:#f5f5f5;font-size:.81rem;font-weight:700;line-height:1.25}.fnb-phone-host .phds{color:#b0bec5;font-size:.69rem;line-height:1.25}.fnb-phone-host .phans{padding:9px 12px}.fnb-phone-host .phans p{margin:0 0 8px;font-size:.85rem;line-height:1.45}.fnb-phone-host .phq{max-width:92%;padding:8px 12px;font-size:.82rem;line-height:1.4;position:relative}.fnb-phone-host .phq-ghost{visibility:hidden;display:block}.fnb-phone-host .phq-live{display:block;position:absolute;top:8px;left:12px;right:12px}.fnb-phone-host .ph-bottom{z-index:5;background:linear-gradient(#0000,#1c1d21d9 15%,#1c1d21 38%);padding:6px 12px 12px;position:absolute;bottom:0;left:0;right:0}.fnb-phone-host .ph-inputbar{background:#2a2c31;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:11px;padding:8px 12px 8px 14px;display:flex}.fnb-phone-host .ph-inputbar .pl{color:#b0bec5;font-size:1.15rem;line-height:1}.fnb-phone-host .ph-ask{color:#9aa0a6;flex:1;font-size:.82rem}.fnb-phone-host .ph-inputbar .mic{background:#8e7bef;border-radius:50%;flex:none;width:22px;height:22px}@keyframes fhPhoneCaret{50%{opacity:0}}