{"id":12929,"date":"2026-05-27T19:59:52","date_gmt":"2026-05-28T02:59:52","guid":{"rendered":"https:\/\/resources.aippt.com\/?page_id=12929"},"modified":"2026-06-04T20:44:14","modified_gmt":"2026-06-05T03:44:14","slug":"test-02","status":"publish","type":"page","link":"https:\/\/resources.aippt.com\/feature\/test-02","title":{"rendered":"topic 02"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"12929\" class=\"elementor elementor-12929\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1ff2429 e-flex e-con-boxed e-con e-parent\" data-id=\"1ff2429\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3f6a1fc elementor-widget elementor-widget-html\" data-id=\"3f6a1fc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- AiPPT Topic Page - Merged HTML -->\n<div class=\"topic-page-merged\">\n\n  <!-- Hero Banner -->\n  <section class=\"topic-section-hero-banner\">\n    <div class=\"seo-topic-banner\">\n      <div class=\"seo-topic-inner\">\n\n        <div class=\"seo-topic-left\">\n          <span class=\"seo-topic-badge\">Perfect for Students, Easy to Use, AI-Powered<\/span>\n\n          <h1>100 Speech Topics<br>for Students<\/h1>\n\n          <p>\n            Looking for a speech topic? Browse 100 engaging topics with key ideas and sample outlines.\n            Perfect for school presentations, debates, or class talks.\n          <\/p>\n\n          <div class=\"seo-ai-input-box\">\n            <input\n              type=\"text\"\n              class=\"banner-target-input-v4\"\n              maxlength=\"500\"\n              placeholder=\"The Impact of Social Media on Teenagers\"\n            \/>\n\n            <button id=\"banner-generate-btn\" type=\"button\">\n              <span>\u2726<\/span> Generate\n            <\/button>\n          <\/div>\n\n          <a href=\"#\" class=\"topic-ideas-link\">I need topic ideas \u2192<\/a>\n        <\/div>\n\n        <div class=\"seo-topic-right\">\n          <div class=\"apple-tag tag-popular\">\u2606 Popular<\/div>\n          <div class=\"apple-tag tag-info\">\u24d8 Informative<\/div>\n          <div class=\"apple-tag tag-persuasive\">\u261e Persuasive<\/div>\n          <div class=\"apple-tag tag-funny\">\u263b Funny<\/div>\n\n          <div class=\"apple-sparkle sparkle-1\">\u2726<\/div>\n          <div class=\"apple-sparkle sparkle-2\">\u2726<\/div>\n          <div class=\"apple-sparkle sparkle-3\">\u2726<\/div>\n\n          <div class=\"apple-card-shadow\"><\/div>\n\n          <div class=\"apple-main-card\">\n            <div class=\"apple-card-content\">\n              <div class=\"topic-title-mask\">\n                <h3 class=\"card-dynamic-title-v4\">The Impact of Social Media on Teenagers<\/h3>\n              <\/div>\n            <\/div>\n\n            <div class=\"apple-person-wrap\">\n              <img decoding=\"async\"\n                src=\"https:\/\/resources.aippt.com\/wp-content\/uploads\/2026\/05\/f7a61cb6-29cf-4d7d-a86d-0ceb900e0909.png\"\n                alt=\"Cartoon student holding a phone\"\n              \/>\n\n              <div class=\"mini-chart-badge\">\n                <span><\/span>\n                <i><\/i>\n                <b><\/b>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <div class=\"apple-bottom-cards\">\n            <div>\n              <span>Type<\/span>\n              <strong>Informative<\/strong>\n            <\/div>\n\n            <div>\n              <span>Duration<\/span>\n              <strong>1 - 3 min<\/strong>\n            <\/div>\n\n            <div>\n              <span>Difficulty<\/span>\n              <strong>Easy<\/strong>\n            <\/div>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- How To -->\n  <section class=\"topic-section-how-to\">\n    <div class=\"el-howto-section-wrapper\">\n      <div class=\"howto-container-v4\">\n\n        <h2>How to choose a good speech topic<\/h2>\n\n        <p class=\"howto-description-v4\">\n          A good speech topic should be interesting, relevant, and suitable for your audience and time limit.\n          It should help you communicate your message clearly and leave a lasting impact.\n          Choose a topic you care about and find the right balance between what you know and what your audience will enjoy!\n        <\/p>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- Featured Speech Topics -->\n  <section class=\"topic-section-featured-speech-topics\">\n    <div class=\"el-featured-section-wrapper\">\n      <div class=\"featured-container-v4\">\n\n        <h2 class=\"featured-main-title-v4\">Featured Speech Topics<\/h2>\n\n        <div class=\"featured-grid-v4\">\n\n          <div class=\"topic-card-v4\">\n            <div>\n              <div class=\"card-top-header-v4\">\n                <div class=\"icon-box-v4 icon-purple-v4\">\u2691<\/div>\n                <h3>The power of teamwork in students<\/h3>\n              <\/div>\n              <p class=\"key-idea-label-v4\">Key idea:<br><span class=\"highlight-text-v4 text-purple-v4\">Teamwork helps us achieve more together.<\/span><\/p>\n              <ul class=\"bullet-list-v4\">\n                <li>Stronger collaboration<\/li>\n                <li>Learning from each other<\/li>\n                <li>Building trust<\/li>\n              <\/ul>\n            <\/div>\n            <button class=\"card-btn-v4 cat2-generate-btn\">\u2726 Generate PPT<\/button>\n          <\/div>\n\n          <div class=\"topic-card-v4\">\n            <div>\n              <div class=\"card-top-header-v4\">\n                <div class=\"icon-box-v4 icon-blue-v4\">\u2699<\/div>\n                <h3>Overcoming procrastination<\/h3>\n              <\/div>\n              <p class=\"key-idea-label-v4\">Key idea:<br><span class=\"highlight-text-v4 text-blue-v4\">Simple steps can help us beat delays.<\/span><\/p>\n              <ul class=\"bullet-list-v4\">\n                <li>Break tasks into parts<\/li>\n                <li>Set small goals<\/li>\n                <li>Stay focused, take breaks<\/li>\n              <\/ul>\n            <\/div>\n            <button class=\"card-btn-v4 cat2-generate-btn\">\u2726 Generate PPT<\/button>\n          <\/div>\n\n          <div class=\"topic-card-v4\">\n            <div>\n              <div class=\"card-top-header-v4\">\n                <div class=\"icon-box-v4 icon-teal-v4\">\u25cc<\/div>\n                <h3>The balance of school life<\/h3>\n              <\/div>\n              <p class=\"key-idea-label-v4\">Key idea:<br><span class=\"highlight-text-v4 text-teal-v4\">Balancing school and life leads to happiness.<\/span><\/p>\n              <ul class=\"bullet-list-v4\">\n                <li>Time management<\/li>\n                <li>Hobbies and rest<\/li>\n                <li>Staying healthy<\/li>\n              <\/ul>\n            <\/div>\n            <button class=\"card-btn-v4 cat2-generate-btn\">\u2726 Generate PPT<\/button>\n          <\/div>\n\n          <div class=\"topic-card-v4\">\n            <div>\n              <div class=\"card-top-header-v4\">\n                <div class=\"icon-box-v4 icon-green-v4\">\u2667<\/div>\n                <h3>Climate change and our future<\/h3>\n              <\/div>\n              <p class=\"key-idea-label-v4\">Key idea:<br><span class=\"highlight-text-v4 text-green-v4\">Small actions today can protect tomorrow.<\/span><\/p>\n              <ul class=\"bullet-list-v4\">\n                <li>Reduce, reuse, recycle<\/li>\n                <li>Save energy<\/li>\n                <li>Spread awareness<\/li>\n              <\/ul>\n            <\/div>\n            <button class=\"card-btn-v4 cat2-generate-btn\">\u2726 Generate PPT<\/button>\n          <\/div>\n\n          <div class=\"topic-card-v4\">\n            <div>\n              <div class=\"card-top-header-v4\">\n                <div class=\"icon-box-v4 icon-pink-v4\">\u2661<\/div>\n                <h3>Mental health awareness in schools<\/h3>\n              <\/div>\n              <p class=\"key-idea-label-v4\">Key idea:<br><span class=\"highlight-text-v4 text-pink-v4\">Mental health is as important as physical health.<\/span><\/p>\n              <ul class=\"bullet-list-v4\">\n                <li>Talk about your feelings<\/li>\n                <li>Support your friends<\/li>\n                <li>Seek help when needed<\/li>\n              <\/ul>\n            <\/div>\n            <button class=\"card-btn-v4 cat2-generate-btn\">\u2726 Generate PPT<\/button>\n          <\/div>\n\n          <div class=\"topic-card-v4\">\n            <div>\n              <div class=\"card-top-header-v4\">\n                <div class=\"icon-box-v4 icon-orange-v4\">\u25a5<\/div>\n                <h3>The importance of reading<\/h3>\n              <\/div>\n              <p class=\"key-idea-label-v4\">Key idea:<br><span class=\"highlight-text-v4 text-orange-v4\">Reading opens minds and builds knowledge.<\/span><\/p>\n              <ul class=\"bullet-list-v4\">\n                <li>Expands vocabulary<\/li>\n                <li>Improves focus<\/li>\n                <li>Encourages empathy<\/li>\n              <\/ul>\n            <\/div>\n            <button class=\"card-btn-v4 cat2-generate-btn\">\u2726 Generate PPT<\/button>\n          <\/div>\n\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- Turn Any Topic CTA -->\n  <section class=\"topic-section-turn-any-topic-cta\">\n    <div class=\"el-cta-input-section-wrapper\">\n      <div class=\"cta-input-container-v4\">\n        <div class=\"cta-flex-card-v4\">\n\n          <div class=\"cta-glow cta-glow-1\"><\/div>\n          <div class=\"cta-glow cta-glow-2\"><\/div>\n\n          <div class=\"cta-left-illustration-v4\">\n            <div class=\"ill-purple-bg-v4\"><\/div>\n\n            <div class=\"ill-base-card-v4\">\n              <div class=\"ill-dot-v4\"><\/div>\n              <div class=\"ill-line-v4 width-70\"><\/div>\n              <div class=\"ill-line-v4 width-50\"><\/div>\n              <div class=\"ill-line-v4 width-60\"><\/div>\n            <\/div>\n\n            <div class=\"ill-magic-spark-v4\">\u2726<\/div>\n          <\/div>\n\n          <div class=\"cta-right-content-v4\">\n            <span class=\"cta-mini-label-v4\">AI Presentation Generator<\/span>\n\n            <h3 class=\"cta-title-v4\">Turn any topic into a presentation<\/h3>\n\n            <p class=\"cta-desc-v4\">\n              Use AI to generate slides, add content, and polish your ideas in minutes.\n            <\/p>\n\n            <div class=\"cta-action-group-v4\">\n              <div class=\"cta-input-field-wrap-v4\">\n                <input\n                  type=\"text\"\n                  class=\"cta-main-input-v4\"\n                  maxlength=\"500\"\n                  placeholder=\"Enter a presentation topic (e.g., \u201cCyberbullying\u201d)\"\n                \/>\n              <\/div>\n\n              <button class=\"cta-submit-btn-v4\" type=\"button\">\n                <span>\u2726<\/span>\n                Generate Presentation\n              <\/button>\n            <\/div>\n          <\/div>\n\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- Other Speech Topics Table -->\n  <section class=\"topic-section-other-speech-topics-table\">\n    <div class=\"topics-area-wrapper\">\n      <h2 class=\"topics-main-h2\">Other speech topics for presentations<\/h2>\n\n      <div class=\"topics-table-container\">\n        <div class=\"topics-table-header\">\n          <div class=\"col-head\">\ud83d\udca1 Topic<\/div>\n          <div class=\"col-head\">\ud83d\udcdd Key Idea<\/div>\n          <div class=\"col-head\"><\/div>\n        <\/div>\n\n        <div class=\"topics-rows-group\">\n          <div class=\"topic-row\">\n            <div class=\"c-topic\">1. Emotional intelligence at work<\/div>\n            <div class=\"c-idea\" id=\"idea-1\">Understanding emotions to improve collaboration<\/div>\n            <div class=\"c-action\"><button class=\"st-copy-btn\" onclick=\"copyText('idea-1', this)\"><svg viewBox=\"0 0 24 24\"><rect x=\"9\" y=\"9\" width=\"10\" height=\"10\" rx=\"2\"><\/rect><rect x=\"5\" y=\"5\" width=\"10\" height=\"10\" rx=\"2\"><\/rect><\/svg><span>Copy<\/span><\/button><\/div>\n          <\/div>\n\n          <div class=\"topic-row\">\n            <div class=\"c-topic\">2. Time management strategies<\/div>\n            <div class=\"c-idea\" id=\"idea-2\">Effective task planning and prioritizing<\/div>\n            <div class=\"c-action\"><button class=\"st-copy-btn\" onclick=\"copyText('idea-2', this)\"><svg viewBox=\"0 0 24 24\"><rect x=\"9\" y=\"9\" width=\"10\" height=\"10\" rx=\"2\"><\/rect><rect x=\"5\" y=\"5\" width=\"10\" height=\"10\" rx=\"2\"><\/rect><\/svg><span>Copy<\/span><\/button><\/div>\n          <\/div>\n\n          <div class=\"topic-row\">\n            <div class=\"c-topic\">3. Conflict resolution skills<\/div>\n            <div class=\"c-idea\" id=\"idea-3\">Handling disagreements professionally<\/div>\n            <div class=\"c-action\"><button class=\"st-copy-btn\" onclick=\"copyText('idea-3', this)\"><svg viewBox=\"0 0 24 24\"><rect x=\"9\" y=\"9\" width=\"10\" height=\"10\" rx=\"2\"><\/rect><rect x=\"5\" y=\"5\" width=\"10\" height=\"10\" rx=\"2\"><\/rect><\/svg><span>Copy<\/span><\/button><\/div>\n          <\/div>\n\n          <div class=\"topic-row\">\n            <div class=\"c-topic\">4. Workplace diversity<\/div>\n            <div class=\"c-idea\" id=\"idea-4\">Benefits of inclusive work environments<\/div>\n            <div class=\"c-action\"><button class=\"st-copy-btn\" onclick=\"copyText('idea-4', this)\"><svg viewBox=\"0 0 24 24\"><rect x=\"9\" y=\"9\" width=\"10\" height=\"10\" rx=\"2\"><\/rect><rect x=\"5\" y=\"5\" width=\"10\" height=\"10\" rx=\"2\"><\/rect><\/svg><span>Copy<\/span><\/button><\/div>\n          <\/div>\n\n          <div class=\"topic-row\">\n            <div class=\"c-topic\">5. Effective email communication<\/div>\n            <div class=\"c-idea\" id=\"idea-5\">Writing clear, concise messages to drive sales<\/div>\n            <div class=\"c-action\"><button class=\"st-copy-btn\" onclick=\"copyText('idea-5', this)\"><svg viewBox=\"0 0 24 24\"><rect x=\"9\" y=\"9\" width=\"10\" height=\"10\" rx=\"2\"><\/rect><rect x=\"5\" y=\"5\" width=\"10\" height=\"10\" rx=\"2\"><\/rect><\/svg><span>Copy<\/span><\/button><\/div>\n          <\/div>\n\n          <div class=\"topic-row\">\n            <div class=\"c-topic\">6. Managing stress on the job<\/div>\n            <div class=\"c-idea\" id=\"idea-6\">Staying calm under pressure at different job levels<\/div>\n            <div class=\"c-action\"><button class=\"st-copy-btn\" onclick=\"copyText('idea-6', this)\"><svg viewBox=\"0 0 24 24\"><rect x=\"9\" y=\"9\" width=\"10\" height=\"10\" rx=\"2\"><\/rect><rect x=\"5\" y=\"5\" width=\"10\" height=\"10\" rx=\"2\"><\/rect><\/svg><span>Copy<\/span><\/button><\/div>\n          <\/div>\n\n          <div class=\"topic-row\">\n            <div class=\"c-topic\">7. Fundamentals of leadership<\/div>\n            <div class=\"c-idea\" id=\"idea-7\">What makes a great leader, and how you can be one<\/div>\n            <div class=\"c-action\"><button class=\"st-copy-btn\" onclick=\"copyText('idea-7', this)\"><svg viewBox=\"0 0 24 24\"><rect x=\"9\" y=\"9\" width=\"10\" height=\"10\" rx=\"2\"><\/rect><rect x=\"5\" y=\"5\" width=\"10\" height=\"10\" rx=\"2\"><\/rect><\/svg><span>Copy<\/span><\/button><\/div>\n          <\/div>\n\n          <div class=\"topic-row\">\n            <div class=\"c-topic\">8. Agile work methodologies<\/div>\n            <div class=\"c-idea\" id=\"idea-8\">More efficient ways to manage projects<\/div>\n            <div class=\"c-action\"><button class=\"st-copy-btn\" onclick=\"copyText('idea-8', this)\"><svg viewBox=\"0 0 24 24\"><rect x=\"9\" y=\"9\" width=\"10\" height=\"10\" rx=\"2\"><\/rect><rect x=\"5\" y=\"5\" width=\"10\" height=\"10\" rx=\"2\"><\/rect><\/svg><span>Copy<\/span><\/button><\/div>\n          <\/div>\n\n          <div class=\"topic-row\">\n            <div class=\"c-topic\">9. Remote team collaboration<\/div>\n            <div class=\"c-idea\" id=\"idea-9\">Best practices for virtual teamwork<\/div>\n            <div class=\"c-action\"><button class=\"st-copy-btn\" onclick=\"copyText('idea-9', this)\"><svg viewBox=\"0 0 24 24\"><rect x=\"9\" y=\"9\" width=\"10\" height=\"10\" rx=\"2\"><\/rect><rect x=\"5\" y=\"5\" width=\"10\" height=\"10\" rx=\"2\"><\/rect><\/svg><span>Copy<\/span><\/button><\/div>\n          <\/div>\n\n          <div class=\"topic-row\">\n            <div class=\"c-topic\">10. Productivity hacks<\/div>\n            <div class=\"c-idea\" id=\"idea-10\">Small habits that boost daily efficiency<\/div>\n            <div class=\"c-action\"><button class=\"st-copy-btn\" onclick=\"copyText('idea-10', this)\"><svg viewBox=\"0 0 24 24\"><rect x=\"9\" y=\"9\" width=\"10\" height=\"10\" rx=\"2\"><\/rect><rect x=\"5\" y=\"5\" width=\"10\" height=\"10\" rx=\"2\"><\/rect><\/svg><span>Copy<\/span><\/button><\/div>\n          <\/div>\n\n          <div class=\"topic-row\">\n            <div class=\"c-topic\">11. Public speaking for professionals<\/div>\n            <div class=\"c-idea\" id=\"idea-11\">Presenting ideas clearly and confidently to any audience<\/div>\n            <div class=\"c-action\"><button class=\"st-copy-btn\" onclick=\"copyText('idea-11', this)\"><svg viewBox=\"0 0 24 24\"><rect x=\"9\" y=\"9\" width=\"10\" height=\"10\" rx=\"2\"><\/rect><rect x=\"5\" y=\"5\" width=\"10\" height=\"10\" rx=\"2\"><\/rect><\/svg><span>Copy<\/span><\/button><\/div>\n          <\/div>\n\n          <div class=\"topic-row\">\n            <div class=\"c-topic\">12. Building trust at work<\/div>\n            <div class=\"c-idea\" id=\"idea-12\">Consistency, reliability, and communication<\/div>\n            <div class=\"c-action\"><button class=\"st-copy-btn\" onclick=\"copyText('idea-12', this)\"><svg viewBox=\"0 0 24 24\"><rect x=\"9\" y=\"9\" width=\"10\" height=\"10\" rx=\"2\"><\/rect><rect x=\"5\" y=\"5\" width=\"10\" height=\"10\" rx=\"2\"><\/rect><\/svg><span>Copy<\/span><\/button><\/div>\n          <\/div>\n\n          <div class=\"topic-row\">\n            <div class=\"c-topic\">13. The power of feedback<\/div>\n            <div class=\"c-idea\" id=\"idea-13\">Giving and receiving constructive criticism to drive improvement<\/div>\n            <div class=\"c-action\"><button class=\"st-copy-btn\" onclick=\"copyText('idea-13', this)\"><svg viewBox=\"0 0 24 24\"><rect x=\"9\" y=\"9\" width=\"10\" height=\"10\" rx=\"2\"><\/rect><rect x=\"5\" y=\"5\" width=\"10\" height=\"10\" rx=\"2\"><\/rect><\/svg><span>Copy<\/span><\/button><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- Specific Situation -->\n  <section class=\"topic-section-specific-situation\">\n    <div class=\"specific-situation-wrapper\">\n\n      <h2 class=\"section-title\">\n        Need a presentation for a specific situation?\n      <\/h2>\n\n      <div class=\"situation-grid\">\n\n        <div class=\"situation-card\">\n          <div class=\"situation-content\">\n            <div class=\"card-icon icon-purple\">\n              <svg viewBox=\"0 0 24 24\">\n                <path d=\"M3 8L12 4L21 8L12 12L3 8Z\"><\/path>\n                <path d=\"M7 10V14C7 15.5 9.2 17 12 17C14.8 17 17 15.5 17 14V10\"><\/path>\n              <\/svg>\n            <\/div>\n\n            <h3>For school or<br>college students<\/h3>\n            <p>Engage your class with a well-structured topic.<\/p>\n          <\/div>\n\n          <a href=\"#\" class=\"explore-link\">Explore \u2192<\/a>\n        <\/div>\n\n        <div class=\"situation-card\">\n          <div class=\"situation-content\">\n            <div class=\"card-icon icon-blue\">\n              <svg viewBox=\"0 0 24 24\">\n                <path d=\"M4 7H20V19H4Z\"><\/path>\n                <path d=\"M9 7V5H15V7\"><\/path>\n              <\/svg>\n            <\/div>\n\n            <h3>For business<br>presentations<\/h3>\n            <p>Impress your team or clients with clear and professional presentations.<\/p>\n          <\/div>\n\n          <a href=\"#\" class=\"explore-link\">Explore \u2192<\/a>\n        <\/div>\n\n        <div class=\"situation-card\">\n          <div class=\"situation-content\">\n            <div class=\"card-icon icon-green\">\n              <svg viewBox=\"0 0 24 24\">\n                <circle cx=\"8\" cy=\"8\" r=\"3\"><\/circle>\n                <circle cx=\"16\" cy=\"8\" r=\"3\"><\/circle>\n                <path d=\"M4 18C4 15.8 5.8 14 8 14\"><\/path>\n                <path d=\"M20 18C20 15.8 18.2 14 16 14\"><\/path>\n              <\/svg>\n            <\/div>\n\n            <h3>For seminars or<br>conferences<\/h3>\n            <p>Share your ideas with confidence in any event.<\/p>\n          <\/div>\n\n          <a href=\"#\" class=\"explore-link\">Explore \u2192<\/a>\n        <\/div>\n\n        <div class=\"situation-card\">\n          <div class=\"situation-content\">\n            <div class=\"card-icon icon-orange\">\n              <svg viewBox=\"0 0 24 24\">\n                <path d=\"M12 3V21\"><\/path>\n                <path d=\"M3 8H21\"><\/path>\n                <rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2\"><\/rect>\n              <\/svg>\n            <\/div>\n\n            <h3>For events or<br>special occasions<\/h3>\n            <p>Create memorable talks for any celebration.<\/p>\n          <\/div>\n\n          <a href=\"#\" class=\"explore-link\">Explore \u2192<\/a>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- FAQ -->\n  <section class=\"topic-section-faq\">\n    <div class=\"faq-container-final\">\n\n      <h2 class=\"faq-section-title\">\n        Frequently Asked Questions\n      <\/h2>\n\n      <div class=\"faq-items-wrapper\">\n\n        <div class=\"faq-box active\" onclick=\"toggleFaq(this)\">\n          <div class=\"faq-header\">\n            <div class=\"faq-q\">How can I pick the right topic for my speech?<\/div>\n            <div class=\"faq-icon\">\n              <svg viewBox=\"0 0 20 20\" fill=\"none\">\n                <path d=\"M5 8L10 13L15 8\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n              <\/svg>\n            <\/div>\n          <\/div>\n          <div class=\"faq-a\">\n            Choose a topic you care about, know well, and suits your audience, time limit, and purpose.\n          <\/div>\n        <\/div>\n\n        <div class=\"faq-box active\" onclick=\"toggleFaq(this)\">\n          <div class=\"faq-header\">\n            <div class=\"faq-q\">How do I make my speech more engaging?<\/div>\n            <div class=\"faq-icon\">\n              <svg viewBox=\"0 0 20 20\" fill=\"none\">\n                <path d=\"M5 8L10 13L15 8\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n              <\/svg>\n            <\/div>\n          <\/div>\n          <div class=\"faq-a\">\n            Use stories, examples, and visuals. Speak clearly, make eye contact, and connect with your audience.\n          <\/div>\n        <\/div>\n\n        <div class=\"faq-box active\" onclick=\"toggleFaq(this)\">\n          <div class=\"faq-header\">\n            <div class=\"faq-q\">Can I use AI to help with my presentation?<\/div>\n            <div class=\"faq-icon\">\n              <svg viewBox=\"0 0 20 20\" fill=\"none\">\n                <path d=\"M5 8L10 13L15 8\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n              <\/svg>\n            <\/div>\n          <\/div>\n          <div class=\"faq-a\">\n            Yes! AI tools can help you generate ideas, outlines, and even slides to save time and improve quality.\n          <\/div>\n        <\/div>\n\n        <div class=\"faq-box active\" onclick=\"toggleFaq(this)\">\n          <div class=\"faq-header\">\n            <div class=\"faq-q\">What if I run out of ideas? Can SlidesAI help?<\/div>\n            <div class=\"faq-icon\">\n              <svg viewBox=\"0 0 20 20\" fill=\"none\">\n                <path d=\"M5 8L10 13L15 8\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n              <\/svg>\n            <\/div>\n          <\/div>\n          <div class=\"faq-a\">\n            Absolutely! Browse topics or use AI to generate unique presentation ideas in seconds.\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- Bottom CTA -->\n  <section class=\"topic-section-bottom-cta\">\n    <div class=\"cta-bottom-banner\">\n      <div class=\"bottom-orb bottom-orb-1\"><\/div>\n      <div class=\"bottom-orb bottom-orb-2\"><\/div>\n      <div class=\"bottom-orb bottom-orb-3\"><\/div>\n\n      <div class=\"bottom-sparkle sparkle-a\">\u2726<\/div>\n      <div class=\"bottom-sparkle sparkle-b\">\u2726<\/div>\n      <div class=\"bottom-sparkle sparkle-c\">\u2726<\/div>\n\n      <div class=\"banner-content-wrapper\">\n\n        <div class=\"banner-illustration\">\n          <div class=\"mock-card mock-card-back\"><\/div>\n\n          <div class=\"mock-card mock-card-main\">\n            <div class=\"mock-topbar\"><\/div>\n            <div class=\"mock-chart\">\n              <span><\/span>\n              <span><\/span>\n              <span><\/span>\n            <\/div>\n            <div class=\"mock-lines\">\n              <i><\/i>\n              <i><\/i>\n              <i><\/i>\n            <\/div>\n          <\/div>\n\n          <div class=\"mock-tool-card\">\n            <svg viewBox=\"0 0 24 24\">\n              <path d=\"M12 3L14.2 8.8L20 11L14.2 13.2L12 19L9.8 13.2L4 11L9.8 8.8L12 3Z\"><\/path>\n            <\/svg>\n          <\/div>\n        <\/div>\n\n        <div class=\"banner-text-cta\">\n          <span class=\"bottom-eyebrow\" aria-label=\"AI Presentation Maker\">\n            <span class=\"bottom-eyebrow-text\"><a href=\"https:\/\/resources.aippt.com\/blog\/free-slideshow-maker-no-watermark\">AI Presentation Maker<\/a><\/span>\n          <\/span>\n\n          <h2 class=\"banner-title\">Ready to turn your topic into slides?<\/h2>\n\n          <p class=\"banner-desc\">\n            Generate a full presentation in seconds with AI\u2014beautiful,\n            structured, and ready to present or download.\n          <\/p>\n\n          <button class=\"banner-cta-btn\" type=\"button\">\n            <span>\u2726<\/span>\n            Generate Your Presentation\n          <\/button>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n<\/div>\n\n<!-- Structured Data: How To -->\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"HowTo\",\n  \"name\": \"How to choose a good speech topic\",\n  \"description\": \"A guide for students on how to choose an interesting, relevant, and suitable speech topic for school presentations, debates, or class talks.\",\n  \"totalTime\": \"PT5M\",\n  \"step\": [\n    {\n      \"@type\": \"HowToStep\",\n      \"name\": \"Consider your audience and time limit\",\n      \"text\": \"Think about who will listen to your speech and make sure the topic can be covered clearly within the assigned time.\"\n    },\n    {\n      \"@type\": \"HowToStep\",\n      \"name\": \"Choose a topic you care about\",\n      \"text\": \"Pick a topic that interests you so your speech feels more natural, confident, and engaging.\"\n    },\n    {\n      \"@type\": \"HowToStep\",\n      \"name\": \"Balance knowledge and audience interest\",\n      \"text\": \"Select a topic you understand well while making sure it is relevant and enjoyable for your audience.\"\n    }\n  ]\n}\n<\/script>\n\n<!-- Structured Data: FAQ -->\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"FAQPage\",\n  \"mainEntity\": [\n    {\n      \"@type\": \"Question\",\n      \"name\": \"How can I pick the right topic for my speech?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Choose a topic you care about, know well, and suits your audience, time limit, and purpose.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"How do I make my speech more engaging?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Use stories, examples, and visuals. Speak clearly, make eye contact, and connect with your audience.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Can I use AI to help with my presentation?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Yes! AI tools can help you generate ideas, outlines, and even slides to save time and improve quality.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"What if I run out of ideas? Can SlidesAI help?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Absolutely! Browse topics or use AI to generate unique presentation ideas in seconds.\"\n      }\n    }\n  ]\n}\n<\/script>\n\n<style>\n\/* ===== Merged Page Base ===== *\/\n\n.topic-page-merged,\n.topic-page-merged * {\n  box-sizing: border-box;\n}\n.topic-page-merged {\n  width: 100%;\n  overflow-x: clip;\n}\n.topic-page-merged section {\n  width: 100%;\n}\n\n\n\/* ===== Hero Banner ===== *\/\n.seo-topic-banner {\n  width: 100%;\n  overflow: hidden;\n  background:\n    radial-gradient(circle at 82% 16%, rgba(126, 87, 255, 0.14) 0%, rgba(255,255,255,0) 34%),\n    linear-gradient(180deg, #fbfbff 0%, #ffffff 100%);\n  padding: 46px 0 64px;\n  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, \"SF Pro Display\", \"Segoe UI\", sans-serif;\n}\n\n.seo-topic-banner * {\n  box-sizing: border-box;\n}\n\n.seo-topic-inner {\n  max-width: 1180px;\n  margin: 0 auto;\n  padding: 0 24px;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  align-items: center;\n  gap: 40px;\n}\n\n.seo-topic-left h1 {\n  margin: 0 0 18px;\n  color: #07143f;\n  font-size: 54px;\n  line-height: 1.08;\n  font-weight: 800;\n  letter-spacing: -1.4px;\n}\n\n.seo-topic-left p {\n  max-width: 520px;\n  margin: 0 0 24px;\n  color: #475569;\n  font-size: 16px;\n  line-height: 1.65;\n}\n\n.seo-topic-badge {\n  display: inline-flex;\n  padding: 7px 14px;\n  border-radius: 999px;\n  background: rgba(79, 70, 229, 0.1);\n  color: #4f46e5;\n  font-size: 12px;\n  font-weight: 700;\n  margin-bottom: 18px;\n}\n\n.seo-ai-input-box {\n  width: 100%;\n  max-width: 540px;\n  min-height: 66px;\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 9px;\n  background: rgba(255, 255, 255, 0.92);\n  border: 1px solid rgba(210, 216, 230, 0.9);\n  border-radius: 18px;\n  box-shadow: 0 16px 36px rgba(45, 55, 120, 0.08);\n  margin-bottom: 15px;\n}\n\n.seo-ai-input-box input {\n  flex: 1;\n  height: 46px;\n  border: none;\n  outline: none;\n  background: transparent;\n  padding: 0 12px;\n  color: #334155;\n  font-size: 15px;\n  font-family: inherit;\n  box-shadow: none;\n}\n\n.seo-ai-input-box button {\n  height: 48px;\n  padding: 0 26px;\n  border: none;\n  border-radius: 14px;\n  background: linear-gradient(135deg, #5b4bff 0%, #4638df 100%);\n  color: #fff;\n  font-size: 15px;\n  font-weight: 700;\n  cursor: pointer;\n  box-shadow: 0 10px 22px rgba(79, 70, 229, 0.26);\n}\n\n.topic-ideas-link {\n  color: #111827;\n  font-size: 14px;\n  font-weight: 700;\n  text-decoration: none;\n}\n\n.seo-topic-right {\n  position: relative;\n  min-height: 380px;\n  transform: translateY(-6px);\n}\n\n.apple-tag {\n  position: absolute;\n  z-index: 7;\n  padding: 10px 22px;\n  border-radius: 14px;\n  background: rgba(255, 255, 255, 0.9);\n  border: 1px solid rgba(255, 255, 255, 0.96);\n  box-shadow: 0 12px 26px rgba(60, 65, 120, 0.12);\n  font-size: 13px;\n  font-weight: 800;\n  white-space: nowrap;\n}\n\n.tag-popular { top: 0; left: 118px; color: #7c3aed; }\n.tag-info { top: 30px; right: 58px; color: #2563eb; }\n.tag-persuasive { top: 88px; left: 56px; color: #16a34a; background: rgba(238, 252, 239, 0.92); }\n.tag-funny { top: 112px; right: 30px; color: #e11d48; background: rgba(255, 242, 246, 0.94); }\n\n.apple-sparkle {\n  position: absolute;\n  color: #b9afff;\n  font-size: 24px;\n  z-index: 2;\n  opacity: 0.75;\n}\n\n.sparkle-1 { left: 24px; top: 198px; }\n.sparkle-2 { right: -2px; top: 222px; }\n.sparkle-3 { right: 100px; top: 170px; color: #e7a0d7; font-size: 18px; }\n\n.apple-card-shadow {\n  position: absolute;\n  top: 168px;\n  left: 190px;\n  width: 310px;\n  height: 158px;\n  border-radius: 18px;\n  background: rgba(255, 255, 255, 0.78);\n  box-shadow: 0 18px 42px rgba(34, 42, 90, 0.1);\n  transform: rotate(5deg);\n  z-index: 1;\n}\n\n.apple-main-card {\n  position: absolute;\n  top: 120px;\n  left: 104px;\n  width: 390px;\n  height: 178px;\n  padding: 26px;\n  display: grid;\n  grid-template-columns: 1.12fr 0.88fr;\n  align-items: center;\n  gap: 14px;\n  border-radius: 18px;\n  background: rgba(255, 255, 255, 0.96);\n  border: 1px solid rgba(255, 255, 255, 0.96);\n  box-shadow: 0 22px 48px rgba(34, 42, 90, 0.13);\n  transform: rotate(5deg);\n  z-index: 4;\n}\n\n.topic-title-mask {\n  width: 168px;\n  min-height: 116px;\n  max-height: 126px;\n  padding: 14px 15px;\n  border-radius: 16px;\n  overflow: hidden;\n  background:\n    linear-gradient(135deg, rgba(255,255,255,0.98), rgba(246,244,255,0.86));\n  box-shadow:\n    0 14px 30px rgba(79, 70, 229, 0.08),\n    inset 0 1px 0 rgba(255,255,255,0.95);\n  border: 1px solid rgba(230, 226, 255, 0.9);\n}\n\n.apple-main-card h3 {\n  margin: 0;\n  color: #111827;\n  font-size: 19px;\n  line-height: 1.12;\n  font-weight: 850;\n  letter-spacing: -0.5px;\n  word-break: normal;\n  overflow-wrap: break-word;\n  hyphens: auto;\n  display: -webkit-box;\n  -webkit-line-clamp: 5;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n}\n\n.apple-person-wrap {\n  position: relative;\n  width: 130px;\n  height: 142px;\n  justify-self: end;\n}\n\n.apple-person-wrap img {\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n  object-position: center bottom;\n}\n\n.mini-chart-badge {\n  position: absolute;\n  right: -18px;\n  bottom: 28px;\n  width: 58px;\n  height: 38px;\n  border-radius: 12px;\n  background: linear-gradient(135deg, #6d5cff, #4638df);\n  box-shadow: 0 10px 20px rgba(79, 70, 229, 0.24);\n}\n\n.mini-chart-badge span {\n  position: absolute;\n  left: 10px;\n  top: 10px;\n  width: 14px;\n  height: 14px;\n  border-radius: 999px;\n  border: 4px solid rgba(255,255,255,0.9);\n}\n\n.mini-chart-badge i,\n.mini-chart-badge b {\n  position: absolute;\n  right: 10px;\n  width: 15px;\n  height: 3px;\n  border-radius: 999px;\n  background: rgba(255,255,255,0.82);\n}\n\n.mini-chart-badge i { top: 12px; }\n.mini-chart-badge b { top: 23px; opacity: 0.55; }\n\n.apple-bottom-cards {\n  position: absolute;\n  top: 318px;\n  left: 100px;\n  display: flex;\n  gap: 10px;\n  z-index: 6;\n}\n\n.apple-bottom-cards div {\n  width: 112px;\n  height: 64px;\n  padding: 11px 13px;\n  border-radius: 12px;\n  background: rgba(255, 255, 255, 0.92);\n  border: 1px solid rgba(255, 255, 255, 0.95);\n  box-shadow: 0 14px 28px rgba(34, 42, 90, 0.1);\n}\n\n.apple-bottom-cards span {\n  display: block;\n  color: #64748b;\n  font-size: 10px;\n  font-weight: 700;\n  margin-bottom: 7px;\n}\n\n.apple-bottom-cards strong {\n  color: #4f46e5;\n  font-size: 12px;\n  font-weight: 850;\n}\n\n@media (max-width: 968px) {\n  .seo-topic-inner {\n    grid-template-columns: 1fr;\n    gap: 34px;\n  }\n\n  .seo-topic-left h1 {\n    font-size: 40px;\n  }\n\n  .seo-topic-right {\n    transform: scale(0.9);\n    transform-origin: top center;\n    min-height: 390px;\n  }\n}\n\n@media (max-width: 560px) {\n  .seo-topic-banner {\n    padding: 44px 0;\n  }\n\n  .seo-topic-left h1 {\n    font-size: 34px;\n  }\n\n  .seo-ai-input-box {\n    flex-direction: column;\n    align-items: stretch;\n  }\n\n  .seo-ai-input-box button {\n    width: 100%;\n  }\n\n  .seo-topic-right {\n    display: none;\n  }\n}\n\n\/* ===== How To ===== *\/\n.el-howto-section-wrapper {\n  width: 100% !important;\n  background: #ffffff !important;\n  padding: 42px 0 48px !important;\n  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, \"SF Pro Display\", \"Segoe UI\", sans-serif !important;\n  text-align: center !important;\n  box-sizing: border-box !important;\n}\n\n.el-howto-section-wrapper *,\n.el-howto-section-wrapper *::before,\n.el-howto-section-wrapper *::after {\n  box-sizing: border-box !important;\n}\n\n.howto-container-v4 {\n  max-width: 820px !important;\n  margin: 0 auto !important;\n  padding: 0 24px !important;\n}\n\n.howto-container-v4 h2 {\n  margin: 0 0 18px !important;\n  color: #07143f !important;\n  font-size: 28px !important;\n  line-height: 1.25 !important;\n  font-weight: 800 !important;\n  letter-spacing: -0.5px !important;\n}\n\n.howto-description-v4 {\n  max-width: 820px !important;\n  margin: 0 auto !important;\n  color: #475569 !important;\n  font-size: 16px !important;\n  line-height: 1.65 !important;\n  font-weight: 400 !important;\n  letter-spacing: 0 !important;\n}\n\n@media (max-width: 768px) {\n  .el-howto-section-wrapper {\n    padding: 36px 0 40px !important;\n  }\n\n  .howto-container-v4 {\n    padding: 0 22px !important;\n  }\n\n  .howto-container-v4 h2 {\n    font-size: 24px !important;\n    margin-bottom: 14px !important;\n  }\n\n  .howto-description-v4 {\n    font-size: 16px !important;\n    line-height: 1.65 !important;\n  }\n}\n\n\/* ===== Featured Speech Topics ===== *\/\n.el-featured-section-wrapper {\n  width: 100% !important;\n  background: #ffffff !important;\n  padding: 24px 0 52px !important;\n  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, \"SF Pro Display\", \"Segoe UI\", sans-serif !important;\n  box-sizing: border-box !important;\n}\n\n.el-featured-section-wrapper *,\n.el-featured-section-wrapper *::before,\n.el-featured-section-wrapper *::after {\n  box-sizing: border-box !important;\n}\n\n.featured-container-v4 {\n  max-width: 1000px !important;\n  margin: 0 auto !important;\n  padding: 0 20px !important;\n}\n\n.featured-main-title-v4 {\n  margin: 0 0 24px !important;\n  color: #07143f !important;\n  font-size: 26px !important;\n  line-height: 1.25 !important;\n  font-weight: 800 !important;\n  text-align: center !important;\n  letter-spacing: -0.5px !important;\n}\n\n.featured-grid-v4 {\n  display: grid !important;\n  grid-template-columns: repeat(3, 1fr) !important;\n  gap: 16px !important;\n}\n\n.topic-card-v4 {\n  height: 236px !important;\n  padding: 18px 18px 16px !important;\n  background: #ffffff !important;\n  border: 1px solid #e8eef8 !important;\n  border-radius: 10px !important;\n  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06) !important;\n  display: flex !important;\n  flex-direction: column !important;\n  justify-content: space-between !important;\n  transition: all 0.25s ease !important;\n}\n\n.topic-card-v4:hover {\n  transform: translateY(-3px) !important;\n  box-shadow: 0 16px 32px rgba(79, 70, 229, 0.1) !important;\n}\n\n.card-top-header-v4 {\n  display: flex !important;\n  align-items: flex-start !important;\n  gap: 12px !important;\n  margin-bottom: 14px !important;\n}\n\n.icon-box-v4 {\n  width: 32px !important;\n  height: 32px !important;\n  border-radius: 9px !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  flex-shrink: 0 !important;\n  font-size: 17px !important;\n  font-weight: 700 !important;\n}\n\n.icon-purple-v4 { background: #f3efff !important; color: #4f46e5 !important; }\n.icon-blue-v4 { background: #eff6ff !important; color: #2563eb !important; }\n.icon-teal-v4 { background: #ecfeff !important; color: #0891b2 !important; }\n.icon-green-v4 { background: #ecfdf5 !important; color: #16a34a !important; }\n.icon-pink-v4 { background: #fff1f4 !important; color: #e11d48 !important; }\n.icon-orange-v4 { background: #fff7ed !important; color: #f97316 !important; }\n\n.card-top-header-v4 h3 {\n  margin: 0 !important;\n  color: #111827 !important;\n  font-size: 14px !important;\n  line-height: 1.28 !important;\n  font-weight: 800 !important;\n  letter-spacing: -0.2px !important;\n}\n\n.key-idea-label-v4 {\n  margin: 0 0 9px !important;\n  color: #4f46e5 !important;\n  font-size: 12px !important;\n  line-height: 1.45 !important;\n  font-weight: 800 !important;\n  text-align: left !important;\n}\n\n.highlight-text-v4 {\n  font-weight: 400 !important;\n}\n\n.text-purple-v4 { color: #6d28d9 !important; }\n.text-blue-v4 { color: #2563eb !important; }\n.text-teal-v4 { color: #0f766e !important; }\n.text-green-v4 { color: #15803d !important; }\n.text-pink-v4 { color: #be185d !important; }\n.text-orange-v4 { color: #c2410c !important; }\n\n.bullet-list-v4 {\n  margin: 0 !important;\n  padding-left: 16px !important;\n  list-style: disc !important;\n  text-align: left !important;\n}\n\n.bullet-list-v4 li {\n  margin: 0 0 5px !important;\n  padding: 0 !important;\n  color: #475569 !important;\n  font-size: 12px !important;\n  line-height: 1.4 !important;\n  font-weight: 400 !important;\n}\n\n.card-btn-v4 {\n  width: 124px !important;\n  height: 34px !important;\n  padding: 0 12px !important;\n  background: #ffffff !important;\n  color: #4f46e5 !important;\n  border: 1px solid #bfc7ff !important;\n  border-radius: 7px !important;\n  font-size: 12px !important;\n  font-weight: 700 !important;\n  display: inline-flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  cursor: pointer !important;\n  transition: all 0.2s ease !important;\n}\n\n.card-btn-v4:hover {\n  background: #4f46e5 !important;\n  color: #ffffff !important;\n  border-color: #4f46e5 !important;\n}\n\n@media (max-width: 1024px) {\n  .featured-grid-v4 {\n    grid-template-columns: repeat(2, 1fr) !important;\n  }\n}\n\n@media (max-width: 640px) {\n  .featured-grid-v4 {\n    grid-template-columns: 1fr !important;\n  }\n\n  .topic-card-v4 {\n    height: auto !important;\n    min-height: 220px !important;\n  }\n}\n\n\/* ===== Turn Any Topic CTA ===== *\/\n.el-cta-input-section-wrapper {\n  width: 100% !important;\n  background: #ffffff !important;\n  padding: 34px 0 46px !important;\n  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, \"SF Pro Display\", \"Segoe UI\", sans-serif !important;\n}\n\n.cta-input-container-v4 {\n  max-width: 1000px !important;\n  margin: 0 auto !important;\n  padding: 0 20px !important;\n}\n\n.cta-flex-card-v4 {\n  position: relative !important;\n  overflow: hidden !important;\n  min-height: 168px !important;\n  padding: 34px 44px !important;\n  display: grid !important;\n  grid-template-columns: 150px 1fr !important;\n  align-items: center !important;\n  gap: 38px !important;\n  border-radius: 26px !important;\n  border: 1px solid rgba(210,216,255,0.9) !important;\n  background: linear-gradient(135deg, rgba(255,255,255,.9), rgba(244,246,255,.94) 45%, rgba(230,235,255,.96)) !important;\n  box-shadow: 0 28px 70px rgba(58,68,120,.12), inset 0 1px 0 rgba(255,255,255,.95) !important;\n}\n\n.cta-glow {\n  position: absolute !important;\n  border-radius: 999px !important;\n  pointer-events: none !important;\n}\n\n.cta-glow-1 {\n  width: 260px !important;\n  height: 260px !important;\n  left: -80px !important;\n  top: -90px !important;\n  background: radial-gradient(circle, rgba(124,58,237,.18), rgba(255,255,255,0) 68%) !important;\n}\n\n.cta-glow-2 {\n  width: 320px !important;\n  height: 320px !important;\n  right: -100px !important;\n  bottom: -150px !important;\n  background: radial-gradient(circle, rgba(79,70,229,.14), rgba(255,255,255,0) 70%) !important;\n}\n\n.cta-left-illustration-v4 {\n  position: relative !important;\n  width: 130px !important;\n  height: 110px !important;\n  z-index: 2 !important;\n}\n\n.ill-purple-bg-v4 {\n  position: absolute !important;\n  left: 2px !important;\n  top: 14px !important;\n  width: 78px !important;\n  height: 76px !important;\n  border-radius: 20px !important;\n  background: linear-gradient(135deg, #c7b9ff, #8065ff) !important;\n  box-shadow: 0 18px 36px rgba(124,58,237,.2) !important;\n}\n\n.ill-base-card-v4 {\n  position: absolute !important;\n  left: 34px !important;\n  top: 26px !important;\n  width: 90px !important;\n  height: 66px !important;\n  padding: 14px !important;\n  border-radius: 16px !important;\n  background: rgba(255,255,255,.96) !important;\n  border: 1px solid rgba(226,232,240,.95) !important;\n  box-shadow: 0 18px 36px rgba(15,23,42,.1) !important;\n  z-index: 2 !important;\n}\n\n.ill-dot-v4 {\n  width: 12px !important;\n  height: 12px !important;\n  border-radius: 999px !important;\n  background: #e0e7ff !important;\n  position: absolute !important;\n  right: 14px !important;\n  bottom: 14px !important;\n}\n\n.ill-line-v4 {\n  height: 4px !important;\n  border-radius: 999px !important;\n  margin-bottom: 8px !important;\n  background: #dbe3ef !important;\n}\n\n.width-70 { width: 70% !important; }\n.width-50 { width: 50% !important; background: #eef2f7 !important; }\n.width-60 { width: 60% !important; background: #eef2f7 !important; }\n\n.ill-magic-spark-v4 {\n  position: absolute !important;\n  right: -2px !important;\n  bottom: 6px !important;\n  color: #4f46e5 !important;\n  font-size: 34px !important;\n  z-index: 4 !important;\n  text-shadow: 0 10px 18px rgba(79,70,229,.25) !important;\n}\n\n.cta-right-content-v4 {\n  position: relative !important;\n  z-index: 2 !important;\n}\n\n.cta-mini-label-v4 {\n  color: #4f46e5 !important;\n  font-size: 12px !important;\n  font-weight: 800 !important;\n}\n\n.cta-title-v4 {\n  margin: 6px 0 6px !important;\n  color: #07143f !important;\n  font-size: 25px !important;\n  line-height: 1.2 !important;\n  font-weight: 850 !important;\n}\n\n.cta-desc-v4 {\n  margin: 0 0 22px !important;\n  color: #64748b !important;\n  font-size: 14.5px !important;\n  line-height: 1.5 !important;\n}\n\n.cta-action-group-v4 {\n  display: grid !important;\n  grid-template-columns: minmax(360px, 1fr) 220px !important;\n  align-items: center !important;\n  gap: 14px !important;\n  width: 100% !important;\n  max-width: 820px !important;\n}\n\n.cta-input-field-wrap-v4 {\n  height: 48px !important;\n  background: rgba(255,255,255,.92) !important;\n  border: 1px solid rgba(203,213,225,.95) !important;\n  border-radius: 14px !important;\n  padding: 0 18px !important;\n  display: flex !important;\n  align-items: center !important;\n  box-shadow: 0 14px 26px rgba(15,23,42,.07) !important;\n}\n\n.cta-main-input-v4 {\n  width: 100% !important;\n  height: 46px !important;\n  border: none !important;\n  outline: none !important;\n  background: transparent !important;\n  color: #334155 !important;\n  font-size: 14.5px !important;\n}\n\n.cta-submit-btn-v4 {\n  height: 48px !important;\n  width: 220px !important;\n  min-width: 220px !important;\n  border: none !important;\n  border-radius: 14px !important;\n  background: linear-gradient(135deg, #6254ff, #4638df) !important;\n  color: #ffffff !important;\n  font-size: 14px !important;\n  font-weight: 800 !important;\n  display: inline-flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  gap: 8px !important;\n  cursor: pointer !important;\n  white-space: nowrap !important;\n  box-shadow: 0 14px 28px rgba(79,70,229,.28) !important;\n}\n\n@media (max-width: 868px) {\n  .cta-flex-card-v4 {\n    grid-template-columns: 1fr !important;\n    padding: 30px !important;\n  }\n\n  .cta-left-illustration-v4 {\n    display: none !important;\n  }\n\n  .cta-action-group-v4 {\n    grid-template-columns: 1fr !important;\n  }\n\n  .cta-submit-btn-v4 {\n    width: 100% !important;\n    min-width: 100% !important;\n  }\n}\n\n\/* ===== Other Speech Topics Table ===== *\/\n.topics-area-wrapper {\n  max-width: 1000px !important;\n  margin: 34px auto 56px !important;\n  padding: 0 20px !important;\n  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, \"SF Pro Display\", \"Segoe UI\", sans-serif !important;\n}\n\n.topics-main-h2 {\n  margin: 0 0 24px !important;\n  text-align: center !important;\n  color: #07143f !important;\n  font-size: 24px !important;\n  font-weight: 800 !important;\n  letter-spacing: -0.4px !important;\n}\n\n.topics-table-container {\n  width: 100% !important;\n  overflow: hidden !important;\n  background: #ffffff !important;\n  border: 1px solid #dfe5f2 !important;\n  border-radius: 10px !important;\n}\n\n.topics-table-header,\n.topic-row {\n  position: relative !important;\n  display: grid !important;\n  grid-template-columns: 1.05fr 1.65fr 92px !important;\n  align-items: center !important;\n}\n\n.topics-table-header {\n  min-height: 44px !important;\n  padding: 0 16px !important;\n  background: #fafbff !important;\n  border-bottom: 1px solid #e7edf5 !important;\n}\n\n.topic-row {\n  min-height: 54px !important;\n  padding: 0 16px !important;\n  border-bottom: 1px solid #edf2f7 !important;\n}\n\n.topic-row:last-child {\n  border-bottom: none !important;\n}\n\n\/* Column separators *\/\n.topic-row::before,\n.topics-table-header::before {\n  content: \"\" !important;\n  position: absolute !important;\n  top: 0 !important;\n  bottom: 0 !important;\n  left: 31.5% !important;\n  width: 1px !important;\n  background: #edf2f7 !important;\n}\n\n.topic-row::after,\n.topics-table-header::after {\n  content: \"\" !important;\n  position: absolute !important;\n  top: 0 !important;\n  bottom: 0 !important;\n  right: 108px !important;\n  width: 1px !important;\n  background: #edf2f7 !important;\n}\n\n.col-head {\n  color: #334155 !important;\n  font-size: 14px !important;\n  font-weight: 700 !important;\n}\n\n.c-topic {\n  color: #1e293b !important;\n  font-size: 15px !important;\n  line-height: 1.65 !important;\n  font-weight: 700 !important;\n}\n\n.c-idea {\n  color: #475569 !important;\n  font-size: 16px !important;\n  line-height: 1.65 !important;\n  font-weight: 400 !important;\n}\n\n.c-action {\n  display: flex !important;\n  justify-content: flex-end !important;\n}\n\n.st-copy-btn {\n  height: 32px !important;\n  min-width: 82px !important;\n  padding: 0 12px !important;\n  border-radius: 6px !important;\n  border: 1px solid #c7d2fe !important;\n  background: #ffffff !important;\n  color: #4f46e5 !important;\n  font-size: 12px !important;\n  font-weight: 700 !important;\n  display: inline-flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  gap: 7px !important;\n  cursor: pointer !important;\n  transition: all .18s ease !important;\n}\n\n.st-copy-btn svg {\n  width: 17px !important;\n  height: 17px !important;\n  stroke: currentColor !important;\n  stroke-width: 1.9 !important;\n  fill: none !important;\n  flex-shrink: 0 !important;\n}\n\n.st-copy-btn:hover,\n.st-copy-btn.copied {\n  background: #4f46e5 !important;\n  border-color: #4f46e5 !important;\n  color: #ffffff !important;\n}\n\n@media (max-width: 768px) {\n  .topics-table-header {\n    display: none !important;\n  }\n\n  .topic-row {\n    grid-template-columns: 1fr !important;\n    gap: 8px !important;\n    padding: 14px 16px !important;\n  }\n\n  .topic-row::before,\n  .topic-row::after {\n    display: none !important;\n  }\n\n  .c-action {\n    justify-content: flex-start !important;\n  }\n}\n\n\/* ===== Specific Situation ===== *\/\n.specific-situation-wrapper {\n  max-width: 1000px !important;\n  margin: 34px auto 28px !important;\n  padding: 0 20px !important;\n  position: relative !important;\n  top: -8px !important;\n  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, \"SF Pro Display\", \"Segoe UI\", sans-serif !important;\n  box-sizing: border-box !important;\n}\n\n.specific-situation-wrapper *,\n.specific-situation-wrapper *::before,\n.specific-situation-wrapper *::after {\n  box-sizing: border-box !important;\n}\n\n.section-title {\n  margin: 0 0 24px !important;\n  text-align: center !important;\n  color: #07143f !important;\n  font-size: 24px !important;\n  line-height: 1.25 !important;\n  font-weight: 800 !important;\n  letter-spacing: -0.4px !important;\n}\n\n.situation-grid {\n  display: grid !important;\n  grid-template-columns: repeat(4, 1fr) !important;\n  gap: 12px !important;\n}\n\n.situation-card {\n  min-height: 214px !important;\n  padding: 18px 18px 16px !important;\n  background: #ffffff !important;\n  border: 1px solid #dfe5f2 !important;\n  border-radius: 10px !important;\n  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.04) !important;\n  display: flex !important;\n  flex-direction: column !important;\n  justify-content: space-between !important;\n  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease !important;\n}\n\n.situation-card:hover {\n  transform: translateY(-3px) !important;\n  border-color: #d6dcff !important;\n  box-shadow: 0 18px 38px rgba(79, 70, 229, 0.08) !important;\n}\n\n.card-icon {\n  width: 38px !important;\n  height: 38px !important;\n  border-radius: 10px !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  margin-bottom: 14px !important;\n}\n\n.card-icon svg {\n  width: 18px !important;\n  height: 18px !important;\n  stroke-width: 1.9 !important;\n  stroke-linecap: round !important;\n  stroke-linejoin: round !important;\n  fill: none !important;\n}\n\n.icon-purple { background: #f3efff !important; }\n.icon-purple svg { stroke: #6d5efc !important; }\n\n.icon-blue { background: #eff6ff !important; }\n.icon-blue svg { stroke: #4f7cff !important; }\n\n.icon-green { background: #ecfdf5 !important; }\n.icon-green svg { stroke: #22a55b !important; }\n\n.icon-orange { background: #fff7ed !important; }\n.icon-orange svg { stroke: #f97316 !important; }\n\n.situation-card h3 {\n  margin: 0 0 10px !important;\n  color: #111827 !important;\n  font-size: 14px !important;\n  line-height: 1.3 !important;\n  font-weight: 800 !important;\n  letter-spacing: -0.2px !important;\n}\n\n.situation-card p {\n  margin: 0 !important;\n  color: #64748b !important;\n  font-size: 13px !important;\n  line-height: 1.65 !important;\n  font-weight: 400 !important;\n}\n\n.explore-link {\n  height: 24px !important;\n  display: inline-flex !important;\n  align-items: center !important;\n  align-self: flex-start !important;\n  color: #4f46e5 !important;\n  font-size: 12px !important;\n  font-weight: 700 !important;\n  text-decoration: none !important;\n  transition: opacity .18s ease !important;\n}\n\n.explore-link:hover {\n  opacity: .75 !important;\n}\n\n@media (max-width: 992px) {\n  .situation-grid {\n    grid-template-columns: repeat(2, 1fr) !important;\n    gap: 14px !important;\n  }\n}\n\n@media (max-width: 640px) {\n  .specific-situation-wrapper {\n    margin: 30px auto 42px !important;\n    top: 0 !important;\n  }\n\n  .situation-grid {\n    grid-template-columns: 1fr !important;\n  }\n}\n\n\/* ===== FAQ ===== *\/\n.faq-container-final {\n  width: 100% !important;\n  max-width: 1000px !important;\n  margin: 34px auto 54px !important;\n  padding: 0 20px !important;\n  position: relative !important;\n  z-index: 2 !important;\n  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, \"SF Pro Display\", sans-serif !important;\n  box-sizing: border-box !important;\n}\n\n.faq-container-final *,\n.faq-container-final *::before,\n.faq-container-final *::after {\n  box-sizing: border-box !important;\n}\n\n.faq-section-title {\n  text-align: center !important;\n  font-size: 24px !important;\n  font-weight: 800 !important;\n  line-height: 1.2 !important;\n  letter-spacing: -0.4px !important;\n  color: #07143f !important;\n  margin: 0 0 22px 0 !important;\n}\n\n.faq-items-wrapper {\n  display: flex !important;\n  flex-direction: column !important;\n  background: #ffffff !important;\n  border: 1px solid #dfe5f2 !important;\n  border-radius: 10px !important;\n  overflow: hidden !important;\n  box-shadow:\n    0 4px 14px rgba(15, 23, 42, 0.03),\n    0 1px 0 rgba(255,255,255,0.7) inset !important;\n}\n\n.faq-box {\n  border-bottom: 1px solid #edf2f7 !important;\n  background: #ffffff !important;\n  transition: background 0.2s ease !important;\n}\n\n.faq-box:last-child {\n  border-bottom: none !important;\n}\n\n.faq-box:hover {\n  background: #fcfcff !important;\n}\n\n.faq-header {\n  display: flex !important;\n  justify-content: space-between !important;\n  align-items: center !important;\n  cursor: pointer !important;\n  padding: 16px 28px 0 28px !important;\n  gap: 18px !important;\n}\n\n.faq-q {\n  color: #111827 !important;\n  font-size: 15px !important;\n  line-height: 1.45 !important;\n  font-weight: 700 !important;\n  letter-spacing: -0.15px !important;\n}\n\n.faq-icon {\n  width: 18px !important;\n  height: 18px !important;\n  flex-shrink: 0 !important;\n  color: #4f46e5 !important;\n  transition: transform 0.28s ease !important;\n  margin-top: 1px !important;\n}\n\n.faq-icon svg {\n  width: 100% !important;\n  height: 100% !important;\n  display: block !important;\n}\n\n.faq-a {\n  padding: 8px 28px 16px 28px !important;\n  color: #64748b !important;\n  font-size: 15px !important;\n  line-height: 1.75 !important;\n  font-weight: 400 !important;\n  letter-spacing: 0.02px !important;\n  max-height: 0 !important;\n  overflow: hidden !important;\n  opacity: 0 !important;\n  transition:\n    max-height 0.32s ease,\n    opacity 0.24s ease,\n    padding 0.24s ease !important;\n}\n\n.faq-box.active .faq-a {\n  max-height: 200px !important;\n  opacity: 1 !important;\n  padding: 8px 28px 16px 28px !important;\n}\n\n.faq-box.active .faq-icon {\n  transform: rotate(180deg) !important;\n}\n\n@media (max-width: 768px) {\n  .faq-container-final {\n    max-width: 100% !important;\n    padding: 0 16px !important;\n    margin: 32px auto 48px !important;\n  }\n\n  .faq-section-title {\n    font-size: 22px !important;\n    margin-bottom: 18px !important;\n  }\n\n  .faq-header {\n    padding: 16px 18px 0 18px !important;\n  }\n\n  .faq-q {\n    font-size: 14px !important;\n  }\n\n  .faq-a {\n    font-size: 14px !important;\n    line-height: 1.7 !important;\n    padding-left: 18px !important;\n    padding-right: 18px !important;\n  }\n\n  .faq-box.active .faq-a {\n    padding-left: 18px !important;\n    padding-right: 18px !important;\n  }\n}\n\n\/* ===== Bottom CTA ===== *\/\n.cta-bottom-banner {\n  width: 100% !important;\n  max-width: 1000px !important;\n  min-height: 188px !important;\n  margin: 24px auto 28px !important;\n  padding: 34px 52px !important;\n  position: relative !important;\n  overflow: hidden !important;\n  border-radius: 24px !important;\n  color: #ffffff !important;\n  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, \"SF Pro Display\", \"Segoe UI\", sans-serif !important;\n  background:\n    radial-gradient(circle at 18% 18%, rgba(255,255,255,0.22), rgba(255,255,255,0) 28%),\n    radial-gradient(circle at 86% 12%, rgba(255,255,255,0.16), rgba(255,255,255,0) 30%),\n    linear-gradient(135deg, #5b4bff 0%, #4638df 46%, #6366f1 100%) !important;\n  box-shadow:\n    0 34px 80px rgba(79, 70, 229, 0.22),\n    inset 0 1px 0 rgba(255,255,255,0.28) !important;\n  box-sizing: border-box !important;\n}\n\n.cta-bottom-banner *,\n.cta-bottom-banner *::before,\n.cta-bottom-banner *::after {\n  box-sizing: border-box !important;\n}\n\n.banner-content-wrapper {\n  position: relative !important;\n  z-index: 3 !important;\n  display: grid !important;\n  grid-template-columns: 300px 1fr !important;\n  align-items: center !important;\n  gap: 46px !important;\n}\n\n.banner-illustration {\n  position: relative !important;\n  width: 280px !important;\n  height: 124px !important;\n}\n\n.mock-card {\n  position: absolute !important;\n  border-radius: 18px !important;\n  background: rgba(255,255,255,0.92) !important;\n  backdrop-filter: blur(18px) !important;\n  -webkit-backdrop-filter: blur(18px) !important;\n  box-shadow:\n    0 20px 40px rgba(20, 20, 80, 0.18),\n    inset 0 1px 0 rgba(255,255,255,0.9) !important;\n}\n\n.mock-card-back {\n  width: 146px !important;\n  height: 92px !important;\n  left: 4px !important;\n  top: 6px !important;\n  opacity: 0.48 !important;\n  transform: rotate(-7deg) !important;\n}\n\n.mock-card-main {\n  width: 164px !important;\n  height: 104px !important;\n  left: 34px !important;\n  top: 18px !important;\n  padding: 18px 18px 14px !important;\n}\n\n.mock-topbar {\n  width: 84px !important;\n  height: 8px !important;\n  border-radius: 999px !important;\n  background: #dbe3ef !important;\n  margin-bottom: 22px !important;\n}\n\n.mock-chart {\n  height: 44px !important;\n  display: flex !important;\n  align-items: flex-end !important;\n  gap: 9px !important;\n}\n\n.mock-chart span {\n  width: 16px !important;\n  border-radius: 5px 5px 0 0 !important;\n  background: linear-gradient(180deg, #8b7dff, #4f46e5) !important;\n}\n\n.mock-chart span:nth-child(1) { height: 22px !important; opacity: .55 !important; }\n.mock-chart span:nth-child(2) { height: 34px !important; opacity: .75 !important; }\n.mock-chart span:nth-child(3) { height: 44px !important; }\n\n.mock-lines {\n  position: absolute !important;\n  right: 16px !important;\n  top: 42px !important;\n}\n\n.mock-lines i {\n  display: block !important;\n  width: 34px !important;\n  height: 5px !important;\n  border-radius: 999px !important;\n  background: #eef2f7 !important;\n  margin-bottom: 8px !important;\n}\n\n.mock-tool-card {\n  position: absolute !important;\n  left: 176px !important;\n  bottom: 0 !important;\n  width: 78px !important;\n  height: 56px !important;\n  border-radius: 16px !important;\n  background: rgba(255,255,255,0.88) !important;\n  box-shadow:\n    0 20px 38px rgba(20, 20, 80, 0.22),\n    inset 0 1px 0 rgba(255,255,255,0.9) !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  transform: rotate(-6deg) !important;\n  backdrop-filter: blur(16px) !important;\n  -webkit-backdrop-filter: blur(16px) !important;\n}\n\n.mock-tool-card svg {\n  width: 25px !important;\n  height: 25px !important;\n  fill: #4f46e5 !important;\n}\n\n.banner-text-cta {\n  text-align: left !important;\n}\n\n.bottom-eyebrow,\n.bottom-eyebrow a,\n.bottom-eyebrow-text,\n.bottom-eyebrow-text a {\n  display: inline-flex !important;\n  align-items: center !important;\n  height: 28px !important;\n  margin-bottom: 8px !important;\n  padding: 0 14px !important;\n  border-radius: 999px !important;\n  background: rgba(255,255,255,0.14) !important;\n  border: 1px solid rgba(255,255,255,0.18) !important;\n  color: rgba(255,255,255,0.88) !important;\n  font-size: 12px !important;\n  font-weight: 600 !important;\n  line-height: 1 !important;\n  letter-spacing: 0.04em !important;\n  text-decoration: none !important;\n  pointer-events: none !important;\n  cursor: default !important;\n  box-shadow: none !important;\n  backdrop-filter: blur(14px) !important;\n  -webkit-backdrop-filter: blur(14px) !important;\n}\n\n.bottom-eyebrow-text,\n.bottom-eyebrow-text a {\n  margin-bottom: 0 !important;\n  padding: 0 !important;\n  border: 0 !important;\n  background: transparent !important;\n  backdrop-filter: none !important;\n  -webkit-backdrop-filter: none !important;\n}\n\n.banner-title {\n  margin: 0 0 12px !important;\n  color: #ffffff !important;\n  font-size: 28px !important;\n  line-height: 1.18 !important;\n  font-weight: 850 !important;\n  letter-spacing: -0.7px !important;\n}\n\n.banner-desc {\n  max-width: 570px !important;\n  margin: 0 0 20px !important;\n  color: rgba(255,255,255,0.88) !important;\n  font-size: 14px !important;\n  line-height: 1.58 !important;\n  font-weight: 400 !important;\n}\n\n.banner-cta-btn {\n  height: 42px !important;\n  padding: 0 24px !important;\n  border: none !important;\n  border-radius: 12px !important;\n  background: rgba(255,255,255,0.96) !important;\n  color: #4f46e5 !important;\n  font-size: 13px !important;\n  font-weight: 850 !important;\n  display: inline-flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  gap: 8px !important;\n  cursor: pointer !important;\n  box-shadow:\n    0 16px 34px rgba(30, 20, 120, 0.22),\n    inset 0 1px 0 rgba(255,255,255,0.95) !important;\n  transition: all 0.2s ease !important;\n}\n\n.banner-cta-btn:hover {\n  transform: translateY(-1px) !important;\n  box-shadow:\n    0 22px 42px rgba(30, 20, 120, 0.28),\n    inset 0 1px 0 rgba(255,255,255,0.95) !important;\n}\n\n.bottom-orb {\n  position: absolute !important;\n  border-radius: 999px !important;\n  pointer-events: none !important;\n  z-index: 1 !important;\n}\n\n.bottom-orb-1 {\n  width: 260px !important;\n  height: 260px !important;\n  right: -80px !important;\n  top: -120px !important;\n  background: radial-gradient(circle, rgba(255,255,255,0.20), rgba(255,255,255,0) 68%) !important;\n}\n\n.bottom-orb-2 {\n  width: 320px !important;\n  height: 320px !important;\n  left: -140px !important;\n  bottom: -190px !important;\n  background: radial-gradient(circle, rgba(255,255,255,0.14), rgba(255,255,255,0) 70%) !important;\n}\n\n.bottom-orb-3 {\n  width: 180px !important;\n  height: 180px !important;\n  left: 43% !important;\n  top: -120px !important;\n  background: radial-gradient(circle, rgba(167,139,250,0.24), rgba(255,255,255,0) 66%) !important;\n}\n\n.bottom-sparkle {\n  position: absolute !important;\n  color: rgba(255,255,255,0.36) !important;\n  z-index: 2 !important;\n}\n\n.sparkle-a {\n  right: 82px !important;\n  bottom: 42px !important;\n  font-size: 26px !important;\n}\n\n.sparkle-b {\n  left: 62px !important;\n  bottom: 34px !important;\n  font-size: 18px !important;\n}\n\n.sparkle-c {\n  left: 252px !important;\n  top: 70px !important;\n  font-size: 18px !important;\n}\n\n@media (max-width: 768px) {\n  .cta-bottom-banner {\n    margin: 22px auto 24px !important;\n    padding: 32px 24px !important;\n    border-radius: 22px !important;\n  }\n\n  .banner-content-wrapper {\n    grid-template-columns: 1fr !important;\n    gap: 22px !important;\n    text-align: center !important;\n  }\n\n  .banner-illustration {\n    margin: 0 auto !important;\n    transform: scale(0.9) !important;\n    transform-origin: center !important;\n  }\n\n  .banner-text-cta {\n    text-align: center !important;\n  }\n\n  .banner-title {\n    font-size: 23px !important;\n  }\n\n  .banner-desc {\n    margin-left: auto !important;\n    margin-right: auto !important;\n  }\n}\n\n\n\/* =========================================================\n   GLOBAL WIDTH + SPACING REFINEMENT\n   Purpose: make the merged landing page break out of Elementor's\n   boxed container, while keeping inner content aligned to the\n   prototype's visual rhythm.\n   ========================================================= *\/\n\n:root {\n  --topic-page-max: 1120px;\n  --topic-page-narrow: 1000px;\n  --topic-page-pad: 24px;\n  --topic-blue: #07143f;\n  --topic-body: #475569;\n}\n\nhtml,\nbody {\n  overflow-x: hidden !important;\n}\n\n.topic-page-merged {\n  width: 100vw !important;\n  max-width: 100vw !important;\n  margin-left: calc(50% - 50vw) !important;\n  margin-right: calc(50% - 50vw) !important;\n  overflow-x: hidden !important;\n  background: #ffffff !important;\n  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, \"SF Pro Display\", \"Segoe UI\", sans-serif !important;\n}\n\n.topic-page-merged section {\n  width: 100vw !important;\n  max-width: 100vw !important;\n  margin-left: calc(50% - 50vw) !important;\n  margin-right: calc(50% - 50vw) !important;\n  overflow: visible !important;\n}\n\n\/* Full-width hero background, centered content *\/\n.topic-section-hero-banner,\n.seo-topic-banner {\n  width: 100vw !important;\n  max-width: 100vw !important;\n  margin-left: calc(50% - 50vw) !important;\n  margin-right: calc(50% - 50vw) !important;\n}\n\n.seo-topic-banner {\n  padding: 42px 0 26px !important;\n  background:\n    radial-gradient(circle at 74% 14%, rgba(126, 87, 255, 0.15) 0%, rgba(255,255,255,0) 34%),\n    linear-gradient(180deg, #fbfaff 0%, #ffffff 100%) !important;\n}\n\n.seo-topic-inner {\n  width: 100% !important;\n  max-width: var(--topic-page-max) !important;\n  margin: 0 auto !important;\n  padding: 0 var(--topic-page-pad) !important;\n  grid-template-columns: minmax(0, 1fr) minmax(470px, 0.95fr) !important;\n  gap: 56px !important;\n}\n\n.seo-topic-left h1 {\n  font-size: clamp(44px, 4vw, 58px) !important;\n  line-height: 1.06 !important;\n  margin-bottom: 18px !important;\n}\n\n.seo-topic-left p {\n  max-width: 540px !important;\n  font-size: 16px !important;\n  line-height: 1.65 !important;\n  margin-bottom: 22px !important;\n}\n\n.seo-ai-input-box {\n  max-width: 540px !important;\n}\n\n.seo-topic-right {\n  transform: translateY(-4px) !important;\n}\n\n\/* Section spacing: match the prototype's compact vertical rhythm *\/\n.el-howto-section-wrapper {\n  padding: 30px 0 30px !important;\n}\n\n.howto-container-v4 {\n  max-width: 820px !important;\n}\n\n.howto-container-v4 h2 {\n  margin-bottom: 14px !important;\n  font-size: 27px !important;\n}\n\n.el-featured-section-wrapper {\n  padding: 18px 0 26px !important;\n}\n\n.featured-container-v4,\n.cta-input-container-v4,\n.topics-area-wrapper,\n.specific-situation-wrapper,\n.faq-container-final,\n.cta-bottom-banner {\n  max-width: var(--topic-page-narrow) !important;\n}\n\n.featured-main-title-v4 {\n  margin-bottom: 20px !important;\n}\n\n.featured-grid-v4 {\n  gap: 14px !important;\n}\n\n\/* Middle CTA should sit close to feature cards like the reference *\/\n.el-cta-input-section-wrapper {\n  padding: 18px 0 22px !important;\n}\n\n.cta-flex-card-v4 {\n  min-height: 150px !important;\n  padding: 28px 42px !important;\n}\n\n\/* Table area: compact, directly below CAT3 *\/\n.topics-area-wrapper {\n  margin: 18px auto 32px !important;\n}\n\n.topics-main-h2 {\n  margin-bottom: 18px !important;\n}\n\n\/* Specific situation: closer to table and FAQ *\/\n.specific-situation-wrapper {\n  margin: 28px auto 28px !important;\n  top: 0 !important;\n}\n\n.situation-grid {\n  gap: 12px !important;\n}\n\n\/* FAQ aligned to situation\/card width *\/\n.faq-container-final {\n  margin: 28px auto 30px !important;\n  padding: 0 20px !important;\n}\n\n.faq-section-title {\n  margin-bottom: 18px !important;\n}\n\n\/* Final CTA closer to FAQ, full-width inside same design column *\/\n.cta-bottom-banner {\n  margin: 22px auto 32px !important;\n  padding: 32px 52px !important;\n}\n\n\/* Consistent page columns *\/\n.featured-container-v4,\n.cta-input-container-v4,\n.topics-area-wrapper,\n.specific-situation-wrapper,\n.faq-container-final {\n  width: 100% !important;\n  padding-left: var(--topic-page-pad) !important;\n  padding-right: var(--topic-page-pad) !important;\n}\n\n\/* Keep table\/card proportions close to the prototype *\/\n.topic-card-v4 {\n  height: 226px !important;\n}\n\n.topic-row {\n  min-height: 46px !important;\n}\n\n.topics-table-header {\n  min-height: 40px !important;\n}\n\n\/* Elementor-friendly full-width fallback *\/\n.elementor-widget-html:has(.topic-page-merged),\n.elementor-widget-container:has(.topic-page-merged) {\n  width: 100vw !important;\n  max-width: 100vw !important;\n  margin-left: calc(50% - 50vw) !important;\n  margin-right: calc(50% - 50vw) !important;\n  padding-left: 0 !important;\n  padding-right: 0 !important;\n}\n\n@media (min-width: 1440px) {\n  :root {\n    --topic-page-max: 1180px;\n    --topic-page-narrow: 1040px;\n  }\n\n  .seo-topic-inner {\n    gap: 64px !important;\n  }\n}\n\n@media (max-width: 1024px) {\n  .topic-page-merged section,\n  .topic-section-hero-banner,\n  .seo-topic-banner {\n    width: 100% !important;\n    max-width: 100% !important;\n    margin-left: 0 !important;\n    margin-right: 0 !important;\n  }\n\n  .seo-topic-inner {\n    grid-template-columns: 1fr !important;\n    gap: 34px !important;\n    max-width: 760px !important;\n  }\n\n  .seo-topic-left {\n    text-align: center !important;\n  }\n\n  .seo-topic-left p,\n  .seo-ai-input-box {\n    margin-left: auto !important;\n    margin-right: auto !important;\n  }\n\n  .topic-ideas-link {\n    display: inline-flex !important;\n  }\n}\n\n@media (max-width: 768px) {\n  :root {\n    --topic-page-pad: 18px;\n  }\n\n  .seo-topic-banner {\n    padding: 36px 0 28px !important;\n  }\n\n  .el-howto-section-wrapper {\n    padding: 28px 0 26px !important;\n  }\n\n  .el-featured-section-wrapper,\n  .el-cta-input-section-wrapper {\n    padding-top: 20px !important;\n    padding-bottom: 24px !important;\n  }\n\n  .topics-area-wrapper,\n  .specific-situation-wrapper,\n  .faq-container-final,\n  .cta-bottom-banner {\n    margin-top: 24px !important;\n    margin-bottom: 30px !important;\n  }\n}\n\n<\/style>\n\n<script>\n\/* ===== Merged Page Scripts ===== *\/\n\n\/* --- Hero Banner --- *\/\n(function () {\n  const topicPool = [\n    \"The Impact of Social Media on Teenagers\",\n    \"Mental health awareness in modern schools\",\n    \"The power of teamwork in students\",\n    \"Overcoming procrastination in college life\",\n    \"Climate change and our future responsibilities\",\n    \"How artificial intelligence is shaping education\",\n    \"The pros and cons of remote learning models\"\n  ];\n\n  function syncPreview(text) {\n    const title = document.querySelector(\".card-dynamic-title-v4\");\n    if (title) title.textContent = text;\n  }\n\n  document.addEventListener(\"DOMContentLoaded\", function () {\n    const input = document.querySelector(\".banner-target-input-v4\");\n\n    if (input && !input.value) {\n      const randomTopic = topicPool[Math.floor(Math.random() * topicPool.length)];\n      input.value = randomTopic;\n      syncPreview(randomTopic);\n    }\n  });\n\n  document.addEventListener(\"click\", function (e) {\n    const ideaBtn = e.target.closest(\".topic-ideas-link\");\n    if (!ideaBtn) return;\n\n    e.preventDefault();\n\n    const input = document.querySelector(\".banner-target-input-v4\");\n    if (!input) return;\n\n    const current = input.value || input.placeholder;\n    const pool = topicPool.filter(item => item !== current);\n    const next = pool[Math.floor(Math.random() * pool.length)] || topicPool[0];\n\n    input.value = next;\n    syncPreview(next);\n    input.focus();\n  }, true);\n})();\n\n\/* --- Other Speech Topics Table --- *\/\nfunction copyText(id, btn) {\n  const text = document.getElementById(id).innerText;\n\n  const defaultHTML = `\n    <svg viewBox=\"0 0 24 24\">\n      <rect x=\"9\" y=\"9\" width=\"10\" height=\"10\" rx=\"2\"><\/rect>\n      <rect x=\"5\" y=\"5\" width=\"10\" height=\"10\" rx=\"2\"><\/rect>\n    <\/svg>\n    <span>Copy<\/span>\n  `;\n\n  navigator.clipboard.writeText(text).then(() => {\n    btn.innerHTML = \"Copied!\";\n    btn.classList.add(\"copied\");\n\n    clearTimeout(btn.copyTimer);\n\n    btn.copyTimer = setTimeout(() => {\n      btn.innerHTML = defaultHTML;\n      btn.classList.remove(\"copied\");\n    }, 3000);\n  });\n}\n\n\/* --- FAQ --- *\/\nfunction toggleFaq(element) {\n  element.classList.toggle('active');\n}\n<\/script>\n<\/script>\n\n<style>\n@media (min-width: 769px) {\n\n  \/* Featured Speech Topics *\/\n  .featured-grid-v4 .topic-card-v4 {\n    min-height: 320px !important;\n    height: auto !important;\n    padding: 24px 22px 20px !important;\n  }\n\n  \/* \u6807\u9898 *\/\n  .featured-grid-v4 .topic-card-v4 h3 {\n    font-size: 18px !important;\n    line-height: 1.28 !important;\n    font-weight: 800 !important;\n    letter-spacing: -0.02em !important;\n    margin-bottom: 16px !important;\n  }\n\n  \/* Key idea label *\/\n  .featured-grid-v4 .key-idea-label-v4 {\n    font-size: 16px !important;\n    line-height: 1.45 !important;\n    font-weight: 700 !important;\n  }\n\n  \/* Key idea \u6b63\u6587 *\/\n  .featured-grid-v4 .highlight-text-v4 {\n    font-size: 16px !important;\n    line-height: 1.7 !important;\n    margin-bottom: 14px !important;\n  }\n\n  \/* Bullet list *\/\n  .featured-grid-v4 .bullet-list-v4 li {\n    font-size: 14px !important;\n    line-height: 1.75 !important;\n  }\n\n  .featured-grid-v4 .bullet-list-v4 {\n    margin-bottom: 18px !important;\n  }\n\n  \/* Button *\/\n  .featured-grid-v4 .card-btn-v4 {\n    font-size: 15px !important;\n    min-height: 38px !important;\n    width: 150px !important;\n    margin-top: auto !important;\n  }\n\n\n  \/* Need a presentation for a specific situation *\/\n  .specific-situation-wrapper .situation-card h3 {\n    font-size: 18px !important;\n    line-height: 1.3 !important;\n    font-weight: 800 !important;\n  }\n\n  .specific-situation-wrapper .situation-card p {\n    font-size: 14px !important;\n    line-height: 1.75 !important;\n  }\n\n  .specific-situation-wrapper .explore-link {\n    font-size: 15px !important;\n  }\n}\n\/* =========================\n   Featured Speech Topics \u5bf9\u9f50\u4fee\u590d\n========================= *\/\n\n\/* \u5361\u7247\u6574\u4f53\u6539\u4e3a\u7eb5\u5411\u5e03\u5c40 *\/\n.featured-grid-v4 .topic-card-v4{\n    display:flex !important;\n    flex-direction:column !important;\n    height:100% !important;\n}\n\n\/* \u5361\u7247\u5185\u5bb9\u533a\u57df\u6491\u6ee1 *\/\n.featured-grid-v4 .topic-content-v4{\n    display:flex !important;\n    flex-direction:column !important;\n    flex:1 !important;\n}\n\n\/* Key idea \u6587\u6848\u533a\u57df\u56fa\u5b9a\u6700\u5c0f\u9ad8\u5ea6 *\/\n.featured-grid-v4 .highlight-text-v4{\n    min-height:72px !important;\n    display:block !important;\n}\n\n\/* bullet list \u81ea\u52a8\u5360\u636e\u5269\u4f59\u7a7a\u95f4 *\/\n.featured-grid-v4 .bullet-list-v4{\n    flex:1 !important;\n    margin-bottom:18px !important;\n}\n\n\/* \u6309\u94ae\u59cb\u7ec8\u8d34\u5e95 *\/\n.featured-grid-v4 .card-btn-v4{\n    margin-top:auto !important;\n    align-self:flex-start !important;\n}\n\/* Featured card: align Key idea and button *\/\n@media (min-width: 769px) {\n\n  .featured-grid-v4 .topic-card-v4 {\n    display: flex !important;\n    flex-direction: column !important;\n    min-height: 340px !important;\n    height: auto !important;\n    padding: 24px 22px 20px !important;\n  }\n\n  .featured-grid-v4 .card-top-header-v4 {\n    min-height: 58px !important;\n    margin-bottom: 16px !important;\n    align-items: flex-start !important;\n  }\n\n  .featured-grid-v4 .card-top-header-v4 h3 {\n    font-size: 18px !important;\n    line-height: 1.28 !important;\n    font-weight: 800 !important;\n    letter-spacing: -0.02em !important;\n    margin: 0 !important;\n  }\n\n  .featured-grid-v4 .key-idea-label-v4 {\n    min-height: 96px !important;\n    margin: 0 0 12px !important;\n    font-size: 16px !important;\n    line-height: 1.45 !important;\n    font-weight: 700 !important;\n  }\n\n  .featured-grid-v4 .highlight-text-v4 {\n    display: block !important;\n    font-size: 16px !important;\n    line-height: 1.65 !important;\n    font-weight: 400 !important;\n  }\n\n  .featured-grid-v4 .bullet-list-v4 {\n    margin-top: 0 !important;\n    margin-bottom: 18px !important;\n    flex: 1 !important;\n  }\n\n  .featured-grid-v4 .bullet-list-v4 li {\n    font-size: 14px !important;\n    line-height: 1.75 !important;\n  }\n\n  .featured-grid-v4 .card-btn-v4 {\n    margin-top: auto !important;\n    align-self: flex-start !important;\n    width: 150px !important;\n    min-height: 38px !important;\n    font-size: 15px !important;\n  }\n}\n\/* \u5220\u9664\u4e4b\u524d\u7684 min-height *\/\n.featured-grid-v4 .key-idea-label-v4{\n    min-height: unset !important;\n    margin-bottom: 14px !important;\n}\n\n\/* Key idea \u6700\u591a\u4e24\u884c *\/\n.featured-grid-v4 .highlight-text-v4{\n    display: -webkit-box !important;\n    -webkit-line-clamp: 2 !important;\n    -webkit-box-orient: vertical !important;\n    overflow: hidden !important;\n\n    font-size: 16px !important;\n    line-height: 1.55 !important;\n    min-height: 50px !important; \/* \u4e24\u884c\u9ad8\u5ea6 *\/\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Perfect for Students, Easy to Use, AI-Powered 100 Speech Topicsfor Students Looking for a speech topic? Browse 100 engaging topics with key ideas and sample outlines. Perfect for school presentations, debates, or class talks. \u2726 Generate I need topic ideas \u2192 \u2606 Popular \u24d8 Informative \u261e Persuasive \u263b Funny \u2726 \u2726 \u2726 The Impact of [&hellip;]<\/p>\n","protected":false},"author":10,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"yes","_seopress_robots_follow":"","_seopress_robots_imageindex":"","_seopress_robots_snippet":"","_seopress_robots_primary_cat":"","_seopress_robots_breadcrumbs":"","_seopress_robots_freeze_modified_date":"","_seopress_robots_custom_modified_date":"","_seopress_robots_canonical":"","_seopress_social_fb_title":"","_seopress_social_fb_desc":"","_seopress_social_fb_img":"","_seopress_social_fb_img_attachment_id":0,"_seopress_social_fb_img_width":0,"_seopress_social_fb_img_height":0,"_seopress_social_twitter_title":"","_seopress_social_twitter_desc":"","_seopress_social_twitter_img":"","_seopress_social_twitter_img_attachment_id":0,"_seopress_social_twitter_img_width":0,"_seopress_social_twitter_img_height":0,"_seopress_redirections_value":"","_seopress_redirections_enabled":"","_seopress_redirections_enabled_regex":"","_seopress_redirections_logged_status":"both","_seopress_redirections_param":"","_seopress_redirections_type":301,"_seopress_analysis_target_kw":"","_seopress_news_disabled":"","_seopress_video_disabled":"","_seopress_video":[],"_seopress_pro_schemas_manual":[],"_seopress_pro_rich_snippets_disable_all":"","_seopress_pro_rich_snippets_disable":[],"_seopress_pro_schemas":[],"footnotes":""},"class_list":["post-12929","page","type-page","status-publish"],"acf":[],"_links":{"self":[{"href":"https:\/\/resources.aippt.com\/wp-json\/wp\/v2\/pages\/12929","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/resources.aippt.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/resources.aippt.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/resources.aippt.com\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/resources.aippt.com\/wp-json\/wp\/v2\/comments?post=12929"}],"version-history":[{"count":23,"href":"https:\/\/resources.aippt.com\/wp-json\/wp\/v2\/pages\/12929\/revisions"}],"predecessor-version":[{"id":13120,"href":"https:\/\/resources.aippt.com\/wp-json\/wp\/v2\/pages\/12929\/revisions\/13120"}],"wp:attachment":[{"href":"https:\/\/resources.aippt.com\/wp-json\/wp\/v2\/media?parent=12929"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}