Offline Notepad
View raw
- { margin: 0; padding: 0; box-sizing: border-box; } html { scroll-behavior: smooth; scroll-padding-top: 20px; } body { background: #FAF5FC; font-family: 'Segoe UI', 'Quicksand', sans-serif; color: #5A4F6B; line-height: 1.8; padding: 80px 20px; }
.wrapper { max-width: 680px; margin: 0 auto; width: 100%; }
.page-header { text-align: center; padding-bottom: 1rem; margin-bottom: 0.5rem; } .page-header h1 { font-size: 1.5rem; font-weight: 300; letter-spacing: 4px; color: #B89FD6; text-transform: uppercase; }
.styled-separator { display: flex; align-items: center; justify-content: center; width: 80%; margin: 0 auto 2rem auto; } .styled-separator::before, .styled-separator::after { content: ''; flex: 1; height: 0.8px; background: linear-gradient(to right, transparent, #D4C2E8, transparent); } .styled-separator span { margin: 0 1.2rem; color: #E2D4F0; }
.creator-name-cursive { text-align: right; margin-right: 1.8rem; margin-bottom: 2.5rem; font-size: 1rem; color: #A890C2; font-family: 'Brush Script MT', cursive; letter-spacing: 1px; }
.bubble-box { background: #FFFFFF; border-radius: 48px; padding: 2.5rem 2rem; margin-bottom: 2rem; box-shadow: 0 12px 45px rgba(160, 135, 190, 0.1); width: 100%; } .bubble-box.movers-box { border-radius: 20px; } .paper-bubble { background: #FFFCFE; border: 1px solid #F3E8FA; border-radius: 24px; padding: 1.5rem; margin: 1.2rem 0; box-shadow: 2px 4px 12px rgba(180, 150, 210, 0.08), inset 0 0 0 4px #fff; width: 100%; overflow: hidden; }
/* --- UNIFIED TOGGLE BASE STYLE --- */ .hold-toggle, .movers-toggle, .retent-toggle, .sales-toggle, .hotline-toggle, .other-toggle, .ack-toggle, .reassure-toggle, .prog-toggle, .empathy-toggle, .gentle-toggle, .acc-check-toggle, .disc-movers-toggle, .disc-retent-toggle, .pres-movers-toggle, .pres-retent-toggle { cursor: pointer; padding: 0.8rem 1.2rem; border-radius: 20px; font-weight: 500; display: flex; justify-content: space-between; align-items: center; transition: 0.3s ease; user-select: none; touch-action: manipulation; }
/* ✅ SUPPORTIVE PHRASES — EXACT SEQUENCE & COLORS / .ack-toggle { background: #F4F0FB; color: #625275; } / 1 / .reassure-toggle { background: #EFF8E9; color: #2E7D32; } / 2 / .empathy-toggle { background: #FBEFF6; color: #7B1FA2; } / 3 / .gentle-toggle { background: #FFF4E8; color: #E65100; } / 4 / .prog-toggle { background: #F9F2E8; color: #854D0E; } / 5 / .hotline-toggle { background: #F9EBF0; color: #882E4F; } / 6 */ .other-toggle { background: #F3EFFE; color: #512DA8; }
/* ✅ HOLD SCRIPT TOGGLES — SAME EXACT SEQUENCE & COLORS / .hold-toggle { background: #F4F0FB; color: #625275; } / match ack-toggle / .disc-movers-toggle { background: #EFF8E9; color: #2E7D32; } / match reassure-toggle / .disc-retent-toggle { background: #FBEFF6; color: #7B1FA2; } / match empathy-toggle / .pres-movers-toggle { background: #FFF4E8; color: #E65100; } / match gentle-toggle / .pres-retent-toggle { background: #F9F2E8; color: #854D0E; } / match prog-toggle */
/* ✅ HOVER — MATCH SUPPORTIVE EXACTLY */ .ack-toggle:hover, .hold-toggle:hover { background: #e9e4f2; transform: translateY(-1px); } .reassure-toggle:hover, .disc-movers-toggle:hover { background: #E2F0D9; transform: translateY(-1px); } .empathy-toggle:hover, .disc-retent-toggle:hover { background: #F3E5F5; transform: translateY(-1px); } .gentle-toggle:hover, .pres-movers-toggle:hover { background: #FFE8D1; transform: translateY(-1px); } .prog-toggle:hover, .pres-retent-toggle:hover { background: #F2E6D4; transform: translateY(-1px); } .hotline-toggle:hover { background: #F2DCE4; transform: translateY(-1px); } .other-toggle:hover { background: #EDE5FC; transform: translateY(-1px); }
/* other toggles untouched */ .movers-toggle { background: #E8F6F5; color: #2E7D72; } .retent-toggle { background: #EFF8E9; color: #2E7D32; } .sales-toggle { background: #F9F2E8; color: #854D0E; } .acc-check-toggle { background: #F4F0FB; color: #625275; } .movers-toggle:hover { background: #D9EFEF; transform: translateY(-1px); } .retent-toggle:hover { background: #E2F0D9; transform: translateY(-1px); } .sales-toggle:hover { background: #F2E6D4; transform: translateY(-1px); } .acc-check-toggle:hover{ background: #e9e4f2; transform: translateY(-1px); }
/* --- Toggle Arrow & Open/Close Logic --- */ .hold-toggle::after, .movers-toggle::after, .retent-toggle::after, .sales-toggle::after, .hotline-toggle::after, .other-toggle::after, .ack-toggle::after, .reassure-toggle::after, .prog-toggle::after, .empathy-toggle::after, .gentle-toggle::after, .acc-check-toggle::after, .disc-movers-toggle::after, .disc-retent-toggle::after, .pres-movers-toggle::after, .pres-retent-toggle::after { content: '▼'; font-size: 0.8rem; transition: transform 0.3s ease; }
#acc-check, #movers-check, #retent-check, #sales-check, #hotline-check, #other-check, #ack-check, #reassure-check, #prog-check, #empathy-check, #gentle-check, #disc-movers-check, #disc-retent-check, #pres-movers-check, #pres-retent-check, #hold-check { display: none; }
#hold-check:checked ~ .hold-content, #acc-check:checked ~ .ack-check-content, #movers-check:checked ~ .movers-content, #retent-check:checked ~ .retent-content, #sales-check:checked ~ .sales-content, #hotline-check:checked ~ .hotline-content, #other-check:checked ~ .other-content, #ack-check:checked ~ .ack-content, #reassure-check:checked ~ .reassure-content, #prog-check:checked ~ .prog-content, #empathy-check:checked ~ .empathy-content, #gentle-check:checked ~ .gentle-content, #disc-movers-check:checked ~ .disc-movers-content, #disc-retent-check:checked ~ .disc-retent-content, #pres-movers-check:checked ~ .pres-movers-content, #pres-retent-check:checked ~ .pres-retent-content { max-height: 9999px; padding-top: 1.2rem; }
#hold-check:checked ~ .hold-toggle::after, #acc-check:checked ~ .ack-check-toggle::after, #movers-check:checked ~ .movers-toggle::after, #retent-check:checked ~ .retent-toggle::after, #sales-check:checked ~ .sales-toggle::after, #hotline-check:checked ~ .hotline-toggle::after, #other-check:checked ~ .other-toggle::after, #ack-check:checked ~ .ack-toggle::after, #reassure-check:checked ~ .reassure-toggle::after, #prog-check:checked ~ .prog-toggle::after, #empathy-check:checked ~ .empathy-toggle::after, #gentle-check:checked ~ .gentle-toggle::after, #disc-movers-check:checked ~ .disc-movers-toggle::after, #disc-retent-check:checked ~ .disc-retent-toggle::after, #pres-movers-check:checked ~ .pres-movers-toggle::after, #pres-retent-check:checked ~ .pres-retent-toggle::after { transform: rotate(180deg); }
.hold-content, .acc-check-content, .movers-content, .retent-content, .sales-content, .hotline-content, .other-content, .ack-content, .reassure-content, .prog-content, .empathy-content, .gentle-content, .disc-movers-content, .disc-retent-content, .pres-movers-content, .pres-retent-content { max-height: 0; overflow: hidden; transition: max-height 0.4s ease, padding 0.3s ease; width: 100%; }
.back-toc-right { text-align: right; margin-top: 1.5rem; } .back-toc-right a { color: #9A82B2; font-style: normal; text-decoration: none; font-size: 0.85rem; display: inline-flex; align-items: center; gap: 0.3rem; } .back-toc-right a::before { content: '↑'; font-size: 0.9rem; font-weight: 500; } .back-toc-right a:hover { text-decoration: underline; color: #7A6290; }
.hotline-list { font-family: 'Segoe UI', sans-serif; font-size: 0.95rem; color: #333; width: 100%; word-wrap: break-word; overflow-wrap: break-word; } .hl-row { margin: 0.3rem 0; padding-left: 0.5rem; width: 100%; } .hl-letter { display: inline-block; min-width: 24px; font-weight: 700; font-size: 1rem; }
.hl-indent { display: inline-block; min-width: 24px; } .hl-divider { height: 1px; background: #eee; margin: 0.6rem 0; width: 100%; }
.bullet-list { font-size: 0.95rem; line-height: 1.8; color: #554F60; padding-left: 1.5rem; width: 100%; word-wrap: break-word; overflow-wrap: break-word; } .bullet-list li { margin-bottom: 0.4rem; } .sub-heading { font-weight:600; margin:1rem 0 0.5rem -0.5rem; padding-left:0.5rem; border-radius:12px; }
/* --- Gentle & Kind Accent Colors --- */ .gent1 {color:#F57C00; background:#FFF8E1;} .gent2 {color:#607D8B; background:#F8FAFB;} .gent3 {color:#0277BD; background:#EAF6FF;} .gent4 {color:#7B1FA2; background:#F9F0FC;} .gent5 {color:#2E7D32; background:#EFF8E9;} .gent6 {color:#E65100; background:#FFF3E0;} .gent7 {color:#AD1457; background:#FCEEF5;} .gent8 {color:#C2185B; background:#FDF2F8;} .gent9 {color:#4A148C; background:#F4EFFA;} .gent10 {color:#2E7D72; background:#E8F6F5;}
/* ✅ UPDATED TABLE OF CONTENTS — EXACT SEQUENCE & COLOR MATCH / .toc-heading { font-family: 'Brush Script MT', cursive; font-size: 2.1rem; color: #9A82B2; text-align: center; margin-bottom: 1.5rem; } .toc-list { list-style: none; display: flex; flex-direction: column; gap: 0.5rem; } .toc-list li { margin: 0.2rem 0; } .toc-main-link { padding: 1rem 1.8rem; border-radius: 50px; text-decoration: none; display: block; font-weight:600; transition: 0.3s ease; } / 1: Hold Scripts = Acknowledgement / .toc-list li:nth-child(1) .toc-main-link { background: #F4F0FB; color: #625275; } / 2: Movers = Reassurance / .toc-list li:nth-child(2) .toc-main-link { background: #EFF8E9; color: #2E7D32; } / 3: Retentions = Empathy / .toc-list li:nth-child(3) .toc-main-link { background: #FBEFF6; color: #7B1FA2; } / 4: Sales = Gentle & Kind / .toc-list li:nth-child(4) .toc-main-link { background: #FFF4E8; color: #E65100; } / 5: Supportive = Progressive Questions / .toc-list li:nth-child(5) .toc-main-link { background: #F9F2E8; color: #854D0E; } / 6: Other = Hotline */ .toc-list li:nth-child(6) .toc-main-link { background: #F9EBF0; color: #882E4F; } .toc-main-link:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.1); }
<!-- 📋 Hold Scripts List → UPDATED to Account checking -->
<div class="paper-bubble">
<label>
<input type="checkbox" id="hold-check">
<div class="hold-toggle">⏸️ Account checking</div>
<div class="hold-content">
<p class="sub-heading gent1">🔍 Initial Pull Up</p>
<ul class="bullet-list">
<li>I’m currently pulling up your profile in our system to verify your account information. This usually takes around 2–3 minutes. I’ll check back with you as soon as your record loads. ❤️</li>
</ul>
<p class="sub-heading gent2">✅ Follow-Up Hold (If Needed)</p>
<ul class="bullet-list">
<li>I’ve successfully located your account! Now I’m completing a quick security verification to keep your personal data fully protected. May I have about 2 minutes to finish this step? I truly appreciate your patience while we safeguard your account. ❤️</li>
</ul>
<p class="sub-heading gent3">⏳ Need More Time Hold</p>
<ul class="bullet-list">
<li>To confirm I have the correct account, I’m cross-referencing your details with our active database right now. This should take no longer than 3 minutes. I’ll stay on the line and update you instantly once the process completes. ❤️</li>
</ul>
<p class="sub-heading gent4">💬 Mid-Hold Update</p>
<ul class="bullet-list">
<li>Just a gentle update: I’m reviewing your account history to verify the specific details you shared. The system is responding a little slowly, so please allow another 2 minutes. Thank you so much for staying connected with me. ❤️</li>
</ul>
<p class="sub-heading gent5">🔐 Final Hold</p>
<ul class="bullet-list">
<li>I’m now on the final step—verifying your credentials within our secure system. This last check will take roughly 2 minutes to wrap up. I’ll let you know the moment your account is fully verified and ready! ❤️</li>
</ul>
</div>
</label>
</div>
<!-- 📤 Disconnection (Movers) -->
<div class="paper-bubble">
<label>
<input type="checkbox" id="disc-movers-check">
<div class="disc-movers-toggle">📤 Disconnection (Movers)</div>
<div class="disc-movers-content">
<ul class="bullet-list">
<li>We understand you’re moving home—let’s smoothly disconnect your current service and arrange transfer to your new address! ❤️</li>
<li>I’ll walk you through each step clearly—no hidden fees, just a simple, stress-free process for your internet, TV or phone. ❤️</li>
</ul>
</div>
</label>
</div>
<!-- 📥 Disconnection (Retentions) -->
<div class="paper-bubble">
<label>
<input type="checkbox" id="disc-retent-check">
<div class="disc-retent-toggle">📥 Disconnection (Retentions)</div>
<div class="disc-retent-content">
<ul class="bullet-list">
<li>I’m truly sorry to hear you’re thinking of leaving Virgin Media—let me share better plans, exclusive discounts or faster speeds to keep you connected! ❤️</li>
<li>I’ll carefully review your current package and offer improvements so you don’t feel the need to disconnect. ❤️</li>
</ul>
</div>
</label>
</div>
<!-- 📡 Presentation (Movers) -->
<div class="paper-bubble">
<label>
<input type="checkbox" id="pres-movers-check">
<div class="pres-movers-toggle">📡 Presentation (Movers)</div>
<div class="pres-movers-content">
<ul class="bullet-list">
<li>Let me introduce our dedicated moving service—seamless transfer, fast installation, and ultra-reliable broadband/TV at your new home! ❤️</li>
<li>Our team will handle everything to get you connected quickly, so you don’t miss out on fast speeds or your favourite shows. ❤️</li>
</ul>
</div>
</label>
</div>
<!-- 🎁 Presentation (Retentions) -->
<div class="paper-bubble">
<label>
<input type="checkbox" id="pres-retent-check">
<div class="pres-retent-toggle">🎁 Presentation (Retentions)</div>
<div class="pres-retent-content">
<ul class="bullet-list">
<li>I’d love to present our exclusive loyalty offers—faster broadband, lower monthly bills, extra TV channels or streaming perks just for staying with us! ❤️</li>
<li>Let me show you tailored packages that give you better value and keep you enjoying the best connection. ❤️</li>
</ul>
</div>
</label>
</div>
<p class="back-toc-right"><a href="#main-options">Back to Table of Contents</a></p>
<!-- 💬 Acknowledgement -->
<div class="paper-bubble">
<label>
<input type="checkbox" id="ack-check">
<div class="ack-toggle">💬 Acknowledgement</div>
<div class="ack-content">
<ul class="bullet-list">
<li>I completely get what you mean.</li>
<li>You make a perfectly fair point.</li>
<li>That makes complete sense from your perspective.</li>
<li>I see exactly what you are pointing out.</li>
<li>That clarifies the situation perfectly for me.</li>
<li>I recognize how much time this is taking out of your day.</li>
<li>I see how this disruption is getting in your way.</li>
<li>That is certainly not ideal, and I apologize for the hassle.</li>
<li>I truly appreciate you flagging this for us.</li>
<li>I value your time and want to make this easy for you.</li>
<li>Thank you for laying that out so clearly for me.</li>
<li>I am glad you reached out so we can fix this.</li>
</ul>
</div>
</label>
</div>
<!-- 🤝 Reassurance of Help -->
<div class="paper-bubble">
<label>
<input type="checkbox" id="reassure-check">
<div class="reassure-toggle">🤝 Reassurance of Help</div>
<div class="reassure-content">
<ul class="bullet-list">
<li>I am right here with you on this.</li>
<li>Let’s team up and get this sorted out for you.</li>
<li>I am on your side and want to get this fixed.</li>
<li>You have my full attention to get this resolved.</li>
<li>I am locked in on getting this handled for you.</li>
<li>Let me see what I can do.</li>
<li>To help you choose the best options.</li>
<li>That is a lot to deal with, and I want to make it right.</li>
<li>I know how much you rely on us, so let's fix this.</li>
</ul>
</div>
</label>
</div>
<!-- 💬 Empathy Statements -->
<div class="paper-bubble">
<label>
<input type="checkbox" id="empathy-check">
<div class="empathy-toggle">💬 Empathy Statements</div>
<div class="empathy-content">
<p class="sub-heading gent1">🧩 Poor Overall Customer Experience</p>
<ul class="bullet-list">
<li>I’m sorry your experience has been disappointing—I’ll make this right for you today.</li>
<li>This isn’t the service we aim for—I’m here to fix this properly now.</li>
<li>I can see you’ve had a really tough time—I’ll take full ownership and turn this around.</li>
<li>It’s upsetting when you don’t get the support you deserve—I’ll ensure you get great care from me.</li>
<li>Your frustration is completely valid—I’m committed to giving you the smooth service you expect.</li>
</ul>
<p class="sub-heading gent2">⏳ Long Waits / Stuck On The Line</p>
<ul class="bullet-list">
<li>Waiting so long is frustrating—I’ll resolve this quickly for you.</li>
<li>Your time matters—I’ll help you straight away, no more delays.</li>
<li>I know wasting time waiting is stressful—I’ll focus fully on you and sort this fast.</li>
<li>Being kept waiting is unacceptable—I’ll move efficiently so you don’t wait longer.</li>
<li>Thank you for sticking with me—I’ll make sure this gets resolved without further hold times.</li>
</ul>
<p class="sub-heading gent3">🔄 Repeatedly Transferred / Passed Around</p>
<ul class="bullet-list">
<li>Being passed around is so annoying—I’ve got you now, no more transfers.</li>
<li>I won’t hand you off—I’ll handle your entire concern personally.</li>
<li>It’s unfair you keep getting bounced between agents—I’ll stay with you until we finish this.</li>
<li>No more passing your case along—I take full responsibility to solve this myself.</li>
<li>I understand how disheartening this is—you’re in safe hands now, I’ll see this through.</li>
</ul>
<p class="sub-heading gent4">🔁 Repeated Contacts / Same Unfixed Issue</p>
<ul class="bullet-list">
<li>So tiring contacting us over and over—I’ll fix this permanently this time.</li>
<li>Sorry this keeps coming back—I’ll get to the root and solve it fully.</li>
<li>You shouldn’t have to repeat yourself—I’ll take full ownership and resolve it.</li>
<li>It’s exhausting dealing with the same fault—I’ll dig deep and find a lasting fix.</li>
<li>I know you’ve tried before with no luck—I won’t stop until this is properly sorted.</li>
</ul>
<p class="sub-heading gent5">📶 Slow / Unreliable Internet Connection</p>
<ul class="bullet-list">
<li>Slow speeds are so disruptive—I’ll run checks and restore your speed fast.</li>
<li>Laggy connection is frustrating—I’ll fix this so it runs smoothly again.</li>
<li>Let’s get your internet back to what you pay for—I’ll sort this right now.</li>
<li>Working/streaming interrupted by poor signal is tough—I’ll boost your connection back to reliable service.</li>
<li>You deserve consistent speeds—I’ll run diagnostics and fix any faults immediately.</li>
</ul>
<p class="sub-heading gent6">📝 Disputing Early Disconnection Fees</p>
<ul class="bullet-list">
<li>I understand this fee upsets you—I’ll review your account and help waive or reduce it.</li>
<li>This charge feels unfair—I’ll check your options and help dispute it properly.</li>
<li>Worried about extra fees?—I’ll guide you and do my best to avoid this cost.</li>
<li>It’s stressful facing unexpected penalties—I’ll explain your contract clearly and advocate for you.</li>
<li>I get why you want to challenge this fee—I’ll explore every way to resolve this fairly for you.</li>
</ul>
<p class="sub-heading gent7">💸 Unhappy with Price / Too Expensive</p>
<ul class="bullet-list">
<li>I completely understand why you feel the price is too high—I’ll look for discounts or lighter plans to bring costs down.</li>
<li>It’s frustrating when the bill strains your budget—let me review your package for better value.</li>
<li>Paying more than you’re comfortable with is stressful—I’ll explore all savings to get you a fairer price.</li>
<li>You deserve great service at a fitting price—I’ll remove unused extras or apply special rates to lower your bill.</li>
<li>I recognize this feels overpriced—I’ll adjust your plan to give you better value for your money.</li>
</ul>
<p class="sub-heading gent8">⚖️ Unfair New‑Customer‑Only Deals</p>
<ul class="bullet-list">
<li>It feels unfair when new customers get lower rates—I’ll check loyalty offers to match those savings for you.</li>
<li>I understand seeing exclusive new‑customer deals upsets you—I’ll fight to get you comparable discounts too.</li>
<li>Staying loyal shouldn’t cost more—let me unlock loyalty promos to balance your price fairly.</li>
<li>That pricing gap is disappointing—I’ll do my best to give you the same great perks new customers enjoy.</li>
<li>Your loyalty matters—I’ll review your account and apply eligible loyalty rewards or price breaks.</li>
</ul>
<p class="sub-heading gent9">🚀 Better Offers / Prices From Other Providers</p>
<ul class="bullet-list">
<li>It makes total sense to consider cheaper competitors—give me a chance to find a competitive deal for you.</li>
<li>I respect you looking for better value—I’ll adjust your package so you don’t need to switch away.</li>
<li>Cheaper rival offers are tempting—I’ll tailor a plan that saves you money and keeps trusted service.</li>
<li>I understand why those offers catch your eye—I’ll work hard to match or beat them so you stay happy here.</li>
<li>Comparing prices is smart—I’ll give you a rate that feels worth staying with us, hassle‑free.</li>
</ul>
</div>
</label>
</div>
<!-- 🧡 Gentle & Kind Phrases -->
<div class="paper-bubble">
<label>
<input type="checkbox" id="gentle-check">
<div class="gentle-toggle">🧡 Gentle & Kind Phrases</div>
<div class="gentle-content">
<p class="sub-heading gent1">💛 Warm & Welcoming</p>
<ul class="bullet-list">
<li>It’s lovely to assist you today ❤️</li>
<li>Thank you so much for reaching out ❤️</li>
<li>Happy to be here to help you ❤️</li>
<li>You’re welcome—feel free to ask anything ❤️</li>
<li>It’s a pleasure to support you ❤️</li>
</ul>
<p class="sub-heading gent2">🤍 Soft & Patient</p>
<ul class="bullet-list">
<li>Take your time—no rush at all ❤️</li>
<li>Whenever ready, share more details ❤️</li>
<li>I’m listening carefully to you ❤️</li>
<li>We’ll go through this gently together ❤️</li>
<li>No hurry—I’ll wait for you ❤️</li>
</ul>
<p class="sub-heading gent3">💙 Reassuring & Calming</p>
<ul class="bullet-list">
<li>I’m right here with you every step ❤️</li>
<li>We’ll sort this out nicely—you’re in caring hands ❤️</li>
<li>Rest easy—I’ll take good care of this ❤️</li>
<li>I want you to feel at ease while we fix this ❤️</li>
<li>We’ll go slow until you feel happy ❤️</li>
</ul>
<p class="sub-heading gent4">💜 Respectful & Validating</p>
<ul class="bullet-list">
<li>Your feelings matter so much to me ❤️</li>
<li>I understand why you feel that way ❤️</li>
<li>Thank you for being kind and patient ❤️</li>
<li>I truly appreciate you sharing openly ❤️</li>
<li>Your needs are important—I’ll treat them with care ❤️</li>
</ul>
<p class="sub-heading gent5">💚 Polite & Helpful</p>
<ul class="bullet-list">
<li>May I kindly ask a little more to help better? ❤️</li>
<li>Let me explain this simply and gently ❤️</li>
<li>Glad to guide you through this ❤️</li>
<li>Let me know if I can speak more simply ❤️</li>
<li>It’s my joy to assist you further ❤️</li>
</ul>
<p class="sub-heading gent6">🚪 When Customer Needs to Step Away</p>
<ul class="bullet-list">
<li>Of course—step away whenever needed ❤️</li>
<li>Take all the time you need—no rush ❤️</li>
<li>I understand—go take care of things ❤️</li>
<li>No worries—I’ll be here waiting ❤️</li>
<li>Come back whenever it suits you ❤️</li>
<li>I’ll stay right here—your progress is saved ❤️</li>
<li>Pick back up gently when you return ❤️</li>
<li>Go peacefully—I’ll wait patiently ❤️</li>
</ul>
<p class="sub-heading gent7">✨ Grateful for the Chance to Improve</p>
<ul class="bullet-list">
<li>Honestly, I should thank you—for the chance to turn your experience around ❤️</li>
<li>Truly, thank you—for letting me make things better for you ❤️</li>
<li>I’m grateful to you—for trusting me with this opportunity ❤️</li>
<li>It’s me who thanks you—for the chance to serve you better ❤️</li>
<li>Thank you for giving me this precious opportunity to help ❤️</li>
</ul>
<p class="sub-heading gent8">💖 Grateful for Staying Through the Conversation</p>
<ul class="bullet-list">
<li>Honestly, thank you—for staying through our whole chat ❤️</li>
<li>I appreciate you—for staying patiently until the end ❤️</li>
<li>Thank you for sticking with me all this time ❤️</li>
<li>Grateful you stayed alongside me every step ❤️</li>
<li>Thank you for remaining with me to sort this out ❤️</li>
</ul>
<p class="sub-heading gent9">🧡 Comforting Closings</p>
<ul class="bullet-list">
<li>Hope this brings you peace of mind ❤️</li>
<li>Wishing you a calm, lovely rest of your day ❤️</li>
<li>Thank you for trusting me—take good care ❤️</li>
<li>I’m here if you need a kind helping hand again ❤️</li>
<li>Sending warm wishes—stay safe ❤️</li>
</ul>
<p class="sub-heading gent10">✨ Short & Sweet Quick Versions</p>
<ul class="bullet-list">
<li>Happy to help ❤️</li>
<li>Take your time ❤️</li>
<li>I’ve got you gently ❤️</li>
<li>We’ll fix this nicely ❤️</li>
<li>Always here for you ❤️</li>
<li>Feel free to step away—I’ll be here ❤️</li>
<li>All good—come back when ready ❤️</li>
<li>Thank you for your patience ❤️</li>
</ul>
</div>
</label>
</div>
<!-- 📝 Progressive Questions -->
<div class="paper-bubble">
<label>
<input type="checkbox" id="prog-check">
<div class="prog-toggle">📝 Progressive Questions</div>
<div class="prog-content">
<p class="sub-heading gent1">✅ Confirmatory Progressive</p>
<ul class="bullet-list">
<li>So I’ve got this right—your main concern is avoiding extra early disconnection fees?</li>
<li>Just to confirm: you’re asking about ways to lower your monthly bill with a better plan?</li>
<li>Let me make sure I understand—your issue is slow connection during peak hours?</li>
<li>Is your main goal here to keep costs low while enjoying faster internet?</li>
<li>Am I correct that you want to know the exact notice period to cancel without charges?</li>
</ul>
<p class="sub-heading gent2">⚠️ Caution / Negative Scenario</p>
<ul class="bullet-list">
<li>Does that make sense so far?</li>
<li>Is every detail clear to you?</li>
<li>Are you following along okay?</li>
<li>Any part you’d like me to go over again?</li>
<li>Is this guidance easy to follow?</li>
</ul>
<p class="sub-heading gent3">🌟 Positive / Opportunity Scenario</p>
<ul class="bullet-list">
<li>How does that sound to you so far?</li>
<li>Does this look like a great fit for your daily use?</li>
<li>Are you pleased with what you’re hearing?</li>
<li>Does this appealing option work well for you?</li>
<li>Is this aligning perfectly with what you need?</li>
</ul>
<p class="sub-heading gent4">📌 Neutral / Information Clarification</p>
<ul class="bullet-list">
<li>Please let me know if any part of the information above is unclear to you.</li>
<li>Feel free to tell me if any of this information feels confusing or hard to follow.</li>
<li>Kindly let me know if any point mentioned above causes confusion so I can explain it better.</li>
<li>Please reach out if anything I shared above leaves you with questions or confusion.</li>
<li>Don’t hesitate to say so if any of the information above is confusing and needs further clarification.</li>
</ul>
<p class="sub-heading gent5">🔍 Other</p>
<ul class="bullet-list">
<li>Could you share a bit more about what exactly is happening?</li>
<li>When did you first notice this starting?</li>
<li>Has this happened before, or is this the first time?</li>
<li>What device or service is this affecting right now?</li>
<li>Are there any error messages or codes showing on your screen?</li>
<li>Have you already tried any steps to fix this yourself?</li>
<li>Is this happening at a specific time of day or all the time?</li>
<li>Does this happen on all your devices or just one?</li>
<li>How has this been affecting your daily use?</li>
<li>What would be the most important thing you’d like to resolve first?</li>
<li>May I ask what outcome you’re hoping for today?</li>
</ul>
</div>
</label>
</div>