@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@500;600;700&family=Geist:wght@400;500;600;700&family=Geist+Mono:wght@400;500;600&display=swap";@import"https://fonts.googleapis.com/icon?family=Material+Icons|Material+Icons+Outlined";.qp-phone{--c-paper:#FAFAF7;--c-panel:#FFFFFF;--c-ink:#0B0B0C;--c-soft:#4A4A52;--c-mute:#8A8A93;--c-line:rgba(15,15,20,.08);--c-field-ring:rgba(15,15,20,.1);--c-divider:rgba(0,0,0,.06);--c-ok:#1F8C5A;--c-warn:#A66800;--c-err:#dc2626;--c-avatar-bg:rgba(0,0,0,.05);--c-avatar-accent-bg:rgba(255,122,26,.12);--c-status-ok-bg:rgba(22,163,74,.1);--c-status-ok-text:#1F8C5A;--c-status-warn-bg:rgba(217,119,6,.1);--c-status-warn-text:#A66800;--c-status-draft-bg:rgba(0,0,0,.06);--c-status-draft-text:#8A8A93;--c-tab-bar:#FFFFFF;--c-tab-border:rgba(15,15,20,.07);--c-system-chrome:#0B0B0C;--c-cta-overlay:rgba(250,250,247,.72);--cursor-bg:rgba(0,0,0,.14);--cursor-bg-pressed:rgba(0,0,0,.28);--cursor-border:rgba(0,0,0,.5);--frame-bezel:linear-gradient(145deg,#ececed 0%,#c7c8cd 30%,#abacb2 70%,#d6d7dc 100%);--frame-ring:#cdced3;--frame-btn:rgba(120,122,128,.8);--frame-shadow:0 30px 70px -28px rgba(0,0,0,.35), inset 0 1px 1px rgba(255,255,255,.75), inset 0 -1px 1px rgba(0,0,0,.2);--phone-w:430px;--phone-h:932px;font-family:Geist,sans-serif;-webkit-font-smoothing:antialiased}.dark .qp-phone{--c-paper:#0b0b0c;--c-panel:#141416;--c-ink:#f4f4f5;--c-soft:#b6b6bd;--c-mute:#8a8a93;--c-line:#1f1f22;--c-field-ring:#2a2a2e;--c-divider:rgba(255,255,255,.05);--c-ok:#5dd39e;--c-warn:#ffc857;--c-err:#ff6b6b;--c-avatar-bg:rgba(255,255,255,.05);--c-avatar-accent-bg:rgba(255,122,26,.15);--c-status-ok-bg:rgba(93,211,158,.15);--c-status-ok-text:#5dd39e;--c-status-warn-bg:rgba(255,200,87,.15);--c-status-warn-text:#ffc857;--c-status-draft-bg:rgba(255,255,255,.1);--c-status-draft-text:#b6b6bd;--c-tab-bar:#141416;--c-tab-border:rgba(255,255,255,.06);--c-system-chrome:#f4f4f5;--c-cta-overlay:rgba(11,11,12,.65);--cursor-bg:rgba(255,255,255,.22);--cursor-bg-pressed:rgba(255,255,255,.42);--cursor-border:rgba(255,255,255,.85);--frame-bezel:linear-gradient(145deg,#3a3a3e 0%,#1c1c1f 32%,#0a0a0b 68%,#2a2a2e 100%);--frame-ring:#050505;--frame-btn:rgba(10,10,12,.5);--frame-shadow:0 40px 90px -30px rgba(0,0,0,.7), inset 0 1px 1px rgba(255,255,255,.12), inset 0 -1px 1px rgba(0,0,0,.5)}.qp-phone .stage{position:relative;width:var(--phone-w);height:var(--phone-h);background:var(--c-paper);overflow:hidden;color:var(--c-ink);line-height:1.2}.qp-phone .font-display{font-family:Bricolage Grotesque,sans-serif;font-weight:600}.qp-phone .font-display-bold{font-family:Bricolage Grotesque,sans-serif;font-weight:700}.qp-phone .font-body-medium{font-family:Geist,sans-serif;font-weight:500}.qp-phone .font-body-semibold{font-family:Geist,sans-serif;font-weight:600}.qp-phone .font-body-bold{font-family:Geist,sans-serif;font-weight:700}.qp-phone .font-mono{font-family:Geist Mono,monospace}.qp-phone .font-mono-semibold{font-family:Geist Mono,monospace;font-weight:600}.qp-phone .text-mute{color:var(--c-mute)}.qp-phone .text-soft{color:var(--c-soft)}.qp-phone .text-ink{color:var(--c-ink)}.qp-phone .text-amber{color:#ff7a1a}.qp-phone .text-ok{color:var(--c-ok)}.qp-phone .status-bar{display:flex;align-items:center;justify-content:space-between;padding:17px 28px 0;height:54px;font-weight:500;font-size:15px;color:var(--c-system-chrome);position:absolute;inset:0 0 auto;z-index:50;transition:opacity .3s ease}.qp-phone .status-icons{display:flex;align-items:center;gap:5px}.qp-phone .tab-bar{position:absolute;bottom:0;left:0;right:0;background:var(--c-tab-bar);border-top:1px solid var(--c-tab-border);padding:6px 0 38px;display:flex;align-items:flex-start;z-index:5;transition:transform .4s cubic-bezier(.22,1,.36,1),opacity .3s ease}.qp-phone .tab-bar.hidden{transform:translateY(100%);opacity:0}.qp-phone .tab-bar a{flex:1;display:flex;flex-direction:column;align-items:center;text-decoration:none;padding-top:4px;color:var(--c-mute)}.qp-phone .tab-bar a .label{font-weight:600;font-size:10px;margin-top:2px;color:var(--c-mute)}.qp-phone .tab-bar a.active .material-icons,.qp-phone .tab-bar a.active .material-icons-outlined,.qp-phone .tab-bar a.active .label{color:#ff7a1a}.qp-phone .tab-bar .fab{width:60px;height:60px;border-radius:30px;margin-top:-30px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ff7a1a,#e55a0a);box-shadow:0 4px 12px #ff7a1a40}.qp-phone .home-indicator{position:absolute;bottom:10px;left:50%;transform:translate(-50%);width:108px;height:3px;border-radius:2px;background:var(--c-system-chrome);opacity:.9;z-index:51}.qp-phone .scene{position:absolute;inset:0;opacity:0;transition:opacity .4s ease;pointer-events:none;padding-top:54px}.qp-phone .scene.active{opacity:1;pointer-events:auto}.qp-phone .screen-header{display:flex;align-items:center;justify-content:space-between;padding:8px 20px 12px;gap:12px}.qp-phone .screen-header .title{font-family:Bricolage Grotesque,sans-serif;font-weight:600;font-size:20px;color:var(--c-ink);line-height:1.15}.qp-phone .screen-header .subtitle{font-family:Geist Mono,monospace;font-size:10px;color:var(--c-mute);letter-spacing:.4px;line-height:1;margin-top:2px;text-transform:uppercase}.qp-phone .circle-btn{width:40px;height:40px;border-radius:20px;background:var(--c-panel);border:1px solid var(--c-field-ring);display:flex;align-items:center;justify-content:center;color:var(--c-soft);flex-shrink:0}.qp-phone .section-label{font-size:11px;letter-spacing:.8px;color:var(--c-mute);font-weight:600;text-transform:uppercase}.qp-phone .tag-ok{background:var(--c-status-ok-bg)}.qp-phone .tag-warn{background:var(--c-status-warn-bg)}.qp-phone .tag-draft{background:var(--c-status-draft-bg)}.qp-phone .ios-shadow-amber{box-shadow:0 6px 16px #ff7a1a38}.qp-phone .stripes-warn{background-color:#ff7a1a12;background-image:repeating-linear-gradient(-45deg,rgba(255,122,26,.12) 0 8px,transparent 8px 24px)}.qp-phone .stripes-ok{background-color:#5dd39e14;background-image:repeating-linear-gradient(-45deg,rgba(93,211,158,.14) 0 8px,transparent 8px 24px)}.qp-phone .bottom-cta{position:absolute;left:0;right:0;bottom:0;padding:14px 20px 20px;background:var(--c-cta-overlay);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);z-index:10}.qp-phone .bottom-cta.no-tabs{bottom:0;padding-bottom:32px}.qp-phone .cta-btn{display:flex;align-items:center;justify-content:center;gap:8px;height:52px;border-radius:14px;background:linear-gradient(135deg,#ff7a1a,#e55a0a);color:#0b0b0c;font-weight:600;font-size:15px;box-shadow:0 4px 12px #ff7a1a40;transition:transform .15s ease}.qp-phone .cta-btn.pressed{transform:scale(.97)}.qp-phone .cta-btn.ok{background:var(--c-ok);box-shadow:0 4px 12px #5dd39e33}.qp-phone .s-newquote{padding:0 20px 100px}.qp-phone .h1{font-family:Bricolage Grotesque,sans-serif;font-weight:600;font-size:26px;line-height:31px;color:var(--c-ink);margin:8px 0 16px}.qp-phone .chips{display:flex;gap:8px;overflow:hidden;margin-bottom:20px}.qp-phone .chip{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:8px 14px;background:var(--c-panel);border:1px solid var(--c-field-ring);font-size:13px;color:var(--c-mute);font-weight:500}.qp-phone .chip.active{background:#ff7a1a;border-color:#ff7a1a;color:#0b0b0c;font-weight:600}.qp-phone .chip .material-icons{font-size:14px}.qp-phone .hero-card{position:relative;overflow:hidden;border-radius:20px;margin-bottom:10px;background:linear-gradient(135deg,#ff7a1a,#e55a0a);padding:16px;min-height:148px;box-shadow:0 6px 16px #ff7a1a38;transition:transform .2s ease}.qp-phone .hero-card.pressed{transform:scale(.97)}.qp-phone .hero-badge{position:absolute;top:10px;right:10px;background:#0003;border-radius:999px;padding:4px 10px;font-size:12px;color:#fff;font-weight:600}.qp-phone .hero-icons{display:flex;margin-bottom:12px}.qp-phone .hero-icons>div{width:32px;height:32px;border-radius:10px;background:#00000026;display:flex;align-items:center;justify-content:center;color:#fff;margin-left:-8px}.qp-phone .hero-icons>div:first-child{margin-left:0}.qp-phone .video-card{display:flex;align-items:center;gap:12px;padding:14px 16px;margin-bottom:10px;border-radius:16px;border:1px solid var(--c-field-ring);background:var(--c-panel)}.qp-phone .video-card .ico{width:44px;height:44px;border-radius:14px;background:var(--c-avatar-accent-bg);display:flex;align-items:center;justify-content:center;color:#ff7a1a}.qp-phone .grid-3{display:flex;gap:10px}.qp-phone .grid-3>a{flex:1;display:flex;flex-direction:column;align-items:center;padding:16px 8px;border-radius:16px;border:1px solid var(--c-field-ring);background:var(--c-panel)}.qp-phone .grid-3 .sq{width:36px;height:36px;border-radius:10px;background:#ffffff0d;display:flex;align-items:center;justify-content:center;color:var(--c-soft);margin-bottom:8px}.qp-phone .s-voice{padding:0 20px}.qp-phone .mode-switcher{display:flex;padding:4px;background:var(--c-panel);border:1px solid var(--c-field-ring);border-radius:14px;gap:4px;margin:18px 0}.qp-phone .mode-switcher>div{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 0;border-radius:10px;gap:4px}.qp-phone .mode-switcher .active{background:#ff7a1a24}.qp-phone .mode-switcher .active .material-icons,.qp-phone .mode-switcher .active span:last-child{color:#ff7a1a}.qp-phone .mode-switcher .material-icons-outlined,.qp-phone .mode-switcher .material-icons{font-size:18px;color:var(--c-mute)}.qp-phone .mode-switcher .label-sm{font-size:11px;font-weight:500;color:var(--c-mute)}.qp-phone .mode-switcher .active .label-sm{font-weight:600}.qp-phone .record-card{margin-top:18px;background:var(--c-panel);border:1px solid var(--c-line);border-radius:18px;padding:28px 20px;text-align:center}.qp-phone .rec-pill{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;background:#dc26262e;gap:6px}.qp-phone .rec-pill .dot{width:8px;height:8px;border-radius:50%;background:#ff6b6b;animation:qp-pulse 1.4s ease-in-out infinite}.qp-phone .rec-pill .lbl{font-size:10px;color:#ff6b6b;letter-spacing:.8px;font-weight:600;text-transform:uppercase}.qp-phone .rec-timer{font-family:Geist Mono,monospace;font-weight:600;font-size:44px;color:var(--c-ink);margin-top:14px;letter-spacing:1px}.qp-phone .rec-waveform{display:flex;align-items:flex-end;justify-content:center;gap:6px;height:44px;margin-top:20px}.qp-phone .rec-waveform span{display:block;width:5px;background:#ff7a1a;border-radius:3px;animation:qp-wave 1.2s ease-in-out infinite}.qp-phone .transcript-card{margin-top:14px;background:var(--c-panel);border:1px solid var(--c-field-ring);border-radius:14px;padding:14px 16px;min-height:56px;font-size:14px;line-height:20px;color:var(--c-ink)}.qp-phone .transcript-card .lbl{font-size:10px;letter-spacing:.8px;color:var(--c-mute);font-weight:600;text-transform:uppercase;margin-bottom:6px}.qp-phone .transcript-card .cur{display:inline-block;width:2px;height:14px;background:#ff7a1a;vertical-align:-2px;margin-left:1px;animation:qp-blink 1s steps(2) infinite}.qp-phone .s-quote{padding:0 20px 120px}.qp-phone .client-strip{display:flex;align-items:center;background:var(--c-panel);border:1px solid var(--c-field-ring);border-radius:14px;padding:14px;gap:12px;margin:12px 0 24px}.qp-phone .client-strip .av{width:44px;height:44px;border-radius:22px;display:flex;align-items:center;justify-content:center;background:var(--c-avatar-accent-bg)}.qp-phone .client-strip .av span{font-weight:700;font-size:14px;color:#ff7a1a}.qp-phone .client-strip .info{flex:1;min-width:0}.qp-phone .client-strip .name{font-size:15px;font-weight:600;color:var(--c-ink)}.qp-phone .client-strip .email{font-size:12px;color:var(--c-mute);margin-top:2px}.qp-phone .jd-card{background:var(--c-panel);border:1px solid var(--c-field-ring);border-radius:14px;padding:14px 16px;font-size:14px;line-height:20px;color:var(--c-ink);margin-bottom:24px}.qp-phone .li-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.qp-phone .li-toggle{display:flex;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.06)}.qp-phone .li-toggle>div{padding:5px 10px;font-size:12px;font-weight:500;color:var(--c-mute)}.qp-phone .li-toggle .active{background:var(--c-panel);color:#ff7a1a}.qp-phone .li-card{background:var(--c-panel);border:1px solid var(--c-field-ring);border-radius:14px;overflow:hidden;margin-bottom:16px}.qp-phone .li-row{padding:14px 16px;border-bottom:1px solid var(--c-divider);opacity:0;transform:translateY(8px);transition:opacity .4s ease,transform .4s ease}.qp-phone .li-row.show{opacity:1;transform:translateY(0)}.qp-phone .li-row:last-child{border-bottom:0}.qp-phone .li-row .top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.qp-phone .li-pill{padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600}.qp-phone .li-pill.labour{background:#ff7a1a2e;color:#ff7a1a}.qp-phone .li-pill.materials{background:#5dd39e2e;color:var(--c-ok)}.qp-phone .li-row .desc{font-size:13px;color:var(--c-ink);line-height:18px}.qp-phone .li-row .amt-row{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.qp-phone .li-row .amt-row .breakdown{font-size:11px;color:var(--c-mute)}.qp-phone .li-row .amt-row .amt{font-family:Geist Mono,monospace;font-weight:600;font-size:14px;color:var(--c-ink)}.qp-phone .thinking{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 0}.qp-phone .thinking .spark{font-size:42px;color:#ff7a1a;animation:qp-spark 1.5s ease-in-out infinite}.qp-phone .thinking-text{margin-top:14px;font-size:13px;color:var(--c-mute)}.qp-phone .thinking-text b{color:var(--c-ink);font-weight:500}.qp-phone .totals-card{background:var(--c-panel);border:1px solid var(--c-field-ring);border-radius:14px;padding:14px 16px}.qp-phone .totals-card .row{display:flex;justify-content:space-between;font-size:13px;padding:4px 0;color:var(--c-soft)}.qp-phone .totals-card .row.grand{padding-top:10px;margin-top:6px;border-top:1px solid var(--c-divider)}.qp-phone .totals-card .row.grand .lbl-grand{font-family:Bricolage Grotesque,sans-serif;font-weight:600;font-size:16px;color:var(--c-ink)}.qp-phone .totals-card .row.grand .val{font-family:Geist Mono,monospace;font-weight:600;font-size:20px;color:#ff7a1a}.qp-phone .totals-card .row .val{font-family:Geist Mono,monospace}.qp-phone .s-preview{padding:0 16px 120px}.qp-phone .paper{background:#fff;color:#1f2937;border-radius:14px;overflow:hidden;box-shadow:0 12px 40px #0006;transform:translateY(20px);opacity:0;transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .4s ease}.qp-phone .paper.show{transform:translateY(0);opacity:1}.qp-phone .paper .amber-bar{height:5px;background:#ff7a1a}.qp-phone .paper .inner{padding:16px}.qp-phone .paper .top-row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:14px}.qp-phone .paper .biz{display:flex;gap:8px;align-items:flex-start;flex:1}.qp-phone .paper .logo{width:36px;height:36px;border-radius:8px;background:#ff7a1a;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:15px}.qp-phone .paper .biz-name{font-family:Bricolage Grotesque,sans-serif;font-weight:700;font-size:13px;color:#ff7a1a}.qp-phone .paper .biz-meta{font-size:9px;color:#9ca3af;margin-top:1px}.qp-phone .paper .qcode{text-align:right}.qp-phone .paper .qcode-lbl{font-size:8px;color:#9ca3af;font-weight:600;letter-spacing:1px;text-transform:uppercase}.qp-phone .paper .qcode-num{font-family:Geist Mono,monospace;font-weight:600;font-size:13px;color:#ff7a1a;margin-top:1px}.qp-phone .paper .date-row{display:flex;justify-content:space-between;padding:8px 0;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;margin-bottom:12px;font-size:10px;color:#6b7280}.qp-phone .paper .date-row b{color:#111827;font-weight:500}.qp-phone .paper .two-col{display:flex;gap:8px;margin-bottom:12px}.qp-phone .paper .two-col>div{flex:1;padding:8px;border-radius:6px}.qp-phone .paper .col-client{background:#ff7a1a14}.qp-phone .paper .col-job{background:#fafaf7}.qp-phone .paper .col-lbl{font-size:8px;color:#9ca3af;font-weight:600;letter-spacing:.8px;text-transform:uppercase;margin-bottom:3px}.qp-phone .paper .client-name{font-size:11px;font-weight:600;color:#111827}.qp-phone .paper .client-meta{font-size:9px;color:#6b7280;margin-top:1px}.qp-phone .paper .job-desc{font-size:9px;color:#4b5563;line-height:12px}.qp-phone .paper .table-head{display:flex;background:#ff7a1a;padding:6px 8px;border-radius:4px 4px 0 0}.qp-phone .paper .table-head span{font-size:8px;color:#fff;font-weight:600;letter-spacing:.6px;text-transform:uppercase}.qp-phone .paper .row-line{display:flex;align-items:center;padding:7px 8px;font-size:9px}.qp-phone .paper .row-line:nth-child(odd){background:#fafaf7}.qp-phone .paper .row-line .desc{flex:1;color:#111827;font-weight:500}.qp-phone .paper .row-line .amt{width:60px;text-align:right;font-family:Geist Mono,monospace;font-weight:600;color:#111827}.qp-phone .paper .totals-block{margin-top:12px}.qp-phone .paper .totals-block .r{display:flex;justify-content:space-between;padding:3px 8px;font-size:10px;color:#6b7280}.qp-phone .paper .totals-block .r.grand{padding:8px;border-top:2px solid #FF7A1A;margin-top:4px;font-size:13px;color:#111827;font-weight:700}.qp-phone .paper .totals-block .r.grand .v{font-family:Geist Mono,monospace;color:#ff7a1a;font-size:18px}.qp-phone .s-send{padding:0 20px 120px}.qp-phone .method-tabs{display:flex;gap:8px;margin-top:14px;margin-bottom:18px}.qp-phone .method-tab{flex:1;display:flex;align-items:center;justify-content:center;padding:12px 0;border-radius:12px;gap:6px;background:var(--c-panel);border:1px solid var(--c-field-ring)}.qp-phone .method-tab.active{background:#ff7a1a24;border-color:#ff7a1a66}.qp-phone .method-tab .material-icons,.qp-phone .method-tab .material-icons-outlined{font-size:16px;color:var(--c-mute)}.qp-phone .method-tab.active .material-icons,.qp-phone .method-tab.active .material-icons-outlined{color:#ff7a1a}.qp-phone .method-tab span:last-child{font-size:13px;color:var(--c-mute);font-weight:500}.qp-phone .method-tab.active span:last-child{color:#ff7a1a;font-weight:600}.qp-phone .field-label{font-size:10px;letter-spacing:.8px;color:var(--c-mute);font-weight:600;text-transform:uppercase;margin-bottom:8px;margin-top:18px}.qp-phone .field-input{background:var(--c-panel);border:1px solid var(--c-field-ring);border-radius:12px;padding:13px 16px;font-size:15px;color:var(--c-ink)}.qp-phone .field-textarea{background:var(--c-panel);border:1px solid var(--c-field-ring);border-radius:14px;padding:14px 16px;min-height:120px;font-size:14px;line-height:20px;color:var(--c-ink)}.qp-phone .s-locked{background:#000;color:#fff;padding-top:0}.qp-phone .s-locked.active{padding-top:0}.qp-phone .lock-time{text-align:center;padding-top:120px}.qp-phone .lock-time .clock{font-size:80px;font-weight:300;line-height:1;color:#fff}.qp-phone .lock-time .date{font-size:18px;margin-top:8px;color:#fffc}.qp-phone .notif{position:absolute;top:140px;left:14px;right:14px;background:#1c1c1eeb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:18px;padding:14px;display:flex;gap:10px;transform:translateY(-220px);opacity:0;transition:transform .55s cubic-bezier(.22,1,.36,1),opacity .3s ease;box-shadow:0 12px 40px #00000080;z-index:6}.qp-phone .notif.show{transform:translateY(0);opacity:1}.qp-phone .notif.pressed{transform:translateY(0) scale(.98)}.qp-phone .notif .app-icon{width:42px;height:42px;border-radius:10px;background:#0b0b0c;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f}.qp-phone .notif .app-icon svg{width:30px;height:30px}.qp-phone .notif .body{flex:1;min-width:0}.qp-phone .notif .head-row{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#fff;font-weight:600}.qp-phone .notif .head-row .time{font-size:12px;color:#fff9;font-weight:400}.qp-phone .notif .msg{font-size:13px;color:#ffffffd9;margin-top:2px;line-height:17px}.qp-phone .notif .msg b{color:#ff7a1a;font-weight:600}.qp-phone .s-accepted{padding:0 0 120px}.qp-phone .status-banner{margin:0 20px;border-radius:14px;padding:14px 16px;display:flex;align-items:center;gap:12px}.qp-phone .status-banner.accepted{background-color:#1f8c5a2e;border:1px solid rgba(31,140,90,.35)}.qp-phone .status-banner .ic{width:40px;height:40px;border-radius:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.qp-phone .status-banner.accepted .ic{background:#1f8c5a4d;color:var(--c-ok)}.qp-phone .status-banner .ic .material-icons{font-size:22px}.qp-phone .status-banner .info{flex:1}.qp-phone .status-banner .info .head{font-size:14px;font-weight:600}.qp-phone .status-banner.accepted .info .head{color:var(--c-ok)}.qp-phone .status-banner .info .sub{font-size:11px;color:var(--c-soft);margin-top:2px}.qp-phone .title-block{padding:18px 20px 8px}.qp-phone .title-block .eyebrow{font-size:10px;letter-spacing:.8px;font-weight:600;text-transform:uppercase;color:#ff7a1a}.qp-phone .title-block .name{font-family:Bricolage Grotesque,sans-serif;font-weight:600;font-size:26px;line-height:1.05;margin-top:4px;color:var(--c-ink)}.qp-phone .title-block .price-row{display:flex;align-items:baseline;gap:6px;margin-top:8px}.qp-phone .title-block .price-row .price{font-family:Geist Mono,monospace;font-weight:600;font-size:32px;color:var(--c-ink)}.qp-phone .title-block .price-row .vat{font-size:12px;color:var(--c-mute)}.qp-phone .timeline-card{margin:14px 20px 0;background:var(--c-panel);border:1px solid var(--c-line);border-radius:14px;padding:16px}.qp-phone .timeline-card .lbl{font-size:10px;letter-spacing:.8px;color:var(--c-mute);font-weight:600;text-transform:uppercase;margin-bottom:12px}.qp-phone .tl{position:relative;padding-left:24px}.qp-phone .tl:before{content:"";position:absolute;left:5px;top:8px;bottom:8px;width:2px;background:var(--c-divider)}.qp-phone .tl-event{position:relative;padding-bottom:14px}.qp-phone .tl-event:last-child{padding-bottom:0}.qp-phone .tl-event:before{content:"";position:absolute;left:-23px;top:2px;width:12px;height:12px;border-radius:6px;background:var(--c-mute)}.qp-phone .tl-event.amber:before{background:#ff7a1a}.qp-phone .tl-event.ok:before{background:var(--c-ok)}.qp-phone .tl-event .title{font-size:13px;color:var(--c-ink);font-weight:500}.qp-phone .tl-event .meta{font-size:11px;color:var(--c-mute);margin-top:2px}.qp-phone .s-invoice{padding:0 0 120px}.qp-phone .linked-row{display:flex;align-items:center;gap:4px;margin-top:8px;padding:0 20px}.qp-phone .linked-row .a{font-size:11px;color:var(--c-mute)}.qp-phone .linked-row .b{font-size:11px;color:#ff7a1a;font-weight:500}.qp-phone .pay-progress{margin:14px 20px 0;border-radius:14px;border:1px solid var(--c-field-ring);background:var(--c-panel);padding:14px}.qp-phone .pay-progress .row{display:flex;align-items:baseline;justify-content:space-between}.qp-phone .pay-progress .row .lbl{font-size:10px;letter-spacing:.8px;color:var(--c-mute);font-weight:600;text-transform:uppercase}.qp-phone .pay-progress .row .val{font-family:Geist Mono,monospace;font-weight:600;font-size:14px;color:var(--c-ok)}.qp-phone .pay-progress .row .val small{font-weight:400;color:var(--c-mute);font-family:Geist Mono,monospace;font-size:11px;margin-left:4px}.qp-phone .pay-progress .bar{height:6px;border-radius:3px;background:#ffffff0f;margin-top:10px;overflow:hidden}.qp-phone .pay-progress .bar .fill{height:100%;background:#ff7a1a;width:0;border-radius:3px;transition:width .8s ease}.qp-phone .sheet-backdrop{position:absolute;inset:0;background:#0000008c;z-index:50;opacity:0;transition:opacity .35s ease;pointer-events:none}.qp-phone .sheet-backdrop.show{opacity:1;pointer-events:auto}.qp-phone .sheet{position:absolute;bottom:0;left:0;right:0;background:var(--c-panel);border-top-left-radius:20px;border-top-right-radius:20px;padding:10px 0 24px;z-index:60;transform:translateY(100%);transition:transform .45s cubic-bezier(.22,1,.36,1)}.qp-phone .sheet.show{transform:translateY(0)}.qp-phone .sheet-handle{width:36px;height:4px;border-radius:2px;background:var(--c-mute);opacity:.3;margin:0 auto 8px}.qp-phone .sheet-title{padding:6px 20px 12px;font-family:Bricolage Grotesque,sans-serif;font-weight:600;font-size:18px;color:var(--c-ink);border-bottom:1px solid var(--c-divider)}.qp-phone .sheet-body{padding:14px 20px 0}.qp-phone .sheet-info{font-size:12px;color:var(--c-mute);margin-bottom:14px}.qp-phone .input-chrome{background:#ffffff0d;border:1px solid var(--c-field-ring);border-radius:16px;padding:12px 14px;display:flex;align-items:center;gap:8px;margin-bottom:14px}.qp-phone .input-chrome .curr{font-family:Geist Mono,monospace;font-weight:600;font-size:26px;color:var(--c-mute)}.qp-phone .input-chrome .val{font-family:Bricolage Grotesque,sans-serif;font-weight:700;font-size:26px;color:var(--c-ink);flex:1}.qp-phone .input-chrome .badge{background:#ff7a1a;border-radius:999px;padding:6px 10px;font-size:11px;color:#0b0b0c;font-weight:600}.qp-phone .method-row{display:flex;gap:8px;margin-bottom:14px}.qp-phone .method-opt{flex:1;display:flex;flex-direction:column;align-items:center;border-radius:12px;background:var(--c-panel);border:1px solid var(--c-field-ring);padding:10px 0;gap:4px}.qp-phone .method-opt.active{background:var(--c-avatar-accent-bg);border-color:#ff7a1a4d}.qp-phone .method-opt .material-icons{font-size:18px;color:var(--c-soft)}.qp-phone .method-opt.active .material-icons{color:#ff7a1a}.qp-phone .method-opt span:last-child{font-size:11px;color:var(--c-soft);font-weight:500}.qp-phone .method-opt.active span:last-child{color:#ff7a1a;font-weight:600}.qp-phone .s-paid{padding-top:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.qp-phone .paid-check{width:140px;height:140px;border-radius:70px;background:#5dd39e26;display:flex;align-items:center;justify-content:center;margin:80px auto 32px;opacity:0;transform:scale(.6);transition:opacity .4s ease,transform .5s cubic-bezier(.18,1.4,.6,1)}.qp-phone .paid-check.show{opacity:1;transform:scale(1)}.qp-phone .paid-check .material-icons{font-size:80px;color:var(--c-ok)}.qp-phone .paid-title{font-family:Bricolage Grotesque,sans-serif;font-weight:600;font-size:28px;color:var(--c-ink)}.qp-phone .paid-amount{font-family:Geist Mono,monospace;color:var(--c-ok);font-size:22px;font-weight:600;margin-top:6px}.qp-phone .stat-pill{margin-top:32px;display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border-radius:999px;background:var(--c-panel);border:1px solid var(--c-field-ring)}.qp-phone .stat-pill .material-icons{font-size:16px;color:#ff7a1a}.qp-phone .stat-pill span:last-child{font-size:13px;color:var(--c-soft)}.qp-phone .stat-pill b{color:var(--c-ink)}.qp-phone .brand-stamp{position:absolute;bottom:56px;left:0;right:0;display:flex;align-items:center;justify-content:center;opacity:0;animation:qp-fadeIn .8s ease 1.6s forwards;color:var(--c-ink)}.qp-phone .brand-stamp svg{height:30px;width:auto}.qp-phone .confetti{position:absolute;width:8px;height:14px;border-radius:2px;opacity:0;pointer-events:none}.qp-phone .confetti.go{animation:qp-confetti 2.6s ease-out forwards}.qp-phone .cursor{position:absolute;top:0;left:0;width:0;height:0;pointer-events:none;z-index:100;transform:translate(200px,400px);will-change:transform;transition:opacity 0s}.qp-phone .cursor-inner{position:absolute;top:-22px;left:-22px;width:44px;height:44px;border-radius:50%;background:var(--cursor-bg);border:1.5px solid var(--cursor-border);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 2px 16px #00000059,inset 0 1px #fff6;transition:transform .15s ease,background-color .15s ease;transform:scale(1)}.qp-phone .cursor.pressed .cursor-inner{background:var(--cursor-bg-pressed);transform:scale(.88)}.qp-phone .cursor-inner:after{content:"";position:absolute;left:50%;top:50%;width:0;height:0;border-radius:50%;background:#ff7a1a73;transform:translate(-50%,-50%);opacity:0;pointer-events:none}.qp-phone .cursor.tap .cursor-inner:after{animation:qp-tap .6s ease-out}@keyframes qp-pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes qp-wave{0%,to{height:8px}50%{height:38px}}@keyframes qp-blink{50%{opacity:0}}@keyframes qp-spark{0%,to{transform:rotate(0) scale(1);opacity:.7}50%{transform:rotate(180deg) scale(1.15);opacity:1}}@keyframes qp-confetti{0%{opacity:0;transform:translate(0) rotate(0)}10%{opacity:1}to{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(var(--dr))}}@keyframes qp-tap{0%{width:0;height:0;opacity:.9}to{width:120px;height:120px;opacity:0}}@keyframes qp-fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.qp-phone .rec-pill .dot,.qp-phone .rec-waveform span,.qp-phone .transcript-card .cur,.qp-phone .thinking .spark,.qp-phone .confetti.go{animation:none}}
