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